/* Global properties ======================================================== */
*{margin:0px auto;}
html, body {width:100%; height:100%; padding:0; margin:0;overflow-x: hidden;}
img{border:none;}
body{  font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:19px; color:#525151;}
 a {
      font-family: arial;
    font-size: 12px;
    line-height: 20px;
    padding: 0;
	text-decoration:none;
}



.clr{clear:both;}
hr{ background:url(../images/dots.gif) repeat-x bottom; border:none; }

.a1 {
    background: none repeat scroll 0 0 #00BBD7;
    color: #FFFFFF;
    display: inline-block;
    font: 14px/24px Arial,Helvetica,sans-serif;
    padding: 2px 41px 3px 19px;
    position: relative;
}
.a1:after {
    background: none repeat scroll 0 0 #00A4BE;
    content: "+";
    padding: 3px 0 2px 1px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 26px;
}
.a1:hover:after {
    background: none repeat scroll 0 0 #878787;
    color: #FFFFFF;
}


/********************************************************************/



/********************************************************************/ 
.main_index{width:100%; background:url(../images/main_img.jpg) repeat-x top;}
.main_inner{width:100%; background:url(../images/inner_bg.jpg) repeat-x top;}

.wrapper{ width:1000px; margin:0px auto;}
.logo{float:left;}
.header_right{float:right; width:100%;}
.top_number{ float:right; padding:0px 9px; color:#fff;line-height: 25px; background:#576977; border-radius: 0px 0px 7px 7px; font-size:14px; font-family:Myriad Pro;}
ul.menu {float:right; margin:15px 0px 0px 0px; padding-left: 0;}
ul.menu li {float:left; line-height:20px; margin:0px 0 0px 8px;font-family:Myriad Pro; font-size:14px; font-weight:bold;}
ul.menu li a {font-size:16px; line-height:20px; color:#727578; display:inline-block; font-family:Myriad Pro; font-size:14px; font-weight:bold; }
ul.menu li a:hover, ul.menu li.current a {color:#13a7d7;}
/******************************************************************* 



/********************************************************************/
.main_navi{width:100%; height:44px;}
ul.menu1 {float:left; margin:1px 0px 0px 0px; padding:0px;}
ul.menu1 li {float:left; line-height:20px; margin:0px 0 0px 0px;font-family:Myriad Pro; font-size:14px; }
ul.menu1 li a {font-size:15px; line-height:20px; color:#ffffff; display:inline-block; font-family:Myriad Pro;  padding: 11px 18px;  }
ul.menu1 li a:hover {background:#39bce6; padding: 11px 19px;}
ul.menu1 li.current a {background:#13a7d7; padding: 11px 19px;}
/********************************************************************/



/********************************************************************/
.banner{width:100%;}
/********************************************************************/ 



/**********************************************************************/
.menu_middle_wrp{width:100%;}
ul.menu_middle {float:left; margin:1px 0px 0px 0px; padding:0px;background:;width: 100%;}
ul.menu_middle li {float:left; line-height:20px;  margin:0px 0px 6px 0px;  padding:0px 0px  5px 0px;font-family:Myriad Pro; font-size:14px; text-align:center;  }
ul.menu_middle li a {font-size:16px; line-height: 34px;color:#ffffff; display:inline-block; font-family:Myriad Pro; font-size:18px;padding:13px 0px;  }
ul.menu_middle li a:hover {padding:13px 0px;}

ul.menu_middle li div {
    float: left;
    height: 54px;
    margin-right: 12px;
    padding-top: 0;
}
.readmore {
    color: #16a8d7 !important;
    font-size: 12px !important;
    margin-top: -10px;
    font-weight: normal;
    float: right;
    text-align: right;
    width: 250px;
}

/******************************************************************* **/


/**********************************************************************/
.homer_wrp{width:100%; padding:0px 0px;} 
ul.service_inx { width:230px; float:left; margin:1px 0px 0px 0px; padding:0px;}
ul.service_inx li {width:100%; float:left; line-height:20px;  margin:0px 0px 0px 0px;  padding:3px 0px;font-family:Myriad Pro; font-size:14px; margin-left: 45px;  }
ul.service_inx li a {line-height:20px; color:#636363; font-family: Arial, Helvetica, sans-serif; font-size:12px;padding: 0 0 0 16px; background: url(../images/ul_nav.png) no-repeat left;    float: left;  }

ul.service_inx li a:hover {line-height:20px; color:#15A9D7;  font-family: Arial, Helvetica, sans-serif; font-size:12px;padding: 0 0 0 16px; background: url(../images/ul_nav.png) no-repeat left;m    float: left; }



/******************************************************************* **/


/**********************************************************************/
.mian_footer_wrp{width:100%; background:#ededeb;}
.footer_wrp{width:100%; padding:17px 0px; } 
ul.footer { width:175px; float:left; margin:1px 0px 0px 0px; padding:0px;}
ul.footer li {width:100%; float:left; line-height:20px;  margin:0px 0px 0px 0px;  padding:0px 0px;font-family:Myriad Pro; font-size:14px;   }
ul.footer li a {font-size:16px; line-height:20px; color:#525151; display:inline-block; font-family:arial; font-size:12px;padding: 0 0 0 0px; }
ul.footer li a:hover {padding: 0 0 0 0px; color:#353536;}

ul.footer h2{font-family:Cambria; font-size:16px; color:#15a9d7}

.footer_right{float:left;}
/**********************************************************smo ******************************************************************/
.smo{width: 117px; margin-top:10px; float:left; height:23px; overflow:hidden;}
.smo ul{width:100%; height:29px; float:left; list-style:none; margin:0px; padding:0px; list-style:none;}
.smo ul li{width:auto; height:29px; float:left; list-style:none; float:left; margin:0px; padding:0px 2px;  display:block; background:none;}
.smo ul li span{width:20px; float:left; list-style:none;float:left; display:block;}

.smo li a {  height: 23px; line-height: 23px; overflow: hidden; width: 23px;}
.smo li a img { position: relative; top: 0;}
.smo li a:hover img { top: -27px;}
.facebook{width:23px; height:23px;background:url(../images/smo.jpg) no-repeat; background-position:0px; }

.copy{width:100%; text-align:center; font-size:12px; border-top:1px solid #ccc; line-height:25px; font-family:Arial, Helvetica, sans-serif;}
/******************************************************************* **/

/******************************************************************* **/
.content{width:auto; margin:19px 0px; font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:19px;}

.content h1 {font-family:Cambria; font-size:22px; color:#242729;  padding: 16px 0 20px 45px;}

.content h1.sevr {
    background: url("../images/h2_servises.gif") no-repeat scroll left center rgba(0, 0, 0, 0);
}




.left_part{width:100%; float:left;} 
ul.left_nav { float:left; margin:1px 0px 0px 15px; padding:0px;}
ul.left_nav li {width:100%; float:left; line-height:20px;  margin:0px 0px 0px 0px;  padding:3px 0px; background:url(../images/dots.gif) repeat-x bottom; }
ul.left_nav li a {line-height:20px; color:#636363; display:inline-block; font-family: Arial, Helvetica, sans-serif; font-size:14px;padding: 2px 0px 2px 16px; background: url(../images/ul_nav.png) no-repeat left;  }
.left_part h2{width:100%; float:left;font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#15A9D7;border-bottom:1px solid #15A9D7; padding:6px 0px;}

.left_right{ float:right; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#636363; line-height:19px;}
.left_right h1 {font-family:Cambria; font-size:22px; color:#242729;  padding: 16px 0 20px 45px;}
.devider{border-left: 1px dashed #777;min-height: 600px !important;}

.left_right h1.sevr {
 margin-top: 34px;
    background: url("../images/h2_servises.gif") no-repeat scroll left center ;
}

.left_right table td{  color: #636363;
   
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    line-height: 19px;
    
}

.left_right ul{ width:100%; float:left; margin:1px 0px 0px 15px; padding:0px;}
.left_right li  { width:100%;line-height:20px; color:#636363; display:inline-block; font-family: Arial, Helvetica, sans-serif; font-size:14px;padding: 2px 0px 2px 16px;    background: url("../images/ul_nav.png") no-repeat scroll 0px 8px;  }

.left_right li a { width:100%;line-height:20px; color:#15A9D7; display:inline-block; font-family: Arial, Helvetica, sans-serif; font-size:12px; text-decoration:underline;  }
.accrodation {
	float: right;
	width: 98.3%;
}


.our_services{ float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px;  line-height:22px;}
.our_services div{padding:2px 0px; background: #15a9d7; margin:5px 0px;}
.our_services h2{text-align:left; color:#19a7d7; font-size:18px; font-weight:normal;}
.our_services h2 a{text-align:left; color:#19a7d7; font-size:18px; font-weight:normal;}


ul.our_services_nav { width:100%; float:left; margin:1px 0px 0px 15px; padding:0px;}
ul.our_services_nav li {width:100%; float:left; line-height:20px;  margin:0px 0px 0px 0px;  padding:3px 0px; background:url(../images/dots.gif) repeat-x bottom; }
ul.our_services_nav li a {line-height:20px; color:#636363; display:inline-block; font-family: Arial, Helvetica, sans-serif; font-size:12px;padding: 2px 0px 2px 16px; background: url(../images/ul_nav.png) no-repeat left;  }
ul.our_services_nav li a:hover {line-height:20px; color:#19A7D7; display:inline-block; font-family: Arial, Helvetica, sans-serif; font-size:12px;  }
.container_12, .container_16 {
    margin-left: auto;
    margin-right: auto;
    width: 960px;
}
input[type="submit"] {
   border:1px solid #15aeec; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-size:12px;font-family:arial, helvetica, sans-serif; padding: 0px 10px; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; color: #FFFFFF;
 background-color: #49c0f0; background-image: -webkit-gradient(linear, left top, left bottom, from(#49c0f0), to(#2CAFE3));
 background-image: -webkit-linear-gradient(top, #49c0f0, #2CAFE3);
 background-image: -moz-linear-gradient(top, #49c0f0, #2CAFE3);
 background-image: -ms-linear-gradient(top, #49c0f0, #2CAFE3);
 background-image: -o-linear-gradient(top, #49c0f0, #2CAFE3);
 background-image: linear-gradient(to bottom, #49c0f0, #2CAFE3);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#49c0f0, endColorstr=#2CAFE3);
}
input, select, textarea {
    border: 1px solid #D9D9D9;
    height: 28px;
    line-height: 25px;
}
input:hover, select:hover, textarea:hover {
    background-color: #FFFF99;
}
input[type="checkbox"] {
    height: auto;
}

textarea {
    border: 1px solid #D9D9D9;
    line-height: 25px;
}

.left_right table{ font-family:Arial, Helvetica, sans-serif; font-size:12px; }
.error_hint{color:red;}
.cci{  color: #10A1D6;
    font-size: 12px;
    font-weight: bold;
    line-height: 40px;
	float:right;} 

.path_navication{width:100%; float:left;  background: url("../images/dots.gif") repeat-x scroll center bottom rgba(0, 0, 0, 0);padding: 0 0 10px; font-weight:bold; }
.path_navication a{color:#15A9D7;}
.path_navication a:hover{color:#15A9D7; text-decoration:underline;}

.a1{
	color: #fff;
	font: 14px/24px Arial, Helvetica, sans-serif;
	background: #00BBD7;
	display: inline-block;
	padding: 2px 41px 3px 19px;
	position: relative;
	margin:20px 0px 0px 80px;
}
.a1:after{
	content: "+";
	background: #00A4BE;
	width: 26px;
	position: absolute;
	text-align: center;
	padding: 3px 0 2px 1px;
	top: 0;
	right: 0;
}
.a1:hover:after{
	background: #878787;
	color: #fff;
}





.index_left {
    float: left;
    font-size: 12px;
    width: 100%;
    padding: 5px;
	text-align: justify;
}
.index_right{float:right: }

a.btn {
    color: #10A1D6;
 font-size: 12px;
 font-weight: bold;
margin: 20px 0 0 49px;
line-height: 40px;
}


a.btn:after{

content: "...";}


a.btn:hover {
    color: #BABABA;
 text-decoration: underline;

}



.a2 {
color: #10A1D6;
 font-size: 12px;
 font-weight: bold;
margin: 20px 0 0 49px;
line-height: 40px;
}


.a2:after{

content: "...";}


.a2:hover {
    color: #BABABA;
 text-decoration: underline;

}

.subheadtop-txt{font-size:18px; padding-bottom:15px;}

/*=================================menu==========================*/

.menu-container {
    width: 100%;
    margin: 0 auto;
    background:#334859 ;
	border-bottom:5px solid #16a8d7;

}

.menu-mobile {
    display: none;
    padding: 20px;
	
}

.menu-mobile:after {
    content: "\f394";
    font-family: "Ionicons";
    font-size: 2.5rem;
    padding: 0;
    float: right;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-25%);
    -ms-transform: translateY(-25%);
    transform: translateY(-25%);
}

.menu-dropdown-icon:before {
    content: "\f489";
    font-family: "Ionicons";
    display: none;
    cursor: pointer;
    float: right;
    padding:.9em 2em;
    background: #fff;
    color: #000;
	font-size:bold;
}

.menu > ul {
    margin: 0 auto;
    width: 100%;
    list-style: none;
    padding: 0;
    position: relative;
    /* IF .menu position=relative -> ul = container width, ELSE ul = 100% width */
    box-sizing: border-box;
}

.menu > ul:before,
.menu > ul:after {
    content: "";
    display: table;
}

.menu > ul:after {
    clear: both;
}

.menu > ul > li {
    float: left;
    background: ;
    padding: 0;
    margin: 0;
}

.menu > ul > li a {
    text-decoration: none;
    padding:16px 12px;
    display: block;
	font-size:16px;
	line-height:20px;
	color:#fff;
}

.menu > ul > li:hover {
    background: #39bce6;
}

.menu > ul > li > ul {
    display: none;
    width: 100%;
    background: #f0f0f0;
    padding: 20px;
    position: absolute;
    z-index: 99;
    left: 0;
    margin: 0;
    list-style: none;
    box-sizing: border-box;
}

.menu > ul > li > ul:before,
.menu > ul > li > ul:after {
    content: "";
    display: table;
}

.menu > ul > li > ul:after {
    clear: both;
}

.menu > ul > li > ul > li {
    margin: 0;
    padding-bottom: 0;
    list-style: none;
    width: 20%;
    background: none;
    float: left;
	margin:2%;
}

.menu > ul > li > ul > li a {
    color: #15A9D7;
    padding: .2em 0;
    width: 95%;
    display: block;
    border-bottom: 1px solid #15A9D7;
}

.menu > ul > li > ul > li > ul {
    display: block;
    padding: 0;
    margin: 10px 0 0;
    list-style: none;
    box-sizing: border-box;
}

.menu > ul > li > ul > li > ul:before,
.menu > ul > li > ul > li > ul:after {
    content: "";
    display: table;
}

.menu > ul > li > ul > li > ul:after {
    clear: both;
}

.menu > ul > li > ul > li > ul > li {
    float: left;
    width: 89%;
    padding:2px 0;
    margin: 0;
    font-size: .8em;
	list-style-type: circle;
	list-style-position: outside;
	margin-left: 24px;
	border-bottom: 1px dashed #777;
}

.menu > ul > li > ul > li > ul > li a {
    border-bottom:none;
	color: #777;
	font-size:14px;
}

.menu > ul > li > ul.normal-sub {
    width: 300px;
    left: auto;
    padding: 10px 20px;
}

.menu > ul > li > ul.normal-sub > li {
    width: 100%;
}

.menu > ul > li > ul.normal-sub > li a {
    border: 0;
    padding: 1em 0;
}
.hdr_right_side {
    display: inline-block;
    float: right;
    max-width: 460px;
    width: 100%;
}
.hdr_number {
    float: left;
}
.search_google {
    float: right;
}
.goog-te-menu2{width:100%!important; overflow:scroll;}
.custome_form label {
    display: inline-block;
    max-width: 180px;
    margin-bottom: 5px;
    width: 100%;
    font-weight: normal;
	vertical-align: top;
    font-size: 14px;
}
.g-recaptcha{display:inline-block;}
.input_class{max-width:280px; width:100%;}

.input_wrp {
    max-width: 280px;
    width: 100%;
    display: inline-block;
}
/*for mobile*/



/* for mobile */













/* 末末末末末末末末末末末末末末末末末末末末末末末末末
Mobile style's
末末末末末末末末末末末末末末末末末末末末末末末末末 */

@media only screen and (max-width: 991px) {
.logo {
    float: left;
    width: 59px;
}	
ul.menu li a {
    font-size: 12px;
}
}	
@media only screen and (max-width: 959px) {
    .menu-container {
        width: 100%;
    }
	a.menu-mobile:hover, a.menu-mobile:focus{color:#fff;}
    .menu-mobile {
        display: block;
		color:#fff;
    }
    .menu-dropdown-icon:before {
        display: block;
    }
    .menu > ul {
        display: none;
    }
    .menu > ul > li {
        width: 100%;
        float: none;
        display: block;
    }
    .menu > ul > li a {
        padding: .65em;
width: 100%;
display: block;
border-bottom: 1px dashed #ccc;
    }
    .menu > ul > li > ul {
        position: relative;
    }
    .menu > ul > li > ul.normal-sub {
        width: 100%;
    }
    .menu > ul > li > ul > li {
        float: none;
        width: 100%;
        margin-top: 20px;
    }
    .menu > ul > li > ul > li:first-child {
        margin: 0;
    }
    .menu > ul > li > ul > li > ul {
        position: relative;
    }
    .menu > ul > li > ul > li > ul > li {
        float: none;
    }
    .menu .show-on-mobile {
        display: block;
    }
	
}

@media (max-width:767px){
.devider {
    border-left: 0;
}	
}	
@media (min-width: 601px) and (max-width: 615px){
.logo {
    float: left;
    width: 55px;
}

}	
@media (max-width: 600px){
.logo {
    float: none;
    margin: 0 auto;
    display: block;
    width: 45px;
}	
.logo img {
    vertical-align: middle;
    width: 100%;
}
ul.menu li a {
    font-size: 12px;
}	
}
@media (max-width:503px){
.search_google {
    position: absolute;
    top: 6px;
    right:18px;
}
.hdr_number {
    width: 100%;
}
.logo {
    float: left;
}
.hdr_right_side {
    margin-top: 5px;
}
.top_number {
    width: 100%;
}
ul.menu {
    float: right;
    margin: 0 0px 0px 0px;
	padding-left:0;
}
ul.menu li {
    margin: 0px 0 0px 4px;
}
.top_number {
    font-size: 12px;
}
}

























