@charset "utf-8";
/* CSS Document */
*{ margin:0px; padding:0px;
}
body{ margin:0px; padding:0px; font-size:12px; color:#7f7d7d;
background:#f2f2f2 url(../images/bodu-bg.jpg) repeat-x; font-family:Arial, Helvetica, sans-serif;
}
img{ border:none;}
a, a:visited{ color:#3c3c3c; text-decoration:none;
}
a:hover{ color:#333333; text-decoration:underline;}
p{ text-align:justify;}
h1 {padding:8px 0px; font-size:34px;line-height:1.2em; color:#3c3c3c; font-weight:normal; border-bottom:1px solid #cecdcd;}
h1 a {text-decoration:none}
h2 {
	padding:5px 0px;
	font-size:20px;
	line-height:1.2em;
	color:#3c3c3c;
	font-weight:normal;
	font-style: italic;
}
h2.extra {padding:30px 0 0 43px}
h3 {font-size:30px;  text-align:center;line-height:1.2em;color:#666666; margin:20px 0px; background:url(../images/tag.gif) no-repeat top center;}
h4 {font-size:23px;line-height:1.2em;color:#fff;margin-bottom:7px;letter-spacing:-1px; }
h4.extra {margin-bottom:12px}
h5 {font-size:28px;line-height:1.2em;color:#fff;margin-bottom:7px;letter-spacing:-1px; color:#3c3c3c; padding:10px 0px 0px 0px;}
h6 {font-size:22px;line-height:1.2em;color:#fff;margin-bottom:7px;letter-spacing:-1px; color:#3c3c3c; padding:10px 0px 0px 0px;}

strong {
	color:#666;
	text-align: center;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.area{ padding:5px 0px; font-size:12px; width:100%;  }
.step{ width:173px; text-shadow:1px 1px #fff; float:left; text-align:center; padding:14px 10px 0px 10px; font-size:16px; font-weight:bold; color:#333333; }
.clear{
	width:100%;
	margin:0px;
	padding:0px;
	clear:both;
	text-align: right;
}
.imges-broder{border:3px solid #fff;
}
.clear-1{width:100%; clear:both;  height:50px;
}
.fond-size{font-size:22px; color:#64a004;
}
#maincontainer{ width:990px; margin:0px auto;
}
.header-area{ width:990px; float:left;}
.top-area{ width:990px; float:left; height:17px; padding:5px 0px; font-size:11px;}
.header-top{ width:990px; float:left;}
.header-top .left-logo{ width:450px; float:left; padding:10px 0px;}
.header-top .right-area{ width:530px; float:right;}
.header-top .right-area-top{ width:180px; float:right; padding:8px 0px 10px 100px;}
.header-top .right-area-top p{ width:230px; float:leftt; padding-top:0px; text-align:leftt; font-weight:bold; color:#666666; font-size:20px; padding-top:5px; }
.sosial-area{
	width:auto;
	float:left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 215px;
}
.sosial-area-left{ margin-left:13px; width:8px; float:left; background:url(../images/left-bg-socisl.jpg) no-repeat top left; height:59px;
}
.sosial-area-right{  padding:15px 20px 0px 10px; float:left; background: url(../images/right.jpg) no-repeat top right; height:55px;
}

/*navigation-area*/
.navigation{ width:990px; float:left; background:url(../images/navigation-bg.jpg) no-repeat; padding:3px 0px 0px 0px;}
.navigation ul{ width:990px; float:left; list-style:none;}
.navigation ul li{ float:left; list-style:none; text-transform:uppercase;}
.navigation ul li a{ float:left; list-style:none; font-size:18px; color:#FFFFFF; text-decoration:none; padding:22px 37px;}
.navigation ul li a:hover{ float:left; list-style:none; font-size:18px; color:#7bad03; text-decoration:none;}
.navigation ul li a:hover, .navigation ul li .active { float:left; list-style:none; font-size:18px; color:#7bad03; text-decoration:none;}

/*banner-area*/
.banner-area{ width:990px; float:left;}
/*mid-container*/
.mid-contain-area {width:990px; float:left; padding:20px 0px;
}

.easy-ways-area{ width:100%; float:left}
.service-area { width:990px; float:left; }
.service-area-col1 { width:990px; float:left;}
.service-area-col2 { width:196px; float:left;  }

.mid-left-area{
	width:470px;
	float:left;
	margin-top:20px;
	border:4px solid #e4e4e4;
	background-color: #e4e4e4;
}
.mid-right-area{ width:490px; float:right; margin-top:20px;border:4px solid #e4e4e4;}


/* slider */
#faded {width:990px;height:425px;margin:7px 0;background:url(../images/slider-bg.jpg) no-repeat 25px 5px}
#faded ul {list-style:none;padding:0;margin:0}
#faded ul.pagination {list-style:none;padding:0;margin:0;width:246px;height:425px;background:url(../images/pagination-bg.png) no-repeat left top}
#faded ul.pagination li {padding:5px 0 0 5px;margin-bottom:-5px}
#faded ul.pagination li a {width:256px;height:70px;background-repeat:no-repeat;background-position:left -70px;
background-image:url(../images/thumb-sprite.png);text-decoration:none;display:block;color:#464646}
#faded ul.pagination li.current a {background-position:left top;color:#fff}
#faded ul.pagination li a span {font-size:22px;line-height:1.2em;display:block;padding:14px 0 0 0}
#faded ul.pagination li a small {display:inline-block;color:#428301;background-repeat:no-repeat;background-position:right -80px;background-image:url(../images/arrows.gif);padding:0 17px 0 0}
#faded ul.pagination li a span,
#faded ul.pagination li a small {padding-left:10px}
#faded ul.pagination li.current a small {color:#82b704;background-position:right 5px}
#faded ul.slides li {position:relative;width:100%}
#faded ul.slides li img {position:absolute;top:5px;right:4px}
#faded ul.slides li a {color:#fff;text-transform:uppercase;text-decoration:none;position:absolute;right:43px;top:217px;font-size:18px;line-height:1.2em;padding-left:8px;background:url(../images/button-left.png) no-repeat left top;letter-spacing:-1px}
#faded ul.slides li a:hover {color:#8ab805}
#faded ul.slides li a span {display:block;padding-right:8px;background:url(../images/button-right.png) no-repeat right top}
#faded ul.slides li a span span {background:url(../images/button-tail.png) repeat-x left top;padding:15px 14px 17px 14px}
a {outline:0;border:0}
/* custom forms */
/* Checkboxes */
span.jqTransformCheckboxWrapper {display:block;float:left}
a.jqTransformCheckbox {background:transparent url(../images/checkbox.gif) no-repeat left -30px;vertical-align:middle;height:17px;width:17px;display:block;/*display:-moz-inline-block;*/}
/* Checked - Used for both Radio and Checkbox */
a.jqTransformChecked {background-position:left top}
/* Hidden - used to hide the original form elements */
.jqTransformHidden {display:none}

/*facility*/
.fasaliy-area{width:990px; float:left; margin:0px;
}
.fasaliy-area01{width:480px; float:left; margin:0px 25px 0px 0px; padding:5px 0px 0px 0px;
}

.fasaliy-area02{width:480px; float:left; margin:0px; padding:0px;
}
.fasaliy-area02 ul{width:480px; float:left; margin:0px; text-decoration:none; list-style:none; padding:10px 0px;
}
.fasaliy-area02 ul li{ width:400px; float:left; margin:0px; text-decoration:none; list-style:none; font-size:14px;
 padding:9px 40px; color:#000000; background:
 url(../images/right.png) no-repeat;  
}
.fasaliy-area03{width:480px; float:right; margin:0px; padding:0px; color:#000; font-weight:bold; line-height:30px;
}
.fasaliy-area03 img{margin: 0px 15px 0px 10px ; border:3px solid #FFFFFF;
}



/*contact-area*/

.contact-area{ width:100%; float:left; }
.contact-area img{float:left; margin:10px; float:left;}
.contact-area-fom{ width:97%; float:left; background:#fff; border:2px dotted #CCCCCC;
-moz-border-radius:6px; 
border-radius:6px;  padding:10px;}
.contact-left{ width:400px; float:left; padding:10px; margin:20px 20px; }
.contact-left p{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:15px; padding-left:3px; width:510px; float:left; padding:5px; line-height:1.5; }
.contact-area-fom input#submitButton {
   width: 255px;
    padding: 16px;
    background: #77b108;
    font-size: 24px;
}
.contact-left span{ margin-bottom:15px; width:400px; float:left;background:url(../images/input-bg.jpg) repeat-x; padding:14px 6px;
border:2px solid #e1e1e1;-moz-border-radius:4px; cursor:pointer;
border-radius:4px;  }
.input{width:290px; float:left; background:none; border:none;
  }
.comments{width:290px; height:100px; float:left; background:none; border:none;
  }
.submit{width:auto; padding:5px 22px;  float:left; background:url(../images/submit.jpg) repeat-x;  border:3px solid #eeeeee;
-moz-border-radius:6px; cursor:pointer;
border-radius:6px; color:#FFFFFF; font-size:14px; font-weight:bold;
  }
/*  track*/
.track-area{ width:990px; float:left; 
}
.track{width:300px; float:left; margin:0px; padding-bottom:40px;
}
.track02{width:565px; float:right; margin:0px; padding-top:0px;
}
.track02 ul{width:565px; float:right; margin:0px; list-style:none; text-decoration:none; float:left; 
}
.track02 ul li{width:460px; float:right; margin:0px; padding:0px 20px 15px 30px; color:#333333;
 list-style:none; text-decoration:none; float:left; background:url(../images/arrow.png) no-repeat;
}

/*reserve*/
.reserve-area{width:990px; float:left; margin:0px; padding:0px;
}
.reser-left{width:440px; float:left; margin-right:30px;
}
.reser-left ul{width:440px; float:left; margin:0px; list-style:none; text-decoration:none;
}
.reser-left ul li{width:420px; float:left; margin:0px; list-style:none; text-decoration:none; padding-left:20px; padding-top:18px; 
}
.reser-left ul li a{width:415px; float:left; margin:0px; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#666666;
 background:url(../images/arrow.png) no-repeat; padding:0px 0px 0px 25px;
}
.reser-left ul li a:hover{width:415px; float:left; margin:0px; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#333333; padding:0px 0px 0px 25px; text-decoration:none;
}




/*footer-outer*/
.footer-outer{ width:100%; float:left; padding:10px 0px; background:url(../images/footer-bg.jpg) repeat-x; color:#3c3c3c;
}
.footer-inner{ width:990px; margin:0px auto;
}
.footer-inner .col1{ width:310px; height:190px; float:left; background:url(../images/devider.gif) no-repeat top right; padding-left:15px;
margin:0px; color:#999999; letter-spacing:0.3px; color:#fff;
}

.footer-inner-01{ width:990px; padding:20px 0px 10px 0px; float:left; 
}
.footer-inner-01 a{  float:left; color:#3c3c3c; padding:0px 10px; border-right:1px dashed #333333; color:#FFFFFF;
}
.footer-inner-01 a:hover{  float:left; color:#666666; padding:0px 10px; border-right:1px dashed #333333;
}

howdowecompartChart {
	font-size: 14px;
}
Tabletxt {
	font-size: 14px;
}
#maincontainer .mid-contain-area .area .mid-left-area table {
	font-size: 16px;
}

.track-area .area.img-box{width:100%; clear:both;}
.track-area .area.img-box img{float:left; width:50%;}

/*--------- Responsive css 15 jan 2020 ----------*/
@media(max-width:991px)
{
body{background-image:none;}
.footer-outer .footer-inner .col1 img, .footer-inner .col1 iframe{max-width:100%;}
.footer-outer .footer-inner{width:auto; display:block; margin:0 -15px;}
.footer-outer .footer-inner .col1 a{word-break:break-all;}
.footer-outer .footer-inner-01{width:100%; text-align:center; border-top:1px solid #383838; padding:15px 0; background:#000;}
.footer-outer .footer-inner-01 p{text-align:center;}
.footer-outer .footer-inner-01 a{float:none;}
#maincontainer{max-width:100%; padding:0 ; width:100%; box-sizing: border-box;}
#maincontainer .header-area{width:100%; overflow:hidden; padding:0 15px; box-sizing:border-box; background:#e4e4e4;}
#maincontainer .header-area .top-area{width:100%; display:none;}
#maincontainer .header-area  .header-top{width:100%;}
#maincontainer .header-area .navigation ul li a{padding:22px 17px;}
#maincontainer .header-area .header-top .left-logo img{max-width:100%;}
.footer-outer{padding:10px 15px 0 15px; width:100%; box-sizing: border-box; background-image:none; background-color:#262626;}

.mid-contain-area{width:100%; padding:15px; box-sizing:border-box; background:#f2f2f2;}
.mid-contain-area .service-area, .mid-contain-area .service-area-col1{max-width:100%; background:#f2f2f2; margin-top:0 !important;}
.area .mid-left-area, .area .mid-right-area{width:100%; overflow-y:auto; box-sizing:border-box;}
.area .mid-left-area table{min-width:500px;}
.area .mid-left-area table td img, .area .mid-right-area table td img{margin:0 auto !important; display:block; max-width:100%;}
#maincontainer .header-area .banner-area .area img{max-width:100%; height:auto;}
.fasaliy-area{width:100%;}
.fasaliy-area .area{display:flex; flex-wrap:wrap;}

.fasaliy-area .fasaliy-area01 .single img{width:100%;}
.reserve-area{width:100%;}
.reserve-area .reser-left ul{width:100%;}
.reserve-area .reser-left ul li{width:100%; box-sizing:border-box;}
.reserve-area .reser-left ul li a{width:100%; box-sizing:border-box;}
.contact-area-fom{box-sizing:border-box; width:100%;}
.track02{width:100%;}
.track-area{width:100%; padding:0 15px; box-sizing:border-box;}
.track-area img{max-width:100%; height:auto;}
.mid-left-area, .mid-right-area{width:100%; box-sizing:border-box;}
}
@media(min-width:768px) and (max-width:991px)
{

.mid-contain-area .service-area-col1 .service-area-col2{width:33.333%;}
#maincontainer .header-area .header-top .left-logo{width:50%;}
#maincontainer .header-area .header-top .right-area{width:50%;}
#maincontainer .header-area .navigation{width:100%; border-radius:10px;}
#maincontainer .header-area .navigation ul{width:100%;}
#maincontainer .header-area .header-top .left-logo img{max-width:100%;}
#maincontainer .header-area .header-top .sosial-area{padding-left:60px;}
.footer-outer .footer-inner .col1{width:33.333%; box-sizing: border-box; height:auto; padding:0 15px;}
#maincontainer .header-area .banner-area{width:100%;}
#maincontainer .header-area .banner-area #faded{width:100%; overflow:hidden;}
#maincontainer .header-area .banner-area #faded  ul.slides li img{max-width:100%; object-fit:cover}
#maincontainer .header-area .banner-area #faded ul.pagination{position:relative;z-index:9;}
#maincontainer .header-area .banner-area #faded ul.pagination li a{height:66px;}
#maincontainer .header-area .banner-area #faded ul.pagination{height:335px;}
.fasaliy-area .fasaliy-area01{width:48%; box-sizing:border-box; margin:5px 1%; text-align:center; padding:15px; border:1px solid #ccc;}
.reserve-area .reser-left{width:50%; padding:0 15px 0 0; box-sizing:border-box; margin-right:0;}
.contact-area-fom .contact-left{width:50%; box-sizing:border-box; margin:0;}
}
@media(min-width:768px)
{
#maincontainer .header-area .navigation .mobile-menu{display:none !important;}
}

@media(max-width:767px)
{
.footer-inner .col1{height:auto; background-image:none; width:100%; padding:5px 15px; box-sizing:border-box; text-align:center;} 
.header-top .left-logo{width:100%; text-align:center;}
#maincontainer .header-area .navigation{width:100%; background-image:none; }
#maincontainer .header-area .navigation ul{width:100%; background-color:#000; display:none;}
#maincontainer .header-area .navigation ul li{display:block; width:100%; border-bottom:1px solid #fff;}
#maincontainer .header-area .navigation ul li:last-child{border-bottom:none;}
#maincontainer .header-area .navigation ul img{display:none;}
#maincontainer .header-area .navigation ul li a{padding:10px; box-sizing:border-box; display:block;}
#maincontainer .header-area .navigation .mobile-menu{padding:10px 10px 10px 45px; background:#000 url('../images/menu-icon.png') no-repeat 10px center; color:#fff; font-size:16px; display:block; margin:0 0 10px 0; cursor:pointer;}
.mid-contain-area .service-area-col1 .service-area-col2{width:100%;}
.mid-contain-area .service-area-col1 .service-area-col2 .step{margin:0 auto; float:none; display:block;}
#maincontainer .header-area .banner-area{width:100%;}
#maincontainer .header-area .banner-area #faded{width:100%; height:35vh; background:#6ba005; overflow:hidden;}
#maincontainer .header-area .banner-area #faded  ul.slides li img{max-width:100%; object-fit:cover; max-height:35vh;}
#maincontainer .header-area .banner-area #faded ul.pagination{position:relative;z-index:9;}
#maincontainer .header-area .banner-area #faded ul.pagination li a{height:66px;}
#maincontainer .header-area .banner-area #faded ul.pagination{height:335px; display:none;}
.mid-contain-area h6{text-align:center;}
#maincontainer .header-area  .header-top .right-area{width:100%; float:none; text-align:center; clear:both;}
#maincontainer .header-top .right-area-top{padding:10px 0; margin:0 auto; float:none;}
#maincontainer .header-top .sosial-area{width:310px; float:none; padding:0; margin:0 auto;}
.fasaliy-area .fasaliy-area01{width:100%; box-sizing:border-box; margin:5px 1%; text-align:center; padding:15px; border:1px solid #ccc;}
.fasaliy-area02{width:100%;}
.fasaliy-area02 ul{width:100%;}
.fasaliy-area02 ul li{width:100%; box-sizing:border-box;; padding:10px 10px 10px 40px; background-position: left 13px;}
.reserve-area .reser-left{width:100%; padding:0;}
.contact-area-fom .contact-left{width:100%; box-sizing:border-box; margin:0;}
.contact-area-fom .contact-left p{width:100%; box-sizing:border-box;}
.contact-area-fom .contact-left span, .contact-area-fom .contact-left input, .contact-area-fom .contact-left textarea{width:100%; box-sizing:border-box;}
.contact-area-fom .contact-left input[type="submit"]{width:auto; display:block; margin:0 auto; float:none;}
.contact-area .contact-img, .contact-area .reserve-img{width:auto; display:block; margin:10px auto; height:auto; float:none; }
.contact-area.contact-sec p{text-align:center;}
.track-area .mid-right-area table tr td a img{margin:0 auto !important; display:block;}
.mid-contain-area{overflow-y:auto;}
.mobile-center{text-align:center;}
.track-area .area.img-box img{width:100%; max-width:100%;}
.contact-area.contact-sec .thnaks-message{text-align:center; padding:5px !important; display:block;}
}