@font-face {
   font-family: 'Open Sans Light';
   font-style: normal;
   font-weight: 300;
   src:url(https://fonts.gstatic.com/s/Open Sans/v13/DXI1ORHCpsQm3Vp6mXoaTRa1RVmPjeKy21_GQJaLlJI.woff) format('woff');
}

body {
      min-height: 100%;
    height: 100%;
  width: 100%;  
  overflow-x:hidden!important;
  overflow-y:auto;
	font-family: 'Open Sans' !important;
	color:#fff;
	  font-style: normal;
	  font-stretch: normal;
	  line-height: normal;
	  letter-spacing: normal;
}

/* general */
img, embed, object, video {
  max-width: 100%;
}

p {

   font-family: 'Open Sans' !important;
}


a.open-chat, a.open-chat:focus, a.open-chat:hover {
    border: none;
    outline: none;
}

.dp-page h2, .pp-page h2 {
    margin-bottom: 40px;
}

.dp-page p,.dp-page h2, .pp-page p,.pp-page h2{
	color: #000;
	font-family: 'Open Sans' !important;
	line-height: 28px;
}

.dp-page p a, .dp-page p a:focus, .dp-page p a:hover, .pp-page p a, .pp-page p a:focus, .pp-page p a:hover{
	color: #435964;
}

.container.dp-page, .container.pp-page {
    padding-bottom: 100px;
}


.btn {
	width: 273px;
	max-width: 100%;
	height: 50px;
	line-height: 48px;
	padding: 0;
	font-size: 20px;
	font-weight: 600;
	text-align: center;
	color: #ffffff;
	background: transparent;
	border-radius: 8px;
  	border: solid 2px #ffffff;
}
.btn.inverse {
	background-color: #fff;
	color:#567381;
}


.btn:hover {
	color: #f0c45c;
  	border: solid 2px #f0c45c;
}
.btn.inverse:hover {
	background-color: #f0c45c;
	color:#567381;
}

/*****************/


header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: rgba(34,45,50,0.35);
    background: #435964;
    color:#fff;
    z-index: 1000;
    height: 108px;
    /*overflow: hidden;*/
    -webkit-transition: height 0.3s;
    -moz-transition: height 0.3s;
    transition: height 0.3s;
    text-align:center;

}
.container-fluid {
    background: #435964;
}
header.shrink {
    height: 80px;
}
header h1
{
    font-size:30px;
    font-weight:normal;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

header.shrink h1
{
    font-size:24px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}


header .logo {
	display: inline-block;
	float: left;
	margin-top:15px;
	margin-left:-45px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
header.shrink .logo {	
	margin-top:10px;
}

header .slogan {
	display: inline-block;
	float: left;
	clear:both;
	margin-top: 10px;
	font-size: 16px;
	font-style:italic;
	margin-left: -25px;

}
header.shrink .slogan {
	visibility:hidden;
	float: initial;
	display: none;
}

header .menu {
	display: inline-block;
	float: right;
	list-style: none;
	margin-top:45px;
    -webkit-transition: margin 0.3s;
    -moz-transition: margin 0.3s;
    transition: margin 0.3s;
}

header.shrink .menu {
	margin-top:32px;
}
header .menu li {
	display: inline-block;
	float: left;
	padding: 0 25px;
	position: relative;
}

header .menu li.last {
	padding-right: 0;
}
header .menu li a {
	display: inline-block;
	color:#fff!important;
	font-size: 16px;
	padding: 0!important;
}
header .menu li a:hover {
	text-decoration: none;
	color: #f0c45c;
	cursor:pointer;
}


header .menu li.has-child .submenu {
	display: none;
	position: absolute;
	left: 0;
    top: 25px;
    background: #000;
    padding: 10px 0;
}
header .menu li.has-child > a:after {
	content:"\f078";
	font-family: Font Awesome\ 5 Pro;
	color:#fff;
	padding-left: 5px;
	font-size: 12px;
	line-height: 24px;
}
header .menu li.has-child a:hover {
	
}
header .menu li.has-child:hover > a:after,
header .menu li.has-child.submenu-visible > a:after {
	content:"\f077";
}
header .menu li.has-child:hover .submenu {
	display: inline-block;
}


.navbar{
	border:none;
	box-shadow: none;
	background: transparent;
	height: 100px;
	padding:0;
}
.navbar-brand {
  	padding: 0px;
}
.navbar-brand>img {
  /*height: 100%;*/
  /*padding: 15px;*/
  /*width: auto;*/
}
.navbar-brand {
  display: flex;
  align-items: center;
}
.navbar-brand>img {
  /*padding: 7px 14px;*/
}
.navbar-nav>li>.dropdown-menu {
	z-index: 9999;
}



#page {
	padding-top: 160px;
	/*background: url('../img/patro_fons.png') repeat left top #567381;
	background-attachment: fixed;*/
}


.fal.fa-check {
    margin-top: 3px;
}

.page-background {
    background: url(../img/patro_fons.png) repeat left top #567381;
    height: 100%;
    width: 100%;
    position: fixed;
}

h1 {
	text-transform: uppercase;
	font-size: 34px;
	font-weight: 800;
	color: #f0c45c;
	margin-bottom: 30px;
	margin-top: 150px;
}

#block-laptop {
	/*background: url('../img/laptop.png') no-repeat right top transparent;*/
	/*background-size: 70% auto;*/
	position: relative;
}

	#block-laptop .col-text {
		position: absolute;
		z-index: 10;
	}
		#block-laptop .col-text p {
			font-size: 24px;
		  	margin-bottom: 40px;
		}
		#block-laptop .col-text a.btn-instala {
			margin-right: 10px;
		}
	#block-laptop .col-img{
		display: inline-block;
		width: 85%;
		background: url('../img/laptop_shadow.png');
	    background-position-x: 0%;
	    background-position-y: 0%;
	    background-repeat: repeat;
		background-repeat: no-repeat;
		background-position: 0px bottom;
	}
		#block-laptop .col-img img {
			display: inline-block;
			width:100%;
			height:auto;
			padding-bottom: 5px;
		}



#block-bottom-laptop {
	font-size: 16px;
	padding-bottom: 90px;
}
	#block-bottom-laptop .col {
		padding: 0 20px;
		line-height: 24px;
	}
	#block-bottom-laptop .first {
		padding-left: 15px;
	}
	#block-bottom-laptop .last {
		padding-right: 15px;
	}
	#block-bottom-laptop h2 {
		font-size: 24px;
		min-height: 64px;
		line-height: 32px;
		font-weight: 400;
		color: #f0c45c;
		margin-top: -30px;
	}





#block-mobile {
	display: inline-block;
	position: relative;
	width:100%;
    background: #435964;
    padding-top: 45px;
}
	#block-mobile .col-img {
		position: absolute;
		background: url('../img/mobile_shadow.png');
	    background-position-x: 0%;
	    background-position-y: 0%;
	    background-repeat: repeat;
		background-repeat: no-repeat;
		background-position: 17px bottom;
	}

		#block-mobile .col-img img{
			padding-bottom: 4px;
		}

	#block-mobile .col-text {
		padding-top:65px;
		padding-bottom: 100px;
	}
		#block-mobile .col-text i {
			font-size: 72px;
		  font-weight: 300;
		  color: #f0c45c;
		  margin-top: 15px;
		}
		#block-mobile .col-text p {
			display: inline-block;
			width: 100%;
			font-size: 16px;
			margin-top: 10px;
			line-height: 24px;
			height:50px;
		}




#block-precios {
	font-size: 16px;
	padding-top: 120px;
	padding-bottom: 130px;
}
	#block-precios p.title-registrate {
		font-size: 30px;
		margin-bottom: 35px;
		font-family: 'Open Sans';
	}
		#block-precios p.title-registrate a {
		 	 color: #f0c45c;
		}

	#block-precios .row-precios {
		margin-top: 70px;
	}


	#block-precios .col {
		padding: 5px 50px;
	}
	#block-precios .col-center {
		border-left:2px solid #fff;
		border-right:2px solid #fff;
	}

		#block-precios .col p.title-precio{
			display: inline-block;
			width: 100%;
			text-align: center;
			font-size: 30px;
  			font-weight: bold;
  			margin-bottom: 7px;
			font-family: 'Open Sans';
		}
		#block-precios .col p.precio{
			display: inline-block;
			width: 100%;
			text-align: center;
			color: #f0c45c;
			font-size: 30px;
			margin-bottom: 50px;
		font-family: 'Open Sans';
		}
		#block-precios .col .texto {
			min-height: 460px;
			display: inline-block;
		}
		#block-precios .col .texto p {
			font-size: 16px;
			line-height: 24px;
		}

		#block-precios .col:last-child a  {
			margin-top: 10px;
		}

		#block-precios .col:last-child a {
		    margin-top: 5px;
		}

		#block-precios .col .texto p:last-child {
			margin-bottom: 20px;
		}
		#block-precios .col .texto ul {
			list-style: none;
			margin: 0;
			padding: 0;
			margin-bottom: 20px;
			/*margin-top: 20px;*/
		}
			#block-precios .col .texto ul li {
				margin-bottom: 5px;
			}
				#block-precios .col .texto ul li i {
					padding-right: 10px;
				}

		#block-precios .btn {
			width: 100%;
			display: inline-block;
		}




.goTop {
    position: fixed;
    bottom: 35px;
    background-color: #fff;
    color: #567381;
    width: 60px;
    height: 60px;
    text-align: center;
    right: 35px;
    cursor: pointer;
    z-index: 999;
}
.goTop i {
	font-size: 60px;
}
/***********************************/
footer{
	background:#435964;
	border:none;
	color:#fff;
	height:100px;
}
footer p.copyright {
	display: inline-block;
	float: left;
	margin: 0;
	font-size: 16px;
    line-height: 100px;
}
footer a.logo-tridenia ,
footer a.logo-watson {	
	display: inline-block;
	float:right;
	margin-top: 25px;
}
footer a.logo-watson {
	margin-left: 55px;
	margin-top: 20px;
}



.no-padding {
	padding:0!important;
}


#overbox3 {
	position:fixed;
	bottom:0;
	background:#ffffff;
	color:#000;
	text-align: center;
	padding:10px 15px 0;
	width:100%;
	text-align: left;
}
#overbox3 a {
	/*display: inline-block;*/
	margin-left: 20px;
	width: 100%;
}
#overbox3 p {
	font-weight: 300;
}

.modal {
	color:#000;
}
.modal p {
	color:#000;
}