/*global*/

body {
	font-family: 'Arial', sans-serif;
	font-weight: 100;
	font-size: 13px;
	color: #333;
}

a {
	color: #3366CC;
	text-decoration: none;
}


img, object {
	max-width: 100%;
}

h2 { margin:0 0 20px 0; }
h3 { margin:0 0 20px 0; }

#header { margin:40px 0 0 0; }


.navbar { border-top: 1px solid #DDD; }
#logo { display: inline-block; margin-bottom: 1rem;  }
#nav { margin:0; padding:0; list-style: none; }
#nav li {line-height:28px; float: left; margin:0; padding:0; }
#nav li a { line-height: 40px; color:#000; padding: 0 15px; text-transform: uppercase; /* border-right:1px solid #37347F; */ position: relative; display: block; font-size: 12px;
font-weight: bold; }
#nav li a span {background: transparent; width: 5px; height: 5px; border-right: 2px solid #002258; border-bottom: 2px solid #002258; display: block; position: absolute; bottom: 0; right: 0; -webkit-transition: 1s ease-in-out; -moz-transition: 1s ease-in-out; -o-transition: 1s ease-in-out;}
#nav li a:hover span { display: none; }
#nav li a:hover { background: #002258; color: #FFF; }
#nav li a.active { background: #002258; color: #FFF; }

#mainNav { }
#mainNav .nav_control { display: none; padding-right: 41px; }
#mainNav .nav_control a { width: 21px;
height: 17px;	
padding: 10px 10px 14px;
cursor: pointer;
color: #fff;
text-decoration: none;
font-size: 16px;
line-height: 22px;
font-size: 1px;
display: block;
font-family: Arial,Helvetica,sans-serif;
font-weight: 700; 
background: #FFF url('../img/nav_collapsed.png') no-repeat 10px 12px;
margin: 0 auto;
position: relative;
}
#mainNav.open-nav .nav_control a { background-color: #333; background-position: -31px 12px; }
#mainNav .nav_control a:after {content: "MENU";
right: -46px;
position: absolute;
top: 0px;
color: #333;
line-height: 41px;
font-size: 14px;
font-weight: 300; }

.social-nav { list-style: none; margin: 0; padding: 0; text-align: center; margin-bottom: 2rem; }
.social-nav li { display: inline-block; }

.phone-item { float: right; padding-top: 1.3rem; color: #000; }
.phone-item .fa { font-size: 32px; margin-right: 8px; font-size: 24px; }
.phone-item a { font-size: 18px; color: #000; font-weight: bold; display: block; float: right; margin-top: -1px; }
.phone-item a:hover { text-decoration: underline; }

.breadcrumb { margin: 0; padding: 15px 0; background: #ECECEC; text-align: center; }
.breadcrumb span { font-weight: bold; margin-right:10px; width: 100px; }

#message { background: #002258; padding: 20px 0; text-align: center; }
#message p { color: #FFF; font-size: 20px; text-shadow: 0 1px 0 #000; }

#all-courses {  }
#all-courses h2.title { padding: 35px 0; margin: 0; text-align:center; font-size:18px; }
#all-courses h2.subsection { padding: 35px 0 0 0; margin: 0; text-align:center; font-size:18px; }
#all-courses h3.subsection { padding: 15px 0; margin: 0; text-align:center; font-size:20px; text-transform: uppercase; }

.title-social { text-align: center; }
.courseTitle { background:#EEE; padding: 5px 15px; font-weight:bold; color:#3366CC; }

.grey { background:#EEE; padding: 5px 15px; }


.box h2 { font-size: 15px; text-transform: uppercase; }
.box h3 { margin-bottom:10px; }

.box:hover { border: 1px solid #333; }
/*.box:hover h2 { font-size: 20px; }*/
.box a:hover { color: #000; }

.box { padding: 20px; border: 1px solid #fff; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5); box-shadow: 0 1px 3px rgba(0,0,0,0.5); }
.image-box { border: 1px solid #fff; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5); }
.box.contact { background-color: #fbfbfb; color: #545454; border-bottom: 1px solid #cccccc; font-size:18px; }

.courses { margin-bottom:20px; }
.courses p { font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: 100; }
.courses ul { margin:10px 0 10px 5px; padding: 0 0 0 20px; width:240px; }
.courses a { font-size: 14px; }

.courses-link:nth-child(2n) { margin: 0; margin-left: 20px; margin-bottom: 20px; }
.courses-link.box { padding: 0; max-width: 418px; width: 100%; float: left; border: 1px solid #002258; box-shadow: none; }
.courses-link.box a { background: #002A62; padding: 20px; display: block; text-transform: uppercase; color: #FFF; font-weight: bold; position: relative; }
.courses-link.box a:after {
	position: absolute;
	content: "";
	top: 25px;
	right: 20px;
	width: 10px; 
	height: 10px; 
	border-bottom: 1px solid #FFF; /* right arrow slant */
	border-left: 1px solid #FFF; /* bottom, add background color here */
	-ms-transform: rotate(230deg); /* IE 9 */
    -webkit-transform: rotate(230deg); /* Chrome, Safari, Opera */
    transform: rotate(230deg);
}

.courses-link.box a:hover:after {
	border-bottom: 1px solid #000; /* right arrow slant */
	border-left: 1px solid #000; /* bottom, add background color here */
}

.courses-link.box a:hover { color: #000; background: #FFF; }

.overlay { position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: url('../img/overlay.png') repeat; z-index: 1;  }

.module { margin-bottom:20px; }

ol { list-style:none; padding:0 0 0 20px; margin:10px 0 10px 5px; }
.advice { padding: 30px;
font-size: 18px;
line-height: 1.4;
color: #666;
text-align: center;
text-shadow: 0 1px 0 rgba(255,255,255,0.5);
background-color: #f0f8e8;
box-shadow: inset 0 -1px 1px #d6ecc0; }

hr { display:none; }
.submenu { margin-bottom:20px; }
#submenuCourse { margin:0; padding:0; list-style:none; }
#submenuCourse  h2 { border-bottom:1px solid #CCC; padding:10px 0; margin:0px; }
#submenuCourse  li:last-child h2 { border: none; }
#submenuCourse  ul { border-bottom:1px solid #CCC; padding:10px; margin:0px; list-style:none; display:none; }
#submenuCourse  ul  li { padding:2px 0; }
#submenuCourse  li.selected ul  { display:block; }

.wrapper-form { position: fixed;  max-width: 600px; width: 100%; background: #FFF; display: none; z-index: 3; left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 2;
width: 80%; }
.form { padding: 20px; font-size: 16px;  }
.form .cText { text-align: center; line-height: 18px; }
.form h2 { padding: 0; margin: 0; text-align:center; font-size:18px; }
.form span { font-weight: bold; text-transform: uppercase; }
.form label { display: block; margin-bottom: 0.2rem; text-transform: uppercase; font-size: 13px; }
.form input[type="text"] { display: block; max-width: 540px; width: 100%; padding: 0.5rem 0.5rem; margin: 0; margin-bottom: 1rem; border: 1px solid #CCC; box-sizing: border-box; background: #FAFAFA; }
.form input[type="text"]:focus { background: #fff; -webkit-transition: background .1s ease-in; transition: background .1s ease-in; outline: none; }
.form textarea { display: block; max-width: 540px; width: 100%; padding: 0.5rem 0.5rem; margin: 0; margin-bottom: 1rem; border: 1px solid #CCC; box-sizing: border-box; background: #FAFAFA; }
.form textarea:focus { background: #fff; -webkit-transition: background .1s ease-in; transition: background .1s ease-in; outline: none; }
.form input[type="submit"] { display: inline-block; margin: 0; padding:0.7rem; border: 1px solid #002258; background: #002258; color: #FFF; text-transform: uppercase; font-size: 12px; line-height: 12px; }
.form input[type="submit"]:active { background: #006196; }
.form input[type="button"] { margin: 0; padding:0.7rem; border: 1px solid #ccc; background: #FFF; color: #000; text-transform: uppercase; font-size: 12px; line-height: 12px; }

.form-course-search { width: 100%; margin-bottom: 2rem; text-align: center; }
.form-course-search input { max-width:400px; width: 100%; font-size: 18px; padding: 0.5rem 0.5rem; border: 1px solid #CCC; box-sizing: border-box; background: #FAFAFA; text-align: center; }
.form-course-search input:focus { background: #fff; -webkit-transition: background .1s ease-in; transition: background .1s ease-in; outline: none; }

.grid_images {box-sizing: border-box;}
.w_1 {width: 25%; float: left }
.w_2 {width: 50%; float: left}
.w_3 {width: 25%; float: left}

.w_5 {width: 30%; float: left }
.w_6 {width: 40%; float: left}

.h_1 {height: 320px;}
.h_2 {height: 160px;}
.h_3 {height: 190px;}

.slider { height: 320px; }
.slick-slider { margin-bottom: 0 !important; }
.slick-slide { height: 320px !important; }

.h320 { height: 320px }
.cover {
  background-position: center center;-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}

  .cover_b {
  background-position: center bottom;-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}

   .cover_t {
  background-position: center top;-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}
/*.hero_1 {background-image: url('../img/galeria/1.jpg'); height: 16rem; }
.hero_2 {background-image: url('../img/galeria/2.jpg'); height: 16rem;}
.hero_3 {background-image: url('../img/galeria/3.jpg'); height: 16rem;}
.hero_4 {background-image: url('../img/galeria/4.jpg'); height: 16rem;}
.hero_5 {background-image: url('../img/galeria/5.jpg'); height: 8rem;}
.hero_6 {background-image: url('../img/galeria/6.jpg'); height: 8rem;}
.hero_7 {background-image: url('../img/galeria/7.jpg'); height: 8rem;}
.hero_8 {background-image: url('../img/galeria/8.jpg'); height: 8rem;}*/

.hero_1 {background-image: url('../img/galeria/1.jpg');}
.hero_2 {background-image: url('../img/galeria/2.jpg');}
.hero_3 {background-image: url('../img/galeria/3.jpg');}
.hero_4 {background-image: url('../img/galeria/4.jpg');}
.hero_5 {background-image: url('../img/galeria/5.jpg');}
.hero_6 {background-image: url('../img/galeria/6.jpg');}
.hero_7 {background-image: url('../img/galeria/7.jpg');}
.hero_8 {background-image: url('../img/galeria/8.jpg');}
.hero_9 {background-image: url('../img/galeria/9.jpg');}
.hero_10 {background-image: url('../img/galeria/10.jpg');}
.hero_11 {background-image: url('../img/galeria/11.jpg');}
.hero_12 {background-image: url('../img/galeria/12.jpg');}
.hero_13 {background-image: url('../img/galeria/13.jpg');}
.hero_14 {background-image: url('../img/galeria/14.jpg');}
.hero_15 {background-image: url('../img/galeria/15.jpg');}
.hero_16 {background-image: url('../img/galeria/16.jpg');}

.hero_c1 {background-image: url('../img/galeria/c1.jpg');}
.hero_c2 {background-image: url('../img/galeria/c2.jpg');}
.hero_c3 {background-image: url('../img/galeria/c3.jpg');}
.hero_c4 {background-image: url('../img/galeria/c4.jpg');}
.hero_c5 {background-image: url('../img/galeria/c5.jpg');}
.hero_c6 {background-image: url('../img/galeria/c6.jpg');}
.hero_c7 {background-image: url('../img/galeria/c7.jpg');}
.hero_c8 {background-image: url('../img/galeria/c8.jpg');}
.hero_c9 {background-image: url('../img/galeria/c9.jpg');}

.swiper-container {
  width: 100%;
  height: 300px;
  color: #fff;
  text-align: center;
}

/*
 * about 
*/


.text-center { max-width: 600px; width:100%; margin: 0px auto; font-size: 16px; text-align: justify; padding-top: 2em;  }
.text-center .message { font-size: 18px;
font-weight: bold;
text-align: center;
padding: 10px 0px; }



@media screen and (max-width : 720px) {
	#header { margin: 20px 0; }
	#header .container { width: 100%; text-align: center; }
	#header .logo { display: block; }
	.navbar { border: none; }
	#mainNav { float: none; }
	#header #nav { background: #002258; display: none; margin: 0; padding: 0; }
	#header #nav li { float: none; margin: 0; text-align: left; }
	#header #nav li a { color: #FFF; line-height: 45px; }
	#header #nav li a:hover { background: #000; }
	#header #nav li a span { display: none; }
	#mainNav .nav_control { display: block; }

	.phone-item {
    position: relative;
    float: none;
    padding-top: 0;
    padding-bottom: 1.3rem; 
	}

	.phone-item .fa {
    margin-right: 8px;
    font-size: 20px;
	}

	.phone-item a {
    font-size: 18px;
    color: #000;
    font-weight: bold;
    display: inline;
    float: none;
    margin-top: -1px;
	}

	.courses-link.box { float: none; margin: 0 auto; margin-bottom: 0.7rem; }
	.form .cText {font-size: 13px; line-height: 13px;}
	.form {padding:0; }
	.form .mobile-hide {display: none;}
	.form h2 {font-size: 15px; line-height: 15px;}
	.form label {font-size: 12px;}
	.form input.mobile-hide{display: none;}
	.form textarea {height: 100px;}
	.form input[type="text"] {padding: 0.3rem; font-size: 13px;}
	.hide-s { display: none; }
	.w_4 {width: 100%;}
	/*.hero_1,
	.hero_2,
	.hero_3,
	.hero_4,
	.hero_5,
	.hero_6,
	.hero_7, 
	.hero_8 {height:14rem;}*/
	#message p { font-size: 16px; line-height: 16px;}
	.slick-slide { height: 220px !important; }
	.h320 { height: 220px !important; }
	.slider { height: 220px; }
	.h_1 {height: 160px;}
	.h_2 {height: 80px;}
	.h_3 {height: 80px;}
}