/********************
******* MSM *********
*********************/
@font-face {
    font-family: montserrat;
    src: url(montserrat/Montserrat-ExtraBold.otf);
	font-weight: 900;
}@font-face {
    font-family: montserrat;
    src: url(montserrat/Montserrat-Black.otf);
	font-weight: 800;
}
@font-face {
    font-family: montserrat;
    src: url(montserrat/Montserrat-Bold.otf);
	font-weight: bold;
}
@font-face {
    font-family: montserrat;
    src: url(montserrat/Montserrat-SemiBold.otf);
	font-weight: 500;
}
@font-face {
    font-family: montserrat;
    src: url(montserrat/Montserrat-Regular.otf);
	font-weight: normal;
}
@font-face {
    font-family: montserrat;
    src: url(montserrat/Montserrat-Hairline.otf);
	font-weight: 100;
}
@font-face {
    font-family: montserrat;
    src: url(montserrat/Montserrat-UltraLight.otf);
	font-weight: 200;
}
@font-face {
    font-family: montserrat;
    src: url(montserrat/Montserrat-Light.otf);
	font-weight: 300;
}



body {
	font-family: "Raleway",montserrat;
	font-size:16px !important;
	font-weight: 300;
	background: #ffffff;
	line-height: 24px;
}

h3{
	font-size:20px;
	text-transform:uppercase;
	font-weight:300;
}
h2{
	text-transform:uppercase;
	font-weight:300;
}

a{
	color:#A9BBBC;
}
a:hover{
	color:#D4DDDD;
}

ul{
	list-style-type: none;
}
/*****************MENU**************/
.logo {
  margin-left: 25px; 
}

.tab-bar{
	background-color:#000000 !important;
}

.top-bar-section a,
.top-bar-section .dropdown a{
	background-color:#000000 !important;
	font-family:montserrat !important;
	font-weight:300 !important;
	font-size:14px !important;
	line-height: 44px !important;
}
.top-bar-section .dropdown{
	
}
.top-bar-section .dropdown a{
	background-color:#000000 !important;
	font-family:montserrat !important;
	font-weight:300 !important;
	font-size:14px !important;
	line-height: 44px !important;
	
}
.top-bar-section a,
.top-bar-section .dropdown a{
	padding:12px 10px;
}

.top-bar-section a:hover,
.top-bar-section .dropdown a:hover{
	background-color:#4E707A !important;
}

@media only screen and (min-width: 40.063em) {
	.top-bar {
		height: 6rem;
		padding-top: 2.6rem;
		position: relative; 
		background-color:#000000;
	}

	.social-icons {
		position: absolute;
		right: 0;
		top: -45px; 
	}

	.social-icons a{
		height:25px;
		line-height: 25px;
	}
	.logo {
		margin-top: -2.3rem; 
	} 
}

@media only screen and (min-width: 40.063em) {
  .social-icons {
    top: -35px; } 
}

/*****************HOME**************/

/****************SIGN UP***********/


table{
	width:100%;
}

.right-border{
	border-right: #000 solid 2px;
}
.left-border{
	border-left: #000 solid 2px;
}

.vertical{
	white-space: nowrap;
	overflow:hidden;
	margin:0px;
	padding-bottom:30px;
	-ms-transform: 		rotate(-90deg) translate(-75%,-250px); /* IE 9 */
    -webkit-transform:  rotate(-90deg) translate(-75%,-250px); /* Chrome, Safari, Opera */
	transform: 			rotate(-90deg) translate(-75%,-250px);
	width:300px;
}
.vertical.contacto{
	width:400px;
	-ms-transform: 		rotate(-90deg) translate(-40%,-300px); /* IE 9 */
    -webkit-transform:  rotate(-90deg) translate(-40%,-300px); /* Chrome, Safari, Opera */
	transform: 			rotate(-90deg) translate(-40%,-300px);
}
.vertical.software{
	width:214px;
	-ms-transform: 		rotate(-90deg) translate(-40%,-200px); /* IE 9 */
    -webkit-transform:  rotate(-90deg) translate(-40%,-200px); /* Chrome, Safari, Opera */
	transform: 			rotate(-90deg) translate(-40%,-200px);
}

.vertical div{
	height:30px;
}
.vertical span{
	font-size:20px;
	text-transform:uppercase;
	font-weight:300;
	line-height:50px;
	letter-spacing: 0.6em;
	margin-bottom:30px;
}
/********CONTENT*****************/
.white-section{
	padding-top:50px;
	padding-bottom:50px;
	background-color:#fff
}
.gray-section{
	padding-top:50px;
	padding-bottom:50px;
	background-color:#E5EAF4;
	color:#000;
}
.dark-section{
	padding-top:50px;
	padding-bottom:50px;
	background-color:#1E3C46;
	color:#fff;
}
.photo-section{
	padding-top:50px;
	padding-bottom:50px;
	background-color:#fff
}
section#about{
	background-color:#1E3C46;
}

#contacto{
	height:400px;
}

.btn-preguntas{
	background-color:#4E707A;
	padding:10px 50px;
	border: 2px solid #fff;
	color:#fff;
}
.btn-preguntas:hover{
	background-color:#708E90;
}

.btn-a{
	padding:10px 50px;
	border: 2px solid #384748;
	color:#384748;
}

.btn-a:hover{
	border-color:#D4DDDD;
}
.colored-bkg{
	background-color:#000; 
	background-size: 180%;
	color:#fff;
}

.box{
	border:3px #fff solid;
	padding:30px;
	padding-top:60px;
	margin-top:80px;
	margin-bottom:40px;
	width:300px;
}

.small-box{
	border:2px solid #bbb;
	color:#bbb;
	font-weight:300;
	font-size:18px;
	line-height:60px;
	text-align:center;
	width: 60px;
	height: 60px;
}

.home-icon{
	min-width:100px;
	min-height:100px;
}

.border-step-left{
	border-left:2px dashed #bbb;
	border-bottom:2px dashed #bbb;
	height:80px;
}
.border-step-right{
	border-right:2px dashed #bbb;
	border-bottom:2px dashed #bbb;
	height:80px;
}
.border-step-down{
	border-left:2px dashed #bbb;
	height:150px;
}
.border-bottom-white{
	border-bottom:2px solid #fff;
	padding-bottom:20px;
	
}
.border-bottom{
	border-bottom:2px solid #000;
}
.border-left-white{
	border-left-width:thin;
	border-left-color: #fff;
	border-left-style: solid ;
}
.border-left-gray{
	border-left:2px solid #bbb;
}
section{
	margin:auto 0px;
}

.color-box{
	height:100%;
	padding:4%;
}

.color-box h4{
	letter-spacing:.2em;
}
.color-box p{
	min-height:120px;
}

.color-box i{
	font-size:80px;
	color:#fff;
}

.heading,.heading-no{
	font-size:50px;
	line-height:50px;
	font-weight:normal;
	
}
.heading:hover{
	border-bottom:3px solid #fff;
}
.title{
	font-size:220px;
	line-height:220px;
}
.title-2{
	font-size:180px;
	line-height:220px;
}

.paragraph{
	font-size:18px;
	line-height:32px;
	font-weight:200;
}

.subtitle{
	font-size:20px;
	line-height:20px;
}
.subtitle-2{
	font-size:30px;
	line-height:44px;
}
.subtitle-3{
	
	font-size: 24px;
	line-height: 38.4px;
}
.subtitle-4{
	font-size: 18px;
	line-height: 40px;
	font-weight:bold;
}
.footer-text-header{
	font-size:16px;
	line-height:18px;
	color:#fff;
	letter-spacing: 0.2em; 
	text-transform:uppercase;
}
.footer-text{
	font-size:12px;
	line-height:18px;
	color:#fff;
}

.slogan{
	font-weight: 500;
	font-size: 13px;
	line-height: 18px;
	margin-top: 3px;
	display: inline-block;
}

.slogan-mobile{
	font-weight: 300;
	font-size: 10px;
	line-height: 15px;
	margin-top: 3px;
	display: inline-block;
}

.title-section{
	font-size:40px;
	line-height:40px;
}

.btn-a.home{
	border-color:#1E3C46;
	color:#1E3C46;
}
.btn-a.home:hover{
	background-color:#1E3C46;
	color:#FFF;
} 

.gray-section.home-icon .parent{
	cursor:pointer;
}
.gray-section.home-icon .parent:hover h4,
.gray-section.home-icon .parent:hover p,
.gray-section.home-icon .parent:hover i{
	color:#F15A5A;
}

big{
	font-size:24px;
}

.uper{
	text-transform:uppercase;
}

.white{
	color:#fff;
}

.black{
	color:#000;
}

.bottom{
	padding-top:50%;
}

.absolute{
	position:absolute;
}

.relative{
	position:relative;
}

.tel{
	font-family:montserrat;
	color:#fff;
	border-bottom:3px solid transparent;
}

.tel:hover{
	color:#fff;
	border-bottom:3px solid #fff;
}

.border-left{
	border-left:2px #fff solid;
	padding-left:20px;
}
.left-space{
	margin-left:15px;
}
#preguntas{
	background: #4E707A;
	padding:10px 0px;
	padding-bottom:30px;
}
#footer-end p{
	font-weight:300;
}
#footer-end{
	background: #1E3C46;
	padding:10px 0px;
}
#footer-social{
	background: #385661;
	padding:10px 0px;
}
#footer-horarios{
	background: #4E707A;
	padding:30px 0px;
}
#footer-tels{
	background: #557477;
	padding:30px 0px;
}

#backToTop{
	background: #708E90;
	padding:10px 0px;
}

#backToTop a{
	color:#fff;
	letter-spacing:.6em;
	font-weight:300;
}

.round-border-box{
	
}

.description i{
	font-size:47px;
	line-height:50px;
}

li > .fa-check{
	line-height:45px;
}
.fa-check{
	color:#66D3D0;
	padding-right:20px;
	
}
.fa-check.module{
	color:#F15A5A;
	padding-right:20px;
}
.fa-check.submod{
	color:#D36668;
	padding-right:20px;
}
#contacto {
	height:600px;
}
/********SLIDER*****************/
.header-slider {
	padding-top:0px;
	padding-bottom:0px;
}
.header-slider-box h1{
	font-family: montserrat,sans-serif;
	font-size: 24px;
	line-height: 36px;
	color:#fff;
}
.header-slider-box p{
	font-family: montserrat;
	font-weight:100;
	font-size: 20px;
	line-height: 50px;
}

#iasc .header-slider {
	padding-top:50px;
	padding-bottom:50px;
}
#iasc .header-slider-box {
	height: 400px;
	background-size: cover;
	box-sizing: border-box;
	padding: 100px;
}
#header .header-slider-box {
	height: 500px;
	background-size: cover;
	box-sizing: border-box;
	padding: 0px;
}

#iasc-mobile .header-slider {
	padding-top:10px;
	padding-bottom:10px;
}
#iasc-mobile .header-slider-box {
	height: 400px;
	background-size: cover;
	box-sizing: border-box;
	padding-top:50px;
	padding-bottom:50px;
}

#iasc .bg-photo-section{
	background-image: url('../img/iasc-bkg.png');
	background-repeat:no-repeat;
	background-size: 100% ;
}
#iasc-mobile .bg-photo-section{
	background-image: url('../img/iasc-bkg.png');
	background-repeat:no-repeat;
	background-size: 400% ;
	background-position:center;
}
#header .bg-index{
	background-image: url('../img/home.jpg');
	background-repeat:no-repeat;
	background-size: 100% ;
}
#mobile .bg-index{
	background-image: url('../img/home.jpg');
	background-repeat:no-repeat;
	background-size: 400% ;
	background-position:center;
}
.button-link{
	margin-top:100px;
	padding:15px;
	border-color:#A9BBBC;
	border-style:solid;
	border-width:normal;
}
.button-link:hover{
	border-color:#fff;
}
/********FOOTER*****************/

.social i{
	font-size:25px;
}
.social,.endfooter{
	list-style-type: none;
}
.endfooter li,
.social li{
	display:inline;
	padding:0px 15px;
}
.footer-menu li{
	padding-left:10px;
	padding-right:10px;
	display:inline;	
}

.TLDR{
	font-size:11px;
	font-weight:200;
}

footer{
	text-align: center;
	font-size: 14px;
	margin-top:50px;
	padding: 2rem; 
	color:#aaa;  
 }
 
.contact .right-border{
	border-right: #fff solid 2px;
}
.contact .left-border{
	border-left: #fff solid 2px;
}
.contact p{
	font-weight:200;
	padding-top:20px;
}
.contact h3 hr,
.contact h3{
	max-width:265px;
	color:#fff;
}
.contact{
	padding:20px;
	background-color: #385661;
	color: #ffffff;	
}

.standard-footer{
	padding:25px;
	color:#fff;
}

.mobile-footer,
.standard-footer{
	background-color: #1E3C46;
}