@charset "utf-8";
/* CSS Document */
.reg-err
{
	float:left; clear:both; text-align:right; color:#F00; width:100%; font-size:12px;
}

.reg-err1
{
	text-align:left;
}

#forgot-div,#register-div
{
	display:none;
}

.log-mainn
{     float: left;
    clear: both;
    width: 84%;
    padding: 3% 8% 6%;}


body,*{margin:0px;font-family: 'Montserrat', sans-serif;}

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

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

header{ background: #f6f6f6 none repeat scroll 0 0;
    float: left;
    height: 75px;
    margin-top: 38px;
    width: 100%;
    z-index: 99;}

.header1{ float:left; width:100%; background:#f6f6f6; height:70px; position:fixed; z-index:99; display:none; margin-top:0px;}


.top{ float:left; widt:100%; height:35px; background:#5b5b5b; width:100%; position:absolute; z-index:999;}

.top-link{ float:right;  color: #fff;margin-top: 4px; width:100%;} 

.top-link li{ float:right; width:auto !important; display:inline; list-style:none; margin-left: 14px; position:relative; font-size:12px;}

.top-link li a{ color:#fff; text-decoration:none; text-transform:uppercase; float:left; }

.area {
   background: #aaaaaa url("../images/top/1.png") no-repeat scroll 5% 45% / 12% 60%;
    border-radius: 5px;
    padding: 11px 10px 10px 40px;
}

.bookr {
   background: #aaaaaa url("../images/top/6.png") no-repeat scroll 5% 45% / 23px 23px;
    border-radius: 5px;
    padding: 11px 10px 10px 40px;
}


.phone{no-repeat scroll 5% 45% / 12% 60%;
    border-radius: 5px;     float: left!important; 
    padding: 7px 10px 7px 40px;}

.track{  background: url("../images/top/3.png") no-repeat scroll 5% 45% / 12% 70%;
    border-radius: 5px;     float: left!important; margin-left:0!important;
    padding: 7px 10px 7px 40px;}

.login{   /*background: rgba(0, 0, 0, 0) url("../images/top/4.png") no-repeat scroll 1% 100% / 34px 34px;*/
    border-radius: 5px;
    padding: 7px 10px 7px 10px;}

.signup{  /*background: rgba(0, 0, 0, 0) url("../images/top/5.png") no-repeat scroll 1% 100% / 34px 34px;*/
    border-radius: 5px;
    padding: 7px 10px 7px 10px;}
	
	
.logo {
    float: left;
    margin-top:0px;
    width: 20%;
}

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


.nav-main nav{}

.nav-main nav > ul {
    float: right;
    margin-left: 0%;
    margin-top: 15px;
}
.nav-main nav > ul li{ float:left; list-style:none; display:inline; margin-left:13px;}

.nav-main nav > ul li a {
    color: #000000;
    float: left;
    font-size: 14px;
    padding: 13px 10px;
    text-decoration: none;
    text-transform: uppercase; font-weight:bold;
}
.nav-main nav > ul li a:hover{ border-bottom:2px solid #e0780c; color:#e0780c; }

.active{  border-bottom:2px solid #e0780c; color:#e0780c!important;}

.banner{ float:left; width:100%; margin-top:0%;}

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


.col-full {
    /*background: rgba(0, 0, 0, 0) url("../images/products/border.png") no-repeat scroll 10% 100% / 100% 5%;*/
    float: left;
    margin-top: 1%;
    padding-bottom: 8%;
    width: 100%;
}

.col-full1
{
	background-position:top left; padding-top:4%;
}

.col-full .ser{float:left; width:100%; text-transform:uppercase; text-align:center; margin-top:10px; font-size:35px; color:#000; font-weight:normal; margin-bottom:25px;}

.col-1 {
     border-right: 0px solid #ccc;
    float: left;
    padding-left: 3%;
    padding-right: 2.5%;
    width: 45%; min-height:150px;
}
.col-1 p{     float: left; text-align:center;
    width: 100%;
    margin-top: 15px;
    font-size: 14px;}
.col-2{ float:left; width:45%;     padding-left: 2%;
    padding-right: 2%; min-height:150px;
}
.col-2 p{     float: left; text-align:center;
    width: 100%;
    margin-top: 15px;
    font-size: 14px;}

.col-3{ float:left; width:20%; border-right:1px solid #ccc;    padding-left: 2%;
    padding-right: 2%;
}
.col-3 p{     float: left; text-align:center;
    width: 100%;
    margin-top: 15px;
    font-size: 14px;}

.col-4{ float:left; width:20%; border-right:1px solid #ccc;    padding-left: 2%;
    padding-right: 2%;
}
.col-4 p{     float: left; text-align:center;
    width: 100%;
    margin-top: 15px;
    font-size: 14px;}

.col-1 img{   float: left;
    margin: 0 0;
    width: 15%; margin-right:5%; margin-top:20px;}
	
.col-2 img{   float: left;
    margin: 0 0;
    width: 15%; margin-right:5%; margin-top:20px;}
	
.col-3 img{   float: left;
    margin: 0 63px;
    width: 57%;}
	
.col-4 img{   float: left;
    margin: 0 63px;
    width: 60%;}
	
.col-1 p{ text-align:justify; float:right; width:80%; font-style:italic;}
.col-2 p{ text-align:justify; float:right; width:80%; font-style:italic;}

.head1 {
    color: #68aa3c;
    float: right;
    font-size: 16px;
    margin-bottom: 0;
    margin-top: 10%;
    text-align: left;
    text-transform: uppercase;
    width: 80%;
}
.head2{ float:left; width:74%; text-align:left; color:#000000; font-size:16px; text-transform:uppercase;}	
.intro{ float:left; width:70%!important; padding:10px 15%; margin:0px 0 30px!important; text-align:center; margin-bottom:30px; font-style:italic;}



.col-full-2{ float:left; width:100%; border-top: 0px solid #d7d7d7;  padding-top: 4%; /*background: rgba(0, 0, 0, 0) url("../images/products/border.png") no-repeat scroll 10% 100% / 100% 5%;*/
    float: left;
    margin-top: 2%;
    padding-bottom: 9%;}

.col-full-2 h1
{
	float: left;
    width: 100%;
    text-transform:capitalize;
    text-align: center;
    margin-top: 10px;
    font-size: 35px; font-family: 'Oswald', sans-serif;
    color: #000; margin-bottom:0px;
    font-weight: normal;
}

.col-full-2 li {
    border: 1px solid #ccc;
    display: inline;
    float: left;
    height: auto; min-height:210px;
    list-style: outside none none;
    margin: 5px;
    padding: 10px;
    position: relative;
    width: 11%;
}
.panelinsta{ float:left; width:100%; padding:30px 0;}
.panelinsta h1{ float: left;
    width: 100%;
    text-transform: capitalize;
    text-align: center;
    margin-top: 10px;
    font-size: 35px;
    color: #000;
    font-weight: normal;
    font-family: 'Oswald', sans-serif;
    margin-bottom: 0px;}
.col-full h1{ float: left;
    width: 100%;
    text-transform: capitalize;
    text-align: center;
    margin-top: 10px;
    font-size: 35px;
    color: #000;
    font-weight: normal;
    font-family: 'Oswald', sans-serif;
    margin-bottom: 0px;}
.col-full-2 li a{ float:left; width:100%; color:#000; position:absolute; left:0px; top:10px; height:100%;}
.col-full-2 li a:hover{ color:#FFFFFF;}
.col-full-2 li p{ float:left; width:100%; margin-top:15px; font-size:12px; font-style:italic; text-align:center;}
.img1{  float: left;
    margin-left: 32%; height:75px;}
.panelbg{ float:left; width:100%; background:url(../images/panelbg.jpg);}
.img1 img{}

.img2{  float: left;  height:75px;
    margin-left: 36%;}
.img3{  float: left;  height:75px;
    margin-left: 21%;}
.img4{  float: left;  height:75px;
    margin-left: 13%;}
.img5{  float: left;  height:75px;
    margin-left: 13%;}
.img6{  float: left;  height:75px;
    margin-left: 20%;}
.img7{  float: left;  height:75px;
    margin-left: 27%;}




.text {
    color: #000;
    float: left;
    font-size: 13px;
    font-weight: bold;
    left: 0;
    text-align: center;
    text-transform: uppercase;
    width: 100%; margin-top:10px;
}
.green1{ display:none; position:absolute; top:0px; left:32%; width:100%;}
.green2{ display:none; position:absolute; top:0px; left:36%; width:100%;}
.green3{ display:none; position:absolute; top:0px; left:21%; width:100%;}
.green4{ display:none; position:absolute; top:0px; left:13%; width:100%;}
.green5{ display:none; position:absolute; top:0px; left:13%; width:100%;}
.green6{ display:none; position:absolute; top:0px; left:20%; width:100%;}
.green7{ display:none; position:absolute; top:0px; left:27%; width:100%;}


.col-full-2 li:hover .green1{ display:block;}
.col-full-2 li:hover .green2{ display:block;}
.col-full-2 li:hover .green3{ display:block;}
.col-full-2 li:hover .green4{ display:block;}
.col-full-2 li:hover .green5{ display:block;}
.col-full-2 li:hover .green6{ display:block;}
.col-full-2 li:hover .green7{ display:block;}

.inner-main .address{ float:left; width:25%; margin-top:10px;}
.inner-main .address b{ font-size:18px; margin-bottom:10px; float:left; width:100%; color:#e0780c;}
.inner-main .form{ float:right; width:70%; margin-top:10px;}
.inner-main .form .text{ float:left; width:47%; height:35px; border:1px solid #e1e1e1; margin-right:4%; text-indent:10px;      font-weight: 500; text-align:left;     margin-top: 0;
    text-transform: capitalize;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-family: 'Open Sans', sans-serif; margin-bottom:15px;}
.inner-main .form .capchatext{ float:left; width:30%; height:35px; border:1px solid #e1e1e1; margin-right:1%; text-indent:10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-family: 'Open Sans', sans-serif; margin-bottom:15px; float:right;}
.inner-main .form .upload{ float:left; width:43%; height:20px; border:1px solid #e1e1e1; margin-right:0%; text-indent:0px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-family: 'Open Sans', sans-serif; padding:10px 2%; margin-bottom:15px; }
.inner-main .form .text:nth-child(2){ margin-right:0;}
.inner-main .form .text:nth-child(4){ margin-right:0; }
.inner-main .form .textarea{ float:left; width:98%; height:100px; margin:0px 0 15px; border:1px solid #e1e1e1; font-family: 'Open Sans', sans-serif; text-indent:10px; padding-top:15px; resize:none;}
.inner-main .form .button{     float: left;
    width: 100px; height: 35px; clear: both; background:none; border:1px solid #e1e1e1; cursor:pointer; color:#E67918; font-family: 'Open Sans', sans-serif; margin:0px 0 20px;}
.inner-main .form .capcha{ margin-left:5%; float:left; height:39px; border:none; width:15%;}

.inner-main .address .span{ float:left; width:100%; margin:10px 0 0px;}
.col-full-2 li:hover{ background: -moz-linear-gradient(top, rgba(179,221,152,1) 0%, rgba(130,188,92,0.96) 50%, rgba(107,172,64,0.92) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(179,221,152,1) 0%,rgba(130,188,92,0.96) 50%,rgba(107,172,64,0.92) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(179,221,152,1) 0%,rgba(130,188,92,0.96) 50%,rgba(107,172,64,0.92) 100%);}

.col-full-2 li.lactive{ background: -moz-linear-gradient(top, rgba(179,221,152,1) 0%, rgba(130,188,92,0.96) 50%, rgba(107,172,64,0.92) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(179,221,152,1) 0%,rgba(130,188,92,0.96) 50%,rgba(107,172,64,0.92) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(179,221,152,1) 0%,rgba(130,188,92,0.96) 50%,rgba(107,172,64,0.92) 100%);}

.col-full-2 li.lactive .text{ color:#fff;}

.col-full-2 li:hover .text{ color:#fff;}


.col-full-3 {
    float: left;
    margin-left: 3%;
    margin-top: 5%;
    width: 97%; margin-bottom:8%;
}
.col-full-3 h1{ float:left; width:100%; text-transform:capitalize; text-align:center; margin-top:10px; font-size:35px; color:#000; font-weight:normal; font-family: 'Oswald', sans-serif; margin-bottom:0px;}
.cl-1{ float:left; width:20%; text-align:center; }
.cl-1 img{ float:left; width:50%; margin-bottom:2%; padding:0 25%;     margin-bottom: 15px;}
.cl-1 li{ float:left; width:100%; text-transform:uppercase; text-align:center; list-style:none; font-size:18px; color:#000; }
.cl-1 p{ float:left; width:100%; margin-top:15px; font-size: 13px; font-style:italic;}


.cl-2{ float: left;
    margin-left: 0%;
    margin-right: 0%;
    margin-top: 5%;
    width: 6%;}
	
.cl-2 img{ float:left; width:100%;}


.panel-2{ float:left; width:100%; background:url(../images/panel-3.png) no-repeat left; width:100%; background-size:100% 100%;  height: 520px;}
.panel-2 h2{float:left; width:100%; text-transform:capitalize; margin-bottom:0px; text-align:center; margin-top:45px; font-size:35px; color:#000; font-weight:normal; font-family: 'Oswald', sans-serif;}

.panel-2 p {
    color: #000;
    float: left;
    font-size: 14px;
    margin: 20px 50px;
    text-align: center;
    width: 90%;line-height: 24px;
}
.panel-2 .bg-1{ float:left; width:94%; border-radius:5px; background:rgba(255,255,255,.6);margin-left: 3%;
    padding-bottom: 25px;}

.test-img{float: left;
    margin-left: 47%; width:10%; }
	.test-img img{ float:left; width:100%; margin-top:20px;}
.web{ margin:0px 0px !important; width:100% !important;}

.footter{ float:left; width:100%; background: #5b5b5b;}
span.line{     float: left;
    height: 5px;
    width: 10%;
    background: #e0780c;
    margin: 10px 45% 20px;}
.footter .social{float:left; width:25%; margin:10px; margin-top:4%; margin-right:8%;}
.footter .social li{ float:left; width:100%; list-style:none; line-height:26px; font-size:13px; color:#fff;}
.footter .social li a{ color:#FFFFFF; text-decoration:none;}
.footter .social li img{ width:20px;  -webkit-transition: all 0.5s ease; /* Safari and Chrome */
  	-moz-transition: all 0.5s ease; /* Firefox */
  	-o-transition: all 0.5s ease; /* IE 9 */
  	-ms-transition: all 0.5s ease; /* Opera */
  	transition: all 0.5s ease;} 
.footter .social li img:hover{ margin-top:-25px;}
.icon{ margin-top:7%; float:left; width:100%;}
.icon li{ width:12% !important; height:20px; margin-bottom:10px; overflow:hidden;}


.footter .policies{ float:left; width:25%;margin:10px;margin-top:4%;}
.footter .policies li{ float:left; width:100%; list-style:none; line-height:26px; font-size:14px; font-weight:600; color:#fff;     text-transform: uppercase;}
.footter .policies li a{ font-size:13px; color:#fff; text-decoration:none; text-transform:none; font-weight:normal;}
.poli{ margin-top:10%;}

.footter .contact{ float:left; width:20%;margin:10px;margin-top:4%;}
.footter .contact li{float:left; width:100%; list-style:none; line-height:26px; font-size:15px; color:#fff;}

.footter .map{ float:left; width:37%;margin:10px;margin-top:4%;}




/***********inner-page*****************/

.inner-main h1{ float:left; width:100%; text-transform:capitalize; color:#e0780c; font-weight:normal; font-size:35px; text-align:center; margin:20px 0 0; font-family: 'Oswald', sans-serif;}

.inner-main p{ float:left; width:100%; font-size:14px; color:#000; line-height:20px; text-align:justify; margin:7px 0;}
.inner-main  h3{ float:left; width:100%; text-align:center; margin-bottom:10px;}
.inner-main ol{ margin:0 0 0 18px; padding:0; text-align:justify;}
.inner-main ol li{ margin:7px 0; float:left; width:100%;     font-size: 14px;}
.inner-main{ float:left; width:100%; padding-bottom:30px;} 
.book{ float:left; position:fixed; left:0px; top:200px;}
.repair{ float:left; width:80%; position:relative; margin-left:7%; margin-top:20px; margin-bottom:20px; padding:3%; overflow:hidden;}
.each-rpr{
	float:left; clear:both; width:100%; margin-bottom:10px;
}
.each-rpr a
{
	color:#74AF4E; text-decoration:none;
}
.each-rpr a:hover
{
	text-decoration:underline;
}
.repair .textbox{ float:left; width:48%; font-family: 'Montserrat', sans-serif; margin-bottom:0px; text-indent:8px; border:1px solid #e1e1e1; height:35px; -webkit-border-radius: 5px; color:#000; font-size:14px;
-moz-border-radius: 5px;
border-radius: 5px;}
.repair .textarea{ height:70px; padding-top:10px; width:48%; font-size:14px;}
.repair select{ float:left; width:50%; font-family: 'Montserrat', sans-serif; margin-bottom:10px; text-indent:4px; border:1px solid #e1e1e1; height:35px; -webkit-border-radius: 5px; color:#000; font-size:14px;
-moz-border-radius: 5px;
border-radius: 5px;}
.repair .rdarea{
	float:left; clear:none; width:50%; text-align:left;
}
.repair .rdarea input
{
	display:inline-block; vertical-align:middle; padding:0; margin:0; width:auto; float:none;
}
.repair .rdarea .txarea
{
	display:inline-block; vertical-align:middle; margin:0 10px 0 3px; color:#000;
}
.repair input[type='date']{ text-indent:5px;}
.repair label{ float:left; width:47%; line-height:35px;     font-weight: 600; font-size:16px; color:#666666; height:35px; margin-bottom:10px; text-align:left;}  
.repair .submit{ float:left; width:100px; font-family: 'Montserrat', sans-serif; border:1px solid #e1e1e1;  background:#74AF4E; color:#FFFFFF; text-transform:uppercase; padding:7px 0; margin-top:10px;}

.login .loginbt{}
.login2{

	*background-image:url(../images/login/back.html);

	background-repeat:repeat;
	background:rgba(0,0,0,0.5);

	position:fixed;

	width:100%;

	height:100%;

	z-index:99999999999;

	display:none;}
.login2 h2{ color:#000; font-size:24px; float:left; width:100%;}
.login2 h3{ color:#FFFFFF; font-size:18px; float:left; width:100%;}
.login2 .center{ float:left; width:100%;}
.login2 .center a{ float:left; padding:8px 20px; color:#FFFFFF; margin-right:5px; font-size:14px; -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;     background: #400977;
    background: -moz-linear-gradient(top, #400977 0%, #2e0854 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#400977), color-stop(100%,#2e0854));
    background: -webkit-linear-gradient(top, #400977 0%,#2e0854 100%);
    background: -o-linear-gradient(top, #400977 0%,#2e0854 100%);
    background: -ms-linear-gradient(top, #400977 0%,#2e0854 100%);
    background: linear-gradient(to bottom, #400977 0%,#2e0854 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#400977', endColorstr='#2e0854',GradientType=0 );}
.login2 .wrapper {

	margin:0 auto;

	width:698px;}

.login2 .wrapper .bc{

    background-color: #fff;

    border: 1px solid #505152;

    float: left;

    margin: 6% 0 0;

    padding: 0% 0%;

    position: relative;

    width: 100%; border-top:1px solid #505152;

    z-index: 9999999;}

.login2 .wrapper .bc span.logo{

	float:left; width:100%; background:#e0780c; text-align:center;

	margin:0;}

.login2 .wrapper .bc .close{

	float: right;

    position: relative;

    right: 20px;

    top: -45px;}

.login2 .wrapper .bc form{

	float:left;

	width:100%;}
.login2 .wrapper .bc .leftlogin{ float:left; width:45%; padding:2% 0% 8%;}
.login2 .wrapper .bc .rightlogin{ float:right; width:45%; z-index: 99999999999; position: relative; color: #fff; text-align:center; font-weight:600;     margin-top: 26px;}
.login2 .wrapper .bc .rightlogin p{ text-align:center;; margin-bottom:20px;}
.login2 .wrapper .bc .rightlogin img{ width:100%; float:left; margin-bottom:5px; -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;}

.login2 .wrapper .bc form input{

	 background-color: transparent;

    background-image: url("../images/login/username.html");

    background-position: 11px center;

    background-repeat: no-repeat;

    border: 1px solid #4d4d4d;

    float: left;

    margin: 10px 0 0;

    padding:10px 5%;

    width: 90%;

	color:#222;

	font-size:14px;}
	
	
.login2 .wrapper .bc form textarea{

	 background-color: transparent;

    background-image: url("../images/login/username.html");

    background-position: 11px center;

    background-repeat: no-repeat;

    border: 1px solid #4d4d4d;

    float: left;

    margin: 10px 0 0;

    padding:10px 5%;

    width: 90%;

	color:#222;

	font-size:14px;}	
	
.login2 .logo img{ width:150px; display:inline-block; margin-bottom:15px; margin-top:15px; float:none;}
.login2 .wrapper .bc form input.pas{

	background-image:url(../images/login/psd.html);}

.login2 .wrapper .bc form .in{

	float:left;

	width:100%;

	margin: 0px 0 0;}
	.login2 .wrapper .bc form .in input{ width:100%!important; background:#e0780c; cursor:pointer;}
		.login2 .wrapper .bc form .in input:hover{ background:none;}
.login2 .wrapper .bc form .in span{

	float:left;}

.login2 .wrapper .bc form .in em{

	color: #000;

    float: left;

    font-size: 44px;

    font-style: normal;

    font-weight: normal;

    margin: -8px 28px 0;

	}

.login2 .wrapper .bc form span.txt{

	float:left;

	color:#000;

	 margin: 7px 0 0;

	font-size:15px;}

.login2 .wrapper .bc form span.txt a{

	color:#e0780c;}
	
	
	
.login3{

	*background-image:url(../images/login/back.html);

	background-repeat:repeat;
	background:rgba(0,0,0,0.5);

	position:fixed;

	width:100%;

	height:100%;

	z-index:99999999999;

	display:none;}
.login3 h2{ color:#000; font-size:24px; float:left; width:100%;}
.login3 h3{ color:#000; font-size:18px; float:left; width:100%;}
.login3 .center{ float:left; width:100%;}
.login3 .center a{ float:left; padding:8px 20px; color:#FFFFFF; margin-right:5px; font-size:14px; -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;     background: #400977;
    background: -moz-linear-gradient(top, #400977 0%, #2e0854 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#400977), color-stop(100%,#2e0854));
    background: -webkit-linear-gradient(top, #400977 0%,#2e0854 100%);
    background: -o-linear-gradient(top, #400977 0%,#2e0854 100%);
    background: -ms-linear-gradient(top, #400977 0%,#2e0854 100%);
    background: linear-gradient(to bottom, #400977 0%,#2e0854 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#400977', endColorstr='#2e0854',GradientType=0 );}
.login3 .wrapper {

	margin:0 auto;

	width:698px;}

.login3 .wrapper .bc{

    background-color: #fff;

    border: 1px solid #505152;

    float: left;

    margin: 5% 0 0;

    padding: 0% 0% 50px 0;

    position: relative;

    width: 100%; text-align:center;


    z-index: 9999999;}

.login3 .wrapper .bc span.logo{

	float:left; width:100%; background:#e0780c;

	margin:0;}

.login3 .wrapper .bc .close{

	float: right;

    position: relative;

    right: 20px;

    top: -35px;}

.login3 .wrapper .bc form{

	float:left;

	width:100%;}
.login3 .wrapper .bc .leftlogin{ float:left; width:45%;}
.login3 .wrapper .bc .rightlogin{ float:right; width:45%; z-index: 99999999999; position: relative; color: #fff; text-align:center; font-weight:600;     margin-top: 26px;}
.login3 .wrapper .bc .rightlogin p{ text-align:center;; margin-bottom:20px;}
.login3 .wrapper .bc .rightlogin img{ width:100%; float:left; margin-bottom:5px; -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;}

.login3 .wrapper .bc form input{

	 background-color: transparent;

    background-image: url("../images/login/username.html");

    background-position: 11px center;

    background-repeat: no-repeat;

    border: 1px solid #4d4d4d;

    float: left;

    margin: 10px 0 0;

    padding:4.5% 5% 4.5% 5%;

    width: 90%;

	color:#222;

	font-size:14px;}
.login3 .logo img{ width:150px; display:inline-block; margin-bottom:15px; margin-top:15px; float:none;}
.login3 .wrapper .bc form input.pas{

	background-image:url(../images/login/psd.html);}

.login3 .wrapper .bc form .in{

	float:left;

	width:100%;

	margin: 0px 0 0;}
	.login3 .wrapper .bc form .in input{ width:100%!important; background:#e0780c; cursor:pointer;}
		.login3 .wrapper .bc form .in input:hover{ background:none;}
.login3 .wrapper .bc form .in span{

	float:left;}

.login3 .wrapper .bc form .in em{

	color: #fff;

    float: left;

    font-size: 44px;

    font-style: normal;

    font-weight: normal;

    margin: -8px 28px 0;

	}

.login3 .wrapper .bc form span.txt{

	float:left;

	color:#fff;

	 margin: 27px 0 0;

	font-size:15px;}

.login3 .wrapper .bc form span.txt a{

	color:#e0780c;}	
	
.succ-main
{
	float:left; clear:both; width:100%; color:#222; font-size:20px; margin:30px 0;
}
.succ-main .succ-img
{
	float:left; clear:both; width:100%; text-align:center;
}
.succ-main .succ-txt
{
	float:left; clear:both; width:100%; text-align:center; margin-top:20px;
}

.succ-main .succ-txt a
{
	color:#fff; text-decoration:none;
}

.succ-main .succ-txt a.inv
{
	color:#74AF4E; text-decoration:underline;
}

.succ-main .succ-txt a.inv:hover
{
	text-decoration:none; color:#C6F6A8;
}

.succ-main .inv-main
{
	float:left; clear:both; width:100%; text-align:center; margin-top:20px;
}

.af-login
{
	float:left; clear:none; position:relative; 
}

.af-login .nt-cnt
{
	position:absolute; right:-11px; top:10px; background:#F00; width:22px; height:22px; 
	border-radius:11px; color:#fff; text-align:center; font-size:16px; line-height:20px; font-weight:bold;
}

.af-login a
{
	background:; padding:7px 12px; float:left; color:#fff; border-radius:5px; 
}

.af-login .atxt1
{
	display:inline-block; vertical-align:middle; text-transform:capitalize !important;
}

.af-login .atxt2
{
	display:inline-block; vertical-align:middle; margin-left:5px;
}

.af-login a.usrlog
{
	background:url(../images/dwn.png) no-repeat right center #e0780c; padding:10px 20px 10px 12px;
}

.login4{

	*background-image:url(../images/login/back.html);

	background-repeat:repeat;
	background:rgba(0,0,0,0.5);

	position:fixed;

	width:100%;

	height:100%;

	z-index:99999999999;

	display:none;}
.login4 h2{ color:; font-size:24px; float:left; width:100%;}
.login4 p{ float:left; clear:both; width:100%; color:#000000!important;}
.login4 h3{ color:; font-size:18px; float:left; width:100%;}
.login4 .center{ float:left; width:100%;}
.login4 .center a{ float:left; padding:8px 20px; color:#FFFFFF; margin-right:5px; font-size:14px; -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;     background: #400977;
    background: -moz-linear-gradient(top, #400977 0%, #2e0854 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#400977), color-stop(100%,#2e0854));
    background: -webkit-linear-gradient(top, #400977 0%,#2e0854 100%);
    background: -o-linear-gradient(top, #400977 0%,#2e0854 100%);
    background: -ms-linear-gradient(top, #400977 0%,#2e0854 100%);
    background: linear-gradient(to bottom, #400977 0%,#2e0854 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#400977', endColorstr='#2e0854',GradientType=0 );}
.login4 .wrapper {

	margin:0 auto;

	width:698px;}

.login4 .wrapper .bc{

    background-color: #fff;

    border: 1px solid #505152;

    float: left;

    margin: 5% 0 0;

    padding: 0% 0%;

    position: relative;

    width: 100%; 
    z-index: 9999999;}

.login4 .wrapper .bc span.logo{
float: left;
    width: 100%;
    background: #e0780c;
    text-align: center;
    margin: 0;}

.login4 .wrapper .bc .close{

	float: right;
    position: relative;
    right: 20px;
    top: -45px;}

.login4 .wrapper .bc form{

	float:left;

	width:100%;}
.login4 .wrapper .bc .leftlogin{ float:left; width:100%;}
.login4 .wrapper .bc .rightlogin{ float:right; width:100%; z-index: 99999999999; position: relative; color: #fff; text-align:center; font-weight:600;     margin-top: 26px;}
.login4 .wrapper .bc .rightlogin p{ text-align:center;; margin-bottom:20px;}
.login4 .wrapper .bc .rightlogin img{ width:100%; float:left; margin-bottom:5px; -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;}

.login4 .wrapper .bc form input{

	 background-color: transparent;

    background-image: url("../images/login/username.html");

    background-position: 11px center;

    background-repeat: no-repeat;

    border: 1px solid #4d4d4d;

    float: left;

    margin: 10px 0 0;

    padding:10px 5% 10px 5%;

    width: 90%;

	color:#fff;

	font-size:14px;}
.login4 .logo img{ width:150px;}
.login4 .wrapper .bc form input.pas{

	background-image:url(../images/login/psd.html);}

.login4 .wrapper .bc form .in{

	float:left;

	width:100%;

	margin: 0px 0 0;}
	.login4 .wrapper .bc form .in input{ width:100%!important; background:#345220; cursor:pointer;}
		.login4 .wrapper .bc form .in input:hover{ background:none;}
.login4 .wrapper .bc form .in span{

	float:left;}

.login4 .wrapper .bc form .in em{

	color: #fff;

    float: left;

    font-size: 44px;

    font-style: normal;

    font-weight: normal;

    margin: -8px 28px 0;

	}

.login4 .wrapper .bc form span.txt{

	float:left;

	color:#fff;

	 margin: 27px 0 0;

	font-size:15px;}

.login4 .wrapper .bc form span.txt a{

	color:#e0780c;}	

.bkdate1
{
	float:left; clear:none;
}
.bkdate1 select
{
	width:60px !important; padding-right:10px;
}
.bkdate1 input
{
	width:auto !important; padding-right:10px;
}
.repair input{ float:left; width:50%; font-family: 'Montserrat', sans-serif; margin-bottom:10px; text-indent:4px; border:1px solid #e1e1e1; height:35px; -webkit-border-radius: 5px; color:#A9A9A9; font-size:14px;
-moz-border-radius: 5px;
border-radius: 5px;}

.usr-drop
{
	background:#e0780c;
	position:absolute;
	top:31px;
	width:200px;
	padding:5px 16px;
	border-radius:5px;
	right:0;
	display:none;
}
.usr-drop .each-li
{
	float:left; clear:both; width:100%; margin:5px 0; border-bottom:dotted 1px #fff; padding:0px 0 8px 0; text-transform:capitalize !important;
}
.usr-drop .each-li a
{
	text-transform:capitalize !important;
}
.usr-drop .each-li .nt-drp1
{
	float:left; clear:both; width:100%; font-size:13px; line-height:13px; text-transform:uppercase;
}
.usr-drop .each-li .nt-drp2
{
	float:left; clear:both; width:100%; font-size:11px; line-height:11px; color:#D9F2C8;
}
.usr-drop .each-li .nt-drp3
{
	float:left; clear:both; width:100%; font-size:12px; line-height:12px; color:#D9F2C8; margin-top:5px;
}
.usr-drop .each-li .nt-drp3 a
{
	text-transform:capitalize !important; color:#D9F2C8 !important;
}
.usr-drop .each-li:last-child
{
	border-bottom:0;
}
.usr-drop .view-mr
{
	float:left; clear:both; width:100%; text-align:right;
}
.usr-drop .view-mr a
{
	display:inline-block; width:auto; float:none; font-size:12px;
}

.book-fnl
{
	float:left; clear:both; width:100%; position:relative;
}
.bk-ovr
{
	background:url(../images/galbg.png) repeat left top;
	position:absolute;
	left:-5%;
	top:-5%;
	width:110%;
	height:110%;
}
.bk-ovr .bk-load
{
	float:left; clear:both; width:100%; margin-top:20px; text-align:center;
}

.each-rd
{
	float:left; clear:both; width:100% !important; padding:0 !important; margin:0 0 5px 0; text-align:left;
}
.each-rdb
{
	cursor:not-allowed;
}
.each-rdb  .each-rd2
{
	color:#E1E1E1;
}
.each-rd1
{
	display:inline-block; vertical-align:middle; width:auto !important;
}
.each-rd1 input
{
	width:auto !important; height:auto !important; margin:0 !important; padding:0 !important; float:left;
}
.each-rd2
{
	display:inline-block; vertical-align:middle; margin-left:10px; font-size:14px; color:#000;  width:auto !important;
}
.rd-main
{
	float:left; clear:none; width:50%;
}
.bk-main
{
	float:left; clear:none; width:200px; margin:10px;
}
.bk-main .bk-each
{
	float:left; clear:both; width:96%; padding:2%; border:solid 1px #ccc; margin:15px 0; position:relative;
}

.bk-main .bk-each:hover .bk-ovr
{
	display:block;
}

.bk-main .bk-each .bk-ovr
{
	width:100%; height:100%; position:absolute; background:url(../images/galbg.png) repeat left top; left:0; top:0; z-index:100;
	display:none;
}

.bk-main .bk-each .bk-ovr .bk-view
{
	position:absolute; left:50%; top:50%; z-index:150; margin-left:-81px; margin-top:-18px; 
}

.bk-main .bk-each .bk-ovr .bk-view1
{
	margin-left:-81px; margin-top:-18px;
}

.bk-main .bk-each .bk-ovr .bk-view2
{
	margin-left:-81px; margin-top:-18px;
}

.bk-main .bk-each .bk-ovr .bk-view2 a
{
	margin-top:10px;
}

.bk-main .bk-each .bk-ovr .bk-view a
{
	background:#74AF4E; padding:8px 16px; color:#fff; border-radius:5px; text-decoration:none; display:inline-block;
	width:130px; text-align:center;
}

.bk-main .bk-each .bk-ovr .bk-view .cancel
{
	background:#D40000; padding:8px 16px; color:#fff; border-radius:5px; text-decoration:none; display:inline-block;
	width:130px; text-align:center;
}

.bk-main .bk-each .bk-ovr .bk-view .compl
{
	background:#600; padding:8px 16px; color:#fff; border-radius:5px; text-decoration:none; display:inline-block;
	width:130px; text-align:center;
}

.bk-main .bk-each .bk-head1
{
	float:left; clear:both; width:98%; padding:1%; margin-bottom:10px; background:#ccc; color:#000;
}

.bk-main .bk-each .bk-head1 .bk-hd1
{
	display:inline-block; vertical-align:middle; width:98%; padding:0 1%; text-align:center;
}

.bk-main .bk-each .bk-eachm1
{
	float:left; clear:both; width:100%;
}

.bk-main .bk-each .bk-eachm
{
	width:100%; display:block; float:left; clear:both;
}

.bk-main .bk-each .bk-eachm .bk-each1
{
	width:96%; padding:0 2%; border-right:dotted 1px #ccc; 
	display:block; vertical-align:top; text-align:center !important; 
	float:left; clear:both; padding-top:10px;
}
.bk-main .bk-each .bk-eachm .bk-each1:last-child
{
	border-right:0px;
}

.bk-main .bk-each .bk-eachm .bk-each1 .bk-fld
{
	float:left; clear:both; width:100%; color:#666; margin-bottom:3px; text-align:center !important;
}

.bk-main .bk-each .bk-eachm .bk-each1 .txt-area
{
	float:left; clear:both; width:100%; height:100px;
}

.bk-main .bk-each .bk-eachm .bk-each1 .img-area
{
	float:left; clear:both; width:100%; height:85px;
}

.bk-main .bk-each .bk-eachm .bk-each1 .img-area img
{
	display:inline-block; max-height:80px;
}

.bk-main .bk-each .bk-eachm .bk-each1 .bk-fld .bk-fld1
{
	display:inline-block; vertical-align:middle; width:25%;
}

.bk-main .bk-each .bk-eachm .bk-each1 .bk-fld .bk-fld2
{
	display:inline-block; vertical-align:middle; width:75%;
}

.bk-main .bk-each .bk-eachm .bk-each1 .bk-head
{
	float:left; clear:both; width:100%; color:#e0780c; font-weight:bold; margin-bottom:10px; font-size:18px; text-align:center;
	border-bottom:dotted 1px #ccc; padding-bottom:9px; height:50px; margin-top:10px;
}

.bk-main .bk-each .bk-eachm .bk-each1 .bk-head .bk-h
{
	float:left; clear:both; width:100%;
}

.st-main
{
	float:left; clear:both; width:100%; margin:20px 0px 90px 0px; border-top:solid 1px #000; position:relative;
}

.st-main .st-rnd
{
	position:absolute; width:100%; left:0; top:-15px;
}
.st-main .st-rnd .each-rnd
{
	float:left; width:12.65%; padding:0 2%;
}

.st-main .st-rnd .each-rnd .rnd1
{
	float:left; clear:both; width:100%; margin-bottom:10px; text-align:center;
}

.st-main .st-rnd .each-rnd .rnd12
{
	display:inline-block; background:#999; width:30px; height:30px; border-radius:15px;
}

.st-main .st-rnd .each-rnd .rnd12s
{
	background:#74AF4E;
}

.st-main .st-rnd .each-rnd .rnd12r
{
	background:#900;
}

.st-main .st-rnd .each-rnd .rnd2
{
	float:left; clear:both; width:100%; margin-bottom:10px; text-align:center;     font-size: 14px;
}


.bk-main1
{
	float:right; clear:none; width:25%;
}
.bk-main1 .bk-each
{
	float:left; clear:both; width:96%; padding:2%; border:solid 1px #ccc; margin:15px 0; position:relative;
}

.bk-main1 .bk-each:hover .bk-ovr
{
	display:block;
}

.bk-main1 .bk-each .bk-eachm1
{
	float:left; clear:both; width:100%;
}

.bk-main1 .bk-each .bk-eachm
{
	width:100%; float:clear; clear:both; display:block;
}

.bk-main1 .bk-each .bk-eachm .bk-each1
{
	width:96%; padding:0 2%; border-bottom:dotted 0px #ccc; float:clear; clear:both; display:block;
}
.bk-main1 .bk-each .bk-eachm .bk-each1:last-child
{
	border-right:0px;
}

.bk-main1 .bk-each .bk-eachm .bk-each1 .bk-fld
{
	float:left; clear:both; width:100%; color:#666; margin-bottom:3px; text-align:left;     font-size: 13px;
}

.bk-main1 .bk-each .bk-eachm .bk-each1 .bk-fld .bk-fld1
{
	display:inline-block; vertical-align:middle; width:30%;
}

.bk-main1 .bk-each .bk-eachm .bk-each1 .bk-fld .bk-fld2
{
	display:inline-block; vertical-align:middle; width:70%; word-wrap: break-word;
}

.bk-main1 .bk-each .bk-eachm .bk-each1 .bk-head
{
	float:left; clear:both; width:100%; color:#e0780c; font-weight:bold; margin-bottom:10px; font-size:18px; text-align:center;
	border-bottom:dotted 1px #ccc; padding-bottom:9px; margin-top:10px;
}

.ord-det1
{
	float:left; clear:none; width:96%; padding:14px 2%; border:solid 1px #ccc; margin-top:17px; background:#E1E1E1;
}

.ord-det12
{
	width:48%; padding:0 1%; display:inline-block; vertical-align:middle; color:#000; font-size:18px; text-align:center; font-weight:bold; line-height:16px;
}

.ord-det2
{
	float:left; clear:none; width:96%; padding:2%; border:solid 1px #ccc; margin-top:20px;
}

.ord-main
{
	float:left; clear:both; width:100%; margin-bottom:20px;
}

.ord-left
{
	float:left; clear:none; width:70%;
}

.ord-left .ord-head
{
	float:left; clear:both; width:100%; color:#e0780c; font-weight:bold; margin-bottom:10px; font-size:18px; text-align:center;
	border-bottom:dotted 1px #ccc; padding-bottom:9px;
}

.ord-left .ech-ord
{
	float:left; clear:both; width:100%; border-bottom:dotted 1px #ccc; padding:5px 0; margin:5px 0;
}

.ord-left .ech-ord:last-child
{
	border-bottom:0px;
}

.ord-left .ech-ord1
{
	float:left; clear:both; width:100%; color:#333; margin-bottom:5px;
}

.ord-left .ech-ord2
{
	float:left; clear:both; width:100%; color:#666;
}

.ord-det3
{
	float:left; clear:none; width:96%; padding:2%; border:dashed 1px #74AF4E; background:#ccc; margin-top:20px; background:#E7FFD7;
}

.ord-det3 h3
{
	margin:0 0 10px 0; padding:0 0 0 0;
}

.ord-det3 .eord3
{
	float:left; clear:both; width:100%; margin:0 0 10px 0; padding:12px 0 6px 0; border-top:dashed 1px #74AF4E;
}

.ord-det3 .eord3 a
{
	color:#006600; text-decoration:none;
}

.ord-det3 .eord3 a:hover
{
	color:#000; font-weight:bold;
}

.ord-det3 .eord3:last-child
{
	margin-bottom:0;
}

.ord-det3 .eord3 .ehead
{
	float:left; clear:both; width:100%; font-size:16px; font-weight:bold; margin-bottom:10px;
}

.ord-det3 .eord3 .edtxt
{
	float:left; clear:both; width:100%; font-size:14px; line-height:15px;
}

.ord-det3 .eord3 .edtxt1
{
	float:left; clear:both; width:100%; font-size:14px; line-height:15px; margin-bottom:10px;
}

.ord-det3 .eord3 .edtxt1 a
{
	color:#060;
}

.ord-det3 .eord3 .edtxt .edyes
{
	background:#006600; padding:8px 16px; display:inline-block; vertical-align:middle; color:#fff; text-decoration:none;
}

.ord-det3 .eord3 .edtxt .edno
{
	background:#990000; margin-left:5px;
}

.ord-det3 .edsucc
{
	background:#006600; padding:8px 2%; width:96%; display:inline-block; vertical-align:middle; color:#fff; text-decoration:none; font-size:18px; margin-bottom:10px;
}

.ord-det3 .edfail
{
	background:#990000;
}

.notf-main
{
	float:left; clear:both; width:100%;
}
.notf-main .each-ntf
{
	float:left; clear:both; width:100%; margin:5px 0; border-bottom:dotted 1px #000; padding:0px 0 8px 0;	
}
.notf-main .each-ntf .nt-drp1
{
	float:left; clear:both; width:100%; font-size:16px; line-height:16px; text-transform:uppercase;
}
.notf-main .each-ntf .nt-drp1 a
{
	color:#537C38; text-decoration:none;
}
.notf-main .each-ntf .nt-drp2
{
	float:left; clear:both; width:100%; font-size:11px; line-height:11px; color:#999999;
}
.notf-main .each-ntf .nt-drp3
{
	float:left; clear:both; width:100%; font-size:14px; line-height:14px; color:#666; margin-top:5px;
}
.notf-main .each-ntf .nt-drp3 a
{
	text-transform:none !important; color:#666 !important; text-decoration:none;
}
.notf-main .each-ntf:last-child
{
	border-bottom:0;
}

.area-drop
{
	background:#AAAAAA;
	position:absolute;
	top:50px;
	width:140px;
	padding:5px 16px;
	border-radius:5px;
	right:0;
	display:none;
}

.area-drop .areas
{
	float:left; clear:none; width:100%; text-align:center;
}

#trackorder
{
	display:none;
}
#alt-add
{
	display:none;
}
.radio-bt
{
	float:left; clear:both; width:100%; /*color:#fff;*/ margin-bottom:5px;
}
.radio-bt input
{
	width:auto !important; display:inline-block; float:none !important; vertical-align:top; padding:0 0 0 0; margin:0 0 0 0;
}
.radio-bt .inp-txt
{
	display:inline-block; vertical-align:middle; margin-left:5px;
}
#shwtxta
{
	display:none;
}
.mbverf
{
	float:left; clear:both; width:100%;
}
.mbverf1
{
	display:inline-block; vertical-align:middle; width:47.5%; margin-right:5%
}
.mbverf2
{

	display:inline-block; vertical-align:middle; width:47.5%;
}
.mbverf2 a
{
	display:inline-block; width:100%; background:#e0780c; color:#fff; text-align:center; padding:10px 0; text-decoration:none; margin-top:8px;
}

.login2 .wrapper .bc .leftlogin1{ float:left; width:90%;}

.login2 .wrapper .bc .log-main{ float:left; clear:both; width:84%; padding:3% 8% 6%;}

@media only screen and (min-width: 100px) and (max-width: 479px) {
span.xx{ float:left; width:100%;}
.repair .textarea{     padding-top: 0px; font-size:11px;}
.repair .rdarea .txarea{ margin-right:0!important;}
.mobile{     float: right; width: 90px; height: 50px; display:block; position:relative;}
.wrapper{ width:90%;}
.nav-main nav{ display:none;}
.top{ height:auto; position:relative;} 
.track{     padding-right: 0;
    padding-left: 30px;}
.phone{ margin-left:0!important;     padding-right: 0;
    padding-left: 25px; float:right!important;}
.col-full-2{ margin:30px 0;}
.col-full-2 ul{ margin:0; padding:0; float:left; width:100%;}
.col-full-2 ul li{ height:auto;
    width: 100%;
    margin: 0 0 10px 0;
    padding: 0;}
	.logo{ width:150px;}
	.col-full-2 li a{ text-align:center;}
	
	.img1{ float:none; margin:0;}
	.img2{ float:none; margin:0;}
	.img3{ float:none; margin:0;}
	.img4{ float:none; margin:0;}
	.img5{ float:none; margin:0;}
	.img6{ float:none; margin:0;}
	.img7{ float:none; margin:0;}
	.green1{ left:auto;}
	.green2{ left:auto;}
	.green3{ left:auto;}
	.green4{ left:auto;}
	.green5{ left:auto;}
	.green6{ left:auto;}
	.green7{ left:auto;}

.col-full-3{ margin-left:0; width:100%; margin:30px 0;}
.col-1{ width:94%; padding:0 3%; margin-bottom:20px;}
.col-2{ width:94%; padding:0 3%; margin-bottom:20px;}
.cl-1{ width:90%; margin-bottom:10px; border:1px solid #e1e1e1; padding:5%;}
.cl-2{ display:none;}
.panel-2{ height:auto; padding-bottom:20px;}
.footter{ padding:20px 0;}
.footter .social{ margin:10px 0; width:100%;}
.footter .policies{ margin:10px 0; width:100%;}
.footter .map{ margin:10px 0; width:100%;}
.header1{ display:none!important;}
header{ margin:0;}
.top-link li{ font-size:11px;}
.login2 .wrapper{ width:90%;}
.login2 .wrapper .bc .leftlogin1{ width:100%;}
.login2 .wrapper .bc .leftlogin{ width:100%;}
.login2 .logo img{ width:120px;}
.login2 .wrapper .bc form input{ padding:7px 5%;}
.login2 .wrapper .bc form span.txt{ font-size:13px;}
.login2 .wrapper .bc form input{ font-size:12px;}
.login3 .wrapper{ width:90%;}
.login3 .logo img{ width:120px;}
.login3 .wrapper .bc .leftlogin{ width:100%;}
.login3 .wrapper .bc form input { padding:7px 5%;  font-size:12px;}
.cl-1 img{ width:34%; padding:0px 33%;}
.inner-main .form{ width:100%;}
.inner-main .form .text{ width:100%;}
.inner-main .form .capchatext{ width:55%;}
.inner-main .form .capcha{ margin-left:0; width:40%;}
.inner-main .address{ width:100%; margin-bottom:20px;}
#progressbar{ margin:30px 0 0 0; padding:0;}
#progressbar li{ font-size:8px!important;}
#msform fieldset{ padding:20px 0!important; margin:0!important; width:100%!important;}
.repair label{ font-size:11px;     line-height: 18px;
    margin-top: 7px;}
.repair .textbox{ font-size:12px;}
.repair{ margin:0; padding:0; width:100%;}
.inner-main h3{ margin-bottom:15px;}
.login2 h3{ font-size:13px;}
.login4 .wrapper{ width:90%;}
.usr-drop{ z-index:999;}
.bk-main{ width: 100%;
    margin: 0;
}
.ord-left{ width:100%;}
.ord-det3{     width: 90%;
    padding: 5%;}
	.ord-det2{     width: 90%;
    padding: 5%;}
.bk-main1{ width:100%;}
.st-main{ display:none;}
#fpi_content{     left: 60px!important;     width: 200px!important;}
#fpi_title{ height:120px; width:140px;}
#fpi_title h2{ padding-bottom:0!important; height:35px!important;}
#fpi_feedback{ top:70px!important; }
#fpi_content #fpi_submit_username, #fpi_content #fpi_submit_message{ width:100%!important;}

}

@media only screen and (min-width: 480px) and (max-width: 767px) {
span.xx{ float:left; width:100%;}
.repair .rdarea .txarea{ margin-right:0!important;}
.mobile{     float: right; width: 90px; height: 50px; display:block; position:relative;}
.wrapper{ width:90%;}
.nav-main nav{ display:none;}
.top{ height:auto; position:relative;} 
.track{     padding-right: 0;
    padding-left: 30px;}
.phone{ margin-left:0!important;     padding-right: 0;
    padding-left: 25px; float:right!important;}
.col-full-2{ margin:30px 0;}
.col-full-2 ul{ margin:0; padding:0; float:left; width:100%;}
.col-full-2 ul li{ height:auto;
    width: 100%;
    margin: 0 0 10px 0;
    padding: 0;}
	.logo{ width:150px;}
	.col-full-2 li a{ text-align:center;}
	
	.img1{ float:none; margin:0;}
	.img2{ float:none; margin:0;}
	.img3{ float:none; margin:0;}
	.img4{ float:none; margin:0;}
	.img5{ float:none; margin:0;}
	.img6{ float:none; margin:0;}
	.img7{ float:none; margin:0;}
	.green1{ left:auto;}
	.green2{ left:auto;}
	.green3{ left:auto;}
	.green4{ left:auto;}
	.green5{ left:auto;}
	.green6{ left:auto;}
	.green7{ left:auto;}

.col-full-3{ margin-left:0; width:100%; margin:30px 0;}
.col-1{ width:94%; padding:0 3%; margin-bottom:20px;}
.col-2{ width:94%; padding:0 3%; margin-bottom:20px;}
.cl-1{ width:90%; margin-bottom:10px; border:1px solid #e1e1e1; padding:5%;}
.cl-2{ display:none;}
.panel-2{ height:auto; padding-bottom:20px;}
.footter{ padding:20px 0;}
.footter .social{ margin:10px 0; width:100%;}
.footter .policies{ margin:10px 0; width:100%;}
.footter .map{ margin:10px 0; width:100%;}
.header1{ display:none!important;}
header{ margin:0;}
.top-link li{ font-size:11px;}
.login2 .wrapper{ width:90%;}
.login2 .wrapper .bc .leftlogin1{ width:100%;}
.login2 .wrapper .bc .leftlogin{ width:100%;}
.login2 .logo img{ width:120px;}
.login2 .wrapper .bc form input{ padding:7px 5%;}
.login2 .wrapper .bc form span.txt{ font-size:13px;}
.login2 .wrapper .bc form input{ font-size:12px;}
.login3 .wrapper{ width:90%;}
.login3 .logo img{ width:120px;}
.login3 .wrapper .bc .leftlogin{ width:100%;}
.login3 .wrapper .bc form input { padding:7px 5%;  font-size:12px;}
.cl-1 img{ width:34%; padding:0px 33%;}
.inner-main .form{ width:100%;}
.inner-main .form .text{ width:100%;}
.inner-main .form .capchatext{ width:55%;}
.inner-main .form .capcha{ margin-left:0; width:40%;}
.inner-main .address{ width:100%; margin-bottom:20px;}
#progressbar{ margin:30px 0 0 0; padding:0;}
#progressbar li{ font-size:12px!important;}
#msform fieldset{ padding:20px 0!important; margin:0!important; width:100%!important;}
.repair label{ font-size:13px;}
.repair .textbox{ font-size:12px;}
.repair{ margin:0; padding:0; width:100%;}
.inner-main h3{ margin-bottom:15px;}
.login2 h3{ font-size:13px;}
.login4 .wrapper{ width:90%;}
.usr-drop{ z-index:999;}
.bk-main{ width: 100%;
    margin: 0;
}
.ord-left{ width:100%;}
.ord-det3{     width: 90%;
    padding: 5%;}
	.ord-det2{     width: 90%;
    padding: 5%;}
.bk-main1{ width:100%;}
.st-main{ display:none;}
#fpi_content{     left: 60px!important;     width: 200px!important;}
#fpi_title{ height:120px; width:140px;}
#fpi_title h2{ padding-bottom:0!important; height:35px!important;}
#fpi_feedback{ top:30px!important; }
#fpi_content #fpi_submit_username, #fpi_content #fpi_submit_message{ width:100%!important;}
}
@media only screen and (min-width: 768px) and (max-width: 1100px) {
.mobile{     float: right; width: 90px; height: 50px; display:block; position:relative;}
.wrapper{ width:90%;}
.nav-main nav{ display:none;}
.top{ height:auto; position:relative;} 
.track{     padding-right: 0;
    padding-left: 30px;}
.phone{ margin-left:0!important;     padding-right: 0;
    padding-left: 25px; float:right!important;}
.col-full-2{ margin:30px 0;}
.col-full-2 ul{ margin:0; padding:0; float:left; width:100%;}
.col-full-2 ul li{ height:auto;
    width: 24.7%;
    margin: 0 0 10px 0;
    padding: 0;}
	.logo{ width:220px;}
	.col-full-2 li a{ text-align:center;}
	
	.img1{ float:none; margin:0;}
	.img2{ float:none; margin:0;}
	.img3{ float:none; margin:0;}
	.img4{ float:none; margin:0;}
	.img5{ float:none; margin:0;}
	.img6{ float:none; margin:0;}
	.img7{ float:none; margin:0;}
	.green1{ left:auto;}
	.green2{ left:auto;}
	.green3{ left:auto;}
	.green4{ left:auto;}
	.green5{ left:auto;}
	.green6{ left:auto;}
	.green7{ left:auto;}

.col-full-3{ margin-left:0; width:100%; margin:30px 0;}
.col-1{ width:44%; padding:0 3%; margin-bottom:20px;     min-height: 160px;}
.col-2{ width:44%; padding:0 3%; margin-bottom:20px;     min-height: 160px;}
.cl-1{ width:45%; margin-bottom:10px; border:1px solid #e1e1e1; padding:2%;}
.cl-2{ display:none;}
.panel-2{ height:auto; padding-bottom:20px;}
.footter{ padding:20px 0;}
.footter .social{ margin:10px 0; width:40%;}
.footter .policies{ margin:10px 0; width:23%;}
.footter .map{ margin:10px 0; width:37%;}
.header1{ display:none!important;}
header{ margin:0;}
.top-link li{ font-size:11px;}
.login2 .wrapper{ width:90%;}
.login2 .wrapper .bc .leftlogin1{ width:100%;}
.login2 .wrapper .bc .leftlogin{ width:100%;}
.login2 .logo img{ width:120px;}
.login2 .wrapper .bc form input{ padding:7px 5%;}
.login2 .wrapper .bc form span.txt{ font-size:13px;}
.login2 .wrapper .bc form input{ font-size:12px;}
.login3 .wrapper{ width:90%;}
.login3 .logo img{ width:120px;}
.login3 .wrapper .bc .leftlogin{ width:100%;}
.login3 .wrapper .bc form input { padding:7px 5%;  font-size:12px;}
.cl-1 img{ width:34%; padding:0px 33%;}

#progressbar{ margin:30px 0 0 0; padding:0;}
#progressbar li{ font-size:12px!important;}
#msform fieldset{ padding:20px 0!important; margin:0!important; width:100%!important;}
.repair label{ font-size:13px;}
.repair .textbox{ font-size:12px;}
.repair{ margin:0; padding:0; width:100%;}
.inner-main h3{ margin-bottom:15px;}
.login2 h3{ font-size:13px;}
.login4 .wrapper{ width:90%;}
.usr-drop{ z-index:999;}
.bk-main{ width: 33%;
    margin: 0;
}
.ord-left{ width:100%;}
.ord-det3{     width: 90%;
    padding: 5%;}
	.ord-det2{     width: 90%;
    padding: 5%;}
.bk-main1{ width:100%;}
.st-main{}
#fpi_content{     left: 60px!important;     width: 200px!important;}
#fpi_title{ height:120px; width:140px;}
#fpi_title h2{ padding-bottom:0!important; height:35px!important;}
#fpi_feedback{ top:30px!important; }
#fpi_content #fpi_submit_username, #fpi_content #fpi_submit_message{ width:100%!important;}
.login2 .wrapper .bc .log-main{ width:42%;}
.log-mainn{ width:42%;}
}

/* Menu CSS */

.nav-main {
    z-index: 199;
}

.nav-main ul ul {
    display: none;
    z-index: 999;
    position: absolute;
    top: 95px;
    padding-left: 0px;
    background-color: white;
    width: 200px;
}

.header1 .nav-main ul ul {
    top: 59px;
}

.nav-main ul ul li {
    min-width: 200px;
    max-width: 200px;
}

/*.nav-main ul ul li::after {
    content: url("../images/right.jpg");
    vertical-align: middle;
}
*/
.nav-main ul ul ul {
    top: inherit;
    left: 100%;
}

.nav-main ul ul li:hover {
    border: 0px;
}

.nav-main ul li:hover > ul {
    display: block;
}


/* Menu CSS End */