/*///////// IAC. Capacitación ///// Mi Agencia ///// Daniel Sánchez //////////*/

:focus { outline: none; }
/*// remove dotted outline/border in Firefox //*/
button:focus, a:focus, a:active, button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, select::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner { outline: none !important; } select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #000; }

/*// Back to Top //*/

.cd-top { display: inline-block; height: 40px; width: 40px; position: fixed; bottom: 40px; right: 10px; box-shadow: none; /* image replacement properties */ overflow: hidden; text-indent: 100%; white-space: nowrap; background: #ff085a url(../img/cd-top-arrow.svg) no-repeat center 50%; visibility: hidden; opacity: 0; -webkit-transition: opacity .3s 0s, visibility 0s .3s; -moz-transition: opacity .3s 0s, visibility 0s .3s; transition: opacity .3s 0s, visibility 0s .3s; border-radius: 1000px; }
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover { -webkit-transition: opacity .3s 0s, visibility 0s 0s; -moz-transition: opacity .3s 0s, visibility 0s 0s; transition: opacity .3s 0s, visibility 0s 0s; }
.cd-top.cd-is-visible { /* the button becomes visible */ visibility: visible; opacity: 1; }
.cd-top.cd-fade-out { /* if the user keeps scrolling down, the button is out of focus and becomes less visible */ opacity: .5; }
.no-touch .cd-top:hover { background-color: #91ad90; opacity: 1; }
@media only screen and (min-width: 768px) { .cd-top { right: 20px; bottom: 20px; } }
@media only screen and (min-width: 1024px) { .cd-top { height: 60px; width: 60px; right: 30px; bottom: 30px; } }


/*//////////////////////////////////////// General ////////////////////////////////////////*/

body
{
    overflow-x: hidden;
    font-family: 'Open Sans', sans-serif;
    
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-font-feature-settings: "liga" on;
	
	margin-top: 60px;
	background-color: #151846;
}

section
{
	padding: 30px 0;
}

.jumbotron
{
    margin: 0;
}

iframe
{
    border: 0;
}

/*// Buttons //*/

.btn-default, .btn-default:focus
{
    display: inline-block;
    font-size: 18px;
    padding: 10px 20px;
    color: white;
    background-color: #ce0548;
    border: none;
    border-radius: 8px;
	text-align: center;
    text-decoration: none;
	font-family: 'Comfortaa', cursive;
    transition: 300ms;
}

.btn-default:hover, .btn-default:active
{
    background-color: #ff4986;
    color: white;
    text-decoration: none;
}

/*// Forms //*/

label
{
    font-weight: 500;
    color: #c7c7c7;
    font-size: 13px;
}

.form-control
{
    color: black;
}

.form-control:focus {
    border-color: white;
    outline: 0;
    box-shadow: none
}

input[type="text"], input[type="email"], input[type="tel"], input[type="number"], textarea
{
	min-height: 50px;
	padding: 6px 20px;
    border: 2px solid #3b3d64;
    border-radius: 8px;
    font-size: 16px;
    color: white;
    background-color: transparent;
    transition: border 300ms;
    box-shadow: none;
}

textarea.form-control
{
    height: 200px;
	padding: 16px 20px;
    border: 2px solid #3b3d64;
    border-radius: 8px;
    font-size: 16px;
    color: white;
    background-color: transparent;
	resize: vertical;
    transition: border 300ms;
    box-shadow: none;
}

.form-control::-webkit-input-placeholder { color:#b1b2c1; opacity: 1; }
.form-control::-moz-placeholder { color:#b1b2c1; opacity: 1; }
.form-control::-ms-placeholder { color:#b1b2c1; opacity: 1; }
.form-control::placeholder { color:#b1b2c1; opacity: 1; }


/*//////////////////////////////////////// Font ////////////////////////////////////////*/

h1, h2, h3, h4, h5
{
    font-family: 'Comfortaa', cursive;
    color: white;
}

h2
{
    margin: 40px 0;
    font-size: 32px;
    letter-spacing: 1px;
/*	text-transform: uppercase;*/
}

p
{
    font-size: 16px;
    color: white;
}

a
{
    color: white;
    transition: color 300ms;
    text-decoration: none;
}

a:hover, a:active
{
    color: #ff4986;
	text-decoration: none;
}
a:focus
{
    color: #ffc3d7;
	text-decoration: none;
}

ul
{
	margin: 20px 0;
    list-style-type: square;
	font-size: 16px;
	color: white;
}

li
{
	margin: 5px 0;
}


/*//////////////////////////////////////// Header ////////////////////////////////////////*/

header
{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100000;
    width: 100%;
	transition: top 300ms;
	-webkit-transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;
}

.navbar-header
{
    z-index: 100;
}

nav
{
    font-family: 'Open Sans', sans-serif;
}

.navbar-default
{
    height: 60px;
    margin: 0;
    border: none;
    border-radius: 0;
    background-color: #27245B;
    z-index: 100;
    transition: background-color 1000ms;
}

nav.navbar-default .container
{
    height: 60px;
}

/* Brand */

.navbar-brand
{
    height: 100%;
    padding: 0px;
}

.navbar-brand>img:first-of-type
{
	width: auto;
    height: 60px;
    margin-right: 15px;
	padding: 14px 15px 16px 15px;
}

/* Menu */

nav ul
{
    list-style-type: none;
    padding: 0 15px;
    margin: 50px 0;
}

nav ul li
{
    margin: 0;
    padding: 0;
    line-height: 50px;
    font-size: 15px;
    border: none;
    transition: border-bottom 300ms;
}

nav.navbar-default .navbar-nav>li>a, nav.navbar-default .navbar-nav>li>a:focus
{
    margin: 10px 5px;
    padding: 9px 15px 11px 15px;
	border-radius: 8px;
	font-weight: 500;
    letter-spacing: 1px;
	color: white;
	text-decoration: none;
    transition: background-color 300ms;
}

.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:active, .navbar-default ul.subMenu li>a:hover, .navbar-default ul.subMenu li>a:active, .navbar-default .navbar-nav>li.subMenuCont:hover>a
{
	color: white;
	background-color: #ff4986;
	text-decoration: none;
}

nav ul li a.curPage
{
	background-color: #30368c;
}

/* Submenu */

nav ul.subMenu
{
	display: none;
	position: absolute;
	top: 60px;
    width: 312px;
	margin: 0;
    padding: 0;
    list-style-type: none;
	background-color: #30368C;
}

.navbar-default .navbar-nav>li:hover ul.subMenu
{
	display: block;
}

nav ul.subMenu li
{
	margin: 0;
	padding: 0;
	line-height: 0;
}

nav ul.subMenu li>a, nav ul.subMenu li>a:focus
{
	display: block;
    margin: 0;
    padding: 5px 15px;
	border: none;
    line-height: 30px;
    font-size: 15px;
    font-weight: 500;
	color: white;
	text-decoration: none;
    transition: background-color 300ms;
}

nav ul.subMenu li:nth-of-type(2n)
{
    background-color: #373D8F;
}

nav ul.subMenu li.curPage
{
    background-color: #656bb1;
}

nav ul.subMenu li .fa
{
    font-size: 18px;
    margin-right: 10px;
}

/* Menu Mobile */

.menuMobile .fa-navicon, .menuMobile .fa-navicon:hover, .menuMobile .fa-navicon:active, .menuMobile .fa-navicon:focus
{
    color: white;
    cursor: pointer;
}

.menuMobile .dropdown-menu {
    display: block;
	top: 44px;
    left: -3000px;
	width: 100vw;
	height: calc(100vh - 59px);
    margin: 0;
	padding: 0;
	border: none;
    border-radius: 0;
	z-index: 1000;
    font-size: 16px;
    text-align: left;
    list-style: none;
    background-color: #30368c;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-box-shadow: none;
    box-shadow: none;
	overflow-y: scroll;
    transition: 600ms ease-in-out;
}

.menuMobile .dropdown-menu>li
{
    font-size: 16px;
	border-bottom: 2px solid #373d8f;
}

.menuMobile .dropdown-menu li a, .menuMobile .dropdown-menu li a:focus
{
    padding: 10px 20px;
    color: white;
}

.menuMobile .dropdown-menu ul.subMenu
{
	display: block;
	position: static;
    width: 100%;
}
.menuMobile .dropdown-menu ul.subMenu li
{
    padding-left: 15px;
 }   
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover
{
    background-color: transparent;
    text-decoration: underline;
}


/*//////////////////////////////////////// Init home ////////////////////////////////////////*/

.initImg
{
	position: relative;
    width: 100%;
    margin: 0 0 -5px 0;
	padding: 0;
}

.initImg img, .initImg video
{
    width: 100%;
}

.initImg .col-lg-8
{
    position: absolute;
/*	top: 50%;*/
	top: calc(50% - 102.5px);
	transform: translateY(-50%);
	padding: 0;
}

.initImg h1
{
	margin: 0 0 30px 0;
	font-size: 42px;
	color: white;
}

.initImg .btn
{
	width: 150px;
}

.initImg .btn:last-of-type
{
	margin-left: 30px;
}

.initImg .bkgGradient
{
	position: absolute;
    top: 0;
    width: 100%;
    height: calc(100% - 5px);
/*    background: linear-gradient(to bottom right, #1A1D50, transparent);*/
	background: linear-gradient(to top right, #1A1D50, transparent);
}


/*//////////////////////////////////////// Home Cont Triple ////////////////////////////////////////*/

.contHomeTriple
{
	position: relative;
}

.contHomeTriple .col-sm-4
{
	position: absolute;
    bottom: 0;
	margin-bottom: 35px;
}
.contHomeTriple .col-sm-4:first-of-type { left: 0; }
.contHomeTriple .col-sm-4:nth-of-type(2) { left: 33.333333%; }
.contHomeTriple .col-sm-4:nth-of-type(3) { left: 66.666666%; }

.contHomeTriple .col-sm-4>a>div, .contHomeTriple .col-sm-4>div
{
	padding: 15px;
	border-radius: 8px;
	transition: transform 300ms;
}
.contHomeTriple .col-sm-4:first-of-type>a>div, .contHomeTriple .col-sm-4:first-of-type>div { background-color: #BB124B; }
.contHomeTriple .col-sm-4:nth-of-type(2)>a>div, .contHomeTriple .col-sm-4:nth-of-type(2)>div { background-color: #4C2987; }
.contHomeTriple .col-sm-4:nth-of-type(3)>a>div, .contHomeTriple .col-sm-4:nth-of-type(3)>div { background-color: #43A3B5; }

.contHomeTriple .col-sm-4>a>div:hover
{
	transform: translateY(-50px);
}

.contHomeTriple .col-sm-4 .fa
{
	height: 40px;
	margin-top: 0;
	font-size: 40px;
	color: white;
	opacity: .4;
}

.contHomeTriple .col-sm-4 h2
{
    margin: 30px 0 20px 0;
	font-size: 28px;
}

/*
.contHomeTriple
{
	padding: 60px 0;
    background-color: #4C2987;
	background-size: cover;
	background-repeat: no-repeat;
}

.contHomeTriple .col-sm-4:last-of-type { border-right: none; }

.contHomeTriple .col-sm-4 .fa
{
	margin-top: 40px;
	font-size: 40px;
	color: #8972b0;
}
.contHomeTriple .col-sm-4 h2
{
    margin: 30px 0 20px 0;
}
.contHomeTriple .col-sm-4 p
{
	margin-bottom: 40px;
}
*/


/*//////////////////////////////////////// Home Cont ////////////////////////////////////////*/

.contHome1, .contHome2, .contHome3
{
	padding: 120px 0;
    background-repeat: no-repeat;
    background-position: bottom right;
}

.contHome1 h2, .contHome2 h2, .contHome3 h2, .contHome1 p, .contHome2 p, .contHome3 p
{
	margin: 0 0 30px 0;
}
.contHome1 h2>span, .contHome2 h2>span, .contHome3 h2>span
{
	display: block;
	font-size: 56px;
	margin-bottom: 15px;
}

.contHome1
{
	background-color: #bb124b;
	background-size: contain;
}

.contHome1 img
{
	float: left;
    margin-right: 30px;
    width: 180px;
}
.contHome1 h2 { margin: 18px 0 18px 0; }

.contHome1 h2>span>.numsAnim
{
	font-size: 80px;
}

.contHome2
{
	padding: 60px 0;
	background-color: #4C2987;
	background-position: center left;
	text-align: left;
}
.contHome2 img
{
    border-radius: 8px;
}
.contHome2 .titleSmall
{
	margin-bottom: 15px;
    font-size: 18px;
    color: #9d84c7;
}

.contHome3
{
	padding: 210px 0;
	background-color: #34a2b7;
}


/*//////////////////////////////////////// Page Title ////////////////////////////////////////*/

.pageTitle
{
	padding: 0;
}

.pageTitle>div:first-of-type
{
	background-color: rgba(65, 75, 206, 0.5);
}

.pageTitle>div:first-of-type h1
{
	margin: 20px 0 18px 0;
	line-height: 60px;
	color: white;
}

.pageTitle>div:first-of-type h1>.fa
{
    width: 60px;
    height: 60px;
	margin-right: 10px;
	border-radius: 8px;
	line-height: 60px;
    background-color: #69A469;
}

.pageTitle .breadcrumb
{
	margin: 10px 0 0 0;
	padding: 0;
	font-size: 13px;
	color: white;
    background-color: transparent;
}
.pageTitle .breadcrumb>.active { color: #b4b9ff; }


/*//////////////////////////////////////// Link call to action ////////////////////////////////////////*/

.contLink .col-lg-12>div
{
    padding: 46px 30px 50px 30px;
	border-radius: 8px;
/*	background-color: #662681;*/
	border: 3px dashed #ffffff29;
}

.contLink .col-lg-12>div>div
{
	float: left;
}

.contLink h2
{
    margin: 0 0 20px 0;
}

.contLink p
{
    margin: 0;
}

.contLink .btn
{
    float: right;
	margin-top: 16px;
}


/*//////////////////////////////////////// Schools ////////////////////////////////////////*/

.contSchools
{
	padding-bottom: 15px;
}

.contSchools .row:first-of-type p
{
	margin-bottom: 20px;
}

.contSchools .contSchoolsCard
{
	position: relative;
	margin: 15px 0;
	padding: 15px;
	border: 2px solid #2A3085;
	border-radius: 8px;
	background-color: #2A3085;
	transition: background-color 300ms, border 300ms;
}

.contSchools .contSchoolsCard .fa
{
	position: absolute;
	top: 25px;
	left: 25px;
	font-size: 30px;
	color: white;
	z-index: 10;
}

.contSchools .contSchoolsCard img
{
	border-radius: 8px;
	transition: opacity 300ms;
}

.contSchools .contSchoolsCard p
{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, calc(-50% - 15px));
	margin: 0;
    padding: 6px 14px;
    border-radius: 8px;
    background-color: #ff085a;
	font-family: 'Comfortaa', cursive;
    z-index: -1;
}

.contSchools .contSchoolsCard h2
{
	margin: 15px 0 5px 0;
	font-size: 18px;
	font-family: 'Open Sans', sans-serif;
}

.contSchools .contSchoolsCard>div:last-of-type
{
    position: absolute;
	bottom: -2px;
    left: -2px;
    width: calc(100% + 4px);
    height: 8px;
    border-radius: 0 0 8px 8px;
}

.contSchools .contSchoolsCard:hover
{
	border: 2px dashed #2A3085;
	background-color: transparent;
}

.contSchools a:hover .fa, .contSchools a:active .fa, .contSchools a:focus .fa
{
	color: white;
}

.contSchools .contSchoolsCard:hover img
{
	    opacity: 0.2;
}


/*//////////////////////////////////////// Courses ////////////////////////////////////////*/

.pageTitle.pageTitleCourses>div:first-of-type h1
{
	margin: 55px 0 59px 0;
}

.contCourses>.container>.row:first-of-type
{
    margin-bottom: 15px;
}

.ajaxStatus
{
	padding: 15px;
    border-radius: 8px;
    font-size: 18px;
	background-color: #30368c;
}

.contCourses .coursesLinks
{
	margin: 30px 0 10px 0;
    padding: 10px 15px;
	border-radius: 8px;
	line-height: 32px;
	background-color: #2b328a;
}

.contCourses .coursesLinks a
{
	margin: 0 5px;
	padding: 0;
    border-bottom: 2px dashed #3b429e;
	transition: color 300ms, border-color 300ms;
}

.contCourses .coursesLinks a:hover
{
	border-color: #ff4986;
}

.contCourses .contCoursesCard
{
	position: relative;
	margin: 15px 0;
	padding: 15px;
	border-radius: 8px;
	background-color: #2A3085;
	transition: background-color 300ms, border 300ms;
}

.contCourses .contCoursesCard>div:first-of-type, .contModalInfo>div:first-of-type
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 8px;
    border-radius: 8px 8px 0 0;
}

.contCourses-negocios .pageTitle>div:first-of-type h1>.fa, .contCourses-negocios .contCourses .contCoursesCard>div:first-of-type, .contCourses-negocios .contModalInfo>div:first-of-type, .contSchoolsCard.contSchoolsCard-negocios>div:last-of-type { background-color: #69a469; }
.contCourses-tecno .pageTitle>div:first-of-type h1>.fa, .contCourses-tecno .contCourses .contCoursesCard>div:first-of-type, .contCourses-tecno .contModalInfo>div:first-of-type, .contSchoolsCard.contSchoolsCard-tecno>div:last-of-type { background-color: #3d9eff; }
.contCourses-admin .pageTitle>div:first-of-type h1>.fa, .contCourses-admin .contCourses .contCoursesCard>div:first-of-type, .contCourses-admin .contModalInfo>div:first-of-type, .contSchoolsCard.contSchoolsCard-admin>div:last-of-type { background-color: #CB3D3D; }
.contCourses-disenio .pageTitle>div:first-of-type h1>.fa, .contCourses-disenio .contCourses .contCoursesCard>div:first-of-type, .contCourses-disenio .contModalInfo>div:first-of-type, .contSchoolsCard.contSchoolsCard-disenio>div:last-of-type { background-color: #FF39D7; }
.contCourses-oficios .pageTitle>div:first-of-type h1>.fa, .contCourses-oficios .contCourses .contCoursesCard>div:first-of-type, .contCourses-oficios .contModalInfo>div:first-of-type, .contSchoolsCard.contSchoolsCard-oficios>div:last-of-type { background-color: #747474; }
.contCourses-idiomas .pageTitle>div:first-of-type h1>.fa, .contCourses-idiomas .contCourses .contCoursesCard>div:first-of-type, .contCourses-idiomas .contModalInfo>div:first-of-type, .contSchoolsCard.contSchoolsCard-idiomas>div:last-of-type { background-color: #e4c600; }
.contCourses-comunic .pageTitle>div:first-of-type h1>.fa, .contCourses-comunic .contCourses .contCoursesCard>div:first-of-type, .contCourses-comunic .contModalInfo>div:first-of-type, .contSchoolsCard.contSchoolsCard-comunic>div:last-of-type { background-color: #EF8635; }

.contCourses .contCoursesCard h3
{
    margin: 20px 0;
	cursor: pointer;
}

.contCourses .contCoursesCard>p:last-of-type
{
    margin: 0;
}

.contCourses .contCoursesCard>div:last-of-type
{
    position: relative;
	left: -0;
    margin-top: -72px;
	padding: 15px;
    border-radius: 8px;
	border: 2px dashed #3a41a9;
    opacity: 0;
	transition: margin-top 300ms, opacity 300ms;
}

.contCourses .contCoursesCard>div:last-of-type p
{
	float: left;
	margin: 6px 0;
}

.contCourses .contCoursesCard>div:last-of-type .btn
{
	float: right;
	padding: 8px 12px;
    font-size: 16px;
}

.contCourses .contCoursesCard:hover>div:last-of-type
{
    margin-top: 15px;
    opacity: 1;
}

.deployCursosEspeciales .col-md-4 img
{
	margin-top: 35px;
    border-radius: 8px;
}

.contCourses-comunic .contCourses .col-lg-8 .col-sm-6 p
{
	margin: 15px 0;
	padding: 15px;
    border-radius: 8px;
    background-color: #2b328a;
}


/*//////////////////////////////////////// Modal Info ////////////////////////////////////////*/

.contModalInfo
{
    position: fixed;
    top: 80px;
    left: 50%;
	width: 900px;
    height: calc(100vh - 120px);
    transform: translate(-50%, 0);
	padding: 0 0 30px 0;
	border-radius: 8px;
    background-color: #27245b;
	z-index: 100;
}

.contModalInfo .title
{
	padding: 40px 30px 30px 30px;
	background-color: #2d3282;
}
.contModalInfo .title h2
{
	float: left;
	margin: 3px 0 0 0;
}
.contModalInfo .title>span
{
    float: right;
	transform: translateY(-5px);
    font-size: 30px;
	color: white;
    cursor: pointer;
}

.contModalInfo>.content
{
    height: calc(100% - 115px);
    margin: 0 0 30px 30px;
    padding: 0 30px 0 0;
    overflow-y: scroll;
/*
	    height: calc(100% - 110px);
    margin: 0 30px 30px 30px;
    padding: 0 15px 15px 15px;
    overflow-y: scroll;
    background-color: #27245b;
    border-radius: 8px;
*/
}
.contModalInfo>.content::-webkit-scrollbar { position: fixed; right: 0; width: 12px; }
.contModalInfo>.content::-webkit-scrollbar-track { background: rgba(255, 255, 255, 0.03); border-radius: 8px; }
.contModalInfo>.content::-webkit-scrollbar-thumb { background: #40469e; border-radius: 8px; }
.contModalInfo>.content::-webkit-scrollbar-thumb:hover { background: #6b71cc; }

.contModalInfo .content h3
{
	margin: 30px 0 15px 0;
}

.contModalInfo .content>div:last-of-type
{
	margin-top: 30px;
    padding: 15px;
    border-radius: 8px;
    border: 2px dashed #3a41a9;
}
.contModalInfo .content>div:last-of-type p
{
    float: left;
    margin: 6px 0;
}
.contModalInfo .content>div:last-of-type .btn
{
    float: right;
    padding: 8px 12px;
    font-size: 16px;
}

.modalBkg
{
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: #0000008f;
	z-index: 99;
}

/* Modal Index */

.contModalInfo.contModalIndex
{
	width: auto;
	height: auto;
	background-color: transparent;
}
.contModalInfo.contModalIndex .title {
    padding: 0;
    background-color: transparent;
}
.contModalInfo.contModalIndex .title>span { float: none; }
.contModalInfo.contModalIndex>.content
{
	height: auto;
	margin: 0;
    padding: 0;
	overflow-y: auto;
}
.contModalInfo.contModalIndex>.content img { width: 100%; }


/*//////////////////////////////////////// Institutional ////////////////////////////////////////*/

.instiStartTitle
{
    margin: 20px 0;
    font-size: 24px;
}

.instiImg img
{
	margin-top: 20px;
	border-radius: 8px;
}
.instiImg figcaption
{
	margin-top: 15px;
	color: white;
	font-size: 18px;
}

.classroomImg img
{
	margin: 40px 0 10px 0;
	border-radius: 8px;
}

.partnerCard img
{
    margin-bottom: 15px;
	padding: 40px;
    border-radius: 8px;
    background-color: white;
}

.contTeam .teamCard>div
{
	margin: 15px 0;
	padding: 15px;
	border-radius: 8px;
	background-color: #2A3085;
}
.contTeam .teamCard>div>p
{
	min-height: 40px;
	margin-bottom: 5px;
	font-size: 14px;
}
.contTeam .teamCard>div>p:last-of-type
{
	min-height: 0;
	margin: 0;
    color: #8c92e4;
}


/*//////////////////////////////////////// Contact ////////////////////////////////////////*/

.contactCont
{
    margin-bottom: 0;
}

.contactCont .btn
{
	width: 120px;
    margin-top: 15px;
}

#contactForm
{
    margin: 20px 0 10px 0;
}

#contactForm p
{
    margin: 20px 0 10px 0;
    padding-bottom: 5px;
    border-bottom: 2px solid #c7c7c7;
    font-size: 18px;
    color: #848282;
}

#contactForm .formSpinner
{
    display: none;
    margin: 5px 0;
    font-size: 25px;
	color: white;
}
#contactForm .messages>div
{
	margin-top: 15px;
}

.contactCont address
{
	margin-top: 44px;
    padding: 21px 20px 12px 20px;
    border-radius: 8px;
    /* border: 3px dashed #ffffff29; */
    background-color: #2b328a;
}

.contactCont address .fa
{
    margin-right: 10px;
}

.contactCont address h3
{
    margin: 30px 0 15px 0;
}


/*//////////////////////////////////////// Footer ////////////////////////////////////////*/

footer
{
    margin: 30px 0 0 0;
    padding: 0;
	color: white;
    background-color: #27245B;
}

footer a:hover, footer a:active
{
    text-decoration: none;
}

footer p, footer h2, footer h3
{
    color: white;
}

footer small
{
	font-size: 12px;
	color: #bebdd6;
}

/* Social */

.footerSocial
{
	margin-bottom: 40px;
	background-color: #30368C;
}

.footerSocial h2
{
	float: left;
    margin: 0;
    line-height: 70px;
	font-size: 16px;
	font-family: 'Open Sans', sans-serif;
}

.footerSocial a
{
    
    display: block;
	float: left;
    width: 70px;
	text-align: center;
    font-size: 24px;
	line-height: 70px;
	transition: background-color 300ms;
}

.footerSocial a:nth-of-type(2n-1)
{
    background-color: #444AA5;
}

.footerSocial a:first-of-type
{
    margin-left: 25px;
}

.footerSocial a:hover
{
    background-color: #9c2074;
	color: white;
}

.footerSocial a:first-of-type:hover { background-color: #3068ff; }
.footerSocial a:nth-of-type(2):hover { background-color: #b83aef; }
.footerSocial a:nth-of-type(3):hover { background-color: #4c9eff; }
.footerSocial a:nth-of-type(4):hover { background-color: #3c64ec; }
.footerSocial a:nth-of-type(5):hover { background-color: #fd3030; }
.footerSocial a:nth-of-type(6):hover { background-color: #ff3b3b; }
.footerSocial a:nth-of-type(7):hover { background-color: #e01c1c; }
.footerSocial a:nth-of-type(8):hover { background-color: #636ca5; }

/* Nav */

footer nav ul
{
	margin: 0;
}

footer nav>ul
{
	list-style-type: disc;
}

footer nav ul li
{
	line-height: 24px;
}

footer nav>ul>li
{
	margin: 15px 0;
	font-size: 18px;
}

footer nav>ul>li:first-of-type
{
	margin-top: 0;
}

footer nav>ul>li>ul>li
{
	margin: 10px 0;
	font-size: 16px;
}

footer nav>ul>li>ul>li:first-of-type
{
	margin-top: 15px;
}

/* Address */

footer address h2
{
    font-size: 24px;
    margin: 0 0 15px 0;
}

footer address h3
{
    font-size: 20px;
    margin: 30px 0 15px 0;
}

footer address .fa, footer nav>ul>li>ul>li .fa
{
	margin-right: 10px;
}

/* Copyright */

footer .footerCopyright
{
	margin-top: 30px;
	padding: 30px 0;
	background-color: #1A1D50;
}

footer img
{
	float: right;
    height: 40px;
}

footer.footerNoMargin { margin-top: 0; }

.counterimg { height: 20px; margin: -10px 25px 0 0; opacity: 0.5; }


/*//////////////////////////////////////// Responsive ////////////////////////////////////////*/


/*///// MD /////*/

@media screen and (max-width: 1199px)
{
	/*///// Init /////*/
	.initImg .col-lg-8 { top: calc(50% - 132.5px); }
	
	/*///// Home /////*/
	.contHomeTriple .col-sm-4>a>div { min-height: 235px; }
	
	.contModalInfo.contModalIndex { width: calc(100% - 30px); }
}


/*///// SM /////*/

@media screen and (max-width: 991px)
{
	body
	{
		margin-top: 60px;
	}
    
    /*///// Header /////*/

	div.navbar-default {
    	height: 64px;
	}
	
	div.navbar-default address {
		margin: 0;
		line-height: 30px;
	}
	
    nav.navbar-default {
        height: 60px;
    }
    
    .navbar-brand
    {
        width: 170px;
        height: 60px;
    }
    
    .menuMobile
    {
        position: absolute;
        top: 15px;
        right: 25px;
        font-size: 20px;
        color: white;
    }
	
	/*///// Init /////*/
	
	.initImg .col-lg-8 { top: calc(50% - 160px); }
	
	/*///// Home /////*/
	
	.contHomeTriple .col-sm-4>a>div { min-height: 280px; }
	
	/*///// Courses /////*/
	
	.contCourses .contCoursesCard h3
	{
		text-decoration: underline;
	}
	
	/*///// Modal Info /////*/
	
	.contModalInfo
	{
		width: calc(100% - 30px);
	}
	.contModalInfo .title { padding: 20px 15px 15px 15px; }
	.contModalInfo .title h2 { width: calc(100% - 30px); }
	.contModalInfo .title>span { font-size: 22px; }
	.contModalInfo>.content {
		height: calc(100% - 115px);
		margin: 0 0 15px 15px;
		padding: 0 15px 0 0;
	}
}


/*// XS //*/

@media screen and (max-width: 767px)
{
	h1 {
    	font-size: 26px;
	}
	h2 {
    	font-size: 24px;
	}
	
    div.navbar-default {
        height: 110px;
    }
	
	div.navbar-default address {
		line-height: 26px;
	}
    
    div.navbar-default .navbar-right {
        position: absolute;
        top: 30px;
        right: 28px;
    }
    
    div.navbar-default .navbar-right li {
        float: left;
    }
	
	.contLink .btn {
    	float: left;
	}
	
	/*///// Init /////*/
	
	.initImg .col-lg-8 {
		top: 50%;
    	padding: 0 15px;
	}
	
	.initImg h1 {
    font-size: 36px;
	}
	
	.initImg .btn {
		width: 140px;
    	padding: 10px;
	}
	.initImg a:last-of-type {
    	margin-left: 15px;
	}
	
	/*///// Home /////*/
	
	.contHomeTriple .col-sm-4 {
		position: static;
		margin-bottom: 30px;
	}
	.contHomeTriple .col-sm-4:last-of-type { margin-bottom: 0; }
	.contHomeTriple .col-sm-4>a>div { min-height: 0; }
	
	.contHomeTriple .col-sm-4 h2 {
		margin-bottom: 15px;
	}
	
	.contHome1, .contHome2, .contHome3 {
    	padding: 80px 0;
		background-size: cover;
		background-position: 50%;
	}
	
	.contHome1 h2>span, .contHome2 h2>span, .contHome3 h2>span {
		font-size: 36px;
	}
	.contHome1 h2>span>.numsAnim {
		font-size: 60px;
	}
	
	.contHome1 img {
    	float: none;
	}
	
	/*///// Intro, Services /////*/
	
	.pageTitle>div:first-of-type h1>.fa {
		width: 40px;
		height: 40px;
		line-height: 40px;
		font-size: 20px;
	}
	
	/*///// Courses /////*/
	
	.contCourses .contCoursesCard>div:last-of-type { display: none; }
	.contCourses .contCoursesCard:hover>div:last-of-type
	{
		margin-top: -72px;
		opacity: 0;
	}
	
	.contTecnoJunior ul {
		padding-left: 0;
		list-style-type: none;
	}
	.contTecnoJunior .col-md-4 img {
    	margin-top: 30px;
	}
		
	/*///// Insti /////*/
	
	.partnerCard
	{
		margin-bottom: 40px;
	}
	
	/*///// Contact /////*/
	
	.contactCont address
	{
		margin-top: 60px;
	}
	
	/*///// Footer /////*/
	
	.footerSocial .col-lg-12 { padding: 0; }
	
	.footerSocial h2
	{
		float: none;
		margin-left: 15px;
		line-height: 50px;
	}
	
	.footerSocial a
	{
		width: 12.5%;
		font-size: 20px;
		line-height: 50px;
	}
	.footerSocial a:first-of-type { margin-left: 0; }
	
	footer nav ul
	{
    	padding: 0 0 0 15px;
	}
	footer nav>ul>li, footer nav>ul>li>ul>li
	{
		margin: 5px 0;
		font-size: 16px;
	}
	footer nav>ul>li>ul>li:first-of-type { margin-top: 5px; }
	
	footer address
	{
		margin-top: 40px;
		padding: 15px;
	    border: 2px dashed rgba(255, 255, 255, 0.2);
		border-radius: 8px;
	}
	footer address p
	{
		position: relative;
		padding-left: 30px;
	}
	footer address p .fa
	{
		position: absolute;
		left: 0;
		top: 0;
	}
	
	footer img
	{
		float: none;
		margin-top: 30px;
	}
	
	footer .footerCopyright a:last-of-type img
	{
		margin-top: 30px !important;
	}
}

@media screen and (max-width: 350px)
{
	.initImg .btn {
		width: 120px;
		padding: 8px;
		font-size: 16px;
	}
}