body {margin:0px; padding:0px; border-top:2px solid #045daf;font-family: cursive; !important; color:#666; }

img {max-width:100%; border:0px;}
a {text-decoration:none;}


@font-face {
	font-family:'SourceSansPro-Bold';
	src: url('../fonts/SourceSansPro-Bold_gdi.eot');
	src: url('../fonts/SourceSansPro-Bold_gdi.eot?#iefix') format('embedded-opentype'),
		url('../fonts/SourceSansPro-Bold_gdi.woff') format('woff'),
		url('../fonts/SourceSansPro-Bold_gdi.ttf') format('truetype'),
		url('../fonts/SourceSansPro-Bold_gdi.svg#SourceSansPro-Bold') format('svg');
	font-weight: 700;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+0020-25CA;
}

@font-face {
	font-family:'Rockwell-Bold';
	src: url('../fonts/Rockwell-Bold_gdi.eot');
	src: url('../fonts/Rockwell-Bold_gdi.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Rockwell-Bold_gdi.woff') format('woff'),
		url('../fonts/Rockwell-Bold_gdi.ttf') format('truetype'),
		url('../fonts/Rockwell-Bold_gdi.svg#Rockwell-Bold') format('svg');
	font-weight: 700;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+0020-25CA;
}


@font-face {
	font-family:'AvenirLTStd-Light';
	src: url('../fonts/AvenirLTStd-Light_gdi.eot');
	src: url('../fonts/AvenirLTStd-Light_gdi.eot?#iefix') format('embedded-opentype'),
		url('../fonts/AvenirLTStd-Light_gdi.woff') format('woff'),
		url('../fonts/AvenirLTStd-Light_gdi.ttf') format('truetype'),
		url('../fonts/AvenirLTStd-Light_gdi.svg#AvenirLTStd-Light') format('svg');
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+0020-25CA;
}

@font-face {
	font-family:'SourceSansPro-Regular';
	src: url('../fonts/SourceSansPro-Regular_gdi.eot');
	src: url('../fonts/SourceSansPro-Regular_gdi.eot?#iefix') format('embedded-opentype'),
		url('../fonts/SourceSansPro-Regular_gdi.woff') format('woff'),
		url('../fonts/SourceSansPro-Regular_gdi.ttf') format('truetype'),
		url('../fonts/SourceSansPro-Regular_gdi.svg#SourceSansPro-Regular') format('svg');
	font-weight: 400;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+0020-25CA;
}

header{height: 108px; background:none !important; -webkit-transition: all 0.4s ease; transition: all 0.4s ease;}


.header-line {padding:5px 0; border-bottom:1px solid #e9e9e9; z-index:1000; position:relative;}


.menu-color .promo-line  {color:#333}
.menu-color .phone-number {color:#333}

.promo-line {text-transform:uppercase; font-size:14px; color:#fff; }
.promo-line span {font-family:'SourceSansPro-Bold';  font-size:16px; padding-right:5px; float:left; margin-top:-2px;}
.phone-box{text-align:right; float:right !important; width:100%; text-align:right;}
.phone-icon {margin:-2px 5px 0 0; color:#d4d4d4; }
.phone-number {font-size:16px; color:#fff; text-align:right;}
.phone-number b {text-transform:uppercase; line-height:14px; }

.col-lg-12.col-sm-12.inner-header {padding:5px 0;}
.logo { float:left; width:20%;}
.sub-header { padding:0px; text-align:left; margin-top:15px; float:left; /*margin-left:8%;*/}
.scl_btn {
    float: left;
    text-align: center;
    display: inline-block;
}
@-webkit-keyframes hvr-buzz {
    50% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg);
    }

    100% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg);
    }
}

@keyframes hvr-buzz {
    50% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg);
    }

    100% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-2px) rotate(-1deg);
    }
}

/*.hvr-buzz {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
}*/
.hvr-buzz,.scl_btn:hover a.schedule_btn {
    -webkit-animation-name: hvr-buzz;
    animation-name: hvr-buzz;
    -webkit-animation-duration: 0.15s;
    animation-duration: 0.15s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.schedule_btn {
    border: 2px solid #72b9fb;
    padding: 9px 18px;
    font-size: 15px;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: normal;
    float: left;
    background: #0f6dc4;
    margin-top: 20px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    text-decoration: none;
}
.schedule_btn:hover {
    text-decoration: none;
    color: #ffffff;
}
.login-button {padding:0px; float:right; width:20%;}
.login-btn {border:2px solid #045daf; padding:9px 18px; font-size:15px; color:#333; text-transform:uppercase; font-weight:normal; float:left; background:#fff;
margin-top:20px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.login-btn:hover {text-decoration:none; color:#e9c753;}

.registration-btn{ background:#e9c753; padding:10px 9px; float:left; color:#fff; font-size:16px; font-weight:normal; text-transform:uppercase;
margin:20px 0 0 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.registration-btn:hover {color:#333; text-decoration:none;}

.banner-bg {
background:url(../images/banner1.png) no-repeat top center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
width:100%; min-height:615px; margin-bottom:25px;}

.container_add_sp {
    position: absolute;
    right: 95px;
    top: 25px;
}
.container_add_sp a {
    background-color: #fff;
    border: 2px solid #045daf;
    font-size: 15px;
    padding: 9px 22px !important;
    color: #333;
    font-weight: normal;
    display: block;
    z-index: 100;
}
.container_add_sp a:hover {
    background-color: #fff !important;
    color: #e9c753 !important;

}

@media (max-width:1024px){
    .container_add_sp {
        right: 20px;
    }
    .container_add_sp a {
        padding: 4px 8px !important;
    }
}
@media (max-width:980px){
    .container_add_sp { top: 20px; }
}
@media (max-width:768px){
    .container_add_sp { top: 30px; }
}
@media (max-width:768px){
    .container_add_sp { top: 30px; right: 15px; 
}
.navbar-inverse .navbar-toggle {
    border-color: #1B7AB5;
    background: #1B7AB5;
}

.pickup_btn_0 {
    position: absolute;
    z-index: 9999;
    bottom:22%;
    right: 5.5%;
}
.navbar-inverse .navbar-toggle:hover {
    border-color: #1B7AB5;
    background: #1B7AB5;
}
.pickup_btn_0 {
    position: absolute;
    z-index: 9999;
    bottom: 38%;
    right: 0px !important;
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border-color: #1B7AB5;
    margin-top: 20px;
}
.footer-wow {
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
    padding-left: 0px;
    font-family: cursive;
    text-align: center;
}
.footer-address {
    font-size: 15px;
    line-height: 30px;
    margin-top: 10px;
    font-family: cursive;
    
}
.footemail-box, .footer-phonebox {
    margin-top: 15px;
    
}

    }

@media (max-width:480px){
    .container_add_sp { top: 30px; right: 10px; }
}



.banner-text {float:right !important; margin-top:234px; max-width:360px; } 
.banner-title {font-family:'Rockwell-Bold'; font-size:32px; color:#fff;}
.banner-title-2 {font-size:32px; text-transform:uppercase; color:#fff;}
.washing-text {padding:10px 0 40px 0; }
.schedule-btn {padding:11px 20px; width:245px; float:left;
border:1px solid #b55b13;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffc602', endColorstr = '#e97b32');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffc602', endColorstr = '#e97b32')";
background-image: -moz-linear-gradient(top, #ffc602, #e97b32);
background-image: -ms-linear-gradient(top, #ffc602, #e97b32);
background-image: -o-linear-gradient(top, #ffc602, #e97b32);
background-image: -webkit-gradient(linear, center top, center bottom, from(#ffc602), to(#e97b32));
background-image: -webkit-linear-gradient(top, #ffc602, #e97b32);
background-image: linear-gradient(top, #ffc602, #e97b32);
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}

.schedule-btn:hover {
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#e97b32', endColorstr = '#ffc602');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#e97b32', endColorstr = '#ffc602')";
background-image: -moz-linear-gradient(top, #e97b32, #ffc602);
background-image: -ms-linear-gradient(top, #e97b32, #ffc602);
background-image: -o-linear-gradient(top, #e97b32, #ffc602);
background-image: -webkit-gradient(linear, center top, center bottom, from(#e97b32), to(#ffc602));
background-image: -webkit-linear-gradient(top, #e97b32, #ffc602);
background-image: linear-gradient(top, #e97b32, #ffc602);
}

.how-works {text-align: center;
    font-family: cursive;
    font-size: 35px;
    color: #0B76B4;
    text-transform: uppercase; }
.how-text  {font-family:'SourceSansPro-Regular'; color:#666; font-size:15px; margin:10px 0 0 50px; text-transform:none;}

.oder-bg {background:url(../images/place-orders.jpg) no-repeat top center; width:100%; height:164px; padding-top:50px;}
.pickup-bg {background:url(../images/pickup.jpg) no-repeat top center; width:100%; height:164px; padding-top:50px;}
.wash-bg {background:url(../images/wash-bg.jpg) no-repeat top center; width:100%; height:164px; padding-top:50px;}
.delivery-bg {background:url(../images/delivery-bg.jpg) no-repeat top center; width:100%; height:164px; padding-top:50px;}

.oder {text-align:center; margin:50px 0; }
.oder-title {font-weight:bold; font-size:19px; color:#333; padding-top:10px; text-transform:uppercase;}
.oder-content {font-size:15px; line-height:30px; color:#666;    font-family: cursive;}
.oder1-arrow {float:right; margin:-250px -55px 0 0px;}
.oder-arrow {float:right; margin:-220px -55px 0 0px;}
.pickup-arrow {float:right; margin:-220px -55px 0 0px;}
@media (max-width:1199px){
    .oder1-arrow { margin: -280px -55px 0 0px;}
    .oder-arrow { margin: -248px -55px 0 0px;}
}
@media (max-width:1024px){
   /*.pickup-arrow {margin:-250px -55px 0 0px;}*/
    .oder1-arrow {float:right; margin:-280px -55px 0 0px;}
    .oder-arrow {float:right; margin:-248px -55px 0 0px;}
    .cl_space_1 { clear: none;}
}
@media (max-width:991px){
    .cl_space_1 { clear: both;}
    .oder1-arrow {float:right; margin:-220px -55px 0 0px;}
}
@media (max-width:768px){
    /*.pickup-arrow {margin:-200px -55px 0 0px;}*/
    .oder1-arrow {float:right; margin:-220px -55px 0 0px;}
    .oder-arrow {float:right; margin:-227px -55px 0 0px;}
    .cl_space_1 { clear: both;}
}
@media (max-width:767px){
    .oder1-arrow { display: none;}
}
@media (max-width:768px) {
    .oder {
        margin: 30px 0;
    }
}
@media only screen and (max-width: 480px) {
    .how-works { font-size: 15px; }
}
@media only screen and (max-width: 320px) {
    .how-works { font-size: 16px;}
}
/*---------------*/
.why-us-bg {background:#f8f8f8; width:100%; padding:50px 0 80px 0}
.why-us-space {padding-top:80px;}
.why-us-box1{background:#19bd9b; box-shadow:0 12px 11px -10px #6b6b6b; }
.why-us-box2{background:#fdae27; box-shadow:0 12px 11px -10px #6b6b6b;  margin-top:25px; }
.why-us-box3{background:#00c7ff; box-shadow:0 12px 11px -10px #6b6b6b;  margin-top:25px;}
.why-us-box4{background:#9b59b6; box-shadow:0 12px 11px -10px #6b6b6b;  margin-top:25px;}
.why-us-box5{background:#1a91d1; box-shadow:0 12px 11px -10px #6b6b6b;  }
.why-us-box6{background:#93cc3f; box-shadow:0 12px 11px -10px #6b6b6b;  margin-top:25px;}
.why-us-box7{background:#ed7555; box-shadow:0 12px 11px -10px #6b6b6b;  margin-top:25px;}
.why-us-box8{background:#ecd11c; box-shadow:0 12px 11px -10px #6b6b6b;  margin-top:25px;}

.why-us-img {float:left; width:100px; vertical-align:middle !important; margin:0 auto; }
.why-us-title{font-family:cursive;; font-weight:bold; font-size:15px; color:#fff;text-align: center;top: 8px;
    position: relative;text-transform:uppercase; }
.luadry-img {text-align:center;}
@media (max-width:1024px){
    .luadry-img { opacity: 0;}
}
@media (max-width:320px){
    .why-us-title { font-size: 17px;}
}
/********* flip css *******/
.flip-container {
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    -ms-perspective: 1000px;
    -o-perspective: 1000px;
    perspective: 1000px;
}
/* flip the pane when hovered */
.flip-container:hover .flipper,
.flip-container.hover .flipper
{
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.flip-container, .front, .back {
    width: 100%;
    height: 95px;
    padding:5px;
        font-family: cursive;
}
/* flip speed goes here */
.flipper {
    -webkit-transform-style: preserve-3d;
    -webkit-transition: 0.6s;
    -moz-transform-style: preserve-3d;
    -moz-transition: 0.6s;
    -ms-transform-style: preserve-3d;
    -ms-transition: 0.6s;
    -o-transform-style: preserve-3d;
    -o-transition: 0.6s;
    transition: 0.6s;
    transform-style: preserve-3d;
    position: relative;
}

/* hide back of pane during swap */
.front, .back {
    -webkit-backface-visibility: hidden !important;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    color:#fff;
    font-family:'SourceSansPro-Regular';
    font-size:15px;
}

/* front pane, placed above back */
.front {
    z-index: 10;
    transform: rotateY(0deg); /* for firefox 31 */
}
/* back, initially hidden pane */
.back {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

/* IE only override */
/* IE 9 and below */
.back {
	display:none\9;
}
.flip-container:hover .back {
    display:block\9;
}
.flip-container:hover .front {
    display:none\9;
}
/* IE 9 and below */
/* IE 10 and above */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
	.back {
		display:none;
	}
	.flip-container:hover .back {
		display:block;
	}
	.flip-container:hover .front {
		display:none;
	}
}
/* IE 10 and above */
/* IE only override */

/* Safari only override */
::i-block-chrome,.back {
    display:none;
}
::i-block-chrome,.flip-container:hover .back {
    display:block;
}

::i-block-chrome,.flip-container:hover .front {
    display:none;
}
/* Safari only override */

.flip-container:hover .front {
    z-index: 0;
}
/********* flip css end *********/

.price-bg {background:url(../images/price-bg.jpg) no-repeat top center; width:100%; padding:50px 0 80px 0}
.price-title {font-size:25px; color:#333; text-align:center; margin:40px 0 20px 0; text-transform:uppercase; font-family:"sourcesanspro-bold"}
.item-table {font-size:15px;}
.table-top {background:#eb832d !important; text-transform:uppercase; color:#fff; font-size:15px; font-weight:bold;}

.item-table table tr:nth-child(even) {background: #f6f5f5; height:50px; }
.item-table table tr:nth-child(odd) {background: #FFF;  height:50px; margin:10px;}

.transDemo4 div {
  -webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out; 
-o-transition: all 0.4s ease-in-out; 
-ms-transition: all 0.4s ease-in-out;

}

.transDemo4:hover .rotateZ {
transform: rotate(360deg) ;
-webkit-transform: rotate(360deg) ;
-moz-transform: rotate(360deg) ;
-o-transform: rotate(360deg) ;
-ms-transform: rotate(360deg) ;

}

.schedule-side-btn {float:left; top:150px; position:fixed; left:-4px;}
@media (max-width:768px){
    .schedule-side-btn {
        height: 160px;
        width: 30px;
    }
}
.schedule-side-btn:hover {left:0px;}
.packages-box {padding:40px 0%; /*float:left;*/}
.col-lg-4.col-md-4.col-sm-4.col-xs-12.pack-shadow, .col-lg-4.col-md-4.col-sm-4.col-xs-12.pack-shadow-first, .col-lg-4.col-md-4.col-sm-4.col-xs-12.pack-shadow-last {
  margin: 45px 0px 0 0;
}
col-lg-4.col-md-3.col-sm-3.col-xm-12.pack-shadow-first {margin-left: 30px;}
col-lg-4.col-md-3.col-sm-3.col-xm-12.pack-shadow-last {margin-right:0px;}

.packages-boxs {padding:25px 20px 30px 20px;  width:100%; float:left;
-moz-border-radius: 0px 0px 10px 10px;
-webkit-border-radius: 0px 0px 10px 10px;
border-radius: 0px 0px 10px 10px;
-moz-box-shadow: 0px 4px 6px #666;
-webkit-box-shadow: 0px 4px 6px #666;
box-shadow: 0px 4px 6px #666;
filter: progid:DXImageTransform.Microsoft.Shadow(strength = 4, direction = 180, color = '#666');
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(strength = 4, Direction = 180, Color = '#666')";}
.silver, .gold, .platinum  { text-align:center; font-family:'SourceSansPro-Bold'; font-size:30px; color:#fff; text-transform:uppercase; 
padding:15px 0; background:#48cfae;
-moz-border-radius: 10px 10px 0px 0px;
-webkit-border-radius: 10px 10px 0px 0px;
border-radius: 10px 10px 0px 0px;
-moz-box-shadow: 0px 4px 6px #666;
-webkit-box-shadow: 0px 4px 6px #666;
box-shadow: 0px 4px 6px #666;
filter: progid:DXImageTransform.Microsoft.Shadow(strength = 4, direction = 180, color = '#666');
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(strength = 4, Direction = 180, Color = '#666')";}
.gold {background:#ed5564;}
.platinum {background:#50c1e9;}
.price {font-size:60px; color:#555; text-align:center; border-bottom:1px solid #ededed;}
.price > img {  margin: -15px 0 0;}
.price-inner-text {text-align:center; font-size:25px; color:#666; padding:30px 0;}
.span-green {color:#48cfae; float:none;}
.green-box, .gold-box, .platinum-box {background:#48cfae; text-align:center; font-size:20px; color:#fff; text-transform:uppercase; font-weight:bold; padding:15px 0;
width:100%; float:left;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;}
.gold-box {background:#ed5564;}
.platinum-box {background:#50c1e9;}
.green-box:hover, .gold-box:hover, .platinum-box:hover {text-decoration:none;}

/*.testimonils-bg {background:url(../images/testimonials-bg.jpg) no-repeat top center; width:100%; padding:50px 0; float:left;}*/
.testimonils-bg {background:url(../images/testimonials-bg.jpg) no-repeat; width:100%; background-size: center center; background-size: cover; padding:50px 0; float:left;}
.testimonials-box {text-align:center; margin: 50px 10px 0;}
.testimonials-pics img {border:8px solid #fff; border-radius: 63px;}
.testimonials-white {background:#fff; padding:65px 20px 15px 20px; margin-top:-63px; border-bottom:3px solid #045daf;min-height: 310px;}
@media screen and (max-width:1199px){
    .testimonials-white {min-height: 340px;}
}

.testimonials-title {color:#045daf; font-size:15px; font-weight:bold; text-transform:uppercase;}
.testimonials-con {font-size:15px; color:#666; line-height:30px; padding-top:15px;}

/****** footer ******/
footer {background:#1b7ab5 !important; color:#fff; display:block; width:100%;}
.footerinner {padding:40px 0; float:left; width:100%;}
.footer-main-menu {margin:0px; padding:0px 0 10px 0; text-align:center; border-bottom:1px solid #286094;}
.footer-main-menu li {margin:0px; padding:0px 7px; list-style:none; display:inline; font-size:16px; text-transform:uppercase; }
.footer-main-menu a {color:#fff;} 
.footer-main-menu a:hover {color:#f60; text-decoration:none;}

.col-lg-3.col-md-3.col-sm-3.col-xs-12.address-box {padding: 30px 0 0;}
.footer-wow {font-size:20px; font-weight:bold; text-transform:uppercase; padding-left:0px;font-family: cursive;}
.footer-address {font-size:15px; line-height:30px; margin-top:10px;font-family: cursive;}
.footer-address-space1 {padding-left:32px;}
.footer-address-space {padding-left:50px;font-family: cursive;}
.icon-space {padding-right:10px;}
.footemail-box, .footer-phonebox {margin-top:15px;}
.footer-phonebox {font-size:16px;}
.footer-mail {color:#fff; font-size:15px; padding-left:23px; font-family: cursive;}
.footer-mail:hover {color:white; text-decoration:none;}


.col-lg-9.col-md-9.col-sm-9.col-xs-12.footer-contact-box {padding-top:30px; padding-right:0px;}
.footer-contactus {font-size:20px; font-weight:bold; text-transform:uppercase;    font-family: cursive;}
.footer-contact-boxes {width:100%; float:left;}
.col-lg-4.col-md-4.col-sm-4.col-xs-12.contact-input-box {padding:0px; margin-top:15px;}
.contact-input, .first-contact-input, .last-contact-input, .contact-textarea, .submit-btn {
    /* height: 25%!important; */
    background: white !important;
    border: 0px !important;
    font-size: 16px;
    color: #333 !important;
    padding: 20px 10% !important;
    font-family: cursive;
    margin: 0 15px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.first-contact-input {margin-left:0px;}
.last-contact-input {margin-right:0px; float:right;}
.contact-textarea {margin: 15px 0 0 0; width:100%;}
.col-lg-12.col-sm-12.footer-contact-textarea {margin:5px 0 0 0 !important; padding:0px !important; width:100% !important;}
.contact-textarea {padding:10px 2% !important; width:100% !important; min-height:100px !important;}
.col-lg-12.col-sm-12.contact-input-box {margin:5px 0 0 0 !important; padding:0px !important; width:100% !important;}
.submit-btn {padding:7px 0 !important; margin:10px 0 0 0; width:100% !important; background:rgba(7, 247, 89, 0.78)!important; font-size:18px; font-weight:bold; text-transform:uppercase;color: white !important;height: 43px;border-radius: 0px;}
.submit-btn:hover {background:#174d7f;}
.col-lg-12.col-xs-12.input-border {text-align:left; padding:0 0 30px 0;  border-bottom:1px solid #fff;}

.footer-menu-seal {position: relative;}
.footer-menu, .footer-icon {margin:25px 0 10px 0; padding:0px; text-align:center; }
.footer-menu li, .footer-icon li {margin:0px; padding:0px 7px; list-style:none; display:inline; font-size:16px; }
.footer-menu a {color:#fff !important;} 
.footer-menu a:hover {color:#f60; text-decoration:none;}
.footer-icon {margin:8px 0 0 0}
.col-lg-12.col-sm-12.col-xs-12.copy-right {text-align:center; font-size:16px; padding:5px 0 0 0 ;font-family: cursive;}
.footer-seal{position: absolute; top:10px; right: 0;}
@media screen and (max-width:991px){
    .footer-seal { position: relative;}
}
.footer-seal li img {height: 100px;}
@media screen and (max-width:320px){
    .footer-seal li img {height: 80px;}
}
.footer-seal li #siteseal img {height: 32px;}

/******* reponsive *******/
@media only screen and (max-width: 1024px) {
    .footerinner {
        padding-top: 10px;
    }
}
@media only screen and (max-width: 1008px) {
.col-lg-3.col-md-3.col-sm-12.col-xs-12.login-button {width: 100%;}
}

@media only screen and (max-width: 995px) {
.pickup-arrow {display:none;}
}

@media only screen and (max-width: 832px) {
.phone-number {text-align:left; padding:10px 0;}
}

@media only screen and (max-width: 767px) {
.col-lg-3.col-md-2.col-sm-2.col-xs-12.logo {text-align:center;}
.login-button {margin-bottom:17px;}
.contact-input, .first-contact-input, .last-contact-input, .contact-textarea, .submit-btn {margin: 0 0px!important ; width:100%; 
padding:20px 3% !important  ;}
.last-contact-input {float:left; margin-bottom:10px!important;}
.col-lg-12.col-sm-12.contact-input-box {margin:15px 0 0 !important}
.oder-arrow {display:none;}
.col-lg-12.col-sm-12.col-xs-12.copy-right {padding:15px 0 0 0 }
    
}

/**********  8-9-2015 mayur  ************************/


/*.price-bg {background:url(../../images/price-bg.jpg) no-repeat top center; width:100%; padding:30px 0 17px 0}*/
.price-bg {background:#FFFBE0; width:100%; padding:30px 0 17px 0}
.price-title {font-size:25px; color:#333; text-align:center; margin:20px 0 20px 0; text-transform:uppercase; font-family:"sourcesanspro-bold"}

.price-box-1 {background: #1f84b8; }
.price-box-2 {background: #f17721; }
.price-box-3 {background: #641846; }
.price-box-4 {background: #3b9847; }
.price-box-5 {background: #89c553; }
.price-box-6 {background: #bd204b; }
.price-box-7 {background: #27bacc; }
.price-box-8 {background: #b71f45; }
.price-box-9 {background: #8150a2; }
.price-box-10 {background: #671b49; }
.price-box-11 {background: #89c553; }
.price-box-12 {background: #89278a; }

.price-box-space, .price-box-space-1 {padding:0px 0 !important; margin:0 0 7px 7px; width:24% !important; height:134px;}

.price-box-space-1 {margin-left:0px; padding:0px 0 !important;}
.price-box-img {text-align:center; width:100%; padding-top:5px;}

.price-box-title {font-family:'SourceSansPro-Regular'; font-weight:bold; font-size:18px; color:#fff; text-align:center; padding-top:8px; }
.price-box-space .back {font-size:14px; line-height:22px;}
.price-box-space .back .fa  {font-size:14px !important; font-weight:normal !important}
.price-box-space .back strong {font-size:18px; float:left; text-decoration:underline; text-align:center; width:100%; line-height: 35px; }

.price-box-space .back {font-size:13px; line-height:19px;}
.price-box-space-1 .back .fa  {font-size:14px !important; font-weight:normal !important}
.price-box-space-1 .back strong {font-size:18px; float:left; text-decoration:underline; text-align:center; width:100%; line-height: 35px; }
@media (max-width:1199px) {
    .price-box-space { margin:0 0 7px 3px;}
    .price-box-title { font-size: 15px;}
    .price-box-space .back strong { line-height: 18px;}
    .price-box-space .back { line-height: 16px;}
}
@media (max-width:991px) {
    .price-box-space .back strong { line-height: 22px;}
    .price-box-space .back { line-height: 20px;}
}
@media (max-width:767px) {
    .price-box-title { font-size: 16px;}
}
/***** weight bg *******/
.weight-bg {background:url(../../images/weight-bg.png) no-repeat top left; height:406px; width:151px; float:left;}


.weight-box-bg{ width:70%; float:left; }
.fa {font-size: 24px !important;  font-weight: normal !important;}
.orange-bg-color,.orange-bg-content{ float:left; height:82px;
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = '#f58f20', endColorstr = '#fbb714');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = '#f58f20', endColorstr = '#fbb714')";
    background-image: -moz-linear-gradient(left, #f58f20, #fbb714);
    background-image: -ms-linear-gradient(left, #f58f20, #fbb714);
    background-image: -o-linear-gradient(left, #f58f20, #fbb714);
    background-image: -webkit-gradient(linear, left top, right top, from(#f58f20), to(#fbb714));
    background-image: -webkit-linear-gradient(left, #f58f20, #fbb714);
    background-image: linear-gradient(left, #f58f20, #fbb714);
}
@media (max-width:1199px){
    .weight-box-bg{ width:62%;}

}
@media (max-width:1024px){
    .weight-box-bg{ width:62%;}
}
.green-bg-color,.green-bg-content {float:left; height:81px;
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = '#7cbb52', endColorstr = '#9fc74d');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = '#7cbb52', endColorstr = '#9fc74d')";
    background-image: -moz-linear-gradient(left, #7cbb52, #9fc74d);
    background-image: -ms-linear-gradient(left, #7cbb52, #9fc74d);
    background-image: -o-linear-gradient(left, #7cbb52, #9fc74d);
    background-image: -webkit-gradient(linear, left top, right top, from(#7cbb52), to(#9fc74d));
    background-image: -webkit-linear-gradient(left, #7cbb52, #9fc74d);
    background-image: linear-gradient(left, #7cbb52, #9fc74d);
}


.light-red-bg-color,.light-red-bg-content { float:left; height:80px;
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = '#b32085', endColorstr = '#d4127f');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = '#b32085', endColorstr = '#d4127f')";
    background-image: -moz-linear-gradient(left, #b32085, #d4127f);
    background-image: -ms-linear-gradient(left, #b32085, #d4127f);
    background-image: -o-linear-gradient(left, #b32085, #d4127f);
    background-image: -webkit-gradient(linear, left top, right top, from(#b32085), to(#d4127f));
    background-image: -webkit-linear-gradient(left, #b32085, #d4127f);
    background-image: linear-gradient(left, #b32085, #d4127f);
}

.light-blue-bg-color,.light-blue-bg-content { float:left; height:82px;
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = '#1197af', endColorstr = '#12b4d1');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = '#1197af', endColorstr = '#12b4d1')";
    background-image: -moz-linear-gradient(left, #1197af, #12b4d1);
    background-image: -ms-linear-gradient(left, #1197af, #12b4d1);
    background-image: -o-linear-gradient(left, #1197af, #12b4d1);
    background-image: -webkit-gradient(linear, left top, right top, from(#1197af), to(#12b4d1));
    background-image: -webkit-linear-gradient(left, #1197af, #12b4d1);
    background-image: linear-gradient(left, #1197af, #12b4d1);
}

.purperl-bg-color,.purperl-bg-content {height:81px; float:left;
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = '#642269', endColorstr = '#782a7f');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = '#642269', endColorstr = '#782a7f')";
    background-image: -moz-linear-gradient(left, #642269, #782a7f);
    background-image: -ms-linear-gradient(left, #642269, #782a7f);
    background-image: -o-linear-gradient(left, #642269, #782a7f);
    background-image: -webkit-gradient(linear, left top, right top, from(#642269), to(#782a7f));
    background-image: -webkit-linear-gradient(left, #642269, #782a7f);
    background-image: linear-gradient(left, #642269, #782a7f);
}

.orange-bg-color, .green-bg-color, .light-red-bg-color, .light-blue-bg-color, .purperl-bg-color {width:30%; padding:16px 0 0 15px; font-size:30px; color:#fff; }
.orange-bg-content, .green-bg-content, .light-red-bg-content, .light-blue-bg-content, .purperl-bg-content {width:70%; font-size:24px; padding:20px 0 0 5%; color:#fff;}

.price-viewmore {left:38%; margin-bottom:10px}
.more_pack_but {
 display: block;
 text-align: center;
 margin-top: 30px;
 margin-bottom: 20px;
}
.more_pack_but a {
    color: #328dbe;
    font-size: 24px;
    padding: 0;
    cursor: pointer;
    font-family: "AvenirLTStd-Light";
    text-decoration: none;
}
.more_pack_but a:hover {
    text-decoration: none;
}
@media (max-width:1200px) {
    .orange-bg-color, .green-bg-color, .light-red-bg-color, .light-blue-bg-color, .purperl-bg-color {
        font-size: 27px;
    }
}
@media (max-width:1024px){
    .orange-bg-color, .green-bg-color, .light-red-bg-color, .light-blue-bg-color, .purperl-bg-color { font-size: 27px;}
}

@media (max-width:980px){
    .price_parent_space .col-xs-12 { text-align: center;}
}
@media (max-width:767px){
    .price-viewmore {left:0%; margin-bottom:10px}
    .price_parent_space .col-xs-12 { text-align: center;}
}
@media (max-width:593px){
    .weight-bg { display: none;}
    .weight-box-bg { width: 100%;}

}
@media (max-width:480px){
    .orange-bg-content, .green-bg-content, .light-red-bg-content, .light-blue-bg-content, .purperl-bg-content { font-size: 20px;}
    .orange-bg-color, .green-bg-color, .light-red-bg-color, .light-blue-bg-color, .purperl-bg-color { font-size: 20px;}
    .price-box-space, .price-box-space-1 { width: 47% !important; margin: 0 0 7px 7px;}
}
.price-viewmore a { 
    color:#328dbe; font-size:24px; /*font-weight:bold;*/ padding:0;
    /*background-color: #a9d7ef;
	background: -webkit-linear-gradient(#f7fee8, #dfefbd);
	background: linear-gradient(#f7fee8, #dfefbd);
	border: 2px solid #1687c4;
	border-radius: 0px;
	text-shadow: 0 -1px 0 #03466a;
	box-shadow: 0 0px 0 #1a91d1, 0 0px 0 #025886, 0 1px 2px rgba(0, 0, 0, 0.5);*/
	cursor: pointer;
	font-family:"AvenirLTStd-Light";
	
}
.price-viewmore a:hover{ text-decoration:none; color:#2079a9;}
.grow-eff { -webkit-transition:all 0.3s ease;}
.grow-eff:hover
        {
            -webkit-transform: scale(1.2);
            -ms-transform: scale(1.2);
            transform: scale(1.2);
        }


/*
.price-viewmore a { color:#fff; font-size:20px; font-weight:bold; padding:10px 40px;
    border:1px solid #b55b13;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffc602', endColorstr = '#e97b32');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffc602', endColorstr = '#e97b32')";
    background-image: -moz-linear-gradient(top, #ffc602, #e97b32);
    background-image: -ms-linear-gradient(top, #ffc602, #e97b32);
    background-image: -o-linear-gradient(top, #ffc602, #e97b32);
    background-image: -webkit-gradient(linear, center top, center bottom, from(#ffc602), to(#e97b32));
    background-image: -webkit-linear-gradient(top, #ffc602, #e97b32);
    background-image: linear-gradient(top, #ffc602, #e97b32);
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

.price-viewmore a:hover { text-decoration:none;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#e97b32', endColorstr = '#ffc602');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#e97b32', endColorstr = '#ffc602')";
    background-image: -moz-linear-gradient(top, #e97b32, #ffc602);
    background-image: -ms-linear-gradient(top, #e97b32, #ffc602);
    background-image: -o-linear-gradient(top, #e97b32, #ffc602);
    background-image: -webkit-gradient(linear, center top, center bottom, from(#e97b32), to(#ffc602));
    background-image: -webkit-linear-gradient(top, #e97b32, #ffc602);
    background-image: linear-gradient(top, #e97b32, #ffc602);
}
*/

/*********** end mayur ***************/
@media screen and (max-width: 1200px) {
.sub-header { margin-left:0px;}
.logo { width:17%;}
.login-btn { padding:5px 10px; font-size:14px;}
.schedule_btn {
        border: 2px solid #72b9fb;
        padding: 7px 3px;
        font-size: 12px;
    }
.registration-btn { padding:7px; font-size:14px;}
    .container_add_sp a { padding:4px 8px !important; }
}
@media screen and (max-width: 991px) {
.sub-header { margin-top:5px; margin-left:10px;}
.login-button { width:29%; margin-top: -3px;}
.login-btn-3 { margin-left: 73px;}
.login-btn { margin-top:5px;}
.registration-btn { margin:5px 0 0 5px;}
.scl_btn { display: none;}
}
@media screen and (max-width: 768px) {
/*.sub-header { float:right; margin-top:20px; width:75%; text-align:right;}*/
.sub-header { float:left; margin-top:35px; width:51%; text-align:right;}
    .login-button { margin-top: 18px;}
    .login-btn-3 { margin-left: 35px;}

}
@media screen and (max-width: 767px) {
    /*.login-button { margin-top: -5px;}*/
    .login-btn-3 { margin-left: 0px;}
    .pd_top_sp {margin-top: 25px;}
    .luadry-img { display: none;}
}
@media screen and (max-width: 640px) {
.login-button { width:38%;}
    .sub-header { width: 42%;}
}
@media screen and (max-width: 480px) {
.login-button { width:45%;}
.logo { width:20%; margin-top:15px;}
    .sub-header { width: 30%;}
}
@media screen and (max-width: 414px) {
    .login-button {
        width: 47%;
    }
    .sub-header { /*position: absolute;*/ width: 30%;}
    #cssmenu ul { margin: 5px 0 0 0px !important;}
}
@media screen and (max-width: 375px) {
    .login-button {
        width: 52%;
    }
    .sub-header { /*position: absolute;*/ width: 20%;}
}
@media screen and (max-width: 360px) {
/*.login-button { width:42%;}*/
.logo { width:24%;}
/*.sub-header { width:70%;}
.login-button { width:62%;}*/
    .login-btn { padding:5px 6px;}
}
@media screen and (max-width: 320px) {
.login-button { width:60%;}
    .sub-header { /*position: absolute;*/ width: 12%;}
}


/*order message css*/
.order_main_space {
    margin-top: 10px;
    text-align: center;
}
.order_title_sp h2 {
    font-size: 36px;
    font-family: 'AvenirLTStd-Light';
    text-transform: uppercase;
    color: #0d5bb4;
    margin-bottom: 0px;
}
.order_title_sp h5 {
    font-size: 22px;
    font-family: 'AvenirLTStd-Light';
    color: #6e6e6e;
    margin-bottom: 10px;
}
.order_title_sp h6 {
    font-size: 18px;
    font-family: 'AvenirLTStd-Light';
    color: #6e6e6e;
    margin-bottom: 10px;
}
.order_img_space { margin-bottom: 20px; margin-top: 20px;}

@media screen and (max-width: 640px) {

    .order_title_sp h2 {
        font-size: 24px;
    }
    .order_title_sp h5 {
        font-size: 18px;
    }
    .order_title_sp h6 {
        font-size: 15px;
    }
}
/*order message css*/
/*erro message css*/
.order_title_red h2 {
    font-size: 36px;
    font-family: 'AvenirLTStd-Light';
    text-transform: uppercase;
    color: #ff0000;
    margin-bottom: 0px;
}
.order_title_red h5 {
    font-size: 22px;
    font-family: 'AvenirLTStd-Light';
    color: #6e6e6e;
    margin-bottom: 10px;
}
.order_title_red h6 {
    font-size: 18px;
    font-family: 'AvenirLTStd-Light';
    color: #6e6e6e;
    margin-bottom: 10px;
}


@media screen and (max-width: 640px) {

    .order_title_red h2 {
        font-size: 24px;
    }
    .order_title_red h5 {
        font-size: 18px;
    }
    .order_title_red h6 {
        font-size: 15px;
    }
}


/*pagination css*/
.tsc_pagination li a {
    color: #0d59af;
    background-color: #e7e7e7;
    padding:3px 8px;
    border-radius: 3px;
    }
.tsc_pagination li a:hover, .tsc_pagination li a.current {
   background-color: #0d59af;
   color: #fff;
   text-decoration: none;
}
/*alert message css*/
.alert-pad_space { padding: 15px 100px !important;}
/*alert message css*/

@media screen and (max-width: 480px) {
    .footer_li_img a img { height: 30px !important; width: 30px !important;}
}

/* latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: local('Raleway'), url(http://fonts.gstatic.com/s/raleway/v9/0dTEPzkLWceF7z0koJaX1A.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

.reveal-modal-bg { 
        position: fixed; 
        width: 100%;
        background:#4b4b4b;
        opacity:0.7;
        z-index: 1001;
        display: none;
        height:100%;
        top: 0;
    }
    
    .reveal-modal {
        visibility: hidden;
        top: 35px !important;
        left: 32%;
        /*width: 35%;*/
        width: 480px;
        /*background: #eee url(modal-gloss.png) no-repeat -200px -80px;*/
        position: fixed;
        z-index: 1002;
        padding: 30px 40px 34px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        /*-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
        -webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
        -box-shadow: 0 0 10px rgba(0,0,0,.4);*/
        }
        
    .reveal-modal.small         { width: 200px; margin-left: -140px;}
    .reveal-modal.medium        { width: 400px; margin-left: -240px;}
    .reveal-modal.large         { width: 600px; margin-left: -340px;}
    .reveal-modal.xlarge        { width: 800px; margin-left: -440px;}
    
    .reveal-modal .close-reveal-modal {
        font-size: 22px;
        line-height: .5;
        position: absolute;
        top: 50px;
        right: 52px;
        color: #aaa;
        text-shadow: 0 -1px 1px rbga(0,0,0,.6);
        font-weight: bold;
        cursor: pointer;
        }
        a:hover.close-reveal-modal { text-decoration:none;} 
.big-link { /*display:block;*/ margin-top: 35px; text-align: center; font-size: 70px; color: #06f; }
.fa > span {
  font-size: 15px;
  padding-top: 2px;
}
@media (max-width:3240px){
    .reveal-modal .close-reveal-modal { top:75px; }
    .reveal-modal { left: 44%;}
}
@media (max-width:2580px){
    .reveal-modal .close-reveal-modal { top:75px; }
    .reveal-modal { left: 40%;}
}
@media (max-width:1920px){
    .reveal-modal .close-reveal-modal { top:75px; }
    .reveal-modal { left: 38%;}
}
@media (max-width:1366px){
    .reveal-modal .close-reveal-modal { top:50px;  }
}
@media (max-width:1024px){
  .reveal-modal { width:40%; left:30%;}
  .reveal-modal .close-reveal-modal { top:92px; }
}   
@media (max-width:980px){
  .reveal-modal { width:45%; left:30%;}
  .reveal-modal .close-reveal-modal { top:92px; }
}   
@media (max-width:800px){
  .reveal-modal { width:50%; left:29%;}
  .reveal-modal .close-reveal-modal { top:98px; }
}
@media (max-width:768px){
  .reveal-modal { width:55%; left:27%;}
  .reveal-modal .close-reveal-modal { top:98px; }
}
@media (max-width:640px){
  .reveal-modal { width:65%; left:18%; top: 0px !important;}
  .reveal-modal .close-reveal-modal { top:120px; }

}
@media (max-width:530px){
    .reveal-modal .close-reveal-modal { top:100px; }
}
@media (max-width:480px){
  .reveal-modal { width:82%; left: 9%; top:0px; }
  .reveal-modal .close-reveal-modal { top:150px; }
}
@media (max-width:414px){
    .reveal-modal .close-reveal-modal { top:130px; }
}
@media (max-width:360px){
  .reveal-modal { width:100%; left: 0%; top: 0px; }
  .reveal-modal .close-reveal-modal { top:150px; }
}
@media (max-width:320px){
  .reveal-modal { width:100%; left: 0%; top: 0px; }
  .reveal-modal .close-reveal-modal { top:98px; }
}

    /*
        
    NOTES
    
    Close button entity is ×
    
    Example markup
    
    <div id="myModal" class="reveal-modal">
        <h2>Awesome. I have it.</h2>
        <p class="lead">Your couch.  I it's mine.</p>
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In ultrices aliquet placerat. Duis pulvinar orci et nisi euismod vitae tempus lorem consectetur. Duis at magna quis turpis mattis venenatis eget id diam. </p>
        <a class="close-reveal-modal">&#215;</a>
    </div>
    
    */
.reveal-modal1 {
        visibility: hidden;
        top: 35px !important;
        left: 21%;
        /*margin-left: -300px;*/
        /*width: 57%;*/
        width: 770px;
        /*background: #eee url(modal-gloss.png) no-repeat -200px -80px;*/
        position: fixed;
        z-index: 1002;
        padding: 30px 40px 34px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        /*-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
        -webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
        -box-shadow: 0 0 10px rgba(0,0,0,.4);*/
        }
.reveal-modal1 .close-reveal-modal {
        font-size: 22px;
        line-height: .5;
        position: absolute;
        top: 52px;
        right: 52px;
        color: #aaa;
        text-shadow: 0 -1px 1px rbga(0,0,0,.6);
        font-weight: bold;
        cursor: pointer;
        }
.main2{
    position:relative;
    box-shadow: 0px 0px 11px 2px #4f4f4f;
    border-radius:5px;
    background-color:#fff;
}   
.login-left {
   float:left;
   /*background-color:#f2f1ef;*/
   padding:5%;
   width:49%;
   margin-left:4%;
   margin-top:15px;
   margin-bottom:15px;  
   }
.login-left:first-child { margin-left:13px; border-right:solid 1px #e7e5e5; margin-right:-35px;} 
.login-left h2{
    font-size:20px;
    color:#045daf;
    font-family: 'Raleway';
    font-weight:400;
    padding-top: 0%;
    text-align: center;
    border-bottom: 1px solid #ccc;
    margin-top:-3%;
}   
.head2 {
    position: absolute;
    top:-5%;
    left: 21%;
}
.head2 img {
    border-radius:50%;
    -webkit-border-radius:50%;
    -o-border-radius:50%;
    -moz-border-radius:50%;
} 
.register-form {
    margin-bottom:0%;
    margin-top:6%;
    }
.register-form form {
    width: 100%;
    margin: 0 auto;
    padding: 1% 0 0% 0;
}   

.register-form form input[type="text"] {
  outline: none;
  font-size: 15px;
  font-weight: 400;
  color: #606060;
  padding: 5px 20px 5px 8px;
  border: 1px solid #e1e2e2;
  border-radius: 0px;
  margin: 8px auto 5px;
  width: 100%;
  -webkit-appearance: none;
  height:30px;
}
.register-form form label { margin-top: -18px !important;}
.register-form input[type="password"] {
  outline: none;
  font-size: 15px;
  color:#606060;
  font-weight: 400;
  padding: 5px 20px 5px 8px;
  border: 1px solid #e1e2e2;
  border-radius: 0px;
  margin: 8px auto 5px;
  width: 100%;
  -webkit-appearance:none;
  height:30px;
  
}   
.register-form input[type="submit"] {
  background: #3e90db;
  color: #FFF;
  font-size: 18px;
  font-weight: 400;
  padding: 6px 0px;
  width: 50%;
  cursor: pointer;
  outline: none;
  margin: 10px 0px 5px 0px;
  border: none;
  border-radius: 0px;
}
.register-form input[type="submit"]:hover {
    background:#024889;
    transition: 0.5s all;
  -webkit-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -o-transition: 0.5s all;
}
.register-form p {
  font-size:15px;
  font-weight:400;
  color:#9f9e9e;
  margin-top:-15px;
  margin-bottom:20px;}
.login-bottom2 {
  text-align: center;
  padding: 0px 0px 40px 0px;
  border-bottom-left-radius:5px;
   border-bottom-right-radius:5px;
     padding: 0 0em 0em;
}
.login-bottom2 p {
  font-size: 15px;
  font-weight: 400;
  color: #606060;
  margin: 4px 0px 10px 0px;
}
.button2 {
  padding: 2px 0px 15px 15px;
  
}
.button2 a {
  font-size: 15px;
  
  color: #fff;
  margin: 0px 1.5% 0px 0px;
  border-radius: 0px;
  float:left;
  width:45.33%;
    padding: 0px 0;
}
.button2 a:hover { text-decoration:none;}
.button2 a span {
  margin-top: 10px;
  display: block;
  font-family:Arial, Helvetica, sans-serif;
  text-decoration:none;
}
.button2 a.tw {
  background: #1DAEE3;
 float: left;
 
}
i.anc-tw {
  background: url(../images/twitter.png)no-repeat 10px 9px #1CA4D6;
  width: 26px;
  height: 19px;
  display: inline-block;
  padding: 10px 6px;
 float: left;
  border-radius: 4px 0px 0px 4px;
}
i.anc-fa {
float: left;
  background: url(../images/facebook.png)no-repeat 6px 9px #2c4781;
  width: 31px;
  height: 38px;
  display: inline-block;
  padding: 10px 6px;
  
  border-radius: 4px 0px 0px 4px;
}
i.anc-go {
  background: url(../images/google.png)no-repeat 9px 9px #b13728;
  width: 31px;
  height: 38px;
  display: inline-block;
  padding: 10px 6px;
 float: left;
  border-radius: 4px 0px 0px 4px;
}
.button2 a.fa {
  background:#3B5998;
 float: left;
  
}
.button2 a.fa:hover{
  background:#37528C;
}
.button2 a.go:hover{
  background:#C74534;
}
.button2 a.go {
  background:#D34836;
 margin:0;
 float: left;
}


.featurs-space { float:left; margin-left:10px;}
.featurs-space ul {
    list-style-type: none;
    padding: 0px;
    margin-top:10px;
    }
.featurs-space ul li {
    background-image: url(../images/features-bullets.png);
    background-repeat: no-repeat;
    /*background-position: 0px center; */
    padding: 3px 29px 6px;
    font-size:15px;
    font-family:Arial, Helvetica, sans-serif;
    /*border-bottom:solid 1px #f3f3f3;*/
    line-height:1.1em;
    text-align:justify;
    margin: 0px 5px 12px 2px;
    }
.login-bottom2 h4 {
  font-size: 16px;
  font-weight: 400;
  color: #000;
  margin: 4px 0px 0px 0px;
}
.login-bottom2 h4 a{
  font-size: 16px;
  font-weight: 400;
  color:#045daf;
}
.login-bottom2 h4 a:hover{
    color: #003a6f;
    transition: 0.5s all;
  -webkit-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -o-transition: 0.5s all;
}
@media (max-width:3240px){
    .reveal-modal1 {
        top: 35px;
        left: 38%;
    }
}
@media (max-width:2580px){
    .reveal-modal1 {
        top: 35px;
        left: 35%;
    }
}
@media (max-width:1920px){
    .reveal-modal1 {
        top: 35px;
        left: 30%;
    }
}
@media (max-width:1440px){
    .reveal-modal1 {
        top: 35px;
        left: 25%;
    }
}
@media (max-width:1366px){
    .reveal-modal1 {
        top: 35px;
        left: 23%;
    }
}
@media (max-width:1024px){
.reveal-modal1 {
        top: 35px; 
        left: 10%;
        width: 78%;
        }
}
@media (max-width:800px){
.reveal-modal1 {
        top: 35px; 
        left: 5%;
        width: 90%;
        }
.button2 {
  padding: 2px 0px 15px 17px;
  
}
}
@media (max-width:640px){
.reveal-modal1 {
        top: 35px; 
        left: 5%;
        width: 90%;
        }
.login-left {
   padding:2%;
   width:96%;
   margin-left:6px;
   }
.login-left:first-child { margin-left:6px; border-right:none;} 
.head2 {
    position: absolute;
    top:-4%;
    left: 44%;
}  
.register-form form input[type="text"] { width:100%; }
.register-form input[type="password"] { width:100%; }
.login-left h1{ margin-top:1%; }
  } 
@media (max-width:480px){
.reveal-modal1 {
        top: 35px; 
        left: 5%;
        width: 90%;
        }
.login-left {
   padding:2%;
   width:96%;
   margin-left:5px;
   }
.login-left:first-child { margin-left:6px; border-right:none;} 
.head2 {
    position: absolute;
    top:-4%;
    left: 43%;
}  
.register-form form input[type="text"] { width:100%; }
.register-form input[type="password"] { width:100%; }
.login-left h1{ margin-top:3%; }

  } 
@media (max-width:360px){
.reveal-modal1 {
        top: 35px; 
        left: 0%;
        width: 100%;
        }
.login-left {
   padding:2%;
   width:96%;
   margin-left:5px;
   }
.login-left:first-child { margin-left:6px; border-right:none;} 
.head2 {
    position: absolute;
    top:-3%;
    left: 40%;
}  
.register-form form input[type="text"] { width:100%; }
.register-form input[type="password"] { width:100%; }
.login-left h1{ margin-top:4%; }
  } 
@media (max-width:320px){
.reveal-modal1 {
        top: 35px; 
        left: 0%;
        width: 100%;
        }
.login-left {
   padding:2%;
   width:96%;
   margin-left:5px;
   }
.login-left:first-child { margin-left:5px; border-right:none;} 
.head2 {
    position: absolute;
    top:-3%;
    left: 38%;
}  
.register-form form input[type="text"] { width:100%; }
.register-form input[type="password"] { width:100%; }
.button2 a { width:86.33%; margin-bottom:3%; }
.login-left h1{ margin-top:4%; }
    .register-form form label { margin-top: 0px !important;}
  } 
        
            html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,nav ul,nav li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;/*vertical-align:middle;*/}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
ol,ul{list-style:none;margin:0px;padding:0px;font-family: cursive;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}
b { font-weight:bold;}
a{text-decoration:none;}
.txt-rt{text-align:right;}
.txt-lt{text-align:left;}
.txt-center{text-align:center;}
.float-rt{float:right;}
.float-lt{float:left;}
.clear{clear:both;}
.pos-relative{position:relative;}
.pos-absolute{position:absolute;}
.vertical-base{ vertical-align:baseline;}
.vertical-top{  vertical-align:top;}
nav.vertical ul li{ display:block;}
nav.horizontal ul li{   display: inline-block;}
img{max-width:100%;}
/* latin */
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url(https://fonts.gstatic.com/s/robotocondensed/v13/Zd2E9abXLFGSr9G3YK2MsDrvev4WAjW489CRDHIkJ90.woff2) format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url(https://fonts.gstatic.com/s/robotocondensed/v13/Zd2E9abXLFGSr9G3YK2MsCGXDOnx9ptx3UTSPTrfsgk.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url(https://fonts.gstatic.com/s/robotocondensed/v13/Zd2E9abXLFGSr9G3YK2MsAZ98xO_Wnt-JIem4AuLGfs.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url(https://fonts.gstatic.com/s/robotocondensed/v13/Zd2E9abXLFGSr9G3YK2MsE1G989qbVg6RT5ly5jB8V8.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url(https://fonts.gstatic.com/s/robotocondensed/v13/Zd2E9abXLFGSr9G3YK2MsJ84zb0nVte6liF9gGtpo1Y.woff2) format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF1, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url(https://fonts.gstatic.com/s/robotocondensed/v13/Zd2E9abXLFGSr9G3YK2MsD86pq2NkPzVgw_9lpT6RGI.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url(https://fonts.gstatic.com/s/robotocondensed/v13/Zd2E9abXLFGSr9G3YK2MsDAdhzWOYhqHvOZMRGaEyPo.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
input: {
  -webkit-appearance: textfield;
  padding: 1px;
  background-color: white;
  border: 2px inset;
  border-image-source: initial;
  border-image-slice: initial;
  border-image-width: initial;
  border-image-outset: initial;
  border-image-repeat: initial;
  -webkit-rtl-ordering: logical;
  -webkit-user-select: text;
  cursor: auto;

}
body{
    color: #6A6A6A;
    font-family:Arial, Helvetica, sans-serif;
}
/*login-form*/
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: local('Raleway'), url(http://fonts.gstatic.com/s/raleway/v9/0dTEPzkLWceF7z0koJaX1A.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
.top-button { text-align:center;}
.login-form {
    width: 100%;
    margin:9% auto 4% auto;
    position: relative;
    -webkit-border-radius: 0.4em;
    -o-border-radius: 0.4em;
    -moz-border-radius: 0.4em;
}

.head {
    position: absolute;
    top:-6%;
    left: 43%;
}
.head img {
    border-radius:50%;
    -webkit-border-radius:50%;
    -o-border-radius:50%;
    -moz-border-radius:50%;
}
.main{
    position:relative;
    box-shadow: 0px 0px 11px 2px #4f4f4f;
    border-radius:5px;
    background:#fff;
}
.main h2{
    font-size:18px;
    color:#676767;
    font-family: 'Raleway';
    font-weight:400;
    padding-top: 10%;
    text-align: center;
    /*visibility:inherit*/
}
.main form {
    width: 80%;
    margin: 0 auto;
    padding: 3% 0 0% 0;
}
.main p {
text-align: center;
}
.main form p a {
    color: #888;
    font-family: 'Open Sans', sans-serif;
}
form p a:hover {
    color:#024889;
}
.login-form form input.user {
  background: url(../images/user1.png)no-repeat 15px 7px #fff;
  display: block;
}
.login-form form input[type="text"] {
  outline: none;
  font-size: 18px;
  font-weight: 400;
  /*color: #c0c0c0;*/
  color: #1b2732;
  padding: 5px 20px 5px 46px;
  border: 1px solid #e1e2e2;
  border-radius: 0px;
  margin: -8px auto 5px;
  width: 88%;
  -webkit-appearance: none;
  height:37px;
}
.login-form form input.lock {
  background: url(../images/key.png)no-repeat 15px 7px #fff;
  display: block;
}
.login-form input[type="password"] {
  outline: none;
  font-size: 18px;
  font-weight: 400;
  padding: 10px 20px 10px 45px;
  border: 1px solid #e1e2e2;
  border-radius: 0px;
  margin: 0 auto 0px;
  width: 88%;
  -webkit-appearance: none;
  color:#1b2732;
 /* color:#c0c0c0;*/
  height:37px;
}
.login-bwn {
  text-align: center;
}
.login-form input[type="submit"] {
  background: #3e90db;
  color: #FFF;
  font-size: 18px;
  font-weight: 400;
  padding: 6px 0px;
  width: 88%;
  cursor: pointer;
  outline: none;
  margin: 15px 0px 5px 0px;
  border: none;
  border-radius: 0px;
}
.login-form input[type="submit"]:hover {
    background:#024889;
    transition: 0.5s all;
  -webkit-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -o-transition: 0.5s all;
}
/*
 input[type="text"], input[type="password"]{
    text-align:left;
    position: relative;
    width:92%;
    padding:3%;
    background:#D3D3D3;
    margin-bottom: 6%;
    font-family: 'Open Sans', sans-serif;
    color: #676767;
    font-weight:600;
    font-size: 16px;
    outline: none;
    border: none;
    border-radius: 5px;
    border:1px solid #DED6D6;
    -webkit-appearance:none;
}

 input[type="text"]:hover, input[type="password"]:hover{
    border:1px solid #949494;
    transition:0.5s;
    -webkit-transition:0.5s;
    -moz-transition:0.5s;
    -o-transition:0.5s;
    -ms-transition: 0.5s;
    
 }
 
input[type="submit"]{
    width: 99%;
    padding: 3%;
    margin-bottom: 8%;
    background: #21A957;
    font-family: 'Open Sans', sans-serif;
    color: #ECECEC;
    box-shadow: inset 0px 0px 10px #666464;
    -webkit-text-shadow: 0px 0px 3px #000;
    -moz-text-shadow: 0px 0px 3px #000;
    -o-text-shadow: 0px 0px 3px #000;
    -ms-text-shadow: 0px 0px 3px #000;
    font-size: 20px;
    outline: none;
    border: none;
    cursor: pointer;
    font-weight:500;
    border-radius: 5px;
    transition: 0.5s;
    -webkit-appearance:none;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
}
input[type="submit"]:hover{
    background:#128A42;
    color:#fff;
}
*/
/****************/
.login-bottom {
  text-align: center;
  padding: 0px 0px 20px 0px;
  border-bottom-left-radius:5px;
   border-bottom-right-radius:5px;
     padding: 0 1.5em 2em;
}
.login-bottom h3 {
  font-size: 20px;
  font-weight: 700;
  color: #000;
  padding: 0px 0px 0px 0px;
  line-height:20px;
}
.login-bottom p {
  font-size: 15px;
  font-weight: 400;
  color: #000;
  margin: 4px 0px 10px 0px;
}
.button {
  padding: 2px 0px 15px 32px;
  border-bottom: 1px solid #ccc;
}
.button a {
  font-size: 15px;
  font-weight: 600;
  color: #fff;
  margin: 0px 1.5% 0px 0px;
  border-radius: 0px;
  float:left;
  width:44.33%;
  padding: 0px 0;
  height:38px;
  text-decoration:none;
}
.button a:hover { text-decoration:none; color:#fff;}
.button a span {
  margin-top: 10px;
  display: block;
  text-decoration:none;
    font-family: Arial,Helvetica,sans-serif;
}
.button a span:hover { color:#fff; text-decoration:none;}
.button a.tw {
  background: #1DAEE3;
 float: left;
 
}
i.anc-tw {
  background: url(../images/twitter.png)no-repeat 10px 9px #1CA4D6;
  width: 26px;
  height: 19px;
  display: inline-block;
  padding: 10px 6px;
 float: left;
  border-radius: 4px 0px 0px 4px;
}

i.anc-go {
  background: url(../images/google.png)no-repeat 9px 9px #C74534;
  width: 34px;
  height: 38px;
  display: inline-block;
  padding: 10px 6px;
 float: left;
  border-radius: 4px 0px 0px 4px;
}
.button a.fa {
  background:#3B5998;
 float: left;
  
}
.button a.fa:hover{
  background:#37528C;
}
.button a.go:hover{
  background:#C74534;
}
.button a.go {
  background:#D34836;
 margin:0;
 float: left;
  font-weight: normal;
}
.login-bottom h4 {
  font-size: 16px;
  font-weight: 400;
  color: #000;
  margin: 20px 0px 0px 0px;
}
.login-bottom h4 a{
  font-size: 16px;
  font-weight: 400;
  color:#045daf;
}
.login-bottom h4 a:hover{
    color: #003a6f;
    transition: 0.5s all;
  -webkit-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -o-transition: 0.5s all;
}
.reg-bwn {
  margin: 25px 0px 0px 0px;
}
.reg-bwn a {
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  background: #3e90db;
  padding: 8px 25px;
  border-radius: 0px;
  text-decoration:none;
}
.reg-bwn a:hover{
  background: #013769;
  transition: 0.5s all;
  -webkit-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -o-transition: 0.5s all;
  text-decoration:none;
  color:#fff;
}
.social-icons { text-align:center;}
/*-----start-responsive-design------*/

@media (max-width:1366px){
    .login-form {
    width: 100%;
    margin: 2% auto 4% auto;
    }
}
@media (max-width:1280px){
    .login-form  {
        margin:8% auto 0;
        width:100%;
    }
    .copy-right {
    

    }
}
@media (max-width:1024px){
.login-form  {
        margin:12% auto 0;
        width:100%;
  padding: 3% 0 0 0;
    }   
    .copy-right {
    bottom:-18%;
    }
}
@media (max-width:768px){
    .login-form  {
        margin: 16% auto 0;
        width: 100%;
    }
    .col-lg-4.col-md-4.col-sm-4.col-xm-12.pack-shadow-last {
  float: left;
  width: 100%;
  margin-top:30px;
}
.col-lg-4.col-md-4.col-sm-4.col-xm-12.pack-shadow {
  float: left;
  width: 100%;
  margin:30px 0
}
.col-lg-4.col-md-4.col-sm-4.col-xm-12.pack-shadow-first {
  float: left;
  width: 100%;
}
}
@media (max-width:640px){                                  
    .login-form {
    margin: 20% auto 0;
    width: 100%;
    }
    .copy-right {
    
    bottom:-18%;
    }
}
@media (max-width:480px){                                  
    .login-form {
    margin: 32% auto 0;
    width: 100%;
}
.button a { width:100%; margin-bottom:5px; }
input[type="text"], input[type="password"], input[type="submit"] {
    font-weight: 600;
    margin-bottom: 4%;
    }
    .button { padding: 2px 0px 15px 0px; }
    }
@media (max-width:360px){   
  .head {
    position: absolute;
    top:-6%;
    left: 40%;
}
}
@media (max-width:320px){                                  
    .login-form  {
        margin:20% auto 0;
        width: 100%;
        
    
    }
    
    input[type="text"], input[type="password"],input[type="submit"] {
    font-weight:600;
    font-size: 15px;
    }
    .main form p a {
    font-size: 15px;
    }
    input[type="submit"] {
    padding: 4%;
    }
        
}
/*login-form*/
/*register-form*/

/*register-form*/  

/*pickup form*/
#contact-page{
  padding-top: 0;
}
.center {
  text-align: center;
  padding-bottom: 2px;
  /*background-color:#5398d7;*/
  padding:5px;
  /*border-left: solid 10px #045cae;
  border-right: solid 10px #045cae;
  box-shadow:0px 1px 2px 0px #c6c4c4;*/
  /*border-top:solid 2px #0159b0;
  border-top-right-radius: 0;
  border-top-right-radius: 30px;
  border-bottom-left-radius: 0;*/
}
.form-back-space { /*background-color:#f3f3f3;*/  padding-bottom:1%;}
.center h2{
  font-size: 24px;
  margin-top: 0px;
  /*margin-bottom: 20px;*/
  font-family:'Open Sans', sans-serif;
  color:#0d59af;
  text-shadow: 1px 2px #d4d4d4;
}
h5.lead{
  font-size: 16px; !important
  line-height: 14px;
  font-family:'Open Sans', sans-serif;
  margin-bottom:0px;
  margin-top:-12px;
  color:#949595;
}
#contact-page .contact-wrap {
  margin-top: 20px;
}
.form-inn { margin-bottom:5px;}
.form-inn h3 {
   font-family:'Open Sans', sans-serif;
   font-size:16px;
   color:#252525;
   margin-top:0px;
   margin-bottom:2px;
   font-weight:600;
   /*border-bottom:solid 1px #dcdcdc;*/
   line-height:26px;}
.form-inn p { margin:0 0 3px; color:#6c6c6c; font-family:'Open Sans', Arial, sans-serif; font-weight:400 !important; }
input.form-control, select.form-control, textarea.form-control {
   background:none;
   font-family:'Open Sans', Arial, sans-serif;
   background-color:#fbfbfb;
   border:2px solid #d5d5d5;
   border-radius:0px;
   /*-webkit-appearance:none;*/
   -webkit-border-radius:0;
   color:#333;
   height:35px;
   font-size:14px;
   font-weight:400;
   margin-bottom:5px;
}  
.styled-select {
  background:#fbfbfb url(../images/down_arrow_select.png) no-repeat 98% center;
  border:2px solid #d5d5d5;
  height:35px;
  margin-bottom:0px;
  margin-top:5px;
  overflow:hidden;
  width:100%; 
  }
.styled-select img:hover { 
   -ms-transform: rotate(7deg); /* IE 9 */
    -webkit-transform: rotate(7deg); /* Chrome, Safari, Opera */
    transform: rotate(7deg);}     
.styled-select select {
  background:transparent none repeat scroll 0 0;
  width:100%;
  padding:5px;
  padding-left:10px;
  padding-top:2px;
  border:0; 
  border-radius:0px;
  margin:0;
    font-weight:400;
    -moz-appearance: window;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
} 
.styled-select select::-ms-expand, .styled-select-2 select::-ms-expand {
    display: none;
    }

.radioP {
  display: block;
  position: relative;
  margin: 20px 0;
  padding-left:40px;
  
  font-family:arial;
}
.radioP:first-child {
 margin:0 0 20px 0; 
}

input[type="radio"] {
  display: block;
  position: absolute;
  top:0;
  left:0;
  z-index: 0;
}

/* For IE 7-8-9

input[type="radio"] {
  display: inline-block;
}
input[type="radio"] + label span.radioButtonGraph {
  display: none;
}

*/

input[type="radio"] + label span.radioButtonGraph {
  appearance: none;
  z-index: 20;
  position: absolute;
  top:0px;
  left:0;
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  cursor: pointer;
  vertical-align: middle;
  box-shadow: hsla(0,0%,100%,.15) 0 1px 1px, inset hsla(0,0%,0%,.5) 0 0 0 1px;
  background: #efefef;
  background-image: radial-gradient(ellipse at center,  #62c2f3 0%,#62c2f3 40%,#efefef 45%);
  background-repeat: no-repeat;
  transition: background-position .15s cubic-bezier(.8, 0, 1, 1);
  margin-right:-10px;
}
input[type="radio"]:checked + label span.radioButtonGraph {
  transition: background-position .2s .15s cubic-bezier(0, 0, .2, 1);
}

input[type="radio"] + label span.radioButtonGraph {
  background-position: -24px 0;
}
input[type="radio"]:checked + label span.radioButtonGraph {
  background-position: 0 0;
}
.pick-right-space { margin-left:15px;}
.form-inn label {font-weight:normal;}
.date-inn-space { margin-left:-15px;}
.date-inn-space input[type="text"] { margin-top:6px;}
.sub-button-space { text-align:center;}
.sub-button-space input#bigbutton {
  background: #3e90db;
  color: #FFF;
  font-size: 18px;
  font-weight: 400;
  padding: 6px 0px;
  width: 150px;
  cursor: pointer;
  outline: none;
  margin: 15px 0px 5px 0px;
  border: none;
  border-radius: 0px;
  font-family:Arial, Helvetica, sans-serif;
}
.sub-button-spacei-lf input#bigbutton {
  background: #3e90db;
  color: #FFF;
  font-size: 18px;
  font-weight: 400;
  padding: 6px 0px;
  width: 150px;
  cursor: pointer;
  outline: none;
  margin: 15px 0px 5px 0px;
  border: none;
  border-radius: 0px;
  font-family:Arial, Helvetica, sans-serif;
}
/***SET THE BUTTON'S HOVER AND FOCUS STATES***/
.sub-button-space input#bigbutton:hover, .sub-button-space input#bigbutton:focus {
background:#024889;
    transition: 0.5s all;
  -webkit-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -o-transition: 0.5s all;
}
@media (max-width:980px){
  .pick-right-space { margin-left:0px;}
}
@media (max-width:767px){
  .date-inn-space { margin-right:-15px; margin-bottom: 10px;}
}

/*pickup form*/

/*other pages*/
/*.top-head-space { margin-top:0px;}
.top-caption-space {
  background-color:#5398d7;
  border-left:solid 10px #5398d7;
  padding:5px 15px;
  }
.top-caption-space h3 {
  font-family:'Open Sans', sans-serif;
  font-size:30px;
  color:#fff;
  margin-top:5px;
  margin-bottom:5px;
  text-transform:uppercase;
  text-align:center;}*/  
.down-space { margin:-4px auto; text-align:center;}
  .top-main-space { margin-top:15px; margin-bottom:0%;}

/*contact*/
.contact_info { padding:5px 10px; border:solid 1px #ebebeb; border-radius:0px;}
.contact_info2 { padding:5px 10px;}
.contact_info h3,.contact_info2 h3 {
    font-family:'Open Sans', sans-serif;
    font-size:26px;
    color:#333333;
    margin-top:0px;
    line-height:32px;
    border-bottom:solid 1px #ccc;}
.gray-dash-3px {
    border-bottom:3px solid #5398d7;
    position:absolute;
    width:40px;
    height:3px;
    right:25px;
    top:38px;}
.company_address { margin-top:10px;}
.company_address h5 {
    font-family:'Open Sans', sans-serif;
    font-size:26px;
    color:#333333;
    margin-top:0px;
    line-height:32px;
    border-bottom:solid 1px #ccc;}
.contact-address li { margin-bottom:20px; margin-top:10px;}
.contact-address li i { float:left; margin-right:10px; margin-bottom:10px;}
.contact-address li span {
    font-family:Arial, Helvetica, sans-serif;
    font-size:14px;
    color:#717171;
    display:inline-block;}
.contact-address li span a { font-size:15px; color:#005fac;}

.contact-deta { margin-top:5px; margin-bottom:5px;}
.contact-deta p {
    font-family:'Open Sans', Arial, sans-serif;
    color:#6c6c6c;
    margin:0 0 3px;}
.sub-button-space { margin:0px auto; text-align:center; width:20%;}
.sub-button-space2 { margin-top:0px; text-align:left;}
.google-map { margin-top:1em; padding:5px 15px; }


/*about-us, terms-and-conditions, Privacy Policy, Disclaimer, Our Mission, faq*/

.about_cont_info { padding:5px 10px;}
.about_cont_info h3 {
    font-family:'Open Sans', sans-serif;
    font-size:26px;
    color:#333333;
    margin-top:0px;
    line-height:32px;
    border-bottom:solid 1px #ccc;}
.about-cont-space { margin-top:20px;}
.about-cont-space p {
    font-family:'Open Sans', sans-serif;
    font-size:14px;
    line-height:20px;
    color:#717171;
    margin-top:5px;}
.about-cont-space p em { font-style:italic;}
.about-cont-space p a { color:#5398d7; font-weight:600;}
.about-cont-space p a:hover { color:#005fac;}
.about-cont-space h4 { margin-bottom:0px; color:#717171; font-weight:bold; font-family: 'Open Sans', sans-serif;}
.about-cont-space ul { list-style:none;}
.about-cont-space ul li {
    background:url(../images/faq-arrow.png) no-repeat;
    margin:5px 5px 5px;}
@media (max-width:320px){
    .about_cont_info h3 { font-size:18px;}

}
header {
        background: white !important;
    height: 85px;
    width: 100%;
    z-index:100;
    position:absolute;
    top: 0;
}
.demo-2  {margin-bottom:40px;}

@media screen and (max-width:568px) {
  header { top: -87px; }
  .hd-tp-pd { margin-top: 90px;}
}
@media screen and (max-width:503px) {
  header { top: -84px; }
  .hd-tp-pd { margin-top: 90px;}
}
    /*faq css*/
.qua-deta-space { margin-top:10px;}
.qua-deta-space ul { margin:0 auto;}
.qua-deta-space ul li {
    margin:10px 0;

    padding:0px 0px;
    text-align:justify;
}
.qua-deta-space ul li a {
    font-family:'Open Sans', sans-serif;
    font-size:15px;
    color:#377bb9;
    text-decoration:none;
    background:url(../images/faq-arrow.png) no-repeat right;
    display:block;
}
.qua-deta-space ul li a:hover { color:#333;}
.ans-space { margin-top:10px;}
.ans-space p {
    font-family:'Open Sans', sans-serif;
    font-size:14px;
    line-height:20px;
    color:#333;}
.ans-space ol { list-style:decimal;}
.ans-space ol li {
    margin:5px 20px 5px;
    font-family:'Open Sans', sans-serif;
    font-size:14px;
    line-height:20px;
    color:#333;}
.gray-dash-4px {
    border-bottom:3px solid #5398d7;
    position:absolute;
    width:40px;
    height:3px;
    right:11px;
    top:52px;}
aside {
    /*float: left;*/
    max-width: 100%;
}
#sidebar.sticky {
    float: none;
    position: fixed;
    margin-top: 70px;!important
  z-index: 6;
    left: auto;
    /*width:20%;*/
}


@media (max-width:991px){
    #sidebar.sticky {
        float:none;
        position:inherit;
        width:auto;
        margin-top:10px;
        margin-bottom:90px; }
    .contact_info { width:100% !important;}
    .gray-dash-4px { right:26px;}
}





/*refer a friend css*/
.refer-space {
    margin-left:15px;
    /*background:#96d6f3 url(../images/form-back.png) repeat center;*/
    /*border-left:solid 5px #5398d7;*/
    /*box-shadow: -1px 0px 5px 0px #d3d3d3;*/
    margin-bottom:20px;
    padding:18px;
    border: 1px solid #e4e4e4;
}
.refer-friend-space, .write-re-space, .user-od-space, .view-od-space, .user-credit-space, .user-address-space, .edit-address-space, .add-address-space { margin-top:40px;}
.form-inner-space { padding-bottom:1px;}
.form-inner-space h5 {
    color:#494949;
    font-family:'Open Sans', Arial, sans-serif;
    font-weight:bold;
    margin-top:10px;
    margin-bottom:2px;
    font-size:20px;}
.ref-fr-space { margin-bottom:25px;}    
.ref-fr-space .error { margin-bottom:0px !important;}
.form-inner-space span { color:#5398d7;}
.form-inner-space p {
    color:#6c6c6c;
    font-family:'Open Sans', Arial, sans-serif;
    /*font-weight:bold;*/
    margin-top:5px;
    margin-bottom:5px;}
.form-inner-space p.form-top-con { margin-top: -17px;}
input.form-control, select.form-control {
    background: none;
    font-family: cursive;
    background-color: white;
    border: 1px solid #fff;
    border-radius: 0px;
    /* -webkit-appearance: none; */
    -webkit-border-radius: 0;
    color: #333;
    height: 43px;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 16px;
}
textarea.form-control {
    background: none;
    font-family: cursive;
    background-color: white;
    border: 1px solid #fff!important;
    -webkit-box-shadow: none !important;
    border-radius: 0px;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    color: #333;
    height: 92px !important;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 10px;
}
.order-but-space .btn { 
 border-radius:50%; 
 background-color:#ea9500; 
 border-color:#fff;
 transition:all 0.3s ease;
 }
.order-but-space .btn:hover {
 -webkit-transform: scale(0.9);
 -ms-transform: scale(0.9);
  transform: scale(0.9);} 
.refer-detail-tab { margin-top:0px;}
.refer-fri-img { margin-left:150px; margin-top:0px;}

.refer_detail_sp {
  margin: 20px 0px -27px 0px;
}.rf_pad_space {
   padding: 5px 0px;
   border-bottom: solid 2px #e4e4e4;}
.rf_code { display: block;}
.rf_code h5 {
  color: #2f2f2f;
  font-size: 24px;
  display: inline-block;
  line-height: 25px;
  margin-top: 10px;
}
.rf_code h5 span {
  color: #0eab85;
  display: inline-block;
  vertical-align: top;
  margin-left: 5px;
}
@media (max-width:980px){
    .refer-fri-img { margin-left:0px;}
}
.table1{
    display:table;  /* Defines a Table */
    font-family:'Open Sans', Arial, sans-serif;
    font-size:14px;
    border-bottom:2px solid #5397D7;
    color:#6a6a6a;
    margin:10px 0;
    width:100%;
    background-color:#fcfcfc;
}
.table-head{
    display: table-header-group; /* Defines a table header group */
}
.table-head .column{ /* Column inside the table-head */
    color:#fff;
    font-size:14px;
    font-family:'Open Sans', sans-serif;
    font-weight:bold;
    border-right:1px solid #d5d6d6;
    border-bottom:solid 3px #5398d7;
    background-color:#1c527e;
}
/*
.table-head .column:hover{
    background:#222222;
}
*/
.row1{
    display:table-row; /* Defines a table row */
}
.row1 .column:nth-child(1){ /* First column in a row */
    border-left:1px solid #d5d6d6;
}
.row1:last-child .column{  /* column in a last row */
    border-bottom:none;
}
.column{
    display:table-cell; /* Defines a table cell */
    padding:10px 20px;
    border-bottom:1px solid #d5d6d6;
    border-right:1px solid #d5d6d6;
}
/*
.column:hover{
    background:#f9f9f9;
}
*/
/* Responsive table */
@media all and (max-width: 640px){
    .table1,
    .row1,
    .column,
    .column:before{
        display:block;  /* Converts a table, table row, table column and table column:before into a block element */
    }
    .table1,
    .row1 .column:last-child{
        border-bottom:none;
    }
    .table-head{
        position:absolute;  /* Hides table head but not using display none */
        top:-1000em;
        left:-1000em;
    }
    .row1{
        border:1px solid #eeeeee;
        border-top:2px solid #dddddd;
        border-bottom:2px solid #dddddd;
        margin:20px 0;
    }
    .row1 .column:nth-child(1){ /* first column of the row */
        border-left:none;
    }
    .row1 .column:last-child{ /* last column of the row */
        border-right:none;
    }
    .row1:last-child .column,
    .column{ /* Column in the last row and column */
        border-bottom:1px solid #eeeeee;
    }
    .column:before{ /* prints the value of data-label attribute before the column data */
        font-weight:bold;
        padding-right:20px;
        font-size:12px;
        content:" "attr(data-label)" //";
        color:#5398d7;
    }
}

/*edit-address*/
.styled-select {
    background:#f3f3f3 url(../images/down_arrow_select.png) no-repeat 98% center;
  border:1px solid #e6e6e6 !important;
  -webkit-box-shadow:none !important;
    height:35px;
    margin-bottom:0px;
    margin-top:5px;
    overflow:hidden;
    width:100%;
}
.styled-select img:hover {
    -ms-transform: rotate(7deg); /* IE 9 */
    -webkit-transform: rotate(7deg); /* Chrome, Safari, Opera */
    transform: rotate(7deg);}
.styled-select select {
    background:#f3f3f3 !important;
    border:1px solid #e6e6e6 !important;
    -webkit-box-shadow:none !important;
    width:100%;
    padding:7px;
    padding-left:10px;
    padding-top:0px;
    border:0;
    border-radius:0px;
    margin:0;
    font-weight:400;
    -moz-appearance: window;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.styled-select select::-ms-expand, .styled-select-2 select::-ms-expand {
    display: none;
}

/*empty order*/
.order-empty {
    border:1px solid #e6e5e5;
    margin-bottom:15px;
    box-shadow: 0px 50px 36px -60px #121D12;
    text-align:center;
}
.order-img { margin-bottom:10px; margin-top:10px;}
.order-contain { margin-bottom:10px; padding:8px;}
.order-contain p {
    font-size:14px;
    color:#6a6a6a;
    margin-bottom:10px;
    margin-top:0px;
    font-family:'Open Sans', sans-serif;}
.order-contain h5 {
    font-family:'Open Sans', sans-serif;
    font-size:20px;
    color:#4d4d4d;
    font-weight:bold;
    margin-bottom:5px;
    margin-top:0px;
}
.myButton {
    -moz-box-shadow:inset 0px 39px 0px -24px #5397d7;
    -webkit-box-shadow:inset 0px 39px 0px -24px #5397d7;
    box-shadow:inset 0px 39px 0px -24px #5397d7;
    background-color:#397fc1;
    font-family:'Open Sans', sans-serif;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    border:1px solid #ffffff;
    display:inline-block;
    cursor:pointer;
    color:#ffffff;
    font-family:Arial;
    font-size:15px;
    padding:6px 15px;
    text-decoration:none;
    text-shadow:0px 1px 0px #4c90d0;

}
.myButton:hover {
    background-color:#337abd;
    text-decoration:none;
    color:#fff;
}

/*write review css*/
.starRating { margin-bottom:10px;}
.starRating:not(old){
    display        : inline-block;
    width          : 131px;
    height         : 25px;
    overflow       : hidden;
    vertical-align : bottom;
}
.starRating:not(old) > input{
    margin-right : -100%;
    opacity      : 0;
}
.starRating:not(old) > label{
    display         : block;
    float           : right;
    position        : relative;
    background      : url('../images/star-rating.png') no-repeat 0 -30px;
    background-size : contain;
}
.starRating:not(old) > label:before{
    content         : '';
    display         : block;
    width           : 26px;
    height          : 51px;
    background      : url('../images/star-rating.png') no-repeat 0 0;
    background-size : contain;
    opacity         : 0;
    transition      : opacity 0.2s linear;
}
.starRating:not(old) > label:hover:before,
.starRating:not(old) > label:hover ~ label:before,
.starRating:not(:hover) > :checked ~ label:before{
    opacity : 1;
}

/*contact*/
.contact_info1 { padding:5px 10px; border:solid 1px #ebebeb; border-radius:0px; background-color: #fff;}
.contact-bot-space { margin-bottom: 10px;}
.contact_info { padding:5px 10px; border:solid 1px #ebebeb; border-radius:0px; background-color: #fff; width: 265px; margin-top: 13px;}

.contact_info2 { padding:5px 10px;}
.contact_info h3,.contact_info2 h3, .contact_info1 h3 {
    font-family:'Open Sans', sans-serif;
    font-size:26px;
    color:#333333;
    margin-top:0px;
    line-height:32px;
    border-bottom:solid 1px #ccc;}
@media (max-width:1024px){
  .contact_info { width:216px;}

}
.contact_info2 h5 {
  font-family:'Open Sans', sans-serif;
  font-size:18px;
  color:#48cfae;
  text-transform:uppercase;
  margin-top:0px;
  line-height:32px;
  font-weight: bold;
}
.gray-dash-3px {
    border-bottom:3px solid #5398d7;
    position:absolute;
    width:40px;
    height:3px;
    right:25px;
    top:37px;}
@media (max-width:600px){
  .gray-dash-3px { display: none; }
}
.company_address { margin-top:10px;}
.company_address h5 {
    font-family:'Open Sans', sans-serif;
    font-size:26px;
    color:#333333;
    margin-top:0px;
    line-height:32px;
    border-bottom:solid 1px #ccc;}
.contact-address li { margin-bottom:20px; margin-top:10px;}
.contact-address li i { float:left; margin-right:10px; margin-bottom:10px;}
.contact-address li span {
    font-family:Arial, Helvetica, sans-serif;
    font-size:14px;
    color:#717171;
    display:inline-block;}
.contact-address li span a { font-size:15px; color:#005fac;}

.contact-deta { margin-top:5px; margin-bottom:5px;}
.contact-deta p {
    font-family:'Open Sans', Arial, sans-serif;
    color:#6c6c6c;
    margin:0 0 3px;}
.sub-button-space { margin:0px auto; text-align:center; width:20%;}
.sub-button-space2 { margin-top:0px; text-align:left;}
.google-map { margin-top:1em; padding:5px 15px; }

.top-head-space { 
  background-color:#fff;
  padding:0;
}

.aboutus-img { background:url(../images/about-img.png) no-repeat; background-size:100%; width:100%; }
.faq-img { background:url(../images/faq-img.png) no-repeat; background-size:100%; width:100%; }
.sitemap-img { background:url(../images/sitemap.png) no-repeat; background-size:100%; width:100%; }
.termsandconditions-img { background:url(../images/termsandconditions-img.png) no-repeat; background-size:100%; width:100%; }
.privacypolicy-img { background:url(../images/privacy-policy.png) no-repeat; background-size:100%; width:100%; }
.disclaimer-img { background:url(../images/disclaimer-img.png) no-repeat; background-size:100%; width:100%; }
.ourpromise-img,.ourmission-img { background:url(../images/ourpromise-img.png) no-repeat; background-size:100%; width:100%; }
.pricelist-img { background:url(../images/price-list1.png) no-repeat; background-size:100%; width:100%; }
.packages-img { background:url(../images/packages-img.png) no-repeat; background-size:100%; width:100%; }
.contactus-img { background:url(../images/contactus-img.png) no-repeat; background-size:100%; width:100%; }
.profile-inn-img { background:url(../images/edit-profile.png) no-repeat; background-size:100%; width:100%; }
.refet-fr-img { background:url(../images/refer-friend1.png) no-repeat; background-size:100%; width:100%; }
.write-re-img { background:url(../images/write-review1.png) no-repeat; background-size:100%; width:100%; }
.user-od-img { background:url(../images/my-orders.png) no-repeat; background-size:100%; width:100%; }
.view-od-img { background:url(../images/order-details.png) no-repeat; background-size:100%; width:100%; }
.user-credit-img { background:url(../images/your-credit.png) no-repeat; background-size:100%; width:100%; }
.user-address-img { background:url(../images/my-address.png) no-repeat; background-size:100%; width:100%; }
.edit-address-img { background:url(../images/edit-address1.png) no-repeat; background-size:100%; width:100%; }
.add-address-img { background:url(../images/add-new-address.png) no-repeat; background-size:100%; width:100%; }

.top-caption-space {
    margin-top:0px;
    display:block;
    font-size:18px;
    color:#1f6bb1;
    border-top:solid 1px #badaf8;
    border-bottom:solid 1px #badaf8;
    padding:37px 0;
  }
.top-caption-space a { color:#454545; }
.top-caption-space a:hover { text-decoration:none;} 
.crumb-item:after {
 content:"/";
 display:inline-block;
 padding:2px 5px;
 color:#454545;
} 
.crumb-item:last-child:after {
 content:"";
 padding:0;
}
@media (max-width:480px){
.top-head-space { padding:0px 0;}
.top-caption-space { padding:30px 0;}
}
@media (max-width:360px){
.top-head-space { padding:0px 0;}
.top-caption-space { padding:18px 0;}
}
@media (max-width:320px){
.top-head-space { padding:0px 0;}
.top-caption-space { padding:14px 0;}
}

.mk-floating-horizontal {
  -webkit-animation: mk_float 2s infinite linear;
  -moz-animation: mk_float 2s infinite linear;
  -ms-animation: mk_float 2s infinite linear;
  -o-animation: mk_float 2s infinite linear;
  position: relative;
  margin-top:-15px;
}
@-webkit-keyframes mk_float {
  0% {
    top: 0px
  }
  50% {
    top: 15px
  }
  100% {
    top: 0px
  }
}
@-moz-keyframes mk_float {
  0% {
    top: 0px
  }
  50% {
    top: 15px
  }
  100% {
    top: 0px
  }
}
@-o-keyframes mk_float {
  0% {
    top: 0px
  }
  50% {
    top: 15px
  }
  100% {
    top: 0px
  }
}
@keyframes mk_float {
  0% {
    top: 0px
  }
  50% {
    top: 15px
  }
  100% {
    top: 0px
  }
}
/******************** my account page *************************/
.my-accunt-bg {background: rgba(231, 210, 191, 0.3); width:100%; padding:19px 0;  float:left;}
.my-accunt-bg-title, .my-profile-bg-title {font-size:25px; color:#464646; text-transform:uppercase; font-weight:bold; width:100%; border-bottom:3px dotted #d1d1d1; padding-bottom:10px;}
.my-accunt-bg-title span a {color:#8150a2;  float:right; text-transform:none; font-size:16px; padding-top:15px;}
.my-accunt-bg-title span a:hover {text-decoration:none; color:#333;}
.my-accunt-text {padding:15px 0 ;}
.my-accunt-pics {background:#8150a2; text-align:center; padding:40px 0; width:165px; 
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;}


.my-profile-bg, .my-order-bg, .create-bg, .my-address-bg {background:#3dd8b8; margin-top:30px; width:100%; float:left; padding-top:15px; padding-bottom:15px;}
.my-order-bg {background:#F7D24E;}
.create-bg {background:#ed7555 ;}
.my-address-bg {background:#50c1e9  ;}
.my-profile-bg-pics {background: rgba(255, 255, 255, 0.4) none repeat scroll 0 0 !important; text-align:center; padding:40px 0; width:165px; 
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;}
.my-profile-bg-title {color:#fff; border-bottom:3px dotted #e5e5e5;  }
.my-profile-detials {width:100%; margin-top:10px;}
.my-profile-detials ul {margin:0px; padding:0px;}
.my-profile-detials li {margin:0px; padding:5px 0 5px 20px; list-style:none; background:url(../images/account-arrow.png)no-repeat left center;}
.my-profile-detials a {color:#fff;}
.my-profile-detials a:hover {color:#000; text-decoration:none;}

@media (max-width: 980px) {
  .your_cr_sp { clear: both;}
}
@media (max-width: 991px) {
.my-profile-bg-pics {left:20%; position:relative;}
}

/*Price List css */
.price-list-title h3 {
    font-family:"AvenirLTStd-Light";
    font-size:24px;
    color:#333333;
    margin-top:10px;
    line-height:32px;
    border-bottom:solid 1px #ccc;
    margin-bottom:10px;
    text-align:left;
}
.price-main-sc { margin-top:15px;}
.price-inner-sc {
  background-color: #FBFBFB;
  border: 1px solid #e4e4e4;
  padding: 10px;
}
.col-my-3 {
  float: left;
  margin-bottom: 1.5%;
  margin-left: 0.8%;
  width: 24%;
}

.right-price-text-inner .fa {
  font-size: 15px !important;
}
/*.col-my-3:first-child { margin-left:0px;}*/
col-my-3:first-child { margin-left:5px;}

.price-img-space {
    margin-bottom:15px;
    text-align:center;
}
.caption-price {padding:5px; background-color:#f17721;}
.caption-price-1 {padding:5px; background-color:#1f84b8;}
.caption-price-2 {padding:5px; background-color:#8150a2;}
.caption-price-3 {padding:5px; background-color:#641846;}
.caption-price-4 {padding:5px; background-color:#3b9847;}
.caption-price-5 {padding:5px; background-color:#89c553;}
.caption-price-6 {padding:5px; background-color:#f17721;}
.caption-price-7 {padding:5px; background-color:#27bacc;}
.caption-price-8 {padding:5px; background-color:#b71f45;}
.caption-price h5 {
    margin:0px;
    padding:0px;
    color:#fff;
    font-size:16px;
    font-family:'Open Sans', sans-serif;
}
.price-top-sc { margin-bottom:10px; margin-top:10px;}
.price-details-inner { margin-top:10px;}
.left-price-text {
    float:left;
    width:50%;
    border-right:solid 2px #5398d7;
    color:#404141;
    font-size:15px;
    line-height:18px;
}
.right-price-text {
    float:left;
    width:50%;
    color:#6f7070;
    font-size:15px;
    line-height:18px;

}
.right-price-text-inner{
    padding:0px 25px;
}

@media (max-width:980px){
    .col-my-3 {
        width:49%;
        margin-left:0px;
        margin-right:5px;
        margin-bottom:10px;
    }
}
@media (max-width:480px){
    .col-my-3 { width:100%; margin-right:0px; }
}


/******************* packages page css *****************************/
.price-list-title {font-size:36px; color:#fff; text-transform:uppercase; font-weight:bold; width:100%; font-family:'SourceSansPro-Bold'; padding-top:20px;
    /*text-shadow: 3px 3px 4px rgba(45, 45, 45, 1);*/ text-align:center; }
.price-list-con {color: #fff;  font-size: 27px;   padding: 10px 0 30px 0;  text-align: center;}
.price-list-btn-1, .price-list-btn-2, .price-list-btn-3 {background:#80b94d; font-size:25px; color:#fff;  padding:10px 10%;  font-family:'SourceSansPro-Bold'; left:25%; position:relative; text-transform:uppercase;
    margin-top:10px; box-shadow:0 12px 11px -10px #6b6b6b;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;}
.price-list-btn-2 {background:#F18C28;}
.price-list-btn-3 {background:#118BCC;}
.price-list-btn-1:hover, .price-list-btn-2:hover, .price-list-btn-3:hover {color:#fff;}

.price-list-points { margin:50px 0 20px 20px;}
.price-list-points ul {margin:0px; padding:0px;}
.price-list-points li {
  margin:0px;
  padding:0px 0 6px 15px;
  list-style:none;
  /*background:url(../images/price-list-icon.png) no-repeat left 5px;*/
  font-size:14px;
  font-family: 'Open Sans', sans-serif !important;
}
.price-list-points h3 {
  font-size:18px;
  font-family: 'Open Sans', sans-serif !important;
  font-weight: 500;
  line-height: 30px;
  border-bottom: solid 1px #f1f1f1;
  text-transform: uppercase;
  margin-bottom: 8px;
  margin-left: -10px;
}

.triangle-bottomleft { width:99.4%; height:0; border-bottom:300px solid #B1E384; border-right: 150px solid transparent; }
.triangle-bottomright { width:100%; height:0; border-bottom:300px solid #F4D77A; border-left: 150px solid transparent; }
.triangle-bottomleft-1 { width:99.4%; height:0; border-bottom:300px solid #7ecbee; border-right: 150px solid transparent; }
@media screen and (max-width:991px){
  .triangle-bottomleft-1 { border-right: 0px solid transparent; }
  .triangle-bottomright { border-left: 0px solid transparent; }
  .triangle-bottomleft { border-right: 0px solid transparent; }
}
@media screen and (max-width:767px){
  .triangle-bottomleft-1 { border-right: 60px solid transparent; }
  .triangle-bottomright { border-left: 60px solid transparent; }
  .triangle-bottomleft { border-right: 60px solid transparent; }
}
@media screen and (max-width:568px){
  .triangle-bottomleft-1 { border-right: 0px solid transparent; }
  .triangle-bottomright { border-left: 0px solid transparent; }
  .triangle-bottomleft { border-right: 0px solid transparent; }
}
@media (max-width:480px){
  .price-list-con { font-size: 20px;}
  .price-list-btn-2 { left: 0%;}
}
@media screen and (max-width:414px){
  .price-list-btn-1, .price-list-btn-2, .price-list-btn-3 { left: 4%; display: inline-block; width: 90%; font-size: 20px; text-align: center;}
  .price-list-points h3 { font-size: 18px; line-height: 20px;}
  .price-list-title { font-size: 28px;}
}
@media screen and (max-width:320px){
  .price-list-btn-1, .price-list-btn-2, .price-list-btn-3 { font-size: 16px;}

}
/*Reset Password css*/
.reset-password-space h4 {
    font-family:"Open Sans",sans-serif;
    font-size:25px;
    color:#333;
    margin-top:0px;
    line-height:28px;
    border-bottom:1px solid #CCC;}

.reset-password-space h5 {
    font-family:"Open Sans",sans-serif;
    font-size:18px;
    color:#fff;
    background-color:#5398d7;
    padding:10px 15px;
    margin-top:10px;
}

/*mobile verify*/
.reveal-modal3 {
    visibility: hidden;
    top: 35px;
    left: 33%;
    width: 33%;
    position: absolute;
    z-index: 9999;
    padding: 30px 40px 34px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.reveal-modal3 .close-reveal-modal {
    font-size: 22px;
    line-height: .5;
    position: absolute;
    top: 80px;
    right: 52px;
    color: #aaa;
    text-shadow: 0 -1px 1px rbga(0,0,0,.6);
    font-weight: bold;
    cursor: pointer;
}
a:hover.close-reveal-modal { text-decoration:none;}
@media (max-width:1024px){
    .reveal-modal3 {
        left: 30%;
        width: 40%;
    }
}
@media (max-width:800px){
    .reveal-modal3 {
        left: 25%;
        width: 50%;
    }
}
@media (max-width:640px){
    .reveal-modal3 {
        left: 18%;
        width: 65%;
    }
}
@media (max-width:480px){
    .reveal-modal3 {
        left: 8%;
        width: 85%;
    }
}
@media (max-width:360px){
    .reveal-modal3 {
        left: 0%;
        width: 100%;
    }
}

/*mobile verify*/
.rf-main{
    position:relative;
    box-shadow: 0px 0px 11px 2px #4f4f4f;
    border-radius:5px;
    background:#fff;
}
.rf-main h1{
    font-size:20px;
    color:#676767;
    font-family: 'Raleway';
    font-weight:400;
    padding-top: 13%;
    text-align: center;
    margin-bottom:3%;
    border-bottom:solid 1px #e4e3e3;
}
.rf-main form {
    width: 80%;
    margin: 0 auto;
    padding: 3% 0 0% 0;
}
.head-rf {
    position: absolute;
    top:-9%;
    left: 42%;
}
.rf-form {
    width: 100%;
    margin:2% auto 4% auto;
    position: relative;
    -webkit-border-radius: 0.4em;
    -o-border-radius: 0.4em;
    -moz-border-radius: 0.4em;
}
.rf-form form input[type="text"] {
    outline: none;
    font-size: 15px;
    font-weight: 400;
    color: #c0c0c0;
    padding: 10px 20px 10px 46px;
    border: 1px solid #e1e2e2;
    border-radius: 0px;
    margin: -8px auto 15px;
    width: 100%;
    -webkit-appearance: none;
    height:37px;
}
.rf-form form input.mobile {
    background: url(../images/mobile-icon.png)no-repeat 15px 7px #fff;
    display: block;
}
.rf-form form input.vf-code {
    background: url(../images/mobile-icon.png)no-repeat 15px -22px #fff;
    display: block;
}
.rf-form input[type="submit"] {
    background: #3e90db;
    color: #FFF;
    font-size: 18px;
    font-weight: 400;
    padding: 5px 25px;
    width: 100%;
    cursor: pointer;
    outline: none;
    margin: 3px 0px 20px 0px;
    border: none;
    border-radius: 0px;
}
.rf-form input[type="submit"]:hover {
    background:#024889;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
}
.rf-contact-space {
    text-align:center;
}
.rf-contact-space p {
    border-top:1px solid #e4e3e3;
    font-size:16px;
    margin-bottom:5px;
    padding-top:10px;
}
@media (max-width:1024px){
    .head-rf {top:-9%;}
}
.tsc_pagination li {
  display: inline-block;
  margin-right: 10px;
}
/*
.tsc_pagination li a {
  background: #ccc;
  padding: 5px;
  border-radius: 5px;
}*/
/*pickup_form_css*/
.pickup-wrap {
  margin: 0px auto !important;
  text-align: center;
}
.col-pk-9 {
  float: none;
  width: 88%;
  display: inline-block;
  background-color: #fff;
}
.main_pickup_space {
  padding: 15px;
  box-shadow: 0px 2px 2px 2px #c9c9c9;
}
.left_text_sp { text-align: left;}
.pickup_form h3 {
  font-family: Arial;
  font-size: 15px;
  color: #0d59af !important;
  font-weight: normal;
  border-bottom: solid 1px #eeeded;
  margin-bottom: 8px;
  line-height: 20px;
  margin-top: 0px;
}
.form_field_sp { margin-bottom: 15px;}
.form_field_sp select, .form_field_sp input, .form_field_sp textarea {
  font-size: 14px;
  color: #949599;
  font-family: Arial;
  background-color: #fff !important;
  width: 100%;
  display: block;
  border: 1px solid #cccdcd !important;
  border-radius: 0px;
  outline: none;
  margin: 5px 0 0px;
  padding: 2px 5px 0 38px;

  height: 30px;
  line-height: 23px;
  /*-webkit-appearance:none;
  -moz-appearance:none;*/
}
::i-block-chrome,.form_field_sp select { text-indent: 32px; }
/*.form_field_sp select { text-indent: 32px; padding: 2px 5px 0 0px !important; -moz-padding-start:0px; }
.ref-fr-space select { text-indent: 32px; padding: 2px 5px 0 0px !important; -moz-padding-start:0px; }*/
option:disabled{
    color: #ddd;
}
.ref-fr-space select, .ref-fr-space input, .ref-fr-space textarea {
  font-size: 14px;
  color: #949599;
  font-family: Arial;
  background-color: #fff !important;
  width: 100%;
  display: block;
  border: 1px solid #cccdcd !important;
  border-radius: 0px;
  outline: none;
  margin: 5px 0 0px;
  padding: 2px 5px 0 38px;
  height: 30px;
  /*-webkit-appearance:none;
  -moz-appearance:none;*/
}
::i-block-chrome,.ref-fr-space select { text-indent: 32px; }
.ref-fr-space textarea {
  height: auto !important;
}
.control-group select, .control-group input, .control-group textarea {
  font-size: 14px;
  color: #949599;
  font-family: Arial;
  background-color: #fff !important;
  width: 100%;
  display: block;
  border: 1px solid #cccdcd !important;
  border-radius: 0px;
  outline: none;
  margin: 5px 0 0px;
  padding: 2px 5px 0 38px;
  height: 30px;
  /*-webkit-appearance:none;
  -moz-appearance:none;*/
}

.control-group textarea {
  height: auto !important;
}
.form_field_sp select option:checked, option:hover {
   background: #1e90ff repeat url("data:../image/select_back.png");;
   color: #fff;
 }
select.address_info {
  background: url(../images/pick_up_sprite_img.png)no-repeat;
  display: block;
}

input.address_tag_icon {
  background: url(../images/pick_up_sprite_img.png)no-repeat left -45px;
  display: block;
}
textarea.address_icon {
  background: url(../images/pick_up_sprite_img.png)no-repeat left -91px;
  display: block;
}
input.landmark_icon {
  background: url(../images/pick_up_sprite_img.png)no-repeat left -186px;
  display: block;
}
select.city_icon {
  background: url(../images/pick_up_sprite_img.png)no-repeat left -230px;
  display: block;
}
select.aria_icon {
  background: url(../images/pick_up_sprite_img.png)no-repeat left -272px;
  display: block;
}
input.pick_date_icon {
  background: url(../images/pick_up_sprite_img.png)no-repeat left -317px;
  display: block;
}
select.pick_time_icon {
  background: url(../images/pick_up_sprite_img.png)no-repeat left -361px;
  display: block;
}
input.promo_code_icon {
  background: url(../images/pick_up_sprite_img.png)no-repeat left -406px;
  display: block;
}
textarea.cu_remark_icon {
  background: url(../images/pick_up_sprite_img.png)no-repeat left -447px;
  display: block;
}

.form_field_sp input[type=radio] {
  overflow: hidden;
  opacity: 0;
}
.cc-selector {
  width: 100%;
  margin: 0 auto;
  display: inline-block;
  text-align: center;
  float: none;
}
.form_field_sp label { display: inline-block !important; font-size: 13px; font-family: Arial; font-weight: normal; color: #949599;}
.cc-selector input{
  margin:0;padding:0;
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
}

.express{background-image:url(../images/normal_delivery_icon.png);}
.super_express{background-image:url(../images/express_delivery_icon.png);}
.dc,.dry_clean{background-image:url(../images/48_hour_delivery_icon.png);}
.opt_dc { display: none;}
.opt_nondc { display: block;}

.cc-selector input:active +.drinkcard-cc{opacity: 0.9;}
.cc-selector input:checked +.drinkcard-cc{
  -webkit-filter: none;
  -moz-filter: none;
  -ms-filter: none;
  -o-filter: none;
  filter: none;
}
::i-block-chrome,.cc-selector input:checked +.drinkcard-cc{ opacity: 1;}
.drinkcard-cc{
  cursor:pointer;
  background-size:contain;
  background-repeat:no-repeat;
  display:inline-block;
  width:42px;
  height:42px;
  -webkit-transition: all 100ms ease-in;
  -moz-transition: all 100ms ease-in;
  transition: all 100ms ease-in;
  -webkit-filter: brightness(1.6) grayscale(1) opacity(0.7);
  -moz-filter: brightness(1.8) grayscale(1) opacity(0.7);
  filter: brightness(1.8) grayscale(1) opacity(0.7);
}
::i-block-chrome,.drinkcard-cc{
  -webkit-transition: all 100ms ease-in;
  opacity: 0.1;

}

::i-block-chrome,.drinkcard-cc:hover {
  opacity: 0.1;
}
.drinkcard-cc:hover{
  -webkit-filter: brightness(1.2) grayscale(0.5) opacity(0.9);
  filter: brightness(1.2) grayscale(0.5) opacity(0.9);
}
.su_center_but {
  text-align: center;
  margin-top: 5px;
  display: inline-block;
}
.sub_button_pick {
  width: 200px !important;
  background-color: #0d59af !important;
  color: #fff !important;
  border-radius: 0px !important;
  border: none !important;
  box-shadow: 0px 4px 0px 0px #02438c !important;
  height: 30px !important;
}
.sub_button_pick:hover {
  background-color: #2571c7 !important;
}
.pick_up_check input[type=checkbox] {
vertical-align: middle;
  margin: 0px;
}
.pick_up_check small {
  vertical-align: middle;
  font-size: 12px !important;
  color: #6193CB;
}


/*app faq css*/
/*.for_app_sp .top-head-space { background: transparent;}
.for_app_sp .contact_info2 h3 {
  color: #fff !important;
  border-bottom: solid 1px #e5e4e4 !important;
}
.for_app_sp .about_cont_info h3 {
  color: #fff !important;
  border-bottom: solid 1px #e5e4e4 !important;
}
.for_app_sp .bbAccordion .accordion-head {
  background-color: rgba(0, 0, 0, 0.2);
}
.for_app_sp .bbAccordion.active .accordion-head {
  background-color: rgba(0, 0, 0, 0.5);
}
.for_app_sp .bbAccordion .accordion-head:hover {
  background-color: rgba(0, 0, 0, 0.5);
}
.for_app_sp .bbAccordion.active .accordion-head:hover {
  background-color: rgba(0, 0, 0, 0.5);
}
.for_app_sp .bbAccordion .accordion-head h2 {
  color: #fff;
  background: url(../images/accordion-app-arrow-right.png) 100% 50% no-repeat;
}
.for_app_sp .bbAccordion.active .accordion-head h2 {
  background: url(../images/accordion-app-arrow-down.png) 100% 50% no-repeat;
}*/
.for_app_sp .contact_info2 h5 {
  color: #fff;
}
.for_app_sp .bbAccordion .accordion-head h2:before { right:0px;}
.for_app_sp .bbAccordion .accordion-head h2:after { right:-9px;}

/*other forms icon*/
input.user_email_icon {
  background: url(../images/forms_sprite_img.png)no-repeat left 0px;
  display: block;
}
textarea.friends_email_icon {
  background: url(../images/forms_sprite_img.png)no-repeat left -46px;
  display: block;
}
textarea.message_ii_icon {
  background: url(../images/forms_sprite_img.png)no-repeat left -115px;
  display: block;
}
input.email_ii_icon {
  background: url(../images/forms_sprite_img.png)no-repeat left -195px;
  display: block;
}
input.password_icon {
  background: url(../images/forms_sprite_img.png)no-repeat left -245px;
  display: block;
}
input.mobile_ii_icon {
  background: url(../images/forms_sprite_img.png)no-repeat left -295px;
  display: block;
}
.refer_remove_sp .ref-fr-space { margin-bottom: 10px;}

/*reset password css*/
.reset-pass-sp .alert { margin-bottom: 5px !important; border-radius: 0px !important;}
.fr-pass-space p {
  font-family: 'Open Sans', Arial, sans-serif;
  font-size: 13px !important;
  color: #474646;
}
.fr-pass-space label{ padding-top: 3px !important; margin-bottom: 3px !important;}
.err-msg-sp { margin-bottom: 5px;}
/*reset password css*/
/*My Credits css*/
.user-cad-deta {
  text-align: center;
}
.user-cad-deta h6 {
  background-color: #f1f0f0;
  border-radius: 25px;
  border: 2px solid #48cfae;
  padding: 5px 10px;
  /*width: 220px;*/
  display: inline-block;
}
/*My Credits css*/

.payopt_div { margin: 10px;  min-height: 150px;}
.payopt_div h1 {margin-bottom: 20px;}
#payopt .close-reveal-modal {right: 65px; top: 55px;}

/*start datepicker viral*/
.ui-datepicker-header
{
    background:#6193CB !important;
    color:#FFFFFF !important;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default
{
    border: none !important;
    background:#FFFFFF !important;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus
{
    background: #6193CB !important;
    color : #FFFFFF !important;
}

/*end datepicker viral*/
.termsnote {color: red; font-size:13px; }
#testimonial_popup {
    width: 450px;
    text-align: center;
    margin: 0 auto;
    margin-top: 32px;
}
.morecontent { display: none;}
.testimonials-pics {position: relative;}
@media screen and (max-width:414px) {
    #testimonial_popup_cont { width: 414px;}
}
@media screen and (max-width:375px) {
    #testimonial_popup_cont { width: 375px;}
}
@media screen and (max-width:360px) {
    #testimonial_popup_cont { width: 360px;}
}
@media screen and (max-width:320px) {
    #testimonial_popup_cont { width: 320px;}
}
.pick_loader{
    position:absolute;
    height:30px;
    top:0px;
    right:20px;
}

/*my address*/
.pricing-right { margin-left:0px; border:1px solid #e7e5e5; margin-bottom:15px; border-radius:5px;}
.pricing-right:first-child { margin-left:0px;}
.pricing-table-header-tiny {
  padding:5px 0 5px 15px; 
  /*border-bottom:1px solid #dfdfdf;*/}
.pricing-table-header-tiny h3 {
  font-family:'Open Sans', sans-serif;
  font-weight:600;
  color:#5b5b5b;
  margin-top:0px;
  margin-bottom:0px;}
.pricing-table-features {
  margin:5px 10px 0 10px;
  padding:0 10px 15px 10px;
  border-bottom:1px dashed #ccc;
  text-align:left;
  line-height:20px;
  color:#717171;}
#navlist {
    position: relative;
}
ul#navlist  { margin-left:4px; }
#navlist li:first-child { margin:10px 1px 15px -10px;}
#navlist li {
    list-style: none;
  display:block;
  margin:10px 1px 10px -10px;
  padding:0px 24px;
  line-height:22px;
  font-size:14px;
    font-family: 'Open Sans', sans-serif;
}
#navlist li span { font-weight:bold;}
#navlist li, #navlist  {
    /*height: 20px;*/
    display: block;
}
#home {
    left: 0px;
    background: url('../images/sprite-icon.png') no-repeat 0 0;
  /*height:22px;*/
}
#add_i {
    left: 0px;
    background: url('../images/add_i_icon.png') no-repeat 0 0;
    /*height:22px;*/
}
#city_i {
    left: 0px;
    background: url('../images/city_i_icon.png') no-repeat 0 0;
    /*height:22px;*/
}
#prev {
    left: 0px;
    background: url('../images/sprite-icon2.png') no-repeat 0px 0px;
  /*height:22px;*/
}
#next {
    left: 129px;
    width: 43px;
    background: url('../images/sprite-icon.png') no-repeat -91px 0;
} 
.pricing-table-signup-tiny {
  margin-top:10px;
  padding-bottom:10px;
  padding-left:15px;
  text-align:left;} 
.pricing-table-signup-tiny a {
  display:inline-block;
  background-color:#969696;
  line-height:20px;
  color:#fff;
  text-decoration:none;
  padding:5px 18px;
  margin-right:5px;
  }  
.pricing-table-signup-tiny a i.pri1 {
 background:url('../images/sprite-icon.png') no-repeat 0px -44px;
 padding:7px 10px;
 margin-left:-11px;
 }
.pricing-table-signup-tiny a i.pri2 {
 background:url('../images/sprite-icon.png') no-repeat 0px -73px;
 padding:7px 10px;
 margin-left:-11px;
 } 
.pricing-table-signup-tiny a:hover {
 background-color:#797979;}
.left-my-space { float: left; margin-right: 5px;}
.pricing-table-signup-tiny .pri1 {
    color:#fff;
    font-size:14px;
    padding:5px 20px;
    background:#ffcc00 url(../images/edit.png) no-repeat 5px 10px;
    background-color:#5398d7;
    cursor:pointer;
    border:none;
    width:55px;
    display: inline-block;
}
.pricing-table-signup-tiny .pri1:hover { background-color:#b1b0b0;}
.pricing-table-signup-tiny .pri2 {
    color:#fff;
    font-size:14px;
    padding:5px 28px;
    background:#ffcc00 url(../images/delete.png) no-repeat 10px 6px;
    background-color:#b1b0b0;
    cursor:pointer;
    border:none;
    width:80px;
    display: inline-block;
}
.pricing-table-signup-tiny .pri2:hover { background-color:#a3a1a1;}

.add-new-but-space { margin-bottom:5px; margin-top:5px;}
@media (max-width:980px){
    .add-new-but-space { margin-bottom:30px; margin-top:15px;}
}
.add-new-but-space .add-new-but {
    color:#fff;
    font-family:'Open Sans', sans-serif;
    font-size:14px;
    padding:5px 12px;
    background-color:#5398d7;
    cursor:pointer;
    border:none;
    float:right;
    border-right: solid 5px #317abc;
}
.add-new-but-space .add-new-but:hover { background-color:#498fcf;}

/*my address*/

/*my order*/
.order-right {
    border:1px solid #e6e5e5;
    margin-bottom:15px;
    box-shadow: 0px 50px 36px -60px #121D12;
}
.order-table-header {
    background-color:#f3f3f3;
    padding:8px 8px;
    border-bottom:solid 2px #909191;}
.order-id-space p {
    float:left;
    font-size:15px;
    color:#5398d7;
    margin-bottom:0px;
    margin-top:0px;
    font-family:'Open Sans', sans-serif;}
.order-date-space p {
    float:right;
    font-size:15px;
    color:#6a6a6a;
    margin-bottom:0px;
    margin-top:0px;
    font-family:'Open Sans', sans-serif;}
.order-table-address {
    margin:15px 2px 12px 5px;
    padding:5px;
}
.order-table-address span {
    float:left;
    background: url('../images/sprite-icon2.png') no-repeat 0 0px;
    height:25px;
    padding:10px;
    margin-right:5px;
    margin-bottom:30px;}
.order-table-address p {
    font-size:14px;
    color:#6a6a6a;
    margin-bottom:0px;
    margin-top:0px;
    font-family:'Open Sans', sans-serif;
}
.order-deta-space { margin-bottom:8px;}
.pick-up h5, .delivery h5 {
    font-family:'Open Sans', sans-serif;
    font-size:16px;
    color:#5398d7;
    font-weight:bold;
    margin-bottom:5px;
    margin-top:0px;}
.pick-up p, .delivery p {
    font-family:'Open Sans', sans-serif;
    font-size:14px;
    color:#6a6a6a;
    margin-bottom:5px;
    margin-top:0px;
    border-bottom:solid 1px #efeeee;}
.order-status { margin-bottom:10px;}
.order-status p {
    font-family:'Open Sans', sans-serif;
    font-size:16px;
    color:#6a6a6a;
    margin-bottom:5px;
    margin-top:0px;
    border-bottom:solid 1px #efeeee;
}
.order-status p span { color:#5398d7; font-weight:bold;}
.total-space { margin-top:8px;}
.total-space p {
    font-size:16px;
    color:#2c2c2c;
    margin-bottom:0px;
    margin-top:0px;
    font-family:'Open Sans', sans-serif;
    text-align:center;
    font-weight:bold;}
.order-but-space { margin-top:10px; margin-bottom:10px;}
.order-but-space .view-details {
    color:#fff;
    font-size:14px;
    padding:5px 10px;
    background-color:#5398d7;
    cursor:pointer;
    border:none;

}
.order-but-space .view-details:hover { background-color:#6aabe6;}
.order-but-space .view-details-yellow {
    color:#fff;
    font-size:14px;
    padding:5px 10px;
    background-color:#fead26;
    cursor:pointer;
    border:none;
    display: inline-block;
    margin-left: 5px;
}
.order-but-space .view-details-yellow:hover { background-color:#f9b33e;}
.order-but-space .cancel-order {
    float:right;
    color:#fff;
    font-size:14px;
    padding:5px 10px;
    background-color:#5398d7;
    cursor:pointer;
    border:none;
}
.order-but-space .cancel-order:hover { background-color:#6aabe6;}
.shrink-space { transition:all 0.3s ease;}
.shrink-space:hover {
    -webkit-transform:scale(1.1);
    -ms-transform:scale(1.1);
    transform:scale(1.1);}
.order-but-left { float: left;}

/*my order*/

/*view order css*/
.view-order-space { margin-bottom:5px; margin-top:5px;}
.view-order-space .back-order-but {
    color:#fff;
    font-family:'Open Sans', sans-serif;
    font-size:14px;
    padding:5px 12px;
    background-color:#5398d7;
    cursor:pointer;
    border:none;
    float:left;
    border-left: solid 5px #317abc;
}
.view-order-space .back-order-but:hover { background-color:#498fcf;}
a.make-payment-but {
    background-color: #fead26 !important;
    border-radius: 3px;
    padding: 8px 15px;
    color: #fff;
    text-decoration: none;
    box-shadow: 0px 4px 0px 0px #c07b07;
    text-shadow: 2px 1px #555555;
    position: absolute;
    right: 0;
    margin-top: -45px;
}
a.make-payment-but:hover {
    background-color: #e09210 !important;
}
@media (max-width:980px){
    a.make-payment-but {
        margin-top: -15px;
    }
}
.order-head-space {
    margin-top:35px;
    margin-bottom:10px;
}
.order-head-space h3 {
    font-family:'Open Sans', sans-serif;
    font-size:30px;
    color:#383838;
    margin-bottom:5px;
    margin-top:-5px;
}
.order-head-space p {
    font-size:14px;
    color:#6a6a6a;
    margin-bottom:10px;
    margin-top:0px;
    font-family:'Open Sans', sans-serif;
    border-bottom:solid 1px #eae8e8;
    padding-bottom:5px;
}
.main-circle-space { margin-top:20px;}
.circle-inner {
    float:left;
    display:block;
    width:13%;
    text-align:center;
}
.circle-dete-space h5 {
    font-size:16px;
    color:#6a6a6a;
    margin-bottom:5px;
    margin-top:10px;
    font-family:'Open Sans', sans-serif;
    font-weight:bold;
}
.circle-dete-space p {
    font-size:14px;
    color:#6a6a6a;
    margin-bottom:10px;
    margin-top:0px;
    font-family:'Open Sans', sans-serif;
}
.circle-line-space {
    float:left;
    width:30.5%;
    padding-top:70px;
}
.inner-line-space {
    background-color:#edebeb;
    height:5px;
    vertical-align:middle;
    margin-left:-2px;
    margin-right:-2px;
}

@media (max-width:1024px){
    .circle-line-space { padding-top:60px;}
}
@media (max-width:980px){
    .circle-line-space { padding-top:45px;}
}
@media (max-width:640px){
    .circle-inner { width:100%; }
    .circle-line-space { width:100%;}
    .circle-line-space { padding-top:20px; padding-bottom:20px;}
}

.order-section-space { margin-top:40px;}
.left-order-sp {
    float:left;
    border:solid 1px #CCC;
    padding:15px;
    width:48%;
    margin-left:4%;
}
.right-order-sp {
    float:right;
    border:solid 1px #CCC;
    padding:15px;
    width:48%;
}
.left-order-sp:first-child { margin-left:0px;}
.order-section-space h3 {
    font-family:'Open Sans', sans-serif;
    font-size:24px;
    color:#3a3a3a;
    font-weight:bold;
    margin-bottom:10px;
    margin-top:0px;
    border-bottom:solid 1px #5398d7;
    line-height:30px;
}
@media (max-width:800px){
    .left-order-sp { width:100%; margin-left:0; margin-bottom:20px; }
    .right-order-sp { width:100%; margin-bottom:20px; }
}
.order-inner-space { margin-top:5xp;}
.order-tab-deta p {
    font-size:16px;
    color:#6a6a6a;
    margin-bottom:5px;
    margin-top:0px;
    font-family:'Open Sans', sans-serif;
}
.order-tab-deta p span { font-weight:bold;}
@media (max-width:1200px){
    .order-tab-deta p { font-size: 15px; }
}
/*placeorder css*/
.orange-line-space {
    background-color:#fead26;
    height:5px;
    vertical-align:middle;
    margin-left:-2px;
    margin-right:-2px;
}
.table3{
    display:table;  /* Defines a Table */
    font-family:'Open Sans', Arial, sans-serif;
    font-size:16px;
    color:#6a6a6a;
    margin:0;
    width:100%;
}
.table-head3{
    display: table-header-group; /* Defines a table header group */
}
.table-head3 .column3{ /* Column inside the table-head */
    color:#6a6a6a;
    font-size:16px;
    font-family:'Open Sans', sans-serif;
    font-weight:bold;
}
/*
.table-head .column:hover{
  background:#222222;
}
*/
.row3{
    display:table-row; /* Defines a table row */
}

.row3:last-child .column3{  /* column in a last row */
    border-bottom:none;
}
.column3{
    display:table-cell; /* Defines a table cell */
    padding:5px 0px;

}
/*
.column:hover{
  background:#f9f9f9;
}
*/
/* Responsive table */
@media all and (max-width: 640px){
    .table3,
    .row3,
    .column3,
    .column3:before{
        display:block;  /* Converts a table, table row, table column and table column:before into a block element */
    }
    .table3,
    .row3 .column3:last-child{
        border-bottom:none;
    }
    .table-head3{
        position:absolute;  /* Hides table head but not using display none */
        top:-1000em;
        left:-1000em;
    }
    .row3{
        border:1px solid #eeeeee;
        border-top:2px solid #dddddd;
        border-bottom:2px solid #dddddd;
        margin:20px 0;
    }

    .row3 .column3:nth-child(1){ /* first column of the row */
        border-left:none;
    }
    .row3 .column3:last-child{ /* last column of the row */
        border-right:none;
    }
    .row3:last-child .column3,
    .column3{ /* Column in the last row and column */
        border-bottom:1px solid #eeeeee;
    }
    .column3:before{ /* prints the value of data-label attribute before the column data */
        font-weight:bold;
        padding-right:20px;
        font-size:12px;
        content:" "attr(data-label)" ";
        color:#5398d7;
    }
}
/*delivery css*/
.green-line-space {
    background-color:#19bd9b;
    height:5px;
    vertical-align:middle;
    margin-left:-2px;
    margin-right:-2px;
}
.order-status p .order-status-paid {
    position: absolute;
    right:15px;
    background:url('../images/paid_back_img.png') no-repeat;
    padding:10px 20px;
    font-size:15px;
    color:#fff;
    height: 35px;
    width: 72px;
    top: -18px;
}
.rating-list {
    /*display: inline-block;*/
    text-align: center;
    margin: 0 auto;
}
.rating-list ul li { display: inline-block;}
.star-rating-list {
    background: url('../images/star-rating.png') no-repeat 0 2px;
    height: 32px;
    width: 32px;
float: left;
}
@media (max-width:1199px) {
    .star-rating-list {
        height: 30px;
        width: 30px;
    }
}
#promocode_list {
    background-color: #12B1CD;
    overflow:hidden;
    box-shadow:0 2px 1px #ddd;
    padding:5px;
    min-height:24px;
    color:#fff;
    height: 35px;
}
@media screen and (max-width:991px){
    #promocode_list { height: auto; }
}
.promoul {
    display: inline-block;
}
.promocode_list span {
    font-family:Lato;
    font-size:17px;
    font-weight: bold;
}
.promortxt {
    font-size:17px;
    margin:0 2px
}
.promo_code{
    color: #E8F700;
}
.bbAccordion {
  background-color: #fff;
  box-shadow: 0px 1px 2px 1px #ebebea;
  padding: 20px;
  margin-bottom: 10px
}
.bbAccordion .accordion-head {
  /*padding: .2em .8em;*/
  cursor: pointer;
  /*border: 4px solid #f1f1f4;*/
  /*border-radius: 0px;*/
  /*background: #fff; */
}
.bbAccordion.active .accordion-head, .bbAccordion.active .accordion-head:hover {
  /*background: #f5f5f6;*/
}
.bbAccordion .accordion-head:hover {
  /*background: #f5f5f6;*/
}
.bbAccordion .accordion-head h2 {
  margin: 0;
  padding-right: 20px;
  color: #5398d7;
  font-size: 1.2em;
  line-height: 1.4em;
  position: relative;
  display: block;
  cursor: auto;
  /*background: url(accordion-arrow-down.png) 100% 50% no-repeat;*/

}
.bbAccordion.active .accordion-head h2 {
  /*background-image: url(accordion-arrow-right.png);*/
}
.bbAccordion .accordion-head .ui-icons.arrow {
  float: right;
  margin: 2px 0 0 10px;
  background-position: -377px -10px;
  width: 14px;
  height: 14px
}
.bbAccordion.active .accordion-head .ui-icons.arrow { background-position: -350px -10px }
.bbAccordion .accordion-content { padding: 10px 0;}
.bbAccordion .accordion-content.active { display: block }/*# sourceMappingURL=jquery.bbAccordion.css.map */


.bbAccordion .accordion-head h2:before, .bbAccordion .accordion-head h2:after {
  /* arrow icon on the right */
  content: '';
  position: absolute;
  right: 24px;
  top: 50%;
  height: 2px;
  width: 13px;
  background: #5398d7;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  transition-duration: 0.2s;
}
.bbAccordion .accordion-head h2:before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  right: 32px;
}
.bbAccordion .accordion-head h2:after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.bbAccordion.active .accordion-head h2:before {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.bbAccordion.active .accordion-head h2:after {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
@media (max-width:667px){
  .bbAccordion .accordion-head h2:before { right: 0px;}
  .bbAccordion .accordion-head h2:after {
    right: -8px;
  }
}
.placeorder{
    background: #00c0ef !important;
    width: 100px;
    height: 100px;
    border-radius: 50px;
    padding: 20px;
    margin: 0 auto;
}

.logo123{
    top: -20px;
    position: relative;
}
#works{
    padding: 68px 0px 0px 0px;
}
#benefits{
    padding: 36px 0px 0px 0px;
}
.back div{
    font-family: cursive;
}
#aboutus{
        padding: 40px 0px 0px 0px;
}
.aboutus{
    clear: both;
    font-size: 15px;
    line-height: 30px;
    color: #666;
    font-family: cursive;
    text-align: justify;
    top: 21px;
    position: relative;
}

.cobgntainer {
    background: white;
    padding: 41px;
    -webkit-box-shadow: 3px 3px 5px 6px #ccc;
    -moz-box-shadow: 3px 3px 5px 6px #ccc;
    box-shadow: 3px 3px 5px 6px #ccc;
    border-left: 5px solid #0B76B4;
        margin-top: 20px;
}
#termsconditions{
    margin-top: 100px;
}
.cobgntainer h1,h2{
    color: #333;
    font-weight: bold;
    font-size: 17px;
    font-family: cursive;
}
p{
    font-family: cursive;
}
.highlight {
    background: white;
   
    border-bottom: 5px solid #07F759!important;
}

@media (max-width:768px){
p,h1,h2,h3,h4,h5,span{
    font-family: serif !important;
}
.footer-address-space2{
    padding-left: 50px;
   }
.how-works{
      font-family: serif !important;
}
input.form-control, select.form-control {
    background: none;
    font-family: serif !important;
    background-color: white;
    border: 1px solid #fff;
    border-radius: 0px;
    /* -webkit-appearance: none; */
    -webkit-border-radius: 0;
    color: #333;
    height: 43px;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 16px;
}
textarea.form-control {
    background: none;
    font-family: serif !important;
    background-color: white;
    border: 1px solid #fff!important;
    -webkit-box-shadow: none !important;
    border-radius: 0px;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    color: #333;
    height: 92px !important;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 10px;
}
.footer-contact-box{
    margin-top: 30px;
}
.oder-content,.why-us-title,.footer-wow,.footer-address,.footer-mail,.footer-contactus,.copy-right{
   font-family: serif !important; 
}

.quality,.price,.easy,.Money,.Time,.Delivery{
    width: 90%;
    margin: 0 auto;
    margin-bottom: 20px;
}

.quality:hover,.price:hover,.easy:hover,.Money:hover,.Time:hover,.Delivery:hover{
    width: 90%;
    margin: 0 auto;
    margin-bottom: 20px;
}
.back div{
    font-family: serif !important; 
}


.contact-input, .first-contact-input, .last-contact-input, .contact-textarea, .submit-btn {
    /* height: 25%!important; */
    background: white !important;
    border: 0px !important;
    font-size: 16px;
    color: #333 !important;
    padding: 20px 10% !important;
    font-family: serif !important;
    margin: 0 15px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.submit-btn{
    padding: 7px 0 !important;
    margin: 10px 0 0 0;
    width: 100% !important;
    font-family: serif !important; 
    background: rgba(7, 247, 89, 0.78)!important;
    font-size: 25px;
    font-weight: bold;
    text-transform: uppercase;
    color: white !important;
        height: 45px;
}

#aboutus {
    padding: 40px 0px 0px 0px;
    margin-top: -84px;
}
}
.andriodgoogleinfooter{
    display: inline-flex;
    top: -11px;
    position: relative;
}

.brandaqua{
    font-size: 89%;
    font-family: cursive;
}
.paddindleft{
    padding-left: 50px;
}

.footer-mail1{
color: #fff;
font-size: 15px;
padding-left: 18px;
font-family: cursive;
    
}
.footer-mail1:hover{
color: #fff;
font-size: 15px;
padding-left: 18px;
font-family: cursive;
    text-decoration: none;
    
}

.paddindleft1{
    padding-left: 27px;
}

.imgcontainer {
position:relative;
overflow:hidden;

height:150px;
}
.imgcontainer .textboxcontainer {
position:absolute;
top:0;
left:0;

height:150px;
 margin-left: -750px;
}
.imgcontainer:hover .textboxcontainer {
margin-left:0;
}
.imgcontainer img {
margin-left:0;
        margin: 0 auto;
        top: 10%;
    position: relative;
}
.imgcontainer:hover img {
margin:0 auto;
 -webkit-transition: all 0.7s ease;
transition: all 0.7s ease;
    display: none;
}
.textboxcontainer {
padding-top: 50px;
}
.imgcontainer img, .textboxcontainer {
-webkit-transition: all 0.7s ease;
transition: all 0.7s ease;
}
.quality{
    background: #19bd9b;
    border-radius: 10px;
    cursor: pointer;
    
}
.quality p{
    color: white;
    font-family: cursive;
    font-size: 15px;
}
.price{
   background:  #f39c12 !important;
   border-radius: 10px;
     cursor: pointer;
    
}
.price p{
   color: white;
    font-family: cursive;
    font-size: 15px;
}

.easy{
   background:  #F3362C !important;
   border-radius: 10px;
     cursor: pointer;

    
}
.easy p{
   color: white;
    font-family: cursive;
    font-size: 15px;
}

.Money{
   background:  #0B76B4 !important;
   border-radius: 10px;
     cursor: pointer;
     
}
.Money p{
   color: white;
    font-family: cursive;
    font-size: 15px;
}

.Time{
   background:  turquoise !important;
   border-radius: 10px;
     cursor: pointer;
   
}
.Time p{
   color: white;
    font-family: cursive;
    font-size: 15px;
}

.Delivery{
   background:  violet !important;
   border-radius: 10px;
     cursor: pointer;

   
}
.Delivery p{
   color: white;
    font-family: cursive;
    font-size: 15px;
}


@media (min-width:1025px){

.Delivery{

width: 31.5%;
}
.Time{
  
     margin-right: 30px;
    width: 31.5%;
}


.Money{
   
     margin-right: 30px;
    width: 31.5%;
}
.easy{
   

    width: 31.5%;
}
.price{
   
     margin-right: 30px;
    width: 31.5%;
}
.quality{
   
    margin-right: 30px;
    width: 31.5%;
}
}




@media screen and (min-width:600px) and (max-width:800px) { 
   .footer-address-space2 {
    padding-left: 0px !important;
}


}

@media screen and (min-width:768px) and (max-width:1024px) { 
   .footer-address-space2 {
    padding-left: 0px !important;
}


}