@-ms-viewport *{ width: device-width; }

/*rgba(255,221,21,.65) rgba(0,166,156,.75)*/
.st0{fill:#00A69C;}
.st1{background:rgba(255,221,21,.8);}
.st2{background:#FFDD15;}
.st3{background:rgba(255,221,21,.65);}
.st4{fill:#5E5E5E;}
/*@import url(hi_res.css) only screen and(-webkit-min-device-pixel-ratio:2), only screen and(-moz-min-device-pixel-ratio:2), only screen and(min-device-pixel-ratio:2);*/
*, *:after, *:before {
    margin: 0;
    padding: 0;
    list-style: none;
    text-decoration: none;
    vertical-align: baseline;
            box-sizing:border-box;
    -webkit-box-sizing:border-box;
       -moz-box-sizing:border-box;
         -o-box-sizing:border-box;
    -webkit-font-smoothing:antialiased;
            font-smoothing:antialiased;
    text-rendering:optimizeLegibility;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    
    user-select: none;
}

html {
    width: 100%;
    height: 100%;
    font-size: 65%;
    position: relative;
    font-size: 13px;
}
body {color: #5E5E5E; font-family: 'Neo Sans W01', sans-serif; line-height: 1.7;}
img, video, img a {
    max-width: 100% !important;
    height: auto;
    display:block;
    -ms-interpolation-mode: bicubic;
} 
.ie6 img { width: 100%; }
header, .middle, footer { width: 100%; position: relative; left: 0; right: 0; display: block; } 
header { 
    height: 100px;
    position: fixed;
    z-index: 20; 
    width: 100%;
    background: #fafafa;
    margin-bottom: 1em; 
    top: 0; padding: 8px 0; 
    transition: height .3s linear 0s, padding .3s linear 0s;
    -webkit-transition: height 0.3s;
    -moz-transition: height 0.3s;
    -ms-transition: height 0.3s;
    -o-transition: height 0.3s;
    transition: height 0.3s;
    -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; 
         -o-transition: all 0.3s linear; 
            transition: all 0.3s linear;
    box-shadow: 0px 0px 10px 0px rgba(0,0,0, .3);
    border-bottom: solid 3px #00A69C;
}

.middle {
    top: 100px;
}
.contactpg { top: 135px; }
 
footer {
    top: 100px;
    min-height: 232px;
    max-height: auto;
    background: #20303f;
    border-top: #00A69C 3px solid;
    position: relative;
    bottom: 0;
    margin-bottom: 0;
    color: #eee;
}
footer h4, footer p, footer a {
    color: #eee;
    word-wrap: normal;
}
footer a {
    display: inline-block;
    margin-left: 10px;
    font-size: 12px;
}

.fleft {
    display: block;
    float: left;
    padding-right: 1.5em;
} 
.fright {  
    display: block;
    float: right;
    padding-left: 1.5em;
}
.copyrights {
     border-top: rgba(0,0,0, .2) solid 1px;
     font-size: 12px;
     line-height: 0em;
}

table { border-collapse: collapse; border-spacing: 0; }
h1, h2, h3, h4, h5, h6, p, nav, ul, li, form, input, textarea, button {
    text-align: left;
    padding: .25em 0;
    font-family: 'Neo Sans W01', sans-serif;
}
h1 {
    font-size: 3em;
    color:  #00A69C;
    text-transform: uppercase;
    text-align: left;
    font-weight: 200;
}
.h1 {
    color: white;
    text-align: center;
    background:  #00A69C;
}

h2 { background-color: #FEFFED;
    font-size: 2.1em; border-radius: 5px 5px 0 0;
padding: 32px;    color:#00A69C;margin: 0 -50px;
    text-align: center;
}
h3 {
    font-size: 1.8em;
    padding: .7em 0;
    margin: 0 0 1.5em 0;
    line-height: 1em;
    position: relative;
    color: #20303F;
    float: left;
    width: 100%;
    display: block;
    clear: both;
}
h3::before {
    content: '';
    display: block;
    height: 2px;
    width: 70px;;
    position: absolute;
    background: #00A69C;
    bottom: 0;
}
h4 {
    font-size: 1.3em;
    color: #20303F;
    text-transform: uppercase;
    background: url(../images/bullet.png) no-repeat;
    padding: 3px 35px 15px 35px;
/*    color :#00BCD4;*/
    color: #00A69C;
}
h5 {
    font-size: 1.2em;
    padding: .7em 0;
    color: #20303F;
        font-weight: 300;

}
h6 {
    font-size: 1em;
    color: #20303F;
    line-height: 1.5em;
    text-transform: uppercase;
    background: url(../images/bullet2.png) no-repeat;
}

b{
    font-weight:bold;
}
hr{
    margin: 0 -50px;
    border: 0;
    border-bottom: 1px solid #ccc;
    margin-bottom:25px;
}
ul.examlist li { 
    background: url('../images/ok.png') no-repeat 0 8px; 
    background-size: 1em; 
    padding-left: 30px;
    margin-right: 50px;
    display: inline-block;
}

a, button { cursor: pointer; text-decoration: none; color:  #524f49; }
 a:hover { text-decoration: none; color:#00A69C; }
 

.list_carousel {
    margin:10px 0;
    width: auto;
}
.list_carousel ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: block;
} 
.list_carousel li {
    font-size: 24px;
    color:white;
    text-align: center;
    background-color: transparent;
/*    border: #00A69C 3px solid;*/
    width: 120px;
    height: 120px;
    padding: 0;
    margin-top: 0;
    margin-right: 7px;
    display: inline-block;
    float: left;
}
.list_carousel.responsive {
    width: auto;height: 100px;
    margin-left: 0;
}
.prev {
    float: left;
    margin-left: 10px;
}
.next {
    float: right;
    margin-right: 10px;
}
.pager {
    float: left;
    width: 300px;
    text-align: center;
}
.pager a {
    margin: 0 5px;
    text-decoration: none;
}
.pager a.selected {
    text-decoration: underline;
}
.timer {
    background-color: #999;
    height: 6px;
    width: 0px;
}
#error{
    display:block;
    margin-top: 10px;
    margin-bottom: 10px;
}
#success{
    color:green;
    font-weight:bold;
}

.teaming {
    border-radius: 50%;
    width: 200px;
    height: 200px;
    margin: 0 auto;
    border: 5px solid white;
    box-shadow: 0px 0px 10px 0px rgba(0,0,0, .3);
}
.parceros {
    top:100px; border-top: 1px solid #ccc; background:#f2f2f2;  
}

.btn {
    width: 75%;
    margin: 20px auto;
    padding: .5em;
    border-radius: 5px;
    text-transform: none;
}
.sec__menu {
    margin-top: 2em;
    border-right: 1px solid #ccc;
    position: fixed;
    width: 15%;
}
.sec__menu > li  {
    padding: 1em 0;
    width: 90%;
    display: block;
    border-bottom: 1px solid #ccc;
    margin-bottom: 10px;
}

.iconus {
    height: 70px;
    padding: 5px;
    display: inline-block;
}

.bg-items {
    cursor: pointer;
    display: inline-block;
    float: left;
    margin: 1%;
    width: 100%;
}
.bg-items:first-child { 
    margin-left: -4%;
}
.items {
    background-color:#00A69C;
    background-size: cover;
/*    border: 3px solid #00A69C;*/
    height: 220px;
    overflow: hidden;
    position: relative;
    border-radius: 5%;
    width: 100%;
}

.details {
    color: #5E5E5E;
	font-size:20px;
    height: 286px;
    left: 0;
    opacity: 0;
    padding: 5%;
    top: 0;
    transition: opacity 0.8s ease 0s;
    width: 95%;
}
.opticy{
	 background-color : rgba(0,0,0,0.5);	
}
.details h3 {
  margin-bottom: 20px;
}

.details h6 {
  text-align : right;
  margin-top : 30px;
}

.details p {
  font-size : 14px;
  text-align: center;
  line-height : 20px;
}

.items:hover .details {
  opacity : 1;
    border-radius: 100%;
  -webkit-transition: opacity .2s .3s;
  transition : opacity .2s .3s;
}

.items div {
  position : absolute;
}
/* three */

.three {
  left : 0;
  top  : 0;
  width : inherit;
  height: inherit;
  background-color : rgba(254, 219, 29, 0.7);
  -webkit-transition: all .3s;
  transition   : all .3s;
  -webkit-transform: scale(0,0);
          transform: scale(0,0);
}

.items:hover .three {
  left : 0;
  top  : 0;
  -webkit-transform : scale(1,1);
          transform : scale(1,1);	
  -webkit-transition: all .3s;	
  transition : all .3s;
}



nav{position:relative;width:auto; margin: 0;}
#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #head-mobile{border:0;list-style:none;line-height:1;display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#cssmenu:after,#cssmenu > ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
#cssmenu #head-mobile{display:none}
#cssmenu{float: right;bottom: 0; }
#cssmenu > ul > li{float:left; transition: all .5s;}
#cssmenu > ul > li > a{padding: .7em 2em;font-size:1.25em; line-height: 1em; letter-spacing:1px;text-decoration:none;color:#464646;font-weight:700; text-transform: uppercase;}
#cssmenu > ul > li:hover > a,#cssmenu ul li.active a{color:#fff}
#cssmenu > ul > li:hover,#cssmenu ul li.active:hover,#cssmenu ul li.active,#cssmenu ul li.has-sub.active:hover{background:#00A69C!important;-webkit-transition:background .3s ease;-ms-transition:background .3s ease;transition:background .3s ease;}
#cssmenu > ul > li.has-sub > a{padding-right:30px}
#cssmenu > ul > li.has-sub > a:after{position:absolute;top:22px;right:11px;width:8px;height:2px;display:block;background:#ddd;content:''}
#cssmenu > ul > li.has-sub > a:before{position:absolute;top:19px;right:14px;display:block;width:2px;height:8px;background:#ddd;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
#cssmenu > ul > li.has-sub:hover > a:before{top:23px;height:0}
#cssmenu ul ul{position:absolute;left:-9999px}
#cssmenu ul ul li{height:0;-webkit-transition:all .25s ease;-ms-transition:all .25s ease;background:#333;transition:all .25s ease}
#cssmenu ul ul li:hover{}
#cssmenu li:hover > ul{left:auto}
#cssmenu li:hover > ul > li{height:35px}
#cssmenu ul ul ul{margin-left:100%;top:0}
#cssmenu ul ul li a{border-bottom:1px solid rgba(150,150,150,0.15);padding:11px 15px;width:170px;font-size:12px;text-decoration:none;color:#ddd;font-weight:400;}
#cssmenu ul ul li:last-child > a,#cssmenu ul ul li.last-item > a{border-bottom:0}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover{color:#fff}
#cssmenu ul ul li.has-sub > a:after{position:absolute;top:16px;right:11px;width:8px;height:2px;display:block;background:#ddd;content:''}
#cssmenu ul ul li.has-sub > a:before{position:absolute;top:13px;right:14px;display:block;width:2px;height:8px;background:#ddd;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
#cssmenu ul ul > li.has-sub:hover > a:before{top:17px;height:0}
#cssmenu ul ul li.has-sub:hover,#cssmenu ul li.has-sub ul li.has-sub ul li:hover{background:#363636;}
#cssmenu ul ul ul li.active a{border-left:1px solid #333}
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active> a{border-top:1px solid #333}


fieldset { border:none; width:100%;}
legend { font-size:18px; margin:0px; padding:10px 0px; display: none; color: #2cbab2; font-weight:bold;}
label { display:block; margin:15px 0 5px;}
input[type=text], input[type=password], textarea, button { width:100%; padding:1em; border:solid 1px #b0b1b3; border-radius: 3px; margin: .5em 0;}


.prev, .next { background-color: #2cbab2; padding:5px 10px; color:#fff; text-decoration:none;}
.prev:hover, .next:hover { background-color:#363636; text-decoration:none;}
.prev { float:left;}
.next { float:right;}
#steps { list-style:none; width:100%; overflow:hidden; margin:0px; padding:0px;}
#steps li {font-size:24px; float:left; padding-right:10px; width: 33.333%; color:#b0b1b3;}
#steps li span {font-size:11px; display:none;}
#steps li.current { color:#2cbab2;}
#makeWizard { background-color: #2cbab2; color:#fff; padding:5px 10px; text-decoration:none; font-size:18px;}


#makeWizard:hover { background-color:#363636;}
.btn {
  border: none;
  padding: 8px;
  background: #2cbab2;
  cursor: pointer;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  color: #fff;
  position: absolute;
  bottom: 20px;
  right: 20px;
  font-family: 'Merriweather Sans', sans-serif;
}
.btn:hover {
     background: darken(#2cbab2, 6%);
  }


.btn-responsive-menu {
    width: 40%;
    background: #00a69c;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    font-size: 1.2em;
    line-height: 1em;
    margin-top: 0;
    font-weight: 700;
    letter-spacing: 1;
    border: 2px solid #00a69c;
}
.btn-responsive-menu:hover {
    border: 2px solid #00a69c;
    color: #00a69c;
    background: #fff;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.grid:before, .grid:after, .row:before, .row:after {
    content: " "; display: table;
}
.grid:after, .row:after { clear: both; }
[class*='col-'] { width: 100%; float: left; min-height: 1px; }

@media only screen and (max-width: 320px) {
    p, input, textarea, button { font-size: .75em; }
    .grid { width: 100%; margin: 0 auto; }
    .col { margin: 5px; }
    .col-micro-first { width: 100%;}
    .col-micro-fivesixth { width: 83.333%;}
    .col-micro-fourthfith { width: 80%;}
    .col-micro-threequarters { width: 75%;}
    .col-micro-twothirds { width: 66.667%;}
    .col-micro-threefith { width: 60%;}
    .col-micro-half { width: 50%;}
    .col-micro-twofith { width: 40%;}
    .col-micro-third { width: 33.333%;}
    .col-micro-quarter { width: 25%;}
    .col-micro-fith { width: 20%;}
    .col-micro-sixth { width: 16.667%;}
}

@media only screen and (min-width: 321px) and (max-width: 480px) {
    p, input, textarea, button { font-size: .75em; }
    .grid { width: 100%; margin: 0 auto; }
    .col { margin: 5px; }
    .col-small-first { width: 100%;}
    .col-small-fivesixth { width: 83.333%;}
    .col-small-fourthfith { width: 80%;}
    .col-small-threequarters { width: 75%;}
    .col-small-twothirds { width: 66.667%;}
    .col-small-threefith { width: 60%;}
    .col-small-half { width: 50%;}
    .col-small-twofith { width: 40%;}
    .col-small-third { width: 33.333%;}
    .col-small-quarter { width: 25%;}
    .col-small-fith { width: 20%;}
    .col-small-sixth { width: 16.667%;}
}

@media only screen and (min-width: 481px) and (max-width: 768px) {
    p, input, textarea, button { font-size: .8em; }
    .grid { width: 100%; max-width: 624px; margin: 0 auto; }
    .col { margin: 10px; }
    .col-medium-first { width: 100%;}
    .col-medium-fivesixth { width: 83.333%;}
    .col-medium-fourthfith { width: 80%;}
    .col-medium-threequarters { width: 75%;}
    .col-medium-twothirds { width: 66.667%;}
    .col-medium-threefith { width: 60%;}
    .col-medium-half { width: 50%;}
    .col-medium-twofith { width: 40%;}
    .col-medium-third { width: 33.333%;}
    .col-medium-quarter { width: 25%;}
    .col-medium-fith { width: 20%;}
    .col-medium-sixth { width: 16.667%;}
}
@media only screen and (min-width: 769px) and (max-width: 960px) {
    p, input, textarea, button { font-size: .9em; }
    .grid { width: 100%; max-width: 959px; margin: 0 auto; }
    .col { padding: 1em .5em; margin: 5px; }
    .col-large-first { width: 100%;}
    .col-large-fivesixth { width: 83.333%;}
    .col-large-fourthfith { width: 80%;}
    .col-large-threequarters { width: 75%;}
    .col-large-twothirds { width: 66.667%;}
    .col-large-threefith { width: 60%;}
    .col-large-half { width: 50%;}
    .col-large-twofith { width: 40%;}
    .col-large-third { width: 33.333%;}
    .col-large-quarter { width: 25%;}
    .col-large-fith { width: 20%;}
    .col-large-sixth { width: 16.667%;}
}

@media only screen and (min-width: 961px) and (max-width: 1232px) {
    p, input, textarea, button { font-size: 1em; }
    .grid { width: 100%; max-width: 1080px; margin: 0 auto; }
    .col { padding: 1em .5em; margin: 5px; }
    .col-xtrlarge-first { width: 100%;}
    .col-xtrlarge-fivesixth { width: 83.333%;}
    .col-xtrlarge-fourthfith { width: 80%;}
    .col-xtrlarge-threequarters { width: 75%;}
    .col-xtrlarge-twothirds { width: 66.667%;}
    .col-xtrlarge-threefith { width: 60%;}
    .col-xtrlarge-half { width: 50%;}
    .col-xtrlarge-twofith { width: 40%;}
    .col-xtrlarge-third { width: 33.333%;}
    .col-xtrlarge-quarter { width: 25%;}
    .col-xtrlarge-fith { width: 20%;}
    .col-xtrlarge-sixth { width: 16.667%;}
}
@media only screen and (min-width: 1233px) {
    p, input, textarea, button { font-size: 1em; }
    .grid { width: 100%; max-width: 1200px; margin: 0 auto; }
    .col { padding: 1em .5em; margin: .5em; }
    .col-extend-first { width: 100%;}
    .col-extend-fivesixth { width: 83.333%;}
    .col-extend-fourthfith { width: 80%;} 
    .col-extend-threequarters { width: 75%;}
    .col-extend-twothirds { width: 66.667%;}
    .col-extend-threefith { width: 60%;}
    .col-extend-half { width: 50%;}
    .col-extend-twofith { width: 40%;}
    .col-extend-third { width: 33.333%;}
    .col-extend-quarter { width: 25%;}
    .col-extend-fith { width: 20%;}
    .col-extend-sixth { width: 16.667%;}    
}