/* @charset "UTF-8";
CSS Document */

body {width:100%;height:100%;font-family: 'Lato', sans-serif;color:#404041;font-weight:300;background-color:#fff;}
html {width:100%;height:100%;min-height:100%}
a {transition:all 0.2s ease-in 0s;color:#231f20;}
a:focus {outline:medium none;text-decoration: none;}
a:hover {text-decoration:none;color:#00adee;}
img {max-width:100%; height:auto;}

/*menu hover*/
header {padding:22px 0;}
/*personal*/
.personal {padding:0;list-style:none;font-size:14px;line-height:20px;font-weight:300;font-style:italic;color:#58595b;}
.personal li {border-right:1px solid #707071;display:inline-block;padding:0 11px 0 10px;}
.personal li:first-child{padding-left:0px;}
.personal li:last-child{border:0px;}
/*footer social icons*/
ul.social-network {list-style: none;display:inline-block;margin:0 0 0 0;padding:0;}
ul.social-network li {display:inline-block;margin:0 5px;line-height:23px;}
.social-network a:hover {background-color:#00adee;}
.social-network a.icoRss:hover i, .social-network a.icoFacebook:hover i, .social-network a.icoTwitter:hover i, .social-network a.icoGoogle:hover i, 
.social-network a.icoVimeo:hover i, .social-network a.icoLinkedin:hover i, .social-network a.icoInstagram:hover i, .social-network a.icoWhatsapp:hover i, {color:#fff;}
a.socialIcon:hover, .socialHoverClass {color:#44BCDD; border:1px solid red;}
.social-circle li a {display:inline-block;position:relative;margin:0 auto;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;text-align:center;width:23px;height:23px;font-size:14px;vertical-align:middle;border:1px solid #ccc;}
.social-circle li a:hover {border:0px;}
.social-circle li i {margin:0; line-height:23px; text-align:center; vertical-align:top;}
.social-circle li a:hover i, .triggeredHover {-moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -ms--transform:rotate(360deg); transform:rotate(360deg); -webkit-transition:all 0.2s; -moz-transition:all 0.2s; -o-transition:all 0.2s; -ms-transition:all 0.2s; transition: all 0.2s; color:#fff;}
.social-circle i {color:#58595b; -webkit-transition:all 0.8s; -moz-transition:all 0.8s; -o-transition: all 0.8s; -ms-transition:all 0.8s; transition:all 0.8s;}
/*search*/
.search-form .form-group {float:right!important; transition:all 0.35s, border-radius 0s; width:23px; height:23px; background-color:#fff; box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset; border-radius:50%; border:1px solid #ccc; margin:1px 0 0 5px;}
.search-form .form-group input.form-control {padding:0 20px 0px 5px; border:0 none; background:transparent; box-shadow:none; display:block; height:23px;}
.search-form .form-group input.form-control::-webkit-input-placeholder {display:none;}
.search-form .form-group input.form-control:-moz-placeholder {/* Firefox 18- */display:none;}
.search-form .form-group input.form-control::-moz-placeholder {/* Firefox 19+ */display:none;}
.search-form .form-group input.form-control:-ms-input-placeholder {display:none;}
.search-form .form-group:hover, .search-form .form-group.hover {width:100%; border-radius:4px 23px 23px 4px;}
.search-form .form-group span.form-control-feedback {position:absolute; top: -1px; right:-2px; z-index:2; display:block; width:23px; height:23px; line-height:23px; text-align:center; color:#00aced; left:initial; font-size:14px;}
/*logo*/
.logo {display:block; position:relative; border:1px solid red;}
.navbar-brand {padding:28px 0px 0px 0px; height:inherit; display:block; position:relative; z-index:99;}
.navbar-brand h1 {font-size:28px; line-height:34px; font-weight:700; color:#00adee; margin-bottom:0px;}
.navbar-brand h1 span {color:#58595b; display:block; font-size:22px; line-height:28px; font-weight:300;}
/*navbar*/
.navbar {min-height:inherit;margin-top:60px; margin-bottom:0px;}
.navbar-default {background-color:inherit; border:inherit;}
.navbar-nav > li {font-size:14px;}
.navbar-nav > li > a {/*padding-bottom:10px;padding-top:10px;*/padding:10px 8px;}
.navbar-default .navbar-nav > li > a {color:#58595b;}
.navbar-default .navbar-nav > li:hover > a, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li.current > a {color:#00adee; border-bottom:4px solid #404041; padding-bottom:9px;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {background-color:transparent; /*border-bottom:3px solid #404041;*/ color:#00adee;}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {background-color:transparent;}
.dropdown-menu {/*background:rgba(0, 173, 238, 0.3);*/background-color:#a0def6; padding:6px; top:96%;}
.dropdown-menu > li > a {font-weight:300; border-bottom:1px solid #00aced;}
.dropdown-menu > li:last-child > a {border-bottom:0px solid #00aced;}
.dropdown-menu > li.current > a {color:#fff; background-color:#00aced;}
.nav .dropdown-menu:hover > #magic-line {background:none!important;}

@media screen and (min-width: 768px) {
	.dropdown:hover .dropdown-menu {display:block;margin-top:2px;}
}

#magic-line {background:#404041; bottom:7px; height:0.2em; left:0; position:absolute; width:100px;}
/*line borders grey*/
.line-border-grey-top {border-top:2px solid #e8e9e9;}
header .line-border-grey-top {margin-top:-10px; width:80.5%; float:right;}
.line-border-grey-btm {border-bottom:2px solid #d0d2d3;}
.eyes-bottom {margin-bottom:54px;} 
.eyes-bottom img {margin-top:-28px;} 

/*general*/
.wrapper {background-color:#ccc; min-height:900px;}

.content-body {font-size:18px; line-height:24px; padding:44px 0;}
.content-body ul {padding-left:25px;}
.content-body h3 {font-size:20px; line-height:26px;}
.footer-nav {font-size:14px; line-height:20px;}

.breadcrumb {padding:8px 0;}
.breadcrumb ul {margin:0px; padding:0px; list-style:none;}
.breadcrumb li {display:block; float:left; padding:0 8px; border-right:1px solid #00adee; font-size:16px; font-weight:400; color:#00adee;}
.breadcrumb li:last-child {border-right:0;}

/*Sliders*/
.bg-banner {-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover;border-top:1px solid #c6c5c6;border-bottom:1px solid #c6c5c6;}
.bg-banner1 {background-image:url(../images/ban-1.jpg); background-repeat:no-repeat; background-position:50% 70%;}
.bg-banner2 {background-image:url(../images/ban-2.jpg); background-repeat:no-repeat; background-position:50% 70%;}
.bg-banner3 {background-image:url(../images/ban-3.jpg); background-repeat:no-repeat; background-position:50% 70%;}
.bg-banner4 {background-image:url(../images/ban-4.jpg); background-repeat:no-repeat; background-position:50% 70%;}
.bg-banner5 {background-image:url(../images/ban-5.jpg); background-repeat:no-repeat; background-position:50% 70%;}
.skyblue {background-color:#22c8ff;}
.deepskyblue {background-color:#00bfff;}
.darkerskyblue {background-color:#00a6dd;}
.carousel-indicators {bottom:0;}
.carousel-control.right,
.carousel-control.left {background-image:none;}
.carousel .item {min-height:367px; height:100%; width:100%;}
.carousel-inner .container, .carousel-inner .container > div.row, .carousel-inner .container, .carousel-inner .container div.row > div {min-height:367px; height:100%;}
.carousel .icon-container,
.carousel-caption span {background-color:#00adee;}
.carousel-caption span a {color:#fff;}
.carousel-caption span.btn-primary {border:0px;}
.carousel-caption span.btn {/*padding:20px;*/ padding:15px; margin-top:15px;}
/*.carousel-caption h3 {padding:.5em;}*/
.carousel .icon-container {display:inline-block; font-size:25px; line-height:25px; padding:1em; text-align:center; border-radius:50%;}
/*.carousel-caption button {margin-top: 1em;}*/
.carousel-caption {text-align:left; left:4%; right:4%; bottom:80px; color:#404041; text-shadow:none;}
.carousel-caption h3 {/*font-size:54px;line-height:60px;*/ font-size:42px; line-height:48px; font-weight:300;}
.carousel-caption p {font-size:22px; line-height:28px;}
.carousel-control {color:#58595b;}
.carousel-indicators .active {background-color:#00adee; margin:1px; width:10px; height:10px;}
.carousel-indicators li {background-color:#58595b; border:0px solid #fff;}
/* Animation delays */
.carousel-caption h3:first-child {-webkit-animation-delay: 2s;animation-delay: 2s;}
.carousel-caption p:nth-child(2) {-webkit-animation-delay: 4s;animation-delay: 4s;}
.carousel-caption span {-webkit-animation-delay: 6s;animation-delay: 6s;}

/*Carousel Fade*/
/*.carousel-fade .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
  opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-control {
  z-index: 2;
}*/

.carousel.fade {opacity:1;}
.carousel.fade .item {
    transition: opacity ease-out .9s;
    left: 0;
    opacity: 0; /* hide all slides */
    top: 0;
    position: absolute;
    width: 100%;
    display: block;
}
.carousel.fade .item:first-child {
    top: auto;
    opacity: 1; /* show first slide */
    position: relative;
}
.carousel.fade .item.active {opacity:1;}

/*4 circles*/
.circle {margin: 0 auto;display:table;text-align:center;border-radius:110px;font-style:italic;font-weight:100;overflow:hidden;}
/*.circle div:hover {background-color:rgba(0,173,238,0.5);transition:all 0.2s ease-in 0s;}*/
.circle a {width:220px;height:220px;padding:0px 44px;background-color:rgba(88, 89, 91, 0.8);display:table;color:#fff;font-size:18px;line-height:24px;}
.circle a:hover, .circle .circle-bg.current > a {background-color:rgba(0, 173, 238, 0.5);transition:all 0.2s ease-in 0s;font-size:20px;line-height:26px;padding:0px 37px;}
.circle p {display:table-cell;vertical-align:middle;}
.circle i {display:inline-block;width:18px;height:18px;background-image:url(../images/small-eye.png); background-repeat:no-repeat; background-position:center center;margin-top:14px;}
.circle-bg {-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;-o-transition: all 0.2s;-ms-transition: all 0.2s;transition: all 0.2s;}
/*.circle-bg:hover {-webkit-background-size:140%;-moz-background-size:140%;background-size:140%;-o-background-size:140%;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;-o-transition: all 0.2s;-ms-transition: all 0.2s;transition: all 0.2s;}*/
.circle-bg1 {background-image:url(../images/circle-bg1.jpg); background-repeat:no-repeat; background-position:50% 50%;}
.circle-bg2 {background-image:url(../images/circle-bg2.jpg); background-repeat:no-repeat; background-position:50% 50%;}
.circle-bg3 {background-image:url(../images/circle-bg3.jpg); background-repeat:no-repeat; background-position:50% 50%;}
.circle-bg4 {background-image:url(../images/circle-bg4.jpg); background-repeat:no-repeat; background-position:50% 50%;}
/*banner*/
.banner {background-color:#00adee; /*padding:40px;*/ display:block; width:100%;}
.banner div {display:table; height:140px;}
.banner h1 {color:#fff; display:table-cell; vertical-align:middle;}
.banner h1 small {color:#fff;}
/*nav bottom*/
.nav-bottom {background-color:#00adee; padding:20px 0;color:#fff;}
.nav-bottom a {color:#fff;}
.nav-bottom a:hover {color:#404041;}
.nav-bottom div {border-right:1px solid rgba(255,255,255,0.6); min-height:240px;}
.nav-bottom div:last-child {border-right:0px;}
.nav-bottom h3 {font-size:14px;line-height:20px;font-style:italic;font-weight:400;margin-top:10px;margin-bottom:8px;}
.nav-bottom div:last-child > h3 {margin-bottom:0px;}
.nav-bottom ul {margin:0px;padding:0px;list-style:none;}
.nav-bottom li {display:block;padding:4px 0px;}
/*footer*/
footer {background-color:#404041; color:#fff;font-size:11px;line-height:17px;padding:10px 0;}
footer a {color:#fff;}
footer ul {margin:0px;padding:0px;list-style:none;}
footer li {display:inline-block; padding:0 6px; border-right:1px solid #fff;}
footer li:last-child {border-right:0px;}

/*------------------------*/
/*Media CSS*/

@media only screen and (min-width:1201px) and (max-width:1599px){

}
	
@media only screen and (min-width:1200px) and (max-width:1367px){

.carousel-control {width:10%;}
.carousel-caption {left:5%; right:5%;}
		
}

@media only screen and (min-width:992px) and (max-width:1199px){

/*Sliders*/
.bg-banner1 {background-position:50% 75%;}
.bg-banner2 {background-position:50% 75%;}
.bg-banner3 {background-position:50% 75%;}
.bg-banner4 {background-position:50% 75%;}
.bg-banner5 {background-position:50% 75%;}
.carousel .item {min-height:307px;}
.carousel-inner .container, .carousel-inner .container > div.row, .carousel-inner .container, .carousel-inner .container div.row > div {min-height:307px;}
.carousel-caption {left:12%; right:12%;}
.carousel-caption h3 {font-size:34px;line-height:40px;}
.carousel-caption p {font-size:20px; line-height:26px;}
.carousel-control {width:10%;}
.btn-group-lg > .btn, .btn-lg {font-size:16px;}
/*nav bottom*/
.nav-bottom div {min-height:260px;}

}

@media only screen and (min-width:768px) and (max-width:991px){
	
body {word-wrap:break-word;}

.content-body {font-size:16px;line-height:22px;}

.navbar-brand {padding:18px 0px 0px 0px;}
.navbar-brand h1 {font-size:20px; line-height:26px; margin-top:10px;}
.navbar-brand h1 span {font-size:15px; line-height:21px;}
/*navbar*/
.navbar {margin-top:34px;}
.navbar-nav > li {font-size:13px;}
.navbar-nav > li > a {padding:10px 4px; line-height:11px;}
.dropdown-menu > li > a {padding:3px 12px;}

/*Sliders*/
.bg-banner1 {background-position:50% 75%;}
.bg-banner2 {background-position:50% 75%;}
.bg-banner3 {background-position:50% 75%;}
.bg-banner4 {background-position:50% 75%;}
.bg-banner5 {background-position:50% 75%;}
.carousel .item {min-height:307px;}
.carousel-inner .container, .carousel-inner .container > div.row, .carousel-inner .container, .carousel-inner .container div.row > div {min-height:307px;}
.carousel-caption span.btn {padding:10px; margin-top:15px;}
.carousel-caption {left:16%; right:16%; bottom:80px;}
.carousel-caption h3 {font-size:28px; line-height:34px;}
.carousel-caption p {font-size:18px; line-height:24px;}
.carousel-control {width:10%;}
/*banner*/
.banner div {height:120px;}
.banner h1 {font-size:30px;}
/*nav bottom*/
.nav-bottom {padding:15px 0;}
.nav-bottom div {min-height:300px;}

}

@media only screen and (max-width: 767px) {
	
/*menu hover*/
header {padding:10px 0 20px 0;}

/*personal*/
.personal {font-size:14px;line-height:20px;}
.personal li {padding:0 6px 0 6px;}

/*footer social icons*/
ul.social-network li {line-height:28px;}
.social-circle li a {width:28px;height:28px;}
.social-circle li i {line-height:28px;}

/*search*/
.search-form .form-group {float: right!important; width:28px;height:28px; margin:1px 0 0 5px;}
.search-form .form-group input.form-control {padding:0 20px 0px 5px; height:28px;}
.search-form .form-group:hover, .search-form .form-group.hover {border-radius: 4px 23px 23px 4px;}
.search-form .form-group span.form-control-feedback {width:28px; height:28px; line-height:28px;}

/*logo*/
.navbar-brand {padding:8px 0px 0px 0px; /*border:1px solid red;*/}
.navbar-brand h1 {font-size:26px; line-height:32px; margin-top:15px;}
.navbar-brand h1 span {font-size:20px;line-height:26px;}

/*navbar*/
.navbar-default .navbar-collapse, .navbar-default .navbar-form {border:0px;}
.navbar {margin-top:15px;}
.navbar-nav > li {font-size:14px;}
.navbar-nav > li > a {padding:10px 8px;}
.navbar-nav.pull-right {float:none!important;}
.navbar-default .navbar-nav > li:hover > a, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li.current > a {border-bottom:0px solid #404041; padding-bottom:10px; background-color:#EEE;}
.dropdown-menu {padding:0px 6px 6px 6px; top: inherit;}
/*.dropdown-menu > li > a {border-bottom:1px solid #00aced;}
.dropdown-menu > li:last-child > a {border-bottom:0px solid #00aced;}*/
.navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu > li > a {padding:5px 15px 5px 5px;}
.navbar-nav .open .dropdown-menu > li.current > a {color:#fff;}

/*line borders grey*/
header {position: relative;}
header .line-border-grey-top {margin-top:0px; width:50.5%; position:absolute; top:130px; right:0; float:none; background-color:#CCC; }

/*general*/
/*.wrapper {background-color:#ccc; min-height:900px;}*/
figure {margin-bottom:15px;}
.content-body {font-size:17px;line-height:23px;padding:34px 0;}
.content-body ul {padding-left:20px;}
.content-body h3 {font-size:18px;line-height:24px;}
.footer-nav {font-size:14px;line-height:20px;}

/*Breadcrumb*/
.breadcrumb ul {padding-left:0px;}
.breadcrumb li {font-size:14px;}

/*Btn*/
.btn-group-lg > .btn, .btn-lg {font-size:13px;}

/*Sliders*/
.bg-banner {/*-webkit-background-size:100% auto;-moz-background-size:100% auto;background-size:100% auto;-o-background-size:100% auto;*/}
.bg-banner1 {background-position:45% 50%;}
.bg-banner2 {background-position:20% 50%;}
.bg-banner3 {background-position:50% 50%;}
.bg-banner4 {background-position:50% 50%;}
.bg-banner5 {background-position:75% 50%;}

.carousel-indicators {bottom:0;}
.carousel-control {width:10%}
.carousel .item {min-height:167px;}
.carousel-inner .container, .carousel-inner .container > div.row, .carousel-inner .container, .carousel-inner .container div.row > div {min-height:167px;}
.carousel-caption span.btn {padding:10px; margin-top:5px;}
.carousel-caption {left:16%; right:4%; bottom:20px;}
.carousel-caption h3 {font-size:16px;line-height:20px; font-weight:400;}
.carousel-caption p {font-size:14px;line-height:20px;}

/*4 circles*/
.circle {border-radius:50%; margin-bottom:30px;}
.circle i {background-image:url(../images/small-eyex2.png); background-size:18px 18px;}

/*banner*/
.banner div {height:100px; width:100%;}
.h1, h1 {font-size:20px;line-height:26px;}
.h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small {font-size: 75%;}

/*nav bottom*/
.nav-bottom {padding:20px 20px;}
.nav-bottom div {border-right:0px; border-bottom:1px solid rgba(255,255,255,0.6); min-height:inherit; }
.nav-bottom > div > div > div {padding-bottom:20px; margin-bottom:10px;}
.nav-bottom div:last-child {border-bottom:0px;}
.nav-bottom h3 {font-size:16px;line-height:22px;}
.nav-bottom ul {padding-left:0px;}

/*footer*/

}

@media only screen and (min-width:320px) and (max-width:480px) {
	

}