/*

Theme Name: Firstaid

Theme URI: http://wordpress.org/themes/FirsrAid

Author: the WordPress team

Author URI: http://wordpress.org/

Description: The 2012 theme for WordPress is a fully responsive theme that looks great on any device. Features include a front page template with its own widgets, an optional display font, styling for post formats on both index and single views, and an optional no-sidebar page template. Make it yours with a custom menu, header image, and background.

Version: 1.4

License: GNU General Public License v2 or later

License URI: http://www.gnu.org/licenses/gpl-2.0.html

Tags: light, gray, white, one-column, two-columns, right-sidebar, fluid-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready

Text Domain: FirsrAid



This theme, like WordPress, is licensed under the GPL.

Use it to make something cool, have fun, and share what you've learned with others.

*/



/* =Notes

--------------------------------------------------------------

This stylesheet uses rem values with a pixel fallback. The rem

values (and line heights) are calculated using two variables:



$rembase:     14;

$line-height: 24;



---------- Examples



* Use a pixel value with a rem fallback for font-size, padding, margins, etc.

	padding: 5px 0;

	padding: 0.357142857rem 0; (5 / $rembase)



* Set a font-size and then set a line-height based on the font-size

	font-size: 16px

	font-size: 1.142857143rem; (16 / $rembase)

	line-height: 1.5; ($line-height / 16)



---------- Vertical spacing



Vertical spacing between most elements should use 24px or 48px

to maintain vertical rhythm:



.my-new-div {

	margin: 24px 0;

	margin: 1.714285714rem 0; ( 24 / $rembase )

}



---------- Further reading



http://snook.ca/archives/html_and_css/font-size-with-rem

http://blog.typekit.com/2011/11/09/type-study-sizing-the-legible-letter/





/* =Reset

-------------------------------------------------------------- */

@charset "utf-8";

/* CSS Document */



@font-face {

    font-family: 'apex_newheavy';

    src: url('font/font-webfont.eot');

    src: url('font/font-webfont.eot?#iefix') format('embedded-opentype'),

         url('font/font-webfont.woff2') format('woff2'),

         url('font/font-webfont.woff') format('woff'),

         url('font/font-webfont.ttf') format('truetype'),

         url('font/font-webfont.svg#apex_newheavy') format('svg');

    font-weight: normal;

    font-style: normal;



}



@font-face {

    font-family: 'apex_newbook';

    src: url('font/fonts/font-webfont.eot');

    src: url('font/fonts/font-webfont.eot?#iefix') format('embedded-opentype'),

         url('font/fonts/font-webfont.woff2') format('woff2'),

         url('font/fonts/font-webfont.woff') format('woff'),

         url('font/fonts/font-webfont.ttf') format('truetype'),

         url('font/fonts/font-webfont.svg#apex_newbook') format('svg');

    font-weight: normal;

    font-style: normal;



}





* {padding:0px; margin:0px;}

* {text-decoration:none;}

.header {width:100%; height:auto; background-color:#FFF;}

.container {width:1000px; position:relative; margin:0px auto; overflow:hidden;}

.logo {width:20%; height:auto; position:relative; float:left;margin-top: 15px;}

.logo img {width:100%; height:auto;}

.box-rec-right {
    width: 61%;
    height: 135px;
    position: relative;
    float: right;
}

.box-rec-right .contact {
    width: 40%;
    height: auto;
    position: relative;
    float: right;
    margin-top: 20px;
    overflow: hidden;
}

.box-rec-right .nav_part {
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
}



.box-rec-right .nav_part ul{list-style:none; display:inline-block;padding-top: 4px;}

.box-rec-right .nav_part ul li {float:left;padding: 15px 13px;}

.box-rec-right .nav_part ul li:last-child {padding-right:0px;}

.box-rec-right .nav_part ul li a{font-family: 'Lato', sans-serif; font-size:16px; color:#000; font-weight:500;}

.box-rec-right .nav_part ul li a.home{ color:#ff6b6b;}

.box-rec-right .nav_part ul li a:hover,.nav_part ul li.current-menu-item a{ color:#90c0db;}



.mobClick{ display:none;}

ul{list-style:none;margin:0;padding:0;}

.spacer {clear: both;line-height: 0;font-size: 0px;}



.box-rec-right .contact .icon-call {float:left;}

.box-rec-right .contact h2 {font-family: 'Lato', sans-serif; font-size:28px; color:#00aa5d; font-weight:bold; text-align:right;}



.banner {width:100%; height:auto; position:relative;}

.banner img {width:100%; height:auto; position:relative;}

.banner-container {position: absolute;left: 0px;right: 0px;top:0px;}

.banner .form-booking {width:38%; height:auto; position:relative; float:left;margin-top: 25px;}

.banner .form-booking .text-form {width:100%; height:auto; position:relative; float:left; background-color:#3d5a9c;padding: 25px 0px;}

.banner .form-booking .text-form h2 {font-family: 'Lato', sans-serif; font-size:30px; color:#fff; font-weight:bold; text-align:center;margin: 0px 25px;}

.banner .form-booking .in-form {width:100%; height:auto; background-color:#FFF;float: left;}

.banner .form-booking .in-form form {width: 90%;height: auto;position: relative;margin: 0px auto;}

.banner .form-booking .in-form h5 {font-family: 'Lato', sans-serif; font-size:18px; color:#7e7a7a; font-weight: 300;padding: 15px 0px 5px 0px;}

.banner .form-booking .in-form input[type="text"],input[type="email"]{width:96%;height: auto;position: relative;padding:13px 6px 13px;;font-size: 16px;color: #7d7d7d;font-weight: 300;}



.banner .form-booking .in-form h5 {font-family: 'Lato', sans-serif; font-size:18px; color:#7e7a7a; font-weight: 300;padding: 15px 0px 5px 0px;}





.banner .form-booking .in-form h5 {font-family: 'Lato', sans-serif; font-size:18px; color:#7e7a7a; font-weight: 300;padding: 15px 0px 5px 0px;}

.banner .form-booking .in-form #fil-num {width:96%;height: auto;position: relative;padding:13px 6px 13px;;font-size: 16px;color: #7d7d7d;font-weight: 300;}



.banner .form-booking .in-form h5 {font-family: 'Lato', sans-serif; font-size:18px; color:#7e7a7a; font-weight: 300;padding: 15px 0px 5px 0px;}

.banner .form-booking .in-form #submit {width:100%;height: auto;position: relative;padding:13px 6px 13px;;font-size: 16px;color: #FFF;font-weight: 300;background-color: #00aa5d;border: none;margin-top: 25px;}

.banner .form-booking .in-form h6 {font-family: 'Lato', sans-serif; color:#a8a3a3; font-size:12px;font-weight: 600;padding: 15px 0px;text-align: center;}



.banner .banner-txt {float: left;position: relative;width: 51%;height: auto;margin-top: 110px;margin-left: 85px;}

.banner .banner-txt h2 {font-family: 'apex_newheavy'; font-size:64px; color:#00aa5d;}

.banner .banner-txt h2 span {font-family: 'apex_newbook'; font-size:72px; color:#1c5787;}



.bdy-cont1 {width:100%; height:auto; position:relative;padding: 25px 0px;}

.bdy-cont1 h2 {font-family: 'Lato', sans-serif; font-size:40px; color:#1c5787; text-align:center; text-transform:uppercase;padding: 25px 0px;}

.bdy-cont1 .section-box {width:30%; height:auto; position:relative; float:left;text-align: center;margin-right: 48px;}

.bdy-cont1 .section-box:last-child {margin-right: 0px;}



.bdy-cont1 .section-box #icon-hover {

    position:relative;

    height: 120px;

    width: 40%;

	margin: 0px auto;

}

.bdy-cont1 .section-box #icon-hover img {

    position:absolute;

    left:0;

    opacity: 1;

    -webkit-transition: opacity 0.5s ease-in-out;

    -moz-transition: opacity 0.5s ease-in-out;

    -o-transition: opacity 0.5s ease-in-out;

    -ms-transition: opacity 0.5s ease-in-out;    

    transition: opacity 0.5s ease-in-out;

}

 

.bdy-cont1 .section-box #icon-hover img.top:hover {

    opacity:0;

}



.bdy-cont1 .section-box .box-txt h2 {font-family: 'Lato', sans-serif; font-size:18px; color:#03233d; font-weight:bold; text-transform:none;}

.bdy-cont1 .section-box .box-txt p {font-family: 'Lato', sans-serif; font-size:14px; color:#03233d; font-weight:500; text-transform:none;margin-bottom: 10px;}

.bdy-cont1 .section-box .box-txt a {font-family: 'Lato', sans-serif; font-size:14px; color:#03233d; font-weight:500; text-transform:none; text-decoration:underline;}



.bdy-cont2 {width:100%; height:auto; position:relative; background-image:url(images/cover.jpg); background-repeat:no-repeat; background-size:100% auto;padding: 50px 0px;}

.bdy-cont2 h2 {font-family: 'Lato', sans-serif; font-size:40px; color:#fff; text-align:center; text-transform:uppercase;padding: 25px 0px;}

.bdy-cont2 h5 {font-family: 'Lato', sans-serif; font-size:20px; color:#fff; font-weight:bold;}

.bdy-cont2 .row-section {width:100%; height:auto; position:relative; float:left;padding: 15px 0px;}

.bdy-cont2 .row-section p {font-family: 'Lato', sans-serif; font-size:16px; color:#fff; font-weight:500;}

.bdy-cont2 .row-section p:before {content:url(images/marks.png);float: left;margin-right: 15px;}

.bdy-cont2 .row-section .top {margin-top:1px;margin-top: 28px;}

.bdy-cont2 .row-section img {float:left; position:relative;width: auto;height: auto;margin-right: 25px;}



.bdy-cont3 {width:100%; height:auto; position:relative; padding:25px 0px;}

.bdy-cont3 h2{font-family: 'Lato', sans-serif; font-size:40px; color:#1c5787; text-align:center; text-transform:uppercase;padding-bottom: 25px;}

.bdy-cont3 .map-left {width:47%; height:auto; position:relative; float:left;}

.bdy-cont3 .right-txt {width:50%; height:auto; position:relative; float:right;}

.bdy-cont3 .right-txt p {font-family: 'Lato', sans-serif; font-size:16px; color:#03233d;line-height: 28px;}

.bdy-cont3 .right-txt a {border: 1px solid #00aa5d;padding: 10px 40px;display: inline-block;margin-top: 18px;font-family: 'Lato', sans-serif; font-size:16px; color:#00aa5d;}



.bdy-cont4 .right-txt a:hover {border: 1px solid #1c5787; color:#1c5787; transition-duration:0.5s;}



.bdy-cont4 {width:100%; height:auto; position:relative; padding:25px 0px; background-color:f4f4f4; border-bottom:1px solid #ccc; border-top:1px solid #ccc;}

.bdy-cont4 h2 {font-family: 'Lato', sans-serif; font-size:40px; color:#1c5787; text-align:center; text-transform:uppercase;padding-bottom: 25px;}

.bdy-cont4 h6 {font-family: 'Lato', sans-serif; font-size:16px; color:#03233d; font-weight:400; text-align:center;}

.bdy-cont4 p {font-family: 'Lato', sans-serif; font-size:16px; color:#03233d; font-weight:400; text-align:center;padding:25px 0px;}

.bdy-cont4 h3 {font-family: 'Lato', sans-serif; font-size:26px; color:#69c091; font-weight:400; text-align:center;}

.bdy-cont4 p:before {content:url(images/topic-1.png); position:relative;margin: 0px 10px}

.bdy-cont4 p:after {content:url(images/topic-2.png); position:relative;float: right;}



.bdy-cont5 {width:100%; height:auto; position:relative; padding:25px 0px;}

.bdy-cont5 h2 {font-family: 'Lato', sans-serif; font-size:40px; color:#1c5787; text-align:center; text-transform:uppercase;padding-bottom: 25px;}



.bdy-cont5 .section-aid {width:24%; height:auto; position:relative; float:left;  margin-right: 93px;}

.bdy-cont5 .section-aid:last-child {margin-right:0px;}

.bdy-cont5 .last-section {margin-right: 0px;}

.bdy-cont5 .section-aid .header-section {width:100%; position:relative; float:left;height: 55px;}

.bdy-cont5 .section-aid .header-section img {width:100%; position:absolute; opacity: 1;}

.bdy-cont5 .section-aid .header-section img.top:hover {position:absolute;

    opacity: 0;

    -webkit-transition: opacity 0.5s ease-in-out;

    -moz-transition: opacity 0.5s ease-in-out;

    -o-transition: opacity 0.5s ease-in-out;

    -ms-transition: opacity 0.5s ease-in-out;    

    transition: opacity 0.5s ease-in-out;}

.bdy-cont5 .section-aid .header-section h3 {
  position: absolute;
  font-family: 'Lato', sans-serif;
  font-size: 17px;
  color: #fff;
  margin-left: 44px;
  margin-top: 20px;
  text-transform: uppercase;
}



.bdy-cont5 .section-aid .bdy-txt {position:relative; float:left; height:auto; widows:100%; background-color:#f0f0f1;z-index: -1;min-height: 333px;}

.bdy-cont5 .section-aid .bdy-txt p {font-family: 'Lato', sans-serif; font-size:16px; color:#03233d; font-weight:400; text-align:left;padding: 50px 0px; margin: 0px 10px;}
/*.bdy-cont5 .section-aid .bdy-txt p a
{
	color:#000;
	text-decoration:none;
}*/
.bdy-cont5 .section-aid .bdy-txt h2 {font-family: 'Lato', sans-serif; font-size:16px; color:#073458; font-weight:bold; text-align:center;padding:text-transform: uppercase;margin: 0px 10px;}

.section-aid .footer-section{width:100%; height:auto; position:relative; float:left;background-color:#00aa5d;border-radius: 0px 0px 3px 3px;}

.section-aid .footer-section:hover {width:100%; height:auto; position:relative; float:left;background-color:#1c5787;border-radius: 0px 0px 3px 3px;}

.bdy-cont5 .section-aid .footer-section p {font-family: 'Lato', sans-serif; font-size:14px; color:#fff; font-weight:light; text-align:center;padding: 15px 0px;}



.bdy-cont5 .para {float:left; width:100%; position:relative;}

.bdy-cont5 .para p {font-family: 'Lato', sans-serif; font-size:16px; color:#03233d; font-weight:400; text-align:center;padding-top:25px;}



.footer {width:100%; height:auto; position:relative; padding:25px 0px; background-color:#181818;}



.footer .facebook {width:28%; height:auto; position:relative; float:left;margin-right: 35px;}

.footer .facebook h2 {font-family: 'Lato', sans-serif; font-size:24px; color:#fff; font-weight:400;padding-bottom: 35px;}



.footer .news {width:34%; height:auto; position:relative; float:left;margin-right: 35px;}

.footer .news h2 {font-family: 'Lato', sans-serif; font-size:24px; color:#fff; font-weight:400;padding-bottom: 35px;}



.footer .news .first-line-new {width:100%; height:auto; position:relative; float:left;margin-bottom: 20px;}

.footer .news .first-line-new img {width:32%; height:auto; position:relative; float:left;}

.footer .news .first-line-new h2 {font-family: 'Lato', sans-serif; font-size:16px; color:#fff; font-weight:400; padding-bottom:0px; float:left;padding-top: 10px;margin-left: 15px;}

.footer .news .first-line-new p {font-family: 'Lato', sans-serif; font-size:12px; color:#989595; font-weight:bold;float:left;margin-left: 15px;}



.footer .form {width:30%; height:auto; position:relative; float:left;}

.footer .form h2 {font-family: 'Lato', sans-serif; font-size:24px; color:#fff; font-weight:400;padding-bottom: 35px;}





.footer .form input[type="text"],input[type="email"]{width:90%; height:auto; position:relative; float:left; border: 1px solid #FFF;background-color: #181818;color: #fff;border-radius: 4px;padding: 8px 8px;margin-bottom: 8px;}



.footer .form textarea{  width: 271px;height: 70px;position: relative;float: left;border: 1px solid #FFF;background-color: #181818;color: #fff;border-radius: 4px;padding: 8px 8px;margin-bottom: 8px;}



.footer .form input[type="submit"]{float: right;margin-right: 13px;background-color: #00aa5d;border-radius: 3px;border: none;color: white;padding: 8px 20px;}



.footer .form #message { width:90%; height:100px; position:relative; float:left; border: 1px solid #FFF;background-color: #181818;color: #fff;border-radius: 4px;padding: 8px 8px;}



.last-footer {width:100%; height:auto; position:relative; padding:25px 0px; background-color:#181818; border-top:1px solid #dcdadb;}

.last-footer h2 {float:left; position:relative;font-family: 'Lato', sans-serif; font-size:14px; color:#fff; font-weight:400;}

.last-footer .social {width:auto; height:auto; position:relative; float:right;}


#stage img{  width: 100px;padding-top: 20px;}



/**************responsive**********************/
@media screen and (min-width: 981px) and (max-width:1024px){

	.container {
    margin: 0px auto;
    overflow: hidden;
    width: 100%;
    position: relative;
}
.last-footer h2 {
    float: left;
    position: relative;
    font-family: "Lato",sans-serif;
    font-size: 14px;
    color: #FFF;
    font-weight: 400;
    padding: 0 0 0 20px;
}
.last-footer .social {
    width: auto;
    height: auto;
    position: relative;
    float: right;
    margin: 0 23px 0 0;
}
.bdy-cont5 .section-aid .header-section h3 {
    position: absolute;
    font-family: "Lato",sans-serif;
    font-size: 20px;
    color: #FFF;
    margin-left: 75px;
    margin-top: 20px;
    text-transform: uppercase;
}
.box-rec-right {
    width: 60%;
    height: 135px;
    position: relative;
    float: right;
}
.box-rec-right .contact {
    height: auto;
    position: relative;
    margin-top: 20px;
    width: 35%;
    float: right;
    margin: 20px 3% 0 0;
}
.box-rec-right .nav_part ul {
    list-style: outside none none;
    display: inline-block;
    padding-top: 0;
}
.banner .form-booking {
    width: 48%;
    height: auto;
    position: relative;
    float: left;
    margin: 0 0 0 20px;
	border: 1px solid #ccc;
}
.banner .form-booking .in-form input[type="text"], input[type="email"] {
    width: 96%;
    height: auto;
    position: relative;
    padding: 6px 6px;
    font-size: 16px;
    color: #7D7D7D;
    font-weight: 300;
}
.banner .form-booking .in-form #fil-num {
    width: 96%;
    height: auto;
    position: relative;
    padding: 6px 6px;
    font-size: 16px;
    color: #7D7D7D;
    font-weight: 300;
}
.banner .form-booking .text-form {
    width: 100%;
    height: auto;
    position: relative;
    float: left;
    background-color: #3D5A9C;
    padding: 8px 0px;
}
.banner .banner-txt h2 span {
    font-family: "apex_newbook";
    font-size: 45px;
    color: #1C5787;
}
.banner .banner-txt h2 {
    font-family: "apex_newheavy";
    font-size: 38px;
    color: #00AA5D;
}
.banner .banner-txt {
    float: left;
    position: relative;
    width: 42%;
    height: auto;
    margin-top: 110px;
    margin-left: 5%;
}
.bdy-cont1 .section-box {
    width: 30%;
    height: auto;
    position: relative;
    float: left;
    text-align: center;
    margin: 0 10px 0 16px;
}
.bdy-cont1 h2 {
    font-family: "Lato",sans-serif;
    font-size: 30px;
    color: #1C5787;
    text-align: center;
    text-transform: uppercase;
    padding: 25px 0px;
}
.bdy-cont2 {
    width: 100%;
    height: auto;
    position: relative;
    background-image: url("images/cover.jpg");
    background-repeat: no-repeat;
    background-size: 100% 102%;
    padding: 50px 0px;
}
.bdy-cont2 h2 {
    font-family: "Lato",sans-serif;
    font-size: 30px;
    color: #FFF;
    text-align: center;
    text-transform: uppercase;
    padding: 14px 0px;
}
.bdy-cont2 .row-section {
    width: 97%;
    height: auto;
    position: relative;
    float: left;
    padding: 15px 0px;
    margin: 0 0 0 11px;
}
.bdy-cont2 h5 {
    font-family: "Lato",sans-serif;
    font-size: 20px;
    color: #FFF;
    font-weight: bold;
    width: 95%;
    margin: 0 0 0 10px;
}
.bdy-cont3 h2 {
    font-family: "Lato",sans-serif;
    font-size: 30px;
    color: #1C5787;
    text-align: center;
    text-transform: uppercase;
    padding-bottom: 25px;
}
.bdy-cont3 .map-left {
    height: auto;
    position: relative;
    float: left;
    width: 45%;
    margin: 4px 0px 0px 7px;
}
.bdy-cont3 .map-left iframe
{
	width:97%;
	height:200px;
}
.bdy-cont3 .right-txt {
    width: 51%;
    height: auto;
    position: relative;
    float: left;
    margin: 0px 0px 0px 11px;
    text-align: justify;
}
.bdy-cont4 h2 {
    font-family: "Lato",sans-serif;
    font-size: 30px;
    color: #1C5787;
    text-align: center;
    text-transform: uppercase;
    padding-bottom: 25px;
}
.bdy-cont4 p {
    font-family: "Lato",sans-serif;
    font-size: 16px;
    color: #03233D;
    font-weight: 400;
    text-align: center;
    padding: 25px 0px;
    width: 95%;
    margin: 0 0 0 10px;
}
.bdy-cont5 h2 {
    font-family: "Lato",sans-serif;
    font-size: 30px;
    color: #1C5787;
    text-align: center;
    text-transform: uppercase;
    padding-bottom: 25px;
}
.bdy-cont5 .section-aid {
    width: 30%;
    height: auto;
    position: relative;
    float: left;
    margin: 0px 0px 0px 25px;
}
.bdy-cont5 .para p {
    font-family: "Lato",sans-serif;
    font-size: 16px;
    color: #03233D;
    font-weight: 400;
    text-align: center;
    padding-top: 25px;
    width: 97%;
    margin-left: 10px;
}
.footer .facebook {
    width: 28%;
    height: auto;
    position: relative;
    float: left;
	margin:0 0 0 5px;
}
.footer .facebook img{
    width: 100%;
    height: auto;
    float: left;
}
.footer .news {
    width: 34%;
    height: auto;
    position: relative;
    float: left;
    margin-right: 0px;
    margin: 0 0 0 15px;
}
.footer .news .first-line-new h2 {
    font-family: "Lato",sans-serif;
    font-size: 16px;
    color: #FFF;
    font-weight: 400;
    padding-bottom: 0px;
    float: left;
    padding-top: 3px;
    margin-left: 3px;
    width: 70%;
}
.footer .news .first-line-new img {
    width: 28%;
    height: auto;
    position: relative;
    float: left;
}
.footer .form {
    width: 32%;
    height: auto;
    position: relative;
    float: left;
}
.footer .form textarea {
    width: 90%;
    height: 70px;
    position: relative;
    float: left;
    border: 1px solid #FFF;
    background-color: #181818;
    color: #FFF;
    border-radius: 4px;
    padding: 8px;
    margin-bottom: 8px;
}
.banner .form-booking .in-form input[type="text"], input[type="email"] {
    width: 92%;
    height: auto;
    position: relative;
    padding: 6px;
    font-size: 16px;
    color: #7D7D7D;
    font-weight: 300;
}
.banner-container {
    position: absolute !important;
    left: 0px;
    right: 0px;
    top: 0px;
}
.banner .form-booking .in-form h5 {
    font-family: "Lato",sans-serif;
    font-size: 18px;
    color: #7E7A7A;
    font-weight: 300;
    padding: 8px 0px 5px;
}
}
@media screen and (min-width: 768px) and (max-width:980px){
.footer .form input[type="submit"] {
    float: right;
    margin-right: 7px;
    background-color: #00AA5D;
    border-radius: 3px;
    border: medium none;
    color: #FFF;
    padding: 8px 20px;
}
.last-footer h2 {
    float: left;
    position: relative;
    font-family: "Lato",sans-serif;
    font-size: 14px;
    color: #FFF;
    font-weight: 400;
    padding: 0 0 0 20px;
}
.last-footer .social {
    width: auto;
    height: auto;
    position: relative;
    float: right;
    margin: 0 20px 0 0;
}
.banner-container {
    position: absolute !important;
    left: 0px;
    right: 0px;
    top: 0px;
}
.banner .form-booking .text-form h2 {
    font-family: "Lato",sans-serif;
    font-size: 21px;
    color: #FFF;
    font-weight: bold;
    text-align: center;
    margin: 0px 25px;
}
.banner .form-booking .in-form h5 {
    font-family: "Lato",sans-serif;
    font-size: 18px;
    color: #7E7A7A;
    font-weight: 300;
    padding: 2px 0px 3px;
}
.banner .form-booking .in-form #submit {
    width: 100%;
    height: auto;
    position: relative;
    padding:6px 6px;
    font-size: 16px;
    color: #FFF;
    font-weight: 300;
    background-color: #00AA5D;
    border: medium none;
    margin-top: 6px;
}
.banner .form-booking .in-form h6 {
    font-family: "Lato",sans-serif;
    color: #A8A3A3;
    font-size: 12px;
    font-weight: 600;
    padding: 6px 0px;
    text-align: center;
}
.container {
    margin: 0px auto;
    overflow: hidden;
    width: 100%;
    position: relative;
}
.box-rec-right {
    width: 80%;
    height: 135px;
    position: relative;
    float: right;
}
.box-rec-right .contact {
    height: auto;
    position: relative;
    margin-top: 20px;
    width: 35%;
    float: right;
    margin: 20px 3% 0 0;
}
.box-rec-right .nav_part ul {
    list-style: outside none none;
    display: inline-block;
    padding-top: 0;
}
.banner .form-booking {
    width: 48%;
    height: auto;
    position: relative;
    float: left;
    margin: 0 0 0 20px;
	border: 1px solid #ccc;
}
.banner .form-booking .in-form input[type="text"], input[type="email"] {
    width: 96%;
    height: auto;
    position: relative;
    padding: 6px 6px;
    font-size: 16px;
    color: #7D7D7D;
    font-weight: 300;
}
.banner .form-booking .in-form #fil-num {
    width: 96%;
    height: auto;
    position: relative;
    padding: 6px 6px;
    font-size: 16px;
    color: #7D7D7D;
    font-weight: 300;
}
.banner .form-booking .text-form {
    width: 100%;
    height: auto;
    position: relative;
    float: left;
    background-color: #3D5A9C;
    padding: 8px 0px;
}
.banner .banner-txt h2 span {
    font-family: "apex_newbook";
    font-size: 45px;
    color: #1C5787;
}
.banner .banner-txt h2 {
    font-family: "apex_newheavy";
    font-size: 38px;
    color: #00AA5D;
}
.banner .banner-txt {
    float: left;
    position: relative;
    width: 42%;
    height: auto;
    margin-top: 110px;
    margin-left: 5%;
}
.bdy-cont1 .section-box {
    width: 30%;
    height: auto;
    position: relative;
    float: left;
    text-align: center;
    margin: 0 10px 0 16px;
}
.bdy-cont1 h2 {
    font-family: "Lato",sans-serif;
    font-size: 30px;
    color: #1C5787;
    text-align: center;
    text-transform: uppercase;
    padding: 25px 0px;
}
.bdy-cont2 {
    width: 100%;
    height: auto;
    position: relative;
    background-image: url("images/cover.jpg");
    background-repeat: no-repeat;
    background-size: 100% 102%;
    padding: 50px 0px;
}
.bdy-cont2 h2 {
    font-family: "Lato",sans-serif;
    font-size: 30px;
    color: #FFF;
    text-align: center;
    text-transform: uppercase;
    padding: 14px 0px;
}
.bdy-cont2 .row-section {
    width: 97%;
    height: auto;
    position: relative;
    float: left;
    padding: 15px 0px;
    margin: 0 0 0 11px;
}
.bdy-cont2 h5 {
    font-family: "Lato",sans-serif;
    font-size: 20px;
    color: #FFF;
    font-weight: bold;
    width: 95%;
    margin: 0 0 0 10px;
}
.bdy-cont3 h2 {
    font-family: "Lato",sans-serif;
    font-size: 30px;
    color: #1C5787;
    text-align: center;
    text-transform: uppercase;
    padding-bottom: 25px;
}
.bdy-cont3 .map-left {
    height: auto;
    position: relative;
    float: left;
    width: 45%;
    margin: 4px 0px 0px 7px;
}
.bdy-cont3 .map-left iframe
{
	width:97%;
	height:200px;
}
.bdy-cont3 .right-txt {
    width: 51%;
    height: auto;
    position: relative;
    float: left;
    margin: 0px 0px 0px 11px;
    text-align: justify;
}
.bdy-cont4 h2 {
    font-family: "Lato",sans-serif;
    font-size: 30px;
    color: #1C5787;
    text-align: center;
    text-transform: uppercase;
    padding-bottom: 25px;
}
.bdy-cont4 p {
    font-family: "Lato",sans-serif;
    font-size: 16px;
    color: #03233D;
    font-weight: 400;
    text-align: center;
    padding: 25px 0px;
    width: 95%;
    margin: 0 0 0 10px;
}
.bdy-cont5 h2 {
    font-family: "Lato",sans-serif;
    font-size: 30px;
    color: #1C5787;
    text-align: center;
    text-transform: uppercase;
    padding-bottom: 25px;
}
.bdy-cont5 .section-aid {
    width: 30%;
    height: auto;
    position: relative;
    float: left;
    margin: 0 0 0 18px;
}
.bdy-cont5 .para p {
    font-family: "Lato",sans-serif;
    font-size: 16px;
    color: #03233D;
    font-weight: 400;
    text-align: center;
    padding-top: 25px;
    width: 97%;
    margin-left: 10px;
}
.footer .facebook {
    width: 28%;
    height: auto;
    position: relative;
    float: left;
	margin:0 0 0 12px;
}
.footer .facebook img{
    width: 100%;
    height: auto;
    float: left;
}
.footer .news {
    width: 34%;
    height: auto;
    position: relative;
    float: left;
    margin-right: 0px;
    margin: 0 0 0 15px;
}
.footer .news .first-line-new h2 {
    font-family: "Lato",sans-serif;
    font-size: 16px;
    color: #FFF;
    font-weight: 400;
    padding-bottom: 0px;
    float: left;
    padding-top: 3px;
    margin-left: 3px;
    width: 80%;
}
.footer .news .first-line-new img {
    width: 28%;
    height: auto;
    position: relative;
    float: left;
}
.footer .form {
    width: 32%;
    height: auto;
    position: relative;
    float: left;
}
.footer .form textarea {
    width: 90%;
    height: 70px;
    position: relative;
    float: left;
    border: 1px solid #FFF;
    background-color: #181818;
    color: #FFF;
    border-radius: 4px;
    padding: 8px;
    margin-bottom: 8px;
}
.banner .form-booking .in-form input[type="text"], input[type="email"] {
    width: 92%;
    height: auto;
    position: relative;
    padding: 6px;
    font-size: 16px;
    color: #7D7D7D;
    font-weight: 300;
}
}
@media screen and (min-width: 481px) and (max-width:660px){
.footer .form input[type="submit"] {
    float: right;
    margin-right: 11px;
    background-color: #00AA5D;
    border-radius: 3px;
    border: medium none;
    color: #FFF;
    padding: 8px 20px;
}
	.container {
    margin: 0px auto;
    overflow: hidden;
    width: 100%;
    position: relative;
}
.footer .form input[type="text"], input[type="email"] {
    width: 95%;
    height: auto;
    position: relative;
    float: left;
    border: 1px solid #FFF;
    background-color: #181818;
    color: #FFF;
    border-radius: 4px;
    padding: 8px;
    margin-bottom: 8px;
}
.footer input[type="email"] {
    width: 96%;
    height: auto;
    position: relative;
    padding: 6px;
    font-size: 16px;
    color: #7D7D7D;
    font-weight: 300;
	font-size:13px;
}
.logo {
    width: 100%;
    height: auto;
    position: relative;
    float: left;
    margin-top: 15px;
    text-align: center;
}
.logo img
{
	width:auto;
	height:auto;
	text-align:center;
}
.box-rec-right {
    height: auto;
    position: relative;
    float: left;
    width: 94%;
    margin-left: 10px;
}
.box-rec-right .contact {
    height: auto;
    position: relative;
    margin-top: 8px;
    width: 38%;
    float: right;
}
.banner .form-booking {
    height: auto;
    position: relative;
    float: left;
    margin-top: 0px;
    width: 100%;
}
.banner .banner-txt {
    float: left;
    position: relative;
    height: auto;
    margin-top: 0px;
    width: 62%;
    margin-left: 20%;
}
.banner .form-booking .text-form h2 {
    font-family: "Lato",sans-serif;
    font-size: 20px;
    color: #FFF;
    font-weight: bold;
    text-align: center;
    margin: 0px 25px;
}
.banner .banner-txt h2 {
    font-family: "apex_newheavy";
    font-size: 31px;
    color: #00AA5D;
    width: 95%;
    text-align: center;
}

.banner .banner-txt h2 span {
    font-family: "apex_newbook";
    font-size: 34px;
    color: #1C5787;
}
.banner .form-booking .in-form input[type="text"], input[type="email"] {
    width: 96%;
    height: auto;
    position: relative;
    padding: 6px 6px;
    font-size: 16px;
    color: #7D7D7D;
    font-weight: 300;
}
.bdy-cont1 h2 {
    font-family: "Lato",sans-serif;
    font-size: 18px;
    color: #1C5787;
    text-align: center;
    text-transform: uppercase;
    padding: 25px 0px;
}
.bdy-cont1 .section-box {
    width: 100%;
    height: auto;
    position: relative;
    float: center;
    text-align: center;
    margin: 0px auto;
}
.bdy-cont2 {
    width: 100%;
    height: auto;
    position: relative;
    background-image: none;
    background-repeat: no-repeat;
    background-size: 100% auto;
    padding: 20px 0px;
}
.bdy-cont2 h2 {
    font-family: "Lato",sans-serif;
    font-size: 20px;
    color: #1C5787;
    text-align: center;
    text-transform: uppercase;
    padding: 0px;
}
.bdy-cont2 h5 {
    font-family: "Lato",sans-serif;
    font-size: 17px;
    color: #000;
    font-weight: bold;
    text-align: center;
    padding: 15px 0px 0px;
}
.bdy-cont2 .row-section {
    width: 95%;
    height: auto;
    position: relative;
    float: left;
    padding: 15px 0px;
    margin: 2px 0px 0px 17px;
}
.bdy-cont2 .row-section p {
    font-family: "Lato",sans-serif;
    font-size: 16px;
    color: #000;
    font-weight: 500;
	text-align: justify;
}
.bdy-cont2 .row-section img {
	display:none;
}
.bdy-cont3 h2 {
    font-family: "Lato",sans-serif;
    font-size: 22px;
    color: #1C5787;
    text-align: center;
    text-transform: uppercase;
    padding-bottom: 25px;
}
.bdy-cont3 .map-left {
    height: auto;
    position: relative;
    float: left;
    width: 95%;
    margin: 0 0 0 20px;
}
.bdy-cont3 .map-left iframe
{
	width:97%;
	height:150px;
}
.bdy-cont3 .right-txt {
    width: 93%;
    height: auto;
    position: relative;
    float: left;
    margin: 10px 0 0 20px;
    text-align: justify;
}
.bdy-cont4 h2 {
    font-family: "Lato",sans-serif;
    font-size: 22px;
    color: #1C5787;
    text-align: center;
    text-transform: uppercase;
    padding-bottom: 25px;
}
.bdy-cont4 h6 {
    font-family: "Lato",sans-serif;
    font-size: 15px;
    color: #03233D;
    font-weight: 400;
    text-align: justify;
    width: 93%;
    margin: 0 0 0 20px;
}
.bdy-cont5 h2 {
    font-family: "Lato",sans-serif;
    font-size: 21px;
    color: #1C5787;
    text-align: center;
    text-transform: uppercase;
    padding-bottom: 23px;
}
.bdy-cont5 .section-aid {
    width: 51%;
    height: auto;
    position: relative;
    float: left;
    margin-right: 0;
    margin: 10px 0 0 25%;
}
.bdy-cont5 .para p {
    font-family: "Lato",sans-serif;
    font-size: 16px;
    color: #03233D;
    font-weight: 400;
    text-align: center;
    padding-top: 25px;
    text-align: justify;
    width: 93%;
    margin: 0 0 0 10px;
}
.bdy-cont5 .para p {
    font-family: "Lato",sans-serif;
    font-size: 16px;
    color: #03233D;
    font-weight: 400;
    text-align: center;
    padding-top: 25px;
    width: 93%;
    margin: 0 0 0 22px;
    text-align: justify;
}
.footer .facebook {
    width: 93%;
    height: auto;
    position: relative;
    float: left;
    margin: 0px 0px 0px 5%;
}
.footer .news {
    width: 93%;
    height: auto;
    position: relative;
    float: left;
    margin-right: 0;
    margin: 0 0 0 5%;
}
.footer .news .first-line-new img {
    width: 31%;
    height: auto;
    position: relative;
    float: left;
}
.footer .form {
    width: 93%;
    height: auto;
    position: relative;
    float: left;
    margin: 0 0 0 27px;
}

.banner .form-booking .in-form input[type="text"], input[type="email"] {
    width: 96%;
    height: auto;
    position: relative;
    padding: 6px;
    font-size: 16px;
    color: #7D7D7D;
    font-weight: 300;
}
.last-footer h2 {
    float: left;
    position: relative;
    font-family: "Lato",sans-serif;
    font-size: 13px;
    color: #FFF;
    font-weight: 400;
    width: 100%;
    text-align: center;
}
.last-footer .social {
    width: 100%;
    height: auto;
    position: relative;
    float: left;
    margin: 10px 0px 0px 0;
    text-align: center;
}
.bdy-cont4 p {
    font-family: "Lato",sans-serif;
    font-size: 16px;
    color: #03233D;
    font-weight: 400;
    text-align: center;
    padding: 25px 0px;
    width: 95%;
    margin: 0 0 0 14px;
}
.footer .form textarea {
    height: 70px;
    position: relative;
    float: left;
    border: 1px solid #FFF;
    background-color: #181818;
    color: #FFF;
    border-radius: 4px;
    padding: 8px;
    margin-bottom: 8px;
    width: 95%;
}
.box-rec-right .nav_part ul li {
    float: left;
    padding: 11px 0px;
	width:100%;
	text-align:left;
	border-bottom:1px solid #000;
	background:#1C5787;
}

.box-rec-right .nav_part ul li a {
    font-family: "Lato",sans-serif;
    font-size: 16px;
    color: #fff;
    font-weight: 500;
	padding:0 15px;
}
.box-rec-right .nav_part ul {
    display: inline-block;
    list-style: outside none none;
    padding-top: 0px;
	background:#3D5A9C;
	width:100%;
}

.nav-icon-wrap{  background:url(images/res-nav-icon.jpg) 0 0 no-repeat;
    display: block;
    height: 60px;
    width: 60px; cursor:pointer;
}
.box-rec-right .nav_part{ background:none;margin:0 0 10px 0;}
.nav-icon-wrap:hover{  background:url(images/res-navhvr-icon.jpg) 0 0 no-repeat;}
.navbar-nav{ display:none; background:#3d5a9c;}
.box-rec-right .nav_part ul{ display:none;}
.bdy-cont1 .section-box #icon-hover {
    position: relative;
    height: 120px;
    width: 19%;
    margin: 0px auto;
}
.bdy-cont5 .section-aid .header-section h3 {
    position: absolute;
    font-family: "Lato",sans-serif;
    font-size: 20px;
    color: #FFF;
    margin-left: 87px;
    margin-top: 35px;
    text-transform: uppercase;
}
.bdy-cont5 .section-aid .bdy-txt p {
    font-family: "Lato",sans-serif;
    font-size: 16px;
    color: #03233D;
    font-weight: 400;
    text-align: center;
    padding: 57px 0px 50px;
    text-transform: uppercase;
    margin: 0px 10px;
}

}
@media screen and (min-width: 361px) and (max-width:480px){
.footer .form input[type="submit"] {
    float: right;
    margin-right: 3px;
    background-color: #00AA5D;
    border-radius: 3px;
    border: medium none;
    color: #FFF;
    padding: 8px 20px;
}
	.container {
    margin: 0px auto;
    overflow: hidden;
    width: 100%;
    position: relative;
}
.footer .form input[type="text"], input[type="email"] {
    width: 95%;
    height: auto;
    position: relative;
    float: left;
    border: 1px solid #FFF;
    background-color: #181818;
    color: #FFF;
    border-radius: 4px;
    padding: 8px;
    margin-bottom: 8px;
}
.footer input[type="email"] {
    width: 96%;
    height: auto;
    position: relative;
    padding: 6px;
    font-size: 16px;
    color: #7D7D7D;
    font-weight: 300;
}
.logo {
    width: 100%;
    height: auto;
    position: relative;
    float: left;
    margin-top: 15px;
    text-align: center;
}
.logo img
{
	width:auto;
	height:auto;
	text-align:center;
}
.box-rec-right {
    height: auto;
    position: relative;
    float: left;
    width: 94%;
    margin-left: 10px;
}
.box-rec-right .contact {
    height: auto;
    position: relative;
    margin-top: 8px;
    width: 65%;
    float: right;
}
.banner .form-booking {
    height: auto;
    position: relative;
    float: left;
    margin-top: 0px;
    width: 100%;
}
.banner .banner-txt {
    float: left;
    position: relative;
    height: auto;
    margin-top: 0px;
    width: 82%;
    margin-left: 12%;
}
.banner .form-booking .text-form h2 {
    font-family: "Lato",sans-serif;
    font-size: 20px;
    color: #FFF;
    font-weight: bold;
    text-align: center;
    margin: 0px 25px;
}
.banner .banner-txt h2 {
    font-family: "apex_newheavy";
    font-size: 31px;
    color: #00AA5D;
    width: 95%;
    text-align: center;
}

.banner .banner-txt h2 span {
    font-family: "apex_newbook";
    font-size: 34px;
    color: #1C5787;
}
.banner .form-booking .in-form input[type="text"], input[type="email"] {
    width: 96%;
    height: auto;
    position: relative;
    padding: 6px 6px;
    font-size: 16px;
    color: #7D7D7D;
    font-weight: 300;
}
.bdy-cont1 h2 {
    font-family: "Lato",sans-serif;
    font-size: 18px;
    color: #1C5787;
    text-align: center;
    text-transform: uppercase;
    padding: 25px 0px;
}
.bdy-cont1 .section-box {
    width: 100%;
    height: auto;
    position: relative;
    float: center;
    text-align: center;
    margin: 0px auto;
}
.bdy-cont2 {
    width: 100%;
    height: auto;
    position: relative;
    background-image: none;
    background-repeat: no-repeat;
    background-size: 100% auto;
    padding: 20px 0px;
}
.bdy-cont2 h2 {
    font-family: "Lato",sans-serif;
    font-size: 20px;
    color: #1C5787;
    text-align: center;
    text-transform: uppercase;
    padding: 0px;
}
.bdy-cont2 h5 {
    font-family: "Lato",sans-serif;
    font-size: 17px;
    color: #000;
    font-weight: bold;
    text-align: center;
    padding: 15px 0px 0px;
}
.bdy-cont2 .row-section {
    width: 95%;
    height: auto;
    position: relative;
    float: left;
    padding: 15px 0px;
    margin: 2px 0px 0px 9px;
}
.bdy-cont2 .row-section p {
    font-family: "Lato",sans-serif;
    font-size: 16px;
    color: #000;
    font-weight: 500;
	text-align: justify;
}
.bdy-cont2 .row-section img {
	display:none;
}
.bdy-cont3 h2 {
    font-family: "Lato",sans-serif;
    font-size: 22px;
    color: #1C5787;
    text-align: center;
    text-transform: uppercase;
    padding-bottom: 25px;
}
.bdy-cont3 .map-left {
    height: auto;
    position: relative;
    float: left;
    width: 95%;
    margin: 0 0 0 12px;
}
.bdy-cont3 .map-left iframe
{
	width:97%;
	height:150px;
}
.bdy-cont3 .right-txt {
    width: 93%;
    height: auto;
    position: relative;
    float: left;
    margin: 10px 0 0 15px;
    text-align: justify;
}
.bdy-cont4 h2 {
    font-family: "Lato",sans-serif;
    font-size: 22px;
    color: #1C5787;
    text-align: center;
    text-transform: uppercase;
    padding-bottom: 25px;
}
.bdy-cont4 h6 {
    font-family: "Lato",sans-serif;
    font-size: 15px;
    color: #03233D;
    font-weight: 400;
    text-align: justify;
    width: 93%;
    margin: 0 0 0 10px;
}
.bdy-cont5 h2 {
    font-family: "Lato",sans-serif;
    font-size: 21px;
    color: #1C5787;
    text-align: center;
    text-transform: uppercase;
    padding-bottom: 23px;
}
.bdy-cont5 .section-aid {
    width: 51%;
    height: auto;
    position: relative;
    float: left;
    margin-right: 0;
    margin: 10px 0 0 25%;
}
.bdy-cont5 .para p {
    font-family: "Lato",sans-serif;
    font-size: 16px;
    color: #03233D;
    font-weight: 400;
    text-align: center;
    padding-top: 25px;
    text-align: justify;
    width: 93%;
    margin: 0 0 0 10px;
}
.bdy-cont5 .para p {
    font-family: "Lato",sans-serif;
    font-size: 16px;
    color: #03233D;
    font-weight: 400;
    text-align: center;
    padding-top: 25px;
    width: 93%;
    margin: 0 0 0 10px;
    text-align: justify;
}
.footer .facebook {
    width: 93%;
    height: auto;
    position: relative;
    float: left;
    margin: 0 0 0 20px;
}
.footer .news {
    width: 93%;
    height: auto;
    position: relative;
    float: left;
    margin-right: 0;
    margin: 0 0 0 20px;
}
.footer .news .first-line-new img {
    width: 31%;
    height: auto;
    position: relative;
    float: left;
}
.footer .form {
    width: 93%;
    height: auto;
    position: relative;
    float: left;
    margin: 0 0 0 17px;
}

.banner .form-booking .in-form input[type="text"], input[type="email"] {
    width: 96%;
    height: auto;
    position: relative;
    padding: 6px;
    font-size: 16px;
    color: #7D7D7D;
    font-weight: 300;
}
.last-footer h2 {
    float: left;
    position: relative;
    font-family: "Lato",sans-serif;
    font-size: 13px;
    color: #FFF;
    font-weight: 400;
    width: 100%;
    text-align: center;
}
.last-footer .social {
    width: 100%;
    height: auto;
    position: relative;
    float: left;
    margin: 10px 0px 0px 0;
    text-align: center;
}
.bdy-cont4 p {
    font-family: "Lato",sans-serif;
    font-size: 16px;
    color: #03233D;
    font-weight: 400;
    text-align: center;
    padding: 25px 0px;
    width: 98%;
}
.footer .form textarea {
    height: 70px;
    position: relative;
    float: left;
    border: 1px solid #FFF;
    background-color: #181818;
    color: #FFF;
    border-radius: 4px;
    padding: 8px;
    margin-bottom: 8px;
    width: 95%;
}
.box-rec-right .nav_part ul li {
    float: left;
    padding: 11px 0px;
	width:100%;
	text-align:left;
	border-bottom:1px solid #000;
	background:#1C5787;
}

.box-rec-right .nav_part ul li a {
    font-family: "Lato",sans-serif;
    font-size: 16px;
    color: #fff;
    font-weight: 500;
	padding:0 15px;
}
.box-rec-right .nav_part ul {
    display: inline-block;
    list-style: outside none none;
    padding-top: 0px;
	background:#3D5A9C;
	width:100%;
}

.nav-icon-wrap{  background:url(images/res-nav-icon.jpg) 0 0 no-repeat;
    display: block;
    height: 60px;
    width: 60px; cursor:pointer;
}
.box-rec-right .nav_part{ background:none;margin:0 0 10px 0;}
.nav-icon-wrap:hover{  background:url(images/res-navhvr-icon.jpg) 0 0 no-repeat;}
.navbar-nav{ display:none; background:#3d5a9c;}
.box-rec-right .nav_part ul{ display:none;}
.bdy-cont1 .section-box #icon-hover {
    position: relative;
    height: 120px;
    width: 25%;
    margin: 0px auto;
}
}
@media screen and (min-width: 321px) and (max-width:360px){
	.container {
    margin: 0px auto;
    overflow: hidden;
    width: 100%;
    position: relative;
}
.banner .form-booking .in-form #fil-num {
    width: 91%;
    height: auto;
    position: relative;
    padding: 13px 6px;
    font-size: 16px;
    color: #7D7D7D;
    font-weight: 300;
}
.logo {
    width: 100%;
    height: auto;
    position: relative;
    float: left;
    margin-top: 15px;
    text-align: center;
}
.logo img
{
	width:auto;
	height:auto;
	text-align:center;
}
.box-rec-right {
    height: auto;
    position: relative;
    float: left;
    width: 94%;
    margin-left: 10px;
}
.box-rec-right .contact {
    height: auto;
    position: relative;
    margin-top: 8px;
    width: 65%;
    float: right;
}
.banner .form-booking {
    height: auto;
    position: relative;
    float: left;
    margin-top: 0px;
    width: 100%;
}
.banner .banner-txt {
    float: left;
    position: relative;
    height: auto;
    margin-top: 0px;
    margin-left: 10px;
    width: 100%;
}
.banner .form-booking .text-form h2 {
    font-family: "Lato",sans-serif;
    font-size: 17px;
    color: #FFF;
    font-weight: bold;
    text-align: center;
    margin: 0px 13px;
}
.banner .banner-txt h2 {
    font-family: "apex_newheavy";
    font-size: 31px;
    color: #00AA5D;
    width: 95%;
    text-align: center;
}

.banner .banner-txt h2 span {
    font-family: "apex_newbook";
    font-size: 34px;
    color: #1C5787;
}
.banner .form-booking .in-form input[type="text"], input[type="email"] {
    width: 96%;
    height: auto;
    position: relative;
    padding: 6px 6px;
    font-size: 16px;
    color: #7D7D7D;
    font-weight: 300;
}
.bdy-cont1 h2 {
    font-family: "Lato",sans-serif;
    font-size: 18px;
    color: #1C5787;
    text-align: center;
    text-transform: uppercase;
    padding: 25px 0px;
}
.bdy-cont1 .section-box {
    width: 100%;
    height: auto;
    position: relative;
    float: center;
    text-align: center;
    margin: 0px auto;
}
.bdy-cont2 {
    width: 100%;
    height: auto;
    position: relative;
    background-image: none;
    background-repeat: no-repeat;
    background-size: 100% auto;
    padding: 20px 0px;
}
.bdy-cont2 h2 {
    font-family: "Lato",sans-serif;
    font-size: 20px;
    color: #1C5787;
    text-align: center;
    text-transform: uppercase;
    padding: 0px;
}
.bdy-cont2 h5 {
    font-family: "Lato",sans-serif;
    font-size: 17px;
    color: #000;
    font-weight: bold;
    text-align: center;
    padding: 15px 0px 0px;
}
.bdy-cont2 .row-section {
    width: 95%;
    height: auto;
    position: relative;
    float: left;
    padding: 15px 0px;
    margin: 2px 0px 0px 9px;
}
.bdy-cont2 .row-section p {
    font-family: "Lato",sans-serif;
    font-size: 16px;
    color: #000;
    font-weight: 500;
	text-align: justify;
}
.bdy-cont2 .row-section img {
	display:none;
}
.bdy-cont3 h2 {
    font-family: "Lato",sans-serif;
    font-size: 22px;
    color: #1C5787;
    text-align: center;
    text-transform: uppercase;
    padding-bottom: 25px;
}
.bdy-cont3 .map-left {
    height: auto;
    position: relative;
    float: left;
    width: 95%;
    margin: 0 0 0 7px;
}
.bdy-cont3 .map-left iframe
{
	width:97%;
	height:150px;
}
.bdy-cont3 .right-txt {
    width: 93%;
    height: auto;
    position: relative;
    float: left;
    margin: 10px 0 0 11px;
    text-align: justify;
}
.bdy-cont4 h2 {
    font-family: "Lato",sans-serif;
    font-size: 22px;
    color: #1C5787;
    text-align: center;
    text-transform: uppercase;
    padding-bottom: 25px;
}
.bdy-cont4 h6 {
    font-family: "Lato",sans-serif;
    font-size: 15px;
    color: #03233D;
    font-weight: 400;
    text-align: justify;
    width: 93%;
    margin: 0 0 0 10px;
}
.bdy-cont5 h2 {
    font-family: "Lato",sans-serif;
    font-size: 21px;
    color: #1C5787;
    text-align: center;
    text-transform: uppercase;
    padding-bottom: 23px;
}
.bdy-cont5 .section-aid {
    width: 75%;
    height: auto;
    position: relative;
    float: left;
    margin-right: 0;
    margin: 10px 0 0 12%;
}
.bdy-cont5 .para p {
    font-family: "Lato",sans-serif;
    font-size: 16px;
    color: #03233D;
    font-weight: 400;
    text-align: center;
    padding-top: 25px;
    text-align: justify;
    width: 93%;
    margin: 0 0 0 10px;
}
.bdy-cont5 .para p {
    font-family: "Lato",sans-serif;
    font-size: 16px;
    color: #03233D;
    font-weight: 400;
    text-align: center;
    padding-top: 25px;
    width: 93%;
    margin: 0 0 0 10px;
    text-align: justify;
}
.footer .facebook {
    width: 93%;
    height: auto;
    position: relative;
    float: left;
    margin: 0 0 0 20px;
}
.footer .news {
    width: 93%;
    height: auto;
    position: relative;
    float: left;
    margin-right: 0;
    margin: 0 0 0 20px;
}
.footer .news .first-line-new img {
    width: 31%;
    height: auto;
    position: relative;
    float: left;
}
.footer .form {
    width: 93%;
    height: auto;
    position: relative;
    float: left;
    margin: 0 0 0 20px;
}
.banner .form-booking .in-form input[type="text"], input[type="email"] {
    width: 91%;
    height: auto;
    position: relative;
    padding: 6px;
    font-size: 16px;
    color: #7D7D7D;
    font-weight: 300;
}
.last-footer h2 {
    float: left;
    position: relative;
    font-family: "Lato",sans-serif;
    font-size: 13px;
    color: #FFF;
    font-weight: 400;
    width: 100%;
    text-align: center;
}
.last-footer .social {
    width: auto;
    height: auto;
    position: relative;
    float: left;
    margin: 10px 0 0 36%;
}
.bdy-cont4 p {
    font-family: "Lato",sans-serif;
    font-size: 16px;
    color: #03233D;
    font-weight: 400;
    text-align: center;
    padding: 25px 0px;
    width: 98%;
}
.footer .form textarea {
    height: 70px;
    position: relative;
    float: left;
    border: 1px solid #FFF;
    background-color: #181818;
    color: #FFF;
    border-radius: 4px;
    padding: 8px;
    margin-bottom: 8px;
    width: 90%;
}
.box-rec-right .nav_part ul li {
    float: left;
    padding: 11px 0px;
	width:100%;
	text-align:left;
	border-bottom:1px solid #000;
	background:#1C5787;
}
.bdy-cont5 .section-aid .header-section h3 {
    position: absolute;
    font-family: "Lato",sans-serif;
    font-size: 20px;
    color: #FFF;
    margin-left: 59px;
    margin-top: 20px;
    text-transform: uppercase;
}
.box-rec-right .nav_part ul li a {
    font-family: "Lato",sans-serif;
    font-size: 16px;
    color: #fff;
    font-weight: 500;
	padding:0 15px;
}
.box-rec-right .nav_part ul {
    display: inline-block;
    list-style: outside none none;
    padding-top: 0px;
	background:#3D5A9C;
	width:100%;
}

.nav-icon-wrap{  background:url(images/res-nav-icon.jpg) 0 0 no-repeat;
    display: block;
    height: 60px;
    width: 60px; cursor:pointer;
}
.box-rec-right .nav_part{ background:none;margin:0 0 10px 0;}
.nav-icon-wrap:hover{  background:url(images/res-navhvr-icon.jpg) 0 0 no-repeat;}
.navbar-nav{ display:none; background:#3d5a9c;}
.box-rec-right .nav_part ul{ display:none;}
.bdy-cont1 .section-box #icon-hover {
    position: relative;
    height: 120px;
    width: 33%;
    margin: 0px auto;
}

}
@media screen and (min-width: 430px) and (max-width: 480px){
	.box-rec-right .contact {
    height: auto;
    position: relative;
    margin-top: 8px;
    width: 49% !important;
    float: right;
}
}
@media screen and (max-width: 320px){
.box-rec-right .nav_part ul li a {
    font-family: "Lato",sans-serif;
    font-size: 16px;
    color: #fff;
    font-weight: 500;
	padding:0 15px;
}
	.container {
    margin: 0px auto;
    overflow: hidden;
    width: 100%;
    position: relative;
}
.logo {
    width: 100%;
    height: auto;
    position: relative;
    float: left;
    margin-top: 15px;
    text-align: center;
}
.logo img
{
	width:auto;
	height:auto;
	text-align:center;
}
.box-rec-right {
    height: auto;
    position: relative;
    float: left;
    width: 94%;
    margin-left: 10px;
}
.box-rec-right .contact {
    height: auto;
    position: relative;
    margin-top: 8px;
    width: 72%;
    float: right;
    margin-left: 0px;
}
.footer .form textarea {
    width: 253px;
    height: 70px;
    position: relative;
    float: left;
    border: 1px solid #FFF;
    background-color: #181818;
    color: #FFF;
    border-radius: 4px;
    padding: 8px;
    margin-bottom: 8px;
}
.banner .form-booking {
    height: auto;
    position: relative;
    float: left;
    margin-top: 0px;
    width: 100%;
}
.banner .banner-txt {
    float: left;
    position: relative;
    height: auto;
    margin-top: 0px;
    margin-left: 10px;
    width: 100%;
}
.banner .form-booking .text-form h2 {
    font-family: "Lato",sans-serif;
    font-size: 20px;
    color: #FFF;
    font-weight: bold;
    text-align: center;
    margin: 0px 25px;
}
.banner .banner-txt h2 {
    font-family: "apex_newheavy";
    font-size: 31px;
    color: #00AA5D;
    width: 95%;
    text-align: center;
}

.banner .banner-txt h2 span {
    font-family: "apex_newbook";
    font-size: 34px;
    color: #1C5787;
}
.banner .form-booking .in-form input[type="text"], input[type="email"] {
    width: 96%;
    height: auto;
    position: relative;
    padding: 6px 6px;
    font-size: 16px;
    color: #7D7D7D;
    font-weight: 300;
}
.bdy-cont1 h2 {
    font-family: "Lato",sans-serif;
    font-size: 18px;
    color: #1C5787;
    text-align: center;
    text-transform: uppercase;
    padding: 25px 0px;
}
.bdy-cont1 .section-box {
    width: 100%;
    height: auto;
    position: relative;
    float: center;
    text-align: center;
    margin: 0px auto;
}
.bdy-cont2 {
    width: 100%;
    height: auto;
    position: relative;
    background-image: none;
    background-repeat: no-repeat;
    background-size: 100% auto;
    padding: 20px 0px;
}
.bdy-cont2 h2 {
    font-family: "Lato",sans-serif;
    font-size: 20px;
    color: #1C5787;
    text-align: center;
    text-transform: uppercase;
    padding: 0px;
}
.bdy-cont2 h5 {
    font-family: "Lato",sans-serif;
    font-size: 17px;
    color: #000;
    font-weight: bold;
    text-align: center;
    padding: 15px 0px 0px;
}
.bdy-cont2 .row-section {
    width: 95%;
    height: auto;
    position: relative;
    float: left;
    padding: 15px 0px;
    margin: 2px 0px 0px 9px;
}
.bdy-cont2 .row-section p {
    font-family: "Lato",sans-serif;
    font-size: 16px;
    color: #000;
    font-weight: 500;
	text-align: justify;
}
.bdy-cont2 .row-section img {
	display:none;
}
.bdy-cont3 h2 {
    font-family: "Lato",sans-serif;
    font-size: 22px;
    color: #1C5787;
    text-align: center;
    text-transform: uppercase;
    padding-bottom: 25px;
}
.bdy-cont3 .map-left {
    height: auto;
    position: relative;
    float: left;
    width: 95%;
    margin: 0 0 0 7px;
}
.bdy-cont3 .map-left iframe
{
	width:97%;
	height:150px;
}
.bdy-cont3 .right-txt {
    width: 93%;
    height: auto;
    position: relative;
    float: left;
    margin: 10px 0 0 11px;
    text-align: justify;
}
.bdy-cont4 h2 {
    font-family: "Lato",sans-serif;
    font-size: 22px;
    color: #1C5787;
    text-align: center;
    text-transform: uppercase;
    padding-bottom: 25px;
}
.bdy-cont4 h6 {
    font-family: "Lato",sans-serif;
    font-size: 15px;
    color: #03233D;
    font-weight: 400;
    text-align: justify;
    width: 93%;
    margin: 0 0 0 10px;
}
.bdy-cont5 h2 {
    font-family: "Lato",sans-serif;
    font-size: 21px;
    color: #1C5787;
    text-align: center;
    text-transform: uppercase;
    padding-bottom: 23px;
}
.bdy-cont5 .section-aid {
    width: 75%;
    height: auto;
    position: relative;
    float: left;
    margin-right: 0;
    margin: 10px 0 0 12%;
}
.bdy-cont5 .para p {
    font-family: "Lato",sans-serif;
    font-size: 16px;
    color: #03233D;
    font-weight: 400;
    text-align: center;
    padding-top: 25px;
    text-align: justify;
    width: 93%;
    margin: 0 0 0 10px;
}
.bdy-cont5 .para p {
    font-family: "Lato",sans-serif;
    font-size: 16px;
    color: #03233D;
    font-weight: 400;
    text-align: center;
    padding-top: 25px;
    width: 93%;
    margin: 0 0 0 10px;
    text-align: justify;
}
.footer .facebook {
    width: 93%;
    height: auto;
    position: relative;
    float: left;
    margin: 0 0 0 10px;
}
.footer .news {
    width: 93%;
    height: auto;
    position: relative;
    float: left;
    margin-right: 0;
    margin: 0 0 0 10px;
}
.footer .news .first-line-new img {
    width: 31%;
    height: auto;
    position: relative;
    float: left;
}
.footer .form {
    width: 93%;
    height: auto;
    position: relative;
    float: left;
    margin: 0 0 0 16px;
}
.banner .form-booking .in-form input[type="text"], input[type="email"] {
    width: 92%;
    height: auto;
    position: relative;
    padding: 6px;
    font-size: 16px;
    color: #7D7D7D;
    font-weight: 300;
}
.last-footer h2 {
    float: left;
    position: relative;
    font-family: "Lato",sans-serif;
    font-size: 13px;
    color: #FFF;
    font-weight: 400;
    width: 100%;
    text-align: center;
}
.last-footer .social {
    width: 100%;
    height: auto;
    position: relative;
    float: left;
    margin: 10px 0px 0px 0;
    text-align: center;
}
.bdy-cont4 p {
    font-family: "Lato",sans-serif;
    font-size: 16px;
    color: #03233D;
    font-weight: 400;
    text-align: center;
    padding: 25px 0px;
    width: 98%;
}
.box-rec-right .nav_part ul li {
    float: left;
    padding: 11px 0px;
	width:100%;
	text-align:left;
	border-bottom:1px solid #000;
	background:#1C5787;
}
.box-rec-right .nav_part ul {
    display: inline-block;
    list-style: outside none none;
    padding-top: 0px;
	background:#3D5A9C;
	width:100%;
}

.nav-icon-wrap{  background:url(images/res-nav-icon.jpg) 0 0 no-repeat;
    display: block;
    height: 60px;
    width: 60px; cursor:pointer;
}
.box-rec-right .nav_part{ background:none;margin:0 0 10px 0;}
.nav-icon-wrap:hover{  background:url(images/res-navhvr-icon.jpg) 0 0 no-repeat;}
.navbar-nav{ display:none; background:#3d5a9c;}
.box-rec-right .nav_part ul{ display:none;}
.bdy-cont1 .section-box #icon-hover {
    position: relative;
    height: 120px;
    width: 37%;
    margin: 0px auto;
}
}