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

html, body {width: 100%; margin: 0; padding: 0;}

.wrapper {width: 61%; margin: 0 auto; padding: 0;}
.clear {clear: both;}

.header {}
.header .top-bar {background: #04b5a2; width: 100%;}
.header .top-bar .left {width: 70%; display: inline-block; padding: 12px 0;}
.header .top-bar p.call {box-sizing: border-box; background:url(../images/call-answer.png) no-repeat; display: inline-block; vertical-align: top; background-position:left 15px center; color: #fff;font-family: 'robotoregular'; font-size: 12px; padding:0 15px 0 38px; text-align: left; margin: 0}
.header .top-bar .email {box-sizing: border-box; background:url(../images/envelope.png) no-repeat; display: inline-block; vertical-align: top; background-position:left 15px center; color: #fff;font-family: 'robotoregular'; font-size: 12px; padding:0 15px 0 38px;text-align: left; margin: 0}
.header .top-bar a {color: #fff; text-decoration: none; margin: 0;}
.header .top-bar a:hover {color: #fff; text-decoration: none; margin: 0;}
.header .top-bar .find {box-sizing: border-box; background:url(../images/location-pin.png) no-repeat; display: inline-block; vertical-align: top; background-position:left 15px center; color: #fff;font-family: 'robotoregular'; font-size: 12px; padding:0 15px 0 38px; text-align: left; margin: 0}
.header .top-bar .divider {display: inline-block; font-family: 'ubunturegular'; font-size: 13px; text-align: center;color: rgba(255, 255, 255, 0.38); margin: 0; vertical-align: top;}
.header .top-bar .right {width: 10%; padding: 12px 0; float: right}
.header .top-bar .facebook {box-sizing: border-box; vertical-align: top; background-position:right center; padding:0 15px 0 38px; float: right}

.header .white-bar {background: #fff; width: 100%; border-bottom: #e7e7e7 solid 1px;top:7%;left:0;z-index:10;}
.header .white-bar .logo {padding: 15px 0;width: 50%;display: inline-block; vertical-align: top;}
.header .white-bar img {width: 170px; height:auto; background-position: left;}
.header .white-bar nav {padding: 35px 0;width: 40%;display: inline-block; vertical-align: top; float: right; text-align: right}
.header .white-bar nav ul {list-style: none;}
.header .white-bar nav ul li {display: inline-block;padding: 0 20px;}
.header .white-bar nav ul li a {color: #2d2d2d;font-family: 'robotoregular';text-transform: uppercase;letter-spacing: 0.6px; font-size: 14px; font-weight:bolder;text-decoration: none; font-style: normal;}
.header .white-bar nav ul li a:hover {border-bottom: 3px double #04b5a2; transition-property: all;transition-duration: 0.4s;}
.header .white-bar nav ul li a:active {border-bottom: 3px double #04b5a2; transition-property: all;transition-duration: 0.4s;}
.header .white-bar nav .active {color: #04b5a2;}

.header.smaller {position:fixed;width:100% !important;left:0;margin-left:0;top:0;z-index:20;transition-duration:0.3s;
-webkit-box-shadow: 0px 12px 17px 0px rgba(0,0,0,0.05);
-moz-box-shadow: 0px 12px 17px 0px rgba(0,0,0,0.05);
box-shadow: 0px 12px 17px 0px rgba(0,0,0,0.05);
}

.header.smaller .top-bar {display: none}

.header.smaller .white-bar {background: #fff; width: 100%; border-bottom: #e7e7e7 solid 1px;position:fixed;top:0%;left:0;z-index:10;-webkit-transition: top .50s ease;
    box-shadow: 0 1px 5px rgba(0,0,0,0.2);
    -khtml-box-shadow: 0 1px 5px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 1px 5px rgba(0,0,0,0.2);
    -ms-box-shadow: 0 1px 5px rgba(0,0,0,0.2);
    -o-box-shadow: 0 1px 5px rgba(0,0,0,0.2);}

.header.smaller .white-bar .logo {padding: 15px 0;width: 50%;display: inline-block; vertical-align: top;}
.header.smaller .white-bar img {width: 100px; height:auto; background-position: left;}
.header.smaller .white-bar nav {padding: 15px 0;width: 40%;display: inline-block; vertical-align: top; float: right; text-align: right}
.header.smaller .white-bar nav ul {list-style: none;}

h1 {font-family:'robotoregular'; font-size: 25px; color: #428f87; font-weight: normal;}
p {font-family:'robotoregular'; font-size: 17px; color: #676767; color: #428f87; font-weight: normal;}

form {padding: 20px 0; margin-bottom: 50px;}
label {font-family:'robotoregular'; font-size: 25px; color: #428f87; font-weight: normal;}
input[type=text] {display: inline-block;background:#fff;color:#20232B;padding:5px 10px;border:1px solid #96989A;font-family: 'robotoregular';font-size:17px;width:70%;margin:0; border-radius: 3px;}
input[type=submit] {background:#428f87;border:none;font-family: 'robotoregular';font-size:19px;color:#fff;cursor:pointer; border-radius: 3px; width: 200px; margin: 0; padding: 5px 0;}

.locate-sec2 .full-width-col {width: 100%; display: inline-block; margin: 10px 0;}
.locate-sec2 .full-width-col label {background: #E6E7E8; padding: 5px; display: inline-block; font-family: 'robotoregular'; font-size: 17px; color: #20232B; border-bottom-left-radius: 4px; border-top-left-radius: 4px; width: 25%;}
.locate-sec2 .full-width-col input[type=text] {display: inline-block;background:#fff;color:#20232B;padding:5px 10px;border:1px solid #96989A;font-family: 'robotoregular';font-size:17px;width:70%;margin:0; border-radius: 3px;}


.locate-sec2 .half-col {width: 49%; display: inline-block; margin: 20px 0;}
.locate-sec2 .half-col label {background: #E6E7E8; padding: 5px; display: inline-block; font-family: 'robotoregular'; font-size: 17px; color: #20232B; border-bottom-left-radius: 4px; border-top-left-radius: 4px; width: 20%;}
.locate-sec2 .half-col input[type=text] {display: inline-block;background:#fff;color:#20232B;padding:5px 10px;border:1px solid #96989A;font-family: 'robotoregular';font-size:17px;width:70%;margin:10px 0 ; border-radius: 3px;}


.locate-sec2 h3.big-mem-cert {font-family: 'robotoregular'; font-size: 20px; text-transform: uppercase; font-weight: bold; margin: 50px 0 0 0; padding: 5px 0 5px 45px;background: url(../images/big-heading.png) no-repeat; color: #fff;}

.locate-sec2 h3.small-mem-cert {font-family: 'robotoregular'; font-size: 20px; text-transform: uppercase; font-weight: bold; margin: 50px 0 0 0; padding: 4px 0 4px 45px;background: url(../images/small-heading.png) no-repeat; color: #fff; display: inline-block; width: 100%;}

.locate-sec {background: #fff;padding:130px 0 50px 0;border-bottom:7px solid #00a08f;}
.locate-sec h3 {color: #02b3a0;font-family: 'robotoregular'; font-size: 30px; text-transform: uppercase; font-weight: normal; margin: 0; padding: 0;}

.locate-sec1 {background: #02b3a0;padding:50px 0;border-bottom:7px solid #00a08f;}
.locate-sec1 h3 {color: #fff;font-family: 'robotoregular'; font-size: 25px; text-transform: uppercase; font-weight: normal; margin: 0 0 30px 0; padding: 0;}
.locate-sec1 .image {width: 20%; float: left;}
.locate-sec1 .image img {-webkit-box-shadow: 0px 0px 35px -6px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 35px -6px rgba(0,0,0,0.75);
box-shadow: 0px 0px 35px -6px rgba(0,0,0,0.75); width: 100%; height: auto;}
.locate-sec1 .info {width: 30%; float: left;}
.locate-sec1 .info p {color: #fff; font-family: 'robotoregular'; font-size: 16px; margin: 0 0 20px 0; padding: 0 0 0 30px}
.locate-sec1 .info p a {color: #fff; font-family: 'robotoregular'; font-size: 16px; text-decoration: none;}
.locate-sec1 .map {width: 350px; float: right;}

.locate-sec2 {background: #fff;padding:50px 0;border-bottom:7px solid #00a08f;}
.locate-sec2 h3 {color: #00a08f;font-family: 'robotoregular'; font-size: 25px; text-transform: uppercase; font-weight: normal; margin: 0 0 30px 0; padding: 0;}
.locate-sec2 .image {width: 20%; float: left;}
.locate-sec2 .image img {-webkit-box-shadow: 0px 0px 35px -6px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 35px -6px rgba(0,0,0,0.75);
box-shadow: 0px 0px 35px -6px rgba(0,0,0,0.75); width: 100%; height: auto;}
.locate-sec2 .info {width: 30%; float: left;}
.locate-sec2 .info p {color: #00a08f; font-family: 'robotoregular'; font-size: 16px; margin: 0 0 20px 0; padding: 0 0 0 30px}
.locate-sec2 .info p a {color: #00a08f; font-family: 'robotoregular'; font-size: 16px; text-decoration: none;}
.locate-sec2 .map {width: 350px; float: right;}

/*News*/
.news1 {background: #02b3a0;padding:50px 0;border-bottom:7px solid #00a08f;}
.news1 h3 {color: #fff;font-family: 'robotoregular'; font-size: 25px; text-transform: uppercase; font-weight: normal; margin: 0 0 30px 0; padding: 0;}

.news2 {background: #fff;padding:50px 0;border-bottom:7px solid #00a08f;}
.news2 h3 {color: #02b3a0;font-family: 'robotoregular'; font-size: 25px; text-transform: uppercase; font-weight: normal; margin: 0 0 30px 0; padding: 0;}

.news1 .image2 {width: 20%; margin: 20px 100px 0 20px; display: inline-block; vertical-align: top}
.news1 .image2 img {-webkit-box-shadow: 0px 0px 35px -6px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 35px -6px rgba(0,0,0,0.75);
box-shadow: 0px 0px 35px -6px rgba(0,0,0,0.75); width: 100%; height: auto;}

.news1 .image {width: 20%; float: left; margin-right: 30px}
.news1 .image img {-webkit-box-shadow: 0px 0px 35px -6px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 35px -6px rgba(0,0,0,0.75);
box-shadow: 0px 0px 35px -6px rgba(0,0,0,0.75); width: 100%; height: auto;}

.news2 .image {width: 20%; float: left; margin-right: 30px}
.news2 .image img {-webkit-box-shadow: 0px 0px 35px -6px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 35px -6px rgba(0,0,0,0.75);
box-shadow: 0px 0px 35px -6px rgba(0,0,0,0.75); width: 100%; height: auto;}

.news1 .description p {color: #fff; font-family: 'robotoregular'; font-size: 16px; margin: 0 0 0 0; padding: 0;}
.news2 .description p {color: #00a08f; font-family: 'robotoregular'; font-size: 16px; margin: 0 0 0 0; padding: 0;}

.wah {cursor: pointer;width:200px;background: #ff5a00;transform: rotate(-90deg);position: fixed;top:250px;right:-90px;height: 50px;border-top-left-radius: 10px;border-top-right-radius: 10px;transition-duration: 0.3s; z-index: 99}
.wah:hover {background: #ff9600;right:-80px;}
.wah::before {display: block;content: '';width:10px;height: 10px;background: #ff5a00;transform: rotate(45deg);position: absolute;top:-5px;left:50%;margin-left: -5px;transition-duration: 0.3s;}
.wah:hover::before {background: #ff9600;transform: rotate(-135deg);}
.wah h3 {font-family: 'Arial';font-weight: bold;color:#fff;padding: 11px 0; text-align: center;font-size:15px;transform: translate3d(0,0,0);-webkit-backface-visibility: hidden;margin: 0;}

#footer {background: rgba(217,217,217,0.97); width: 100%; padding: 20px 0;}
#footer .left {display: inline-block;width: 85%}
#footer .left p {color: #676767;font-family:'robotoregular'; font-size: 12px; padding:0; margin: 1px 0;}
#footer .left a {color: #676767;font-family:'robotoregular'; font-size: 12px; padding:0; margin: 1px 0;}
#footer .right {display: inline-block;width: 10%; float: right}
#footer .right img {width: 100px; height:auto; background-position: right; vertical-align: top}

@media screen and (max-width: 1366px) {
    .wrapper {width: 100%; margin: 0 auto;}
}