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

body{margin:0px;font-family: 'Open Sans', sans-serif;}

.full-wrapper{width:100%;  margin:0px auto;}

.wrapper { width:1100px;  margin:0 auto; }

header{background:url(../images/header.png) repeat left;
    float: left;
    height: 160;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;}

p{ float:left; *color:#fff; font-size:14px !important; text-align:justify !important; width:100%;  line-height: 30px !important;} 

.logo{ float:left; width:15%;}

.logo img{ float:left; width:100%;}

.top{ float: right;
    margin-right: 2% !important;
    margin-top: 2% !important;}

.top-1{background: transparent url("../images/top/1.png") no-repeat scroll 6% center / 4% 100%;
    float: left;
    padding-left: 46px !important;}

.top-2{background: rgba(0, 0, 0, 0) url("../images/top/2.png") no-repeat scroll 5% center / 12% 100%;
    float: left;
    padding-bottom: 4px;
    padding-left: 46px;}

.top-3{ background: rgba(0, 0, 0, 0) url("../images/top/3.png") no-repeat scroll 5% center / 18% 100%;
    float: left;
    padding-bottom: 3px;
    padding-left: 46px;}

.top li{ float:left; list-style:none; display:inline; font-size:16px; color:#fff;}
.top li a{float:none; text-decoration:none; color:#fff;}

.nav-main{ float:left; width:84%;}

.nav-main ul{ float::left; width:100%;}

a{text-decoration:none; color:#000;}

.nav-main ul li{ float:left; list-style:none; display:inline;padding: 14px !important;}

.nav-main ul li a{ float:left; color:#949494; text-decoration:none; font-size:18px; text-transform:capitalize;}

.nav-main ul li a:hover{ color:#fff; border-bottom:2px solid #fff; padding-bottom:5%;}
#menu-toggle{display:none !important;}

.active{color:#fff !important; border-bottom:2px solid #fff !important; padding-bottom:5% !important;}

.banner{ float:left; width:100%;}

.banner img{ width:100%; float:left;}

.banner ul{width:100%;}

banner ul li{width:100%;}

.banner ul li img{ float:left; width:100%; height:100%;}

.bg1{ float:left; background:#000; width:100%;}

.col-full{ float: left;
    margin-bottom: 0% !important;
    margin-top: 2% !important;
    width: 100%;}

.col-1{   float: left;
    padding: 27px;
    width: 27%;}

.col-1 img{ float:left; margin-left: 9% !important;
    width: 83%;}
h5{float:left; width:100%; font-size:16px; margin:0; padding:0; font-weight:normal;}
h1{ float:left; font-weight:normal; color:#fff; text-transform:uppercase; font-size:16px; width:100%; text-align:center;}

.text{ float:left; font-size:14px; text-align:center; color:#fff;}

.read-more a{ border-bottom: 2px solid #fff;
    color: #fff;
    float: left;
    font-size: 17px;
    margin: 7% 0 0 24%;
    padding-bottom: 2%;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: 50%;}
	
.bg2{ float:left; width:100%; background:#dbdbdb;height: auto;}
	
.bg2 .wrapper h2{ float:left; width:100%; text-align:center; margin-top: 4%;font-weight:normal; text-transform:uppercase; font-size:30px; margin-bottom: 0px;}

.bg2 .wrapper p{float:left; width:100%; text-align:center; font-size:14px; color:#000;line-height: 27px;}	

.bg2 a:hover{color:#993211;}

h3{float:left; width:100%; text-align:left; font-weight:normal; text-transform:uppercase; font-size:30px; *margin-bottom: 0px;color:#fff;}

.bg3{ float:left; width:100%; background:url(../images/bg3.png) no-repeat left; background-size:100% 100%;height: 505px;}

.image{ float:left; width:60%;}

.image img{ float:left; width:100%;}

.form{  float: right;
    width: 35%;}

.input-1{ float:left; width:95%; padding-left:3%; border:none; border-radius:5px; height:35px; cursor:#fff; cursor:pointer; background:#838383; color:#fff; margin-bottom: 2.5%;}


.input-3{ margin-left:4px;float:left; width:44.5%; padding-left:3%; border:none; border-radius:5px; height:35px; cursor:#fff; cursor:pointer; background:#838383; color:#fff; margin-bottom: 2.5%;}

.input-4{ margin-left:4px;float:left; width:48%; padding-left:3%; border:none; border-radius:5px; height:35px; cursor:#fff; cursor:pointer; background:#838383; color:#fff; margin-bottom: 2.5%;}

.input-2{ background: #838383 none repeat scroll 0 0;
    border: medium none;
    border-radius: 5px;
    color: #fff;
    float: left;
    height: 100px;
    margin-right: 3%;
    margin-top: 0;
    padding-left: 3%;
    width: 68%;}

.submit{ float:left; width:24%; border:none; border-radius:5px; height:100px; background:#838383; color:#fff; cursor:pointer; margin-top:0;text-transform:uppercase;}

.bg4{ float:left; width:100%; background:url(../images/bg4.png) no-repeat left; background-size:100% 100%; height:189px;}

.col-2{ border-right: 2px solid #626262;
    float: left;
    margin-left: 3%;
    padding-right: 2%;
    width: 21%; height:155px; color:#fff;}
	
.col-2 img{ float:left; width:45%;}
.col-1 p{ line-height:0px !important;}
.col-2 p{ line-height:0px !important;}
.col-3 p{ line-height:0px !important;}
.col-4 p{ line-height:0px !important;}
.col-3{ float:left; width:20%;margin-left: 3%;*height:140px; color:#fff;}

.col-3 li{ float: left;
text-align: left;
list-style: outside none none;
color: #FFF;
font-size: 14px;
line-height: 20px;
width: 100%;
margin-top: 1%;}

.col-4{ border-right: 2px solid #626262;
    float: left;
    margin-left: 3%;
    padding-right: 2%;
    width: 19%; height:155px; color:#fff;}

.col-4 img{ float:left; width:90%;}

.col-4 li{ float:left; list-style:none; display:inline;}


.footter{ float: left;
    margin-bottom: 1%;
    margin-top: 2%;
    width: 100%;}
	
	
	
/*--------------------------------------------------------Tariff-----------------------------------------------------------------*/	
.emp{float:left; margin-bottom:2%;}
.line{}
/*--------------------------------------------------------Tariff-----------------------------------------------------------------*/	
.head{width:100%;}
.head .h4{ float:left; width:10%; font-weight:normal; text-transform:uppercase; font-size:28px; margin-bottom:0px;}	
.table{float:left; width:100%; height:150px;}
table{width:55%; margin-bottom:3%;}
th{float:left; width:40%; text-align:left; margin-bottom:2%;}
td{float:left; width:40%; font-size:14px; text-align:justify; margin-bottom:2%; }
.s{width:32%;text-align:left;}
.s td{width:30%; text-align:left;}
.c{width:2%;}
.a{width:10%; text-align:center;margin-bottom:2%;} 
	
	
/*--------------------------------------------------------gallery----------------------------------------------------------------*/

.banner2{float:left;width:100%; margin-top:3%;}	
	
	
	
	
	
	
	
	
/*--------------------------------------------------------Contact us-----------------------------------------------------------------*/	

h4{ float:left; width:60%; font-weight:normal; text-transform:uppercase; font-size:28px; margin-bottom:0px;}

	
.inner-bg{ float:left; width:100%; background:#dbdbdb;}	

.last{float:left; width:100%; margin-left:1%;}

.last h4{width:60%; float:left; font-size:18px; text-transform:none;}

.inner-bg li{ float:left; width:100%; list-style:none; line-height:35px;  font-size: 15px; margin-left:0;} 
.inner-bg .tel li{ float:left; width:81%; list-style:none; line-height:35px;  font-size: 16px; margin-left:0; } 
.mid{float:left; width:30%; margin-left:0; margin-top:2%; margin-bottom:2%;}
.mid li{ list-style:url(../images/bulletin.png); }
.mid1{float:left; width:27%; margin-left:3%; margin-top:2%;}
.mid1 li{list-style:url(../images/bulletin.png); }
.address{ float:left; width:100%;}
.mid2{float:left; width:29%; height:auto; margin:0;}
.mid2 li{list-style:url(../images/bulletin.png); font-size:14px; line-height:23px;}

.address li{ float:left; list-style:none; width:57%;  line-height: 30px;}

.map{float:right;width:100%; margin-bottom:2%;}

.map iframe{float:left; width:100%;}
.map1{float:left;width:100%; display:none !important;}


.land{ float:left; width:20%; margin-top:0; font-size: 16px;  margin-left:0;}

.request{  float: left;
    margin-bottom: 2%;
    margin-top: 2%;
    width: 66%; font-size:16px;}

.head{ float:left; width:57%; text-transform:uppercase; font-size:22px; margin-top:2%; margin-bottom:1%;}

.slash1{ *float:left; margin-left:0; margin-right:2%;}

.slash2{  margin-left: 0;
    margin-right: 2%;}

.slash3{     margin-left:0;
    margin-right: 2%;}
	
.slash4{     margin-left:0;
    margin-right: 1.7%;}
.slash5{ margin-left:0; margin-right:2%; }
	
.tel{float:left; width:100%;display:block;}
.tel1{display:none;}	
.inner-bg2{ float:left; width:100%; background:/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,0f080a+100&1+0,0.93+2,0.7+100 */
background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0.93) 2%, rgba(15,8,10,0.7) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,1)), color-stop(2%,rgba(0,0,0,0.93)), color-stop(100%,rgba(15,8,10,0.7))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(0,0,0,0.93) 2%,rgba(15,8,10,0.7) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(0,0,0,0.93) 2%,rgba(15,8,10,0.7) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(0,0,0,0.93) 2%,rgba(15,8,10,0.7) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(0,0,0,0.93) 2%,rgba(15,8,10,0.7) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#b30f080a',GradientType=0 ); margin-top:2%; padding-bottom:2%; border-radius:10px;margin-bottom: 2%;}

.inner-bg2 img{ float: left;
    margin-left: 5%;
    width: 90%;}

.inner-bg2 p{ floa:left; color:#fff; width:90%; margin-left: 5%; margin-bottom:0px;}	

.inner-bg2 ul li{ color: #fff;
    float: left;
    font-size: 15px;
    line-height: 29px;
    list-style: outside none none;
    margin-left: 5%;
    width: 90%;}

.head2{color: #fff;
    float: left;
    font-size: 20px;
    margin-bottom: 1%;
    margin-top: 2%;
    width: 100%;
	text-transform:uppercase;text-align:center;
}

.head3{ border-bottom: 1px solid #fff;
    color: #fff;
    float: left;
    font-size: 16px;
    margin-bottom: 0;
    margin-left: 5%;
    margin-top: 2%;
    padding-bottom: 1%;
    width: 20%;}
	
.head4{ border-bottom: 1px solid #fff;
    color: #fff;
    float: left;
    font-size: 16px;
    margin-bottom: 0;
    margin-left: 5%;
    margin-top: 2%;
    padding-bottom: 1%;
    width: 26%;}


.head5{ border-bottom: 1px solid #fff;
    color: #fff;
    float: left;
    font-size: 16px;
    margin-bottom: 0;
    margin-left: 5%;
    margin-top: 2%;
    padding-bottom: 1%;
    width:35%;}
	
.know{color: #fff;
    float: left;
    margin-left: 5%;
    margin-top: 2%;
    width: 90%;}
	
.know a{  text-decoration:none;font-size:14px; margin-left:1%; color:#960;}	
/*--------------------------------------------------------Contact us-----------------------------------------------------------------*/	

.we{ float:left; width:100%; margin-left:0; margin-bottom:1%;}
.we li{ list-style:none; line-height:25px;  font-size: 16px;}
.address h4{float:left; width:100%; font-size:22px; text-transform:none;}
.form{width:40%; float:right;}









/*------------------------------------- mobile css starts-----------------------------*/










@media only screen and (min-width: 320px) and (max-width: 480px) {
	
	
	
	
body{margin:0px;font-family: 'Open Sans', sans-serif;}

.full-wrapper{width:100%;  margin:0px auto;}

.wrapper { width:90%;  margin:0 auto; }

header{background:url(../images/header.png) repeat left;
    float: left;
    height: 160;
    position: relative;
    top: 0;
    width: 100%;
    z-index: 999;}

p{ float:left; *color:#fff; font-size:13px; text-align:justify; width:100%;  line-height: 30px;} 

.logo{ float:left; width:37%;}

.logo img{ float:left; width:100%;}

.top{ float: right;
    margin-right: 2%;
    margin-top: 2%;}

.top-1{  background: transparent url("../images/top/1.png") no-repeat scroll 4.5% center / 4% 59%;
    float: left;
    padding-left: 46px;}
	.top-1 li{font-size:13px;}

.top-2{ background: rgba(0, 0, 0, 0) url("../images/top/2.png") no-repeat scroll 3% center / 6% 89%;
    float: left;
    padding-bottom: 4px;
    padding-left: 46px;}

.top-3{background: rgba(0, 0, 0, 0) url("../images/top/3.png") no-repeat scroll 3% center / 5% 61%;
    float: left;
    padding-bottom: 3px;
    padding-left: 46px;}

.top li{ float:left; list-style:none; display:inline; font-size:15px; color:#fff; width:90%;}

.nav-main{ float:left; width:84%;}

.nav-main ul{ float::left; width:100%;}

.nav-main ul li{ float:left; list-style:none; display:inline;padding: 14px;}

.nav-main ul li a{ float:left; color:#949494; text-decoration:none; font-size:13px; text-transform:capitalize;}

.nav-main ul li a:hover{ color:#fff; border-bottom:2px solid #fff; padding-bottom:5%;}
#menu-toggle{display:block !important;}

.active{color:#fff !important; border-bottom:2px solid #fff !important; padding-bottom:5% !important;}

.banner{ float:left; width:100%;}

.banner img{ float:left; width:100%;}

.bg1{ float:left; background:#000; width:100%;}

.col-full{ float: left;
    margin-bottom: 0%;
    margin-top: 2%;
    width: 100%;}

.col-1{   float: left;
    padding: 0;
    width: 100%;}

.col-1 img{ float:left; width:54%;margin-left: 23% !important;}

h1{ float:left; font-weight:normal; color:#fff; text-transform:uppercase; font-size:14px; width:100%; text-align:center;}

.text{ float:left; font-size:14px; text-align:center; color:#fff;}

.read-more a{ border-bottom: 2px solid #fff;
    color: #fff;
    float: left;
    font-size: 17px;
    margin: 7% 0 0 24%;
    padding-bottom: 2%;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: 50%;}
	
.bg2{ float:left; width:100%; background:#dbdbdb;height: auto;}
	
.bg2 .wrapper h2{ float:left; width:100%; text-align:center; margin-top: 4%;font-weight:normal; text-transform:uppercase; font-size:21px; margin-bottom: 0px;}

.bg2 .wrapper p{float:left; width:100%; text-align:justify; font-size:14px; color:#000;line-height: 27px;}	

h3{float:left; width:100%; text-align:center; font-weight:normal; text-transform:uppercase; font-size:30px; *margin-bottom: 0px;color:#fff;}

.bg3{ float:left; width:100%; background:url(../images/bg3.png) no-repeat left; background-size:100% 100%;height: auto;}

.image{ float:left; width:100%;}

.image img{ float:left; width:100%;}

.form{  float: right;
    width: 100%;}

.input-1{ float:left; width:95%; padding-left:3%; border:none; border-radius:5px; height:35px;; background:#838383; color:#fff; margin-bottom: 3%;}

.input-2{ background: #838383 none repeat scroll 0 0;
    border: medium none;
    border-radius: 5px;
    color: #fff;
    float: left;
    height: 100px;
    margin-right: 3%;
    margin-top: 2%;
    padding-left: 3%;
    width: 94%;}

.submit{ float:left; width:24%; border:none; border-radius:5px; height:39px;margin-bottom:3%; background:#838383; color:#fff; cursor:pointer; margin-top:2%;text-transform:uppercase;}

.bg4{ float:left; width:100%; height:auto; background:url(../images/bg4.png) no-repeat left; background-size:100% 100%;}

.col-2{border-right:none;;
    float: left;
    margin-left: 3%;
    padding-right: 2%;
    width: 100%; height:auto; color:#fff;}
	
.col-2 img{ float:left; width:19%;}

.col-3{ float:left; width:100%;*margin-left: 3%;*height:140px; color:#fff; padding:0;}

.col-3 li{ float: left;
text-align: left;
list-style: outside none none;
color: #FFF;
font-size: 14px;
line-height: 17px;
width: 100%;
margin-top: 5%;}

.col-4{border-right:none;;
    float: left;
    margin-left: 3%;
    padding-right: 2%;
    width: 66%; height:auto; color:#fff;}

.col-4 img{ float:left; width:90%;}

.col-4 li{ float:left; list-style:none; display:inline;}


.footter{ float: left;
    margin-bottom: 1%;
    margin-top: 2%;
    width: 100%;}
	
.inner-bg .tel li{ float:left; width:100%; list-style:none; line-height:26px;  font-size: 16px; margin-left:0; } 
	
	
/*--------------------------------------------------------Tariff-----------------------------------------------------------------*/	

.line{}

/*--------------------------------------------------------Tariff-----------------------------------------------------------------*/	
.head{width:100%;}
.head .h4{ float:left; width:10%; font-weight:normal; text-transform:uppercase; font-size:28px; margin-bottom:0px;}	
.table{float:left; width:100%; }
table{width:100%; margin-bottom:3%;}
th{float:left; width:62%; text-align:left; margin-bottom:2%;}
td{float:left; width:58%; font-size:14px; text-align:left; margin-bottom:2%; }
.s{width:32%;text-align:left;}
.s td{width:30%; text-align:left;}
.c{width:2%;}
.a{width:10%; text-align:center;margin-bottom:2%;} 






/*--------------------------------------------------------Tariff-----------------------------------------------------------------*/	
	
	
	
	
/*--------------------------------------------------------gallery----------------------------------------------------------------*/

.banner2{float:left;width:100%; margin-top:3%;}	
	
	
	
	
	
	
	
	
/*--------------------------------------------------------Contact us-----------------------------------------------------------------*/	

h4{ float:left; width:100%; font-weight:normal; text-transform:uppercase; font-size:21px; margin-bottom:0px; text-align:center;}
	
.inner-bg{ float:left; width:100%; background:#dbdbdb;}	

.inner-bg li{ float:left; width:100%; list-style:none; line-height:35px;  font-size: 13px;}

.address{ float:left; width:100%;}

.address li{ float:left; list-style:none; width:100%;  line-height: 30px;}

.map{float:right;width:100%; display:none !important;}


.request{  float: left;
    margin-bottom: 2%;
    margin-top: 2%;
    width: 100%; font-size:12px;}
.head{ float:left; width:57%; text-transform:uppercase; font-size:22px; margin-top:2%; margin-bottom:2%;}

.map iframe{float:left; width:100%;}
.map1{float:left; width:100%; display:block !important;}
.map1 iframe{float:left; width:100%; height:auto;}
.tel{display:none;}
.tel1{display:block}
.tel1 .land{ float:left; width:35%; margin-top:0%; }


.slash1{ *float:left; margin-left:0 !important; margin-right:2%;}

.slash2{  margin-left: 0;
    margin-right: 2%;}

.slash3{    margin-left: 0;
    margin-right: 2%;}
	
.slash4{     margin-left: 0%;
    margin-right: 1.7%;}
.slash5{ margin-left:0; margin-right:2%; }
	
	
.inner-bg2{ float:left; width:100%; background:/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,0f080a+100&1+0,0.93+2,0.7+100 */
background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0.93) 2%, rgba(15,8,10,0.7) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,1)), color-stop(2%,rgba(0,0,0,0.93)), color-stop(100%,rgba(15,8,10,0.7))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(0,0,0,0.93) 2%,rgba(15,8,10,0.7) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(0,0,0,0.93) 2%,rgba(15,8,10,0.7) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(0,0,0,0.93) 2%,rgba(15,8,10,0.7) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(0,0,0,0.93) 2%,rgba(15,8,10,0.7) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#b30f080a',GradientType=0 ); margin-top:2%; padding-bottom:2%; border-radius:10px;margin-bottom: 2%;}

.inner-bg2 img{ float: left;
    margin-left: 5%;
    width: 90%;}

.inner-bg2 p{ floa:left; color:#fff; width:90%; margin-left: 5%; margin-bottom:0px;}	

.inner-bg2 ul li{ color: #fff;
    float: left;
    font-size: 15px;
    line-height: 29px;
    list-style: outside none none;
    margin-left: 5%;
    width: 90%;}

.head2{color: #fff;
    float: left;
    font-size: 16px;
    margin-bottom: 1%;
    margin-top: 2%;
    width: 100%;
	text-transform:uppercase;text-align:center;
}

.head3{ border-bottom: 1px solid #fff;
    color: #fff;
    float: left;
    font-size: 14px;
    margin-bottom: 0;
    margin-left: 5%;
    margin-top: 2%;
    padding-bottom: 1%;
    width: 65%;}
	
.head4{ border-bottom: 1px solid #fff;
    color: #fff;
    float: left;
    font-size: 14px;
    margin-bottom: 0;
    margin-left: 3%;
    margin-top: 2%;
    padding-bottom: 1%;
    width: 85%;}


.head5{ border-bottom: 1px solid #fff;
    color: #fff;
    float: left;
    font-size: 14px;
    margin-bottom: 0;
    margin-left: 5%;
    margin-top: 2%;
    padding-bottom: 1%;
    width:100%;}
	
.know{color: #fff;
    float: left;
    margin-left: 3%;
    margin-top: 2%;
    width: 100%;}
	
.know a{  text-decoration:none;font-size:10.5px; margin-left:1%; color:#960;}	
/*--------------------------------------------------------Contact us-----------------------------------------------------------------*/	


/*------------------------------ updated -------------------------------------*/

.mid2{float:left; width:100%; height:auto; margin:0;}
.mid2 li{list-style:url(../images/bulletin.png); font-size:14px; line-height:23px;}
.mid{float:left; width:100%; margin-left:3%; margin-top:2%; margin-bottom:2%;}
.mid li{ list-style:url(../images/bulletin.png); }
.mid1{float:left; width:100%; margin-left:3%; margin-top:2%;}
.mid1 li{list-style:url(../images/bulletin.png); }

.last h4{width:100%; float:left; font-size:18px; text-transform:none;}


}


@media only screen and (min-width: 481px) and (max-width: 767px) {
	
	
	
	
body{margin:0px;font-family: 'Open Sans', sans-serif;}

.full-wrapper{width:100%;  margin:0px auto;}

.wrapper { width:90%;  margin:0 auto; }

header{background:url(../images/header.png) repeat left;
    float: left;
    height: 160;
    position: relative;
    top: 0;
    width: 100%;
    z-index: 999;}

p{ float:left; *color:#fff; font-size:13px; text-align:justify; width:100%;  line-height: 30px;} 

.logo{ float:left; width:37%;}

.logo img{ float:left; width:100%;}

.top{ float: right;
    margin-right: 2%;
    margin-top: 2%;}

.top-1{background: transparent url("../images/top/1.png") no-repeat scroll 3% center / 5% 59%;
    float: left;
    padding-left: 46px;}

.top-2{background: rgba(0, 0, 0, 0) url("../images/top/2.png") no-repeat scroll 2% center / 9% 89%;
    float: left;
    padding-bottom: 8px;
    padding-left: 46px;}

	.top-3{background: rgba(0, 0, 0, 0) url("../images/top/3.png") no-repeat scroll 4% center / 14% 70%;
    float: left;
    padding-bottom: 3px;
    padding-left: 46px;}

.top li{ float:left; list-style:none; display:inline; font-size:20px; color:#fff;}

.nav-main{ float:left; width:84%;}

.nav-main ul{ float::left; width:100%;}

.nav-main ul li{ float:left; list-style:none; display:inline;padding: 14px;}

.nav-main ul li a{ float:left; color:#949494; text-decoration:none; font-size:13px; text-transform:capitalize;}

.nav-main ul li a:hover{ color:#fff; border-bottom:2px solid #fff; padding-bottom:5%;}
#menu-toggle{display:block !important;}

.active{color:#fff !important; border-bottom:2px solid #fff !important; padding-bottom:5% !important;}

.banner{ float:left; width:100%;}

.banner img{ float:left; width:100%;}

.bg1{ float:left; background:#000; width:100%;}

.col-full{ float: left;
    margin-bottom: 0%;
    margin-top: 2%;
    width: 100%;}

.col-1{   float: left;
    padding: 27px;
    width: 88%;}

.col-1 img{ float:left; width:60%; margin-left:20% !important;}

h1{ float:left; font-weight:normal; color:#fff; text-transform:uppercase; font-size:16px; width:100%; text-align:center;}

.text{ float:left; font-size:14px; text-align:center; color:#fff;}

.read-more a{ border-bottom: 2px solid #fff;
    color: #fff;
    float: left;
    font-size: 17px;
    margin: 7% 0 0 24%;
    padding-bottom: 2%;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: 50%;}
	
.bg2{ float:left; width:100%; background:#dbdbdb;height: auto;}
	
.bg2 .wrapper h2{ float:left; width:100%; text-align:center; margin-top: 4%;font-weight:normal; text-transform:uppercase; font-size:21px; margin-bottom: 0px;}

.bg2 .wrapper p{float:left; width:100%; text-align:justify; font-size:14px; color:#000;line-height: 27px;}	

h3{float:left; width:100%; text-align:center; font-weight:normal; text-transform:uppercase; font-size:30px; *margin-bottom: 0px;color:#fff;}

.bg3{ float:left; width:100%; background:url(../images/bg3.png) no-repeat left; background-size:100% 100%;height: auto;}

.image{ float:left; width:100%;}

.image img{ float:left; width:100%;}

.form{  float: right;
    width: 100%;}

.input-1{ float:left; width:95%; padding-left:3%; border:none; border-radius:5px; height:35px;; background:#838383; color:#fff; margin-bottom: 3%;}

.input-2{ background: #838383 none repeat scroll 0 0;
    border: medium none;
    border-radius: 5px;
    color: #fff;
    float: left;
    height: 100px;
    margin-right: 3%;
    margin-top: 2%;
    padding-left: 3%;
    width: 94%;}

.submit{ float:left; width:24%; border:none; border-radius:5px; height:39px;margin-bottom:3%; background:#838383; color:#fff; cursor:pointer; margin-top:2%;text-transform:uppercase;}

.bg4{ float:left; width:100%; background:url(../images/bg4.png) no-repeat left; background-size:100% 100%; height:auto;}

.col-2{border-right:none;;
    float: left;
    margin-left: 3%;
    padding-right: 2%;
    width: 100%; height:auto; color:#fff;}
	
.col-2 img{ float:left; width:19%;}

.col-3{ float:left; width:100%;*margin-left: 3%;*height:140px; color:#fff; padding:0;}

.col-3 li{ float: left;
text-align: left;
list-style: outside none none;
color: #FFF;
font-size: 14px;
line-height: 20px;
width: 100%;
margin-top: 5%;}

.col-4{border-right:none;;
    float: left;
    margin-left: 3%;
    padding-right: 2%;
    width: 60%; height:auto; color:#fff;}

.col-4 img{ float:left; width:90%;}

.col-4 li{ float:left; list-style:none; display:inline;}


.footter{ float: left;
    margin-bottom: 1%;
    margin-top: 2%;
    width: 100%;}
	
	
	
/*--------------------------------------------------------Tariff-----------------------------------------------------------------*/	

.line{}

/*--------------------------------------------------------Tariff-----------------------------------------------------------------*/	
.head{width:100%;}
.head .h4{ float:left; width:10%; font-weight:normal; text-transform:uppercase; font-size:28px; margin-bottom:0px;}	
.table{float:left; width:100%; }
table{width:100%; margin-bottom:3%;}
th{float:left; width:62%; text-align:left; margin-bottom:2%;}
td{float:left; width:58%; font-size:14px; text-align:left; margin-bottom:2%; }
.s{width:32%;text-align:left;}
.s td{width:30%; text-align:left;}
.c{width:2%;}
.a{width:10%; text-align:center;margin-bottom:2%;} 






/*--------------------------------------------------------Tariff-----------------------------------------------------------------*/	
	
	
	
	
/*--------------------------------------------------------gallery----------------------------------------------------------------*/

.banner2{float:left;width:100%; margin-top:3%;}	
	
	
	
	
	
	
	
	
/*--------------------------------------------------------Contact us-----------------------------------------------------------------*/	

h4{ float:left; width:100%; font-weight:normal; text-transform:uppercase; font-size:21px; margin-bottom:0px; text-align:center;}
	
.inner-bg{ float:left; width:100%; background:#dbdbdb;}	

.inner-bg li{ float:left; width:100%; list-style:none; line-height:35px;  font-size: 14px;}

.address{ float:left; width:100%;}

.address li{ float:left; list-style:none; width:100%;  line-height: 30px;}

.map{float:right;width:43%; display:none !important;}

.map iframe{float:left; width:100%;}
.map1{float:left; width:100%; display:block !important;}
.map1 iframe{float:left; width:100%; height:auto;}


.request{  float: left;
    margin-bottom: 2%;
    margin-top: 2%;
    width: 100%; font-size:12px;}

.head{ float:left; width:57%; text-transform:uppercase; font-size:22px; margin-top:2%; margin-bottom:2%;}
.tel{display:none;}
.tel1{display:block}
.tel1 .land{ float:left; width:35%; margin-top:0%; }


.slash1{ *float:left; margin-left:0 !important; margin-right:2%;}

.slash2{  margin-left: 0;
    margin-right: 2%;}

.slash3{    margin-left: 0;
    margin-right: 2%;}
	
.slash4{     margin-left: 0%;
    margin-right: 1.7%;}
.slash5{ margin-left:0; margin-right:2%; }
	
	
.inner-bg2{ float:left; width:100%; background:/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,0f080a+100&1+0,0.93+2,0.7+100 */
background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0.93) 2%, rgba(15,8,10,0.7) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,1)), color-stop(2%,rgba(0,0,0,0.93)), color-stop(100%,rgba(15,8,10,0.7))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(0,0,0,0.93) 2%,rgba(15,8,10,0.7) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(0,0,0,0.93) 2%,rgba(15,8,10,0.7) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(0,0,0,0.93) 2%,rgba(15,8,10,0.7) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(0,0,0,0.93) 2%,rgba(15,8,10,0.7) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#b30f080a',GradientType=0 ); margin-top:2%; padding-bottom:2%; border-radius:10px;margin-bottom: 2%;}

.inner-bg2 img{ float: left;
    margin-left: 5%;
    width: 90%;}

.inner-bg2 p{ floa:left; color:#fff; width:90%; margin-left: 5%; margin-bottom:0px;}	

.inner-bg2 ul li{ color: #fff;
    float: left;
    font-size: 15px;
    line-height: 29px;
    list-style: outside none none;
    margin-left: 5%;
    width: 90%;}

.head2{color: #fff;
    float: left;
    font-size: 16px;
    margin-bottom: 1%;
    margin-top: 2%;
    width: 100%;
	text-transform:uppercase;text-align:center;
}

.head3{ border-bottom: 1px solid #fff;
    color: #fff;
    float: left;
    font-size: 14px;
    margin-bottom: 0;
    margin-left: 5%;
    margin-top: 2%;
    padding-bottom: 1%;
    width: 65%;}
	
.head4{ border-bottom: 1px solid #fff;
    color: #fff;
    float: left;
    font-size: 14px;
    margin-bottom: 0;
    margin-left: 3%;
    margin-top: 2%;
    padding-bottom: 1%;
    width: 85%;}


.head5{ border-bottom: 1px solid #fff;
    color: #fff;
    float: left;
    font-size: 14px;
    margin-bottom: 0;
    margin-left: 5%;
    margin-top: 2%;
    padding-bottom: 1%;
    width:100%;}
	
.know{color: #fff;
    float: left;
    margin-left: 3%;
    margin-top: 2%;
    width: 100%;}
	
.know a{  text-decoration:none;font-size:10.5px; margin-left:1%; color:#960;}	
/*--------------------------------------------------------Contact us-----------------------------------------------------------------*/	


/*------------------------------ updated -------------------------------------*/

.mid2{float:left; width:100%; height:auto; margin:0;}
.mid2 li{list-style:url(../images/bulletin.png); font-size:14px; line-height:23px;}
.mid{float:left; width:100%; margin-left:0; margin-top:2%; margin-bottom:2%;}
.mid li{ list-style:url(../images/bulletin.png); }
.mid1{float:left; width:100%; margin-left:3%; margin-top:2%;}
.mid1 li{list-style:url(../images/bulletin.png); }
.last h4{width:100%; float:left; font-size:18px; text-transform:none;}



}


@media only screen and (min-width: 768px) and (max-width: 1024px) {
	

.full-wrapper{width:100%;  margin:0px auto;}

.wrapper { width:90%;  margin:0 auto; }

header{background:url(../images/header.png) repeat left;
    float: left;
    height: auto;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;}

p{ float:left; *color:#fff; font-size:13px; text-align:justify; width:100%;  line-height: 30px;} 

.logo{ float:left; width:16%;}

.logo img{ float:left; width:100%;}

.top{ float: left;
   * margin-right: 3%;
   * margin-top: 16%;
	width:60%; *padding-top:37px; margin-left:6%;}

.top-1{background: transparent url("../images/top/1.png") no-repeat scroll 2% center / 5% 59%;
    float: left;
    padding-left: 46px;}

.top-2{background: rgba(0, 0, 0, 0) url("../images/top/2.png") no-repeat scroll 2% center / 9% 89%;
    float: left;
    padding-bottom: 8px;
    padding-left: 46px;}

	.top-3{background: rgba(0, 0, 0, 0) url("../images/top/3.png") no-repeat scroll 4% center / 14% 70%;
    float: left;
    padding-bottom: 3px;
    padding-left: 46px;}

.top li{ float:left; list-style:none; display:inline; font-size:16px; color:#fff;}

.nav-main{ float:left; width:100%;}

.nav-main ul{ float::left; width:100%;}

.nav-main ul li{ float:left; list-style:none; display:inline;padding: 8px !important;}

.nav-main ul li a{ float:left; color:#949494; text-decoration:none; font-size:14px; text-transform:capitalize;}

.nav-main ul li a:hover{ color:#fff; border-bottom:2px solid #fff; padding-bottom:5%;}
#menu-toggle{display:none !important;}

.active{color:#fff !important; border-bottom:2px solid #fff !important; padding-bottom:5% !important;}

.banner{ float:left; width:100%;}

.banner img{ float:left; width:100%;}

.bg1{ float:left; background:#000; width:100%;}

.col-full{ float: left;
    margin-bottom: 0%;
    margin-top: 2%;
    width: 100%;}

.col-1{   float: left;
    padding: 27px;
    width: 17%;}

.col-1 img{ float:left; width:100%;}

h1{ float:left; font-weight:normal; color:#fff; text-transform:uppercase; font-size:13px; width:100%; text-align:center;}

.text{ float:left; font-size:14px; text-align:center; color:#fff;}

.read-more a{ border-bottom: 2px solid #fff;
    color: #fff;
    float: left;
    font-size: 17px;
    margin: 7% 0 0 24%;
    padding-bottom: 2%;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: 50%;}
	
.bg2{ float:left; width:100%; background:#dbdbdb;height: auto;}
	
.bg2 .wrapper h2{ float:left; width:100%; text-align:center; margin-top: 4%;font-weight:normal; text-transform:uppercase; font-size:21px; margin-bottom: 0px;}

.bg2 .wrapper p{float:left; width:100%; text-align:justify; font-size:14px; color:#000;line-height: 27px;}	

h3{float:left; width:100%; text-align:center; font-weight:normal; text-transform:uppercase; font-size:30px; *margin-bottom: 0px;color:#fff;}

.bg3{ float:left; width:100%; background:url(../images/bg3.png) no-repeat left; background-size:100% 100%;height: auto;}

.image{ float:left; width:100%;}

.image img{ float:left; width:100%;}

.form{  float: right;
    width: 100%;}

.input-1{ float:left; width:95%; padding-left:3%; border:none; border-radius:5px; height:35px;; background:#838383; color:#fff; margin-bottom: 3%;}

.input-2{ background: #838383 none repeat scroll 0 0;
    border: medium none;
    border-radius: 5px;
    color: #fff;
    float: left;
    height: 100px;
    margin-right: 3%;
    margin-top: 2%;
    padding-left: 3%;
    width: 94%;}

.submit{ float:left; width:24%; border:none; border-radius:5px; height:39px;margin-bottom:3%; background:#838383; color:#fff; cursor:pointer; margin-top:2%;text-transform:uppercase;}

.bg4{ float:left; width:100%; background:url(../images/bg4.png) no-repeat left; background-size:100% 100%; height:auto; padding-bottom:17%;}

.col-2{border-right:none;;
    float: left;
    margin-left: 3%;
    padding-right: 2%;
    width: 45%; height:auto; color:#fff;}
	
.col-2 img{ float:left; width:19%;}

.col-3{ float:left; width:47%;*margin-left: 3%;*height:140px; color:#fff; padding:0; margin-top:0%;}

.col-3 li{ float: left;
text-align: left;
list-style: outside none none;
color: #FFF;
font-size: 14px;
line-height: 20px;
width: 100%;
margin-top: 1%;}

.col-4{border-right:none;;
    float: left;
    margin-left: 3%;
    padding-right: 2%;
    width: 26%; height:auto; color:#fff;}

.col-4 img{ float:left; width:90%;}

.col-4 li{ float:left; list-style:none; display:inline;}


.footter{ float: left;
    margin-bottom: 1%;
    margin-top: 2%;
    width: 100%;}
	
	
	
/*--------------------------------------------------------Tariff-----------------------------------------------------------------*/	

.line{}

/*--------------------------------------------------------Tariff-----------------------------------------------------------------*/	
.head{width:100%;}
.head .h4{ float:left; width:10%; font-weight:normal; text-transform:uppercase; font-size:28px; margin-bottom:0px;}	
.table{float:left; width:100%; }
table{width:100%; margin-bottom:3%;}
th{float:left; width:62%; text-align:left; margin-bottom:2%;}
td{float:left; width:58%; font-size:14px; text-align:left; margin-bottom:2%; }
.s{width:32%;text-align:left;}
.s td{width:30%; text-align:left;}
.c{width:2%;}
.a{width:10%; text-align:center;margin-bottom:2%;} 






/*--------------------------------------------------------Tariff-----------------------------------------------------------------*/	
	
	
	
	
/*--------------------------------------------------------gallery----------------------------------------------------------------*/

.banner2{float:left;width:100%; margin-top:3%;}	
	
	
	
	
	
	
	
	
/*--------------------------------------------------------Contact us-----------------------------------------------------------------*/	

h4{ float:left; width:100%; font-weight:normal; text-transform:uppercase; font-size:21px; margin-bottom:0px; text-align:center;}
	
.inner-bg{ float:left; width:100%; background:#dbdbdb;}	

.inner-bg li{ float:left; width:100%; list-style:none; line-height:35px;  font-size: 14px;}

.address{ float:left; width:100%;}

.address li{ float:left; list-style:none; width:100%;  line-height: 30px;}

.map{float:right;width:43%; display:none !important;}

.map iframe{float:left; width:100%;}
.map1{float:left; width:100%; display:block !important; margin-bottom:21px;}
.map1 iframe{float:left; width:100%; height:auto;}


.request{  float: left;
    margin-bottom: 2%;
    margin-top: 2%;
    width: 100%; font-size:12px;}

.head{ float:left; width:57%; text-transform:uppercase; font-size:22px; margin-top:2%; margin-bottom:2%;}
.tel{display:none;}
.tel1{display:block}
.tel1 .land{ float:left; width:35%; margin-top:0%; }


.slash1{ *float:left; margin-left:0 !important; margin-right:2%;}

.slash2{  margin-left: 0;
    margin-right: 2%;}

.slash3{    margin-left: 0;
    margin-right: 2%;}
	
.slash4{     margin-left: 0%;
    margin-right: 1.7%;}
.slash5{ margin-left:0; margin-right:2%; }
	
.inner-bg2{ float:left; width:100%; background:/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,0f080a+100&1+0,0.93+2,0.7+100 */
background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0.93) 2%, rgba(15,8,10,0.7) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,1)), color-stop(2%,rgba(0,0,0,0.93)), color-stop(100%,rgba(15,8,10,0.7))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(0,0,0,0.93) 2%,rgba(15,8,10,0.7) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(0,0,0,0.93) 2%,rgba(15,8,10,0.7) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(0,0,0,0.93) 2%,rgba(15,8,10,0.7) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(0,0,0,0.93) 2%,rgba(15,8,10,0.7) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#b30f080a',GradientType=0 ); margin-top:2%; padding-bottom:2%; border-radius:10px;margin-bottom: 2%;}

.inner-bg2 img{ float: left;
    margin-left: 5%;
    width: 90%;}

.inner-bg2 p{ floa:left; color:#fff; width:90%; margin-left: 5%; margin-bottom:0px;}	

.inner-bg2 ul li{ color: #fff;
    float: left;
    font-size: 15px;
    line-height: 29px;
    list-style: outside none none;
    margin-left: 5%;
    width: 90%;}

.head2{color: #fff;
    float: left;
    font-size: 16px;
    margin-bottom: 1%;
    margin-top: 2%;
    width: 100%;
	text-transform:uppercase;text-align:center;
}

.head3{ border-bottom: 1px solid #fff;
    color: #fff;
    float: left;
    font-size: 14px;
    margin-bottom: 0;
    margin-left: 5%;
    margin-top: 2%;
    padding-bottom: 1%;
    width: 65%;}
	
.head4{ border-bottom: 1px solid #fff;
    color: #fff;
    float: left;
    font-size: 14px;
    margin-bottom: 0;
    margin-left: 3%;
    margin-top: 2%;
    padding-bottom: 1%;
    width: 85%;}


.head5{ border-bottom: 1px solid #fff;
    color: #fff;
    float: left;
    font-size: 14px;
    margin-bottom: 0;
    margin-left: 5%;
    margin-top: 2%;
    padding-bottom: 1%;
    width:100%;}
	
.know{color: #fff;
    float: left;
    margin-left: 3%;
    margin-top: 2%;
    width: 100%;}
	
.know a{  text-decoration:none;font-size:10.5px; margin-left:1%; color:#960;}	
/*--------------------------------------------------------Contact us-----------------------------------------------------------------*/	



}