drop_area/*New Theme modification*/
/* common override */
html { overflow-y: scroll;  }

@font-face { 
  font-family: 'TradeGothicLTStd'; 
  src:  url('fonts/TradeGothicLTStd.eot'); 
  src:  url('fonts/TradeGothicLTStd.eot?#iefix') format('embedded-opentype'), 
        url('fonts/TradeGothicLTStd.woff') format('woff'),  
        url('fonts/TradeGothicLTStd.ttf') format('truetype'), 
        url('fonts/TradeGothicLTStd.svg#TradeGothicLTStd-Bd2') format('svg'); 
        src: url('fonts/TradeGothicLTStd.ttf') format('truetype'); 
        font-weight: normal; font-style: normal;
        
}

@font-face { 
  font-family: 'TradeGothicLTStd-Bd2'; 
  src:  url('fonts/TradeGothicLTStd-Bd2.eot'); 
  src:  url('fonts/TradeGothicLTStd-Bd2.eot?#iefix') format('embedded-opentype'), 
        url('fonts/TradeGothicLTStd-Bd2.woff') format('woff'),  
        url('fonts/TradeGothicLTStd-Bd2.ttf') format('truetype'), 
        url('fonts/TradeGothicLTStd-Bd2.svg#TradeGothicLTStd-Bd2') format('svg'); 
        src: url('fonts/TradeGothicLTStd-Bd2.ttf') format('truetype'); 
        font-weight: normal; font-style: normal;
}

@font-face { 
  font-family: 'Aggie-Normal'; 
  src:  url('fonts/aggie-normal_0.eot'); 
  src:  url('fonts/aggie-normal_0.eot?#iefix') format('embedded-opentype'), 
        url('fonts/aggie-normal_0.woff') format('woff'),  
        url('fonts/aggie-normal_0.ttf') format('truetype'), 
        url('fonts/aggie-normal_0.svg#TradeGothicLTStd-Bd2') format('svg'); 
        src: url('fonts/aggie-normal_0.ttf') format('truetype'); 
        font-weight: normal; font-style: normal;
}

/* social icon font */
@font-face {
    font-family: 'Mono Social Icons Font';
    src: url('fonts/MonoSocialIconsFont-1.10.eot');
    src: url('fonts/MonoSocialIconsFont-1.10.eot?#iefix') format('embedded-opentype'),
         url('fonts/MonoSocialIconsFont-1.10.woff') format('woff'),
         url('fonts/MonoSocialIconsFont-1.10.ttf') format('truetype'),
         url('fonts/MonoSocialIconsFont-1.10.svg#MonoSocialIconsFont') format('svg');
    src: url('fonts/MonoSocialIconsFont-1.10.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

body { font: 12px/17px Arial,sans-serif; -webkit-font-smoothing: antialiased;
        text-shadow: 1px 1px 1px rgba(0,0,0,0.004); color: #000; background-color:#fcb316; /*background: url(../images/body_bg.png);*/ }
a { color: #16a858; }
a:active, a:focus { outline: none; text-decoration: none; }
a:hover { text-decoration: none; color: #911010 }
p { margin-bottom: 17px }
h1 a { color: #23252c; }
h1.breadcrum { background-color: #fafafa; margin-top: 0; position: relative; z-index: 1005; padding-top: 15px }
textarea { resize: none;}
.pull-left { margin-left: 10px; }
.pull-right { margin-right: 10px; }
.bigLetter1 { font-size: 70px; margin-right: 30px; display: inline-block; color: #f00; border: 1px solid #fff; }

/* ajax form */
form.ajax_form { max-width: 600px }
form.ajax_form .checkbox { padding-top: 0 }
form.ajax_form .form-group .col span { display: block; font-size: 10px; color: #666; font-weight: normal; }
form.ajax_form .btnsubmit { padding-top: 10px; }
form.ajax_form .yyyy { width: 100px }
form.ajax_form .form-group > div p { color: #f00; font-weight: bold; margin-bottom: 0; text-align: left; }
form.ajax_form .error > input, form.ajax_form .error > textarea { background-color: rgba(212,32,37,0.15); }
.site_content .form-control:focus {
    border-color: rgba(212,32,37,0.5);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(212,32,37,0.6);
    outline: 0 none;
}

ul { padding-left: 0; list-style: none;  }
ul li{ list-style: none; }

/* headings */
h1, h2, h3, h4, h5, h6 { font-family: Arial; font-weight: normal; color: #d42025; letter-spacing: 0.5px }
h1 { font-size: 18px; text-transform: uppercase; border-bottom: 1px solid #666; padding-bottom: 10px; margin-bottom: 20px }
h2 { font-size: 15px; text-transform: uppercase;}
h3 { font-size: 14px; text-transform: none; font-weight: normal;}
h4 { font-size: 12px; color: #333; font-weight: normal; }



/* common */
.header { background-color: #fcb316; min-height: 60px; padding: 0; text-align: right; border-bottom:1px solid #fdf8ec; position: relative; z-index: 1020; margin-bottom: 30px; }
.header .logo {padding: 5px; position: absolute;left: 0; z-index: 1010;}

/* header boxes */
.header .box { float: right; position: relative; padding: 0 10px; height: 60px; }
.header .box > span, .header .box > a > span{ display: inline-block; height: 60px; line-height: 60px; color: #231f20; cursor: pointer; }
.header .box > span:before, .header .box > a > span:before{ content: ""; float: left; margin: 10px 10px 0 0; width: 39px; height: 39px; background: url(../images/icon_sprite.png) no-repeat; }
.header .box:hover span:before{ border-radius: 100%; }
.header .box.contact { font-size: 16px; font-weight: bold; height: 62px;}
.header .box.feedback span:before{ background-position: -195px -176px }
.header .box.tariff span:before{ background-position: -39px 0 }
.header .box.trip_estimate span:before{ background-position: -39px 0; }
/*.header .box.trip_estimate {background-color: #ef4f36; }*/
.header .box.login span:before{ background-position: -78px 0 }
.header .box.contact span:before{ background-position: -117px 0 }
.header .box.call_back span:before{ background-position: 0 0 }
.header .box.feedback:hover span:before{ background-position: -156px -176px }
.header .box.tariff:hover span:before{ background-position: -39px -176px }
.header .box.trip_estimate:hover span:before{ background-position: -39px -176px }
.header .box.login:hover span:before{ background-position: -78px -176px }
.header .box.contact:hover span:before{ background-position: -117px -176px }
.header .box.call_back:hover span:before{ background-position: 0 -176px }
.header .box:hover { background-color: #e5a524; }
.header .box.active { background-color: #e5a524; }
.header .box.active.feedback span:before{ background-position: -156px -215px }
.header .box.active.tariff span:before{ background-position: -39px -215px }
.header .box.active.trip_estimate span:before{ background-position: -39px -215px }
.header .box.active.login span:before{ background-position: -78px -215px }
.header .box.active.contact span:before{ background-position: -117px -215px }
.header .box.active.call_back span:before{ background-position: 0 -215px }
.header .box:hover span { color: #231f20; }
.header .box.active span { color: #231f20; }

.header .box.logout span:before{ background-position: -78px 0 }
.header .box.logout:hover span:before{ background-position: -78px -176px }
.header .box.active.logout span:before{ background-position: -78px -215px }

.header .box, .header .box span { transition: all 0.3s ease 0s; }


/* content area */
.content_area { padding-top: 30px }

/* booking */
.booking .tab_head  { border-bottom: 4px solid #035026; }
.booking .tab_head a { background-color: #e5a524;color: #454545; display: inline-block; line-height: 48px; margin-right: 3px; padding-right: 10px; min-width: 170px; font-size: 14px; text-align: center; cursor: pointer; }
.booking .tab_head a span { float: left; background-color: #e5a524; margin-right: 10px }
.booking .tab_head a span:before { content: ""; background: url(../images/icon_sprite.png) no-repeat -156px 0; width: 39px; height: 39px; margin: 5px 8px; display: block; }
.booking .tab_head a.active {background-color: #ffffff;color: #454545; }
.booking .tab_head a.active:nth-child(2) { background-color: #ffffff; }
.booking .tab_head a.active span { color: #454545; background-color: #ffffff; }
.booking .tab_head a.active:nth-child(2) span { color: #454545; background-color: #ffffff; }
.booking .tab_content {background-color: #e5a524; box-shadow: 0 0 4px rgba(0,0,0,0.6)}


/* steps */
.steps .step { background-color: #f8bc26; color: #454545; line-height: 38px; text-align: center; text-transform: uppercase; padding: 0;  border-bottom: 1px solid #8e8e8e; position: relative;}
.steps .step:before { background: url(../images/icon_sprite.png) no-repeat -127px -39px; width: 15px; height: 15px; content: ""; position: absolute; bottom: -8px; left: 50%; margin-left: -8px}
.steps .step.active { background-color: #fcb316; color: #0d7a3e }
.steps .step.active:before { background-position: -142px -39px; }
.steps .step:nth-child(1), .steps .step:nth-child(2) { border-right: 1px solid #fff; }
.booking .booking_form { padding: 28px; background-color: #e5a524 }
.booking .booking_form .field{ padding-bottom: 30px }
.booking .booking_form label { color: #454545; font-weight: bold; text-transform: uppercase; display: block; }
.booking .booking_form input[type=text], .booking .booking_form .custom-combobox-input { background-color: #ffffff; border: 1px solid #bfb8b8; height: 31px; width: 100%; padding: 0 5px; border-radius: 0; background-image: none; }
.booking .button { text-align: center; }
.booking .button button { background-color: #fcb316; color: #231f20; height: 49px; line-height: 48px; padding-left: 0; padding-right: 20px; border: none; }
.booking .button button.back { background: url(../images/icon_sprite.png) no-repeat -197px -79px; width: 87px; height: 58px; padding-left: 28px; text-align: center; color: #000; padding-bottom: 39px; position: absolute; left: -33px; }
.booking .button button span { float: left; background-color: #fcb316; margin-right: 20px  }
.booking .button button span:before { content: ""; background: url(../images/icon_sprite.png) no-repeat -195px 0; width: 39px; height: 39px; margin: 5px 11px; display: block;  }
.booking .booking_form .field > span { background-color: #fcb316; display: block; padding-left: 31px; position: relative; height: 31px; }
.booking .booking_form .field > span:before { content: ""; background: url(../images/icon_sprite.png) no-repeat -77px -39px; width: 25px; height: 25px; margin: 3px; position: absolute; left: 0; top: 0;  }
.booking .booking_form .field.drop_area > span:before { background-position: -77px -64px }
.booking .booking_form .field.package_area > span:before { background-position: -77px -64px }
.booking .booking_form .field.pickup_date > span:before { background-position: -102px -39px }
.booking .booking_form .field.pickup_time > span:before { background-position: -102px -64px }
.booking .booking_form .field.drop_area > span, .booking .booking_form .field.package_area > span, .booking .booking_form .field.pickup_date > span { background-color: #fcb316 }


/* choose your taxi */
.booking .choose_your_taxi { padding: 14px 28px 28px 28px; }
.booking  p { margin: 0; }
.booking h2 { margin: 0; color: #231f20; font-size: 16px; text-transform: none; font-weight: normal; }
.booking h3 { margin: 0; color: #231f20; font-size: 14px; text-transform: capitalize; font-weight: normal; border-bottom: 1px solid #f8bc26; line-height: 20px; margin-bottom: 10px }
.booking .choose_your_taxi table { margin-bottom: 15px }
.booking .choose_your_taxi table td { border-bottom: 1px solid #f8bc26; padding: 5px; cursor: pointer; }
.booking .choose_your_taxi table tr:hover td { background-color: #f8bc26; }
.booking .choose_your_taxi table tr.active td { background-color: #ffffff; }
.booking .choose_your_taxi .button button span:before { background-position: -39px 0; }

/* choose your taxi hike*/
.booking .choose_your_taxi_hike { padding: 14px 28px 28px 28px; }
.booking  p { margin: 0; }
.booking h2 { margin: 0; color: #231f20; font-size: 16px; text-transform: none; font-weight: normal; }
.booking h3 { margin: 0; color: #231f20; font-size: 14px; text-transform: capitalize; font-weight: normal; border-bottom: 1px solid #f8bc26; line-height: 20px; margin-bottom: 10px }
.booking .choose_your_taxi_hike table { margin-bottom: 15px }
.booking .choose_your_taxi_hike table td { border-bottom: 1px solid #f8bc26; padding: 5px; cursor: pointer; }
.booking .choose_your_taxi_hike table tr:hover td { background-color: #f8bc26; }
.booking .choose_your_taxi_hike table tr.active td { background-color: #ffffff; }
.booking .choose_your_taxi_hike .button button span:before { background-position: -39px 0; }

/* choose your taxi round trip*/
.booking .choose_your_taxi_rt { padding: 14px 28px 28px 28px; }
.booking  p { margin: 0; }
.booking h2 { margin: 0; color: #231f20; font-size: 16px; text-transform: none; font-weight: normal; }
.booking h3 { margin: 0; color: #231f20; font-size: 14px; text-transform: capitalize; font-weight: normal; border-bottom: 1px solid #f8bc26; line-height: 20px; margin-bottom: 10px }
.booking .choose_your_taxi_rt table { margin-bottom: 15px }
.booking .choose_your_taxi_rt table td { border-bottom: 1px solid #f8bc26; padding: 5px; cursor: pointer; }
.booking .choose_your_taxi_rt table tr:hover td { background-color: #f8bc26; }
.booking .choose_your_taxi_rt table tr.active td { background-color: #ffffff; }
.booking .choose_your_taxi_rt .button button span:before { background-position: -39px 0; }

/* choose your taxi pkg10006*/
.booking .choose_your_taxi_pkg10006 { padding: 14px 28px 28px 28px; }
.booking  p { margin: 0; }
.booking h2 { margin: 0; color: #231f20; font-size: 16px; text-transform: none; font-weight: normal; }
.booking h3 { margin: 0; color: #231f20; font-size: 14px; text-transform: capitalize; font-weight: normal; border-bottom: 1px solid #f8bc26; line-height: 20px; margin-bottom: 10px }
.booking .choose_your_taxi_pkg10006 table { margin-bottom: 15px }
.booking .choose_your_taxi_pkg10006 table tr td { border-bottom: 1px solid #f8bc26; padding: 5px; cursor: pointer; }
.booking .choose_your_taxi_pkg10006 table tr:hover td { background-color: #f8bc26; }
.booking .choose_your_taxi_pkg10006 table tr.active td { background-color: #ffffff; }
.booking .choose_your_taxi_pkg10006 .button button span:before { background-position: -39px 0; }

/* choose your taxi pkg18010*/
.booking .choose_your_taxi_pkg18010 { padding: 14px 28px 28px 28px; }
.booking  p { margin: 0; }
.booking h2 { margin: 0; color: #231f20; font-size: 16px; text-transform: none; font-weight: normal; }
.booking h3 { margin: 0; color: #231f20; font-size: 14px; text-transform: capitalize; font-weight: normal; border-bottom: 1px solid #f8bc26; line-height: 20px; margin-bottom: 10px }
.booking .choose_your_taxi_pkg18010 table { margin-bottom: 15px }
.booking .choose_your_taxi_pkg18010 table tr td { border-bottom: 1px solid #f8bc26; padding: 5px; cursor: pointer; }
.booking .choose_your_taxi_pkg18010 table tr:hover td { background-color: #f8bc26; }
.booking .choose_your_taxi_pkg18010 table tr.active td { background-color: #ffffff; }
.booking .choose_your_taxi_pkg18010 .button button span:before { background-position: -39px 0; }

/* booking summary */
.booking .booking_summary { padding: 14px 28px 28px 28px; }
.booking .booking_summary .row { margin-bottom: 15px; }
.booking .booking_summary .row label { padding-right: 16px }
.booking .booking_summary .row input[type=radio], .booking .booking_summary .row input[type=checkbox] { float: left; margin: 2px 4px 0 0; }

/* juquery autocomplete */
.custom-combobox { position: relative; display: block; }
.custom-combobox-toggle { width: 40px; height: 30px; background: url(../images/drop_arrow1.png) right 11px no-repeat; top: 0; right: 0; position: absolute;}
#txtPickupDate { background: #ffffff url(../images/drop_arrow1.png) right 11px no-repeat;  }
.ui-autocomplete { max-height: 200px; overflow-y: auto; overflow-x: hidden; }

/* modal window */
.modalBG { background-color: rgba(0,0,0,.7); position: fixed; z-index: 5000; left: 0; top: 0; width: 100%; height: 100%; min-height: 5000px; display: none }
.modal_window { width: 500px; position: absolute; top: 100px; left: 50%; margin-left: -250px; background-color: #fff; z-index: 5010; color: #000; border-radius: 13px; display: none; }
.modal_window .inner { padding: 15px; }
.modal_window input[type=text] { width: 100%; }
.modal_window select { width: 100%; }
.modal_window .row { margin-bottom: 15px }
.modal_window .btns { text-align: center; padding-bottom: 15px}
.modal_window .btns input { border: none; min-width: 100px }
.modal_window h2 { font-size: 17px; font-weight: bold; padding: 8px 15px; border-bottom: 1px solid #ccc; margin: 0; }
.modal_window .btn_close { float: right; margin-top: -25px; margin-right: 10px; font-size: 12px; color: #000; cursor: pointer;  }
.error { font-size: 12px; color: #f00; font-weight: bold; display: none }
input.readonly { background-color: #e1e1e1; }

/* home slider */
.home_slider { position: relative; padding: 0 21px; }
.home_slider:before { content: ""; background: url(../images/slider_shaddow_left.png) no-repeat right bottom; width: 21px; position: absolute; left: 0; top: 0; height: 100%; }
.home_slider:after { content: ""; background: url(../images/slider_shaddow_right.png) no-repeat left bottom; width: 21px; position: absolute; right: 0; top: 0; height: 100%; }
.home_slider .inner { position: relative; }
.home_slider .inner img { width: 100% }
.home_slider .arrows { background: url(../images/icon_sprite.png) no-repeat 0 -39px; width: 77px; height: 58px; position: absolute; top: 50%; margin-top: -40px; left: -21px; z-index: 100 }
.home_slider .arrows span{ width: 38px; height: 44px; float: left; cursor: pointer; }
.home_slider .arrows span:before{ content: ""; background: url(../images/icon_sprite.png) no-repeat -18px -97px; width: 9px; height: 15px; display: block; margin: 15px 0 0 14px; }
.home_slider .arrows span.next:before{ background-position: -27px -97px }
.home_slider .arrows span.next:hover:before{ background-position: -9px -97px }
.home_slider .arrows span.prev:hover:before{ background-position:  0px -97px }



/* footer top part */
.footer_top { background-color: #e5a524; margin-top: 20px; padding-top: 7px; padding-bottom: 10px; color: #fff;}
.footer { background-color: #fcb316; color: #000; line-height: 40px; position: relative; z-index: 1010; transition: all 0.3s ease 0s;}
.footer a{ color: #fff; }
.footer_top a{ color: #fff; }
.footer .author{ padding: 0; }
.footer .copyright{ text-align: right; }
.footer_top h3{ font-size: 12px; text-transform: uppercase; margin-top: 10px; margin-bottom: 7px; font-weight: bold; color: #fff }
.footer_top .info_links { position: relative; padding-right: 30px }
.footer_top .info_links:before { background: url(../images/hor_sep1.png) no-repeat left center; width: 15px; height: 100%; position: absolute; left: -10px; top: 0; content: ""}
.footer_top .info_links:after { background: url(../images/hor_sep1.png) no-repeat left center; width: 15px; height: 100%; position: absolute; right: 20px; top: 0; content: ""}
.footer_top .info_links ul { margin-bottom: 15px}

.inner_page { box-shadow: 0 0 4px rgba(0, 0, 0, 0.6); background-color: #f8f8f8; padding: 20px; min-height: 370px; }
.inner_page h2{color:#e5a524; font-weight:bold; margin-top: 0; font-size: 22px; font-weight: normal; padding-bottom: 10px; margin-bottom: 15px; border-bottom: 1px solid #ccc; font-family: Oswald;  }

/* footer testimonial */
.footer_top .testimonial { position: relative;}
/*
.footer_top .testimonial .arrows .next, .footer_top .testimonial .arrows .prev { position: absolute; width: 23px; height: 23px; top: 36px; left: 0; z-index: 100 }
.footer_top .testimonial .arrows .next:before, .footer_top .testimonial .arrows .prev:before { height: 16px; width: 9px; background: url(../images/icon_sprite.png) no-repeat -18px -157px; margin: 4px 0 0 6px; content: ""; display: inline-block; }
.footer_top .testimonial .arrows .next:before { background-position: -27px -157px; }
.footer_top .testimonial .arrows .next:hover:before { background-position: -9px -157px; }
.footer_top .testimonial .arrows .prev:hover:before { background-position: 0 -157px; }
.footer_top .testimonial .arrows .next { left: 111px; }
.footer_top .testimonial .slider_image { width: 90px; height: 90px; position: absolute; left: 0; top: 0; margin: 0 28px 0 22px; border-radius: 100%; overflow: hidden; border: 3px solid #fff;  }
.footer_top .testimonial .slider_image img { width: 90px; height: 90px; }
*/
.footer_top .testimonial .slider_text { margin-left: 0px; margin-right: 20px;border-radius: 5px; border: 1px solid #f8bc26; padding: 10px 20px;  text-align: center; background-color:#f8bc26; }
.footer_top .testimonial .slider_text h3{ padding: 0 10px; color: #ef4f36; font-size: 12px; font-weight: bold; margin-bottom: 10px }
.footer_top .testimonial .slider_text h3 span{ color: #454545; font-size: 12px; font-weight: normal; }
.footer_top .testimonial .slider_text p{ padding: 0 10px; color: #000; margin-bottom: 0; text-align: left; font-weight:bold; }

/* popup window */
.popups { position: relative; z-index: 1000; margin: 0 -15px;}
.popup_window .block_bg { position: fixed; background-color: rgba(0,0,0,0.8); height: 5000px; z-index: 1010; width: 100%; left: 0; top: 0; display: none;}
.popup_window { position: absolute; height: 100%; width: 100%; top: 0; display: none;}
.popup_window .inner { position: relative;  }
.popup_window .box { width: 30%; position: absolute; right: 0; top: 0; background-color: #fff; z-index: 1020; padding: 30px 30px 55px; max-width: 406px; display: none;}
.popup_window .box h2{ font-size: 16px; font-weight: bold; color: #000; text-transform: uppercase; margin: 0 0 15px 0; }
.popup_window .advertisement { width: 70%; position: absolute; left: 0; top: 0; height: 100%; z-index: 1020; text-align: center; padding-top: 70px }
.popup_window .ad { width: 100%; margin-bottom: 15px }
.popup_window .close_btn { width: 47px; height: 58px; position: absolute; left: -20px; top: 65%; background: url(../images/icon_sprite.png) no-repeat -39px -97px; cursor: pointer;    }

/* form */
.form .field { position: relative; margin-bottom: 10px}
.form .field .input{ position: relative; padding-left: 35px }
.form input[type=text], .form input[type=password], .form textarea { width: 100%; height: 35px; line-height: 35px; padding: 0 5px; border: 1px solid #ccc; font-weight: bold; font-size: 14px; font-family: Arial }
.form .field .input:before { content: ""; background: #e5a524 url(../images/icon_sprite.png) no-repeat -239px -2px; width: 35px; height: 35px; position: absolute; left: 0; bottom: 0; }
.form .field.textarea .input:before { display: none; }
.form .field.textarea .input { padding: 0 }
.form textarea { height: 100px; }
.form .field.user .input:before { background-position: -159px -42px; background-color: #e5a524  }
.form .field.password .input:before { background-position: -199px -42px;  }
.form .field.email .input:before { background-position: 0 -119px; background-color: #e5a524 }
.form .field.alternative_mobile .input:before { background-position: -88px -94px;background-color: #e5a524 }
.form .field.add_line .input:before { background-position: -120px -96px;  background-color: #e5a524}
.form .field.area .input:before { background-position: -88px -136px; background-color: #e5a524 }
.form .field.city .input:before { background-position: -122px -135px; background-color: #e5a524 }
.form .field.pin .input:before { background-position: -160px -137px; background-color: #e5a524 }
.form .field.password .input:before { background-position: -199px -42px; background-color: #e5a524 }
.form .field.confirm_password .input:before { background-position: -199px -138px; background-color: #e5a524 }
.form label { display: block; line-height: 18px; height: 18px; margin-bottom: 0 }
.form .btns { display: block; text-align: center; margin-bottom: 10px; padding-top: 5px}
.form .btns input{ width: 175px; background-color: #e5a524; border: none; color: #fff; font-size: 16px; font-weight: bold; height: 40px;  }
.form .field.i_accept input { height: 17px; width: 20px; float: left; margin: -1px 5px 0 -2px; }
.form .btns input:hover{ background-color: #f8bc26; }

/* register and forgot password button */
.forgot_password_register_btns { text-align: center; }
.forgot_password_register_btns .sep{ border-right: 1px solid #ccc }
.form .register_btn, .form .forgot_password { display: inline-block; position: relative; padding-top: 40px; line-height: 20px; color: #000; text-align: center; font-weight: bold; cursor: pointer; }
.form .register_btn:before, .form .forgot_password:before { content: ""; position: absolute; left: 50%; top: 0; background: url(../images/icon_sprite.png) no-repeat -237px -39px; width: 40px; height: 40px; background-color: #e5a524; margin-left: -20px; }
.form .register_btn:hover:before, .form .forgot_password:hover:before { background-color: #f8bc26 }
.form .register_btn:hover, .form .forgot_password:hover { color: #f8bc26 }
.form .error { margin-bottom: 0 }
.form .error.post_submit { background-color: #f00; color: #fff; font-weight: bold; padding: 4px; border-radius: 4px; text-align: center; margin-bottom: 10px}
.form .error.post_submit.success { background-color: #16a858; }
.form .forgot_password:before { background-position: -157px -79px }

.register_form .field { width: 50%; float: left; padding: 0  }
.register_form .field.full { width: 100%; float: none;  }
.register_form .field.left { padding-right: 8px  }
.register_form .field.right { padding-left: 8px  }
.register_form .field.email .input:before, .register_form .field.alternative_mobile .input:before, .register_form .field.add_line .input:before, .register_form .field.pin .input:before, .register_form .field.password .input:before { background-color: #e5a524 }

.feedback_form .field.alternative_mobile .input:before {background-color: #e5a524}
.feedback_form .field.email .input:before {background-color: #e5a524}

.distributer_form .field { width: 50%; float: left; padding: 0  }
.distributer_form .field.full { width: 100%; float: none;  }
.distributer_form .field.left { padding-right: 8px  }
.distributer_form .field.right { padding-left: 8px  }
.distributer_form .field.email .input:before, .distributer_form .field.alternative_mobile .input:before, .distributer_form .field.add_line .input:before, .distributer_form .field.pin .input:before, .distributer_form .field.password .input:before { background-color: #ef4f36 }

/* horizontal rule */
hr { height: 1px; max-height: 1px; width: 100%; background-color: #ccc; margin: 20px 0;}

/* full screen */
body.fullscreen { padding-top: 66px; }
body.fullscreen .footer { position: fixed; bottom: 0; left: 0; width: 100%; margin: 0;}
body.fullscreen .header { position: fixed; top: 0; left: 0; width: 100%; margin: 0;}

/* tariff table */
.tariff_table {border-radius: 5px; overflow: hidden;}
.tariff_table td, .tariff_table th { padding: 5px; border: 1px solid #ccc;  }
.tariff_table th { background-color: #e5a524; text-align: center;}
.tariff_table td.info { background-color: #f8bc26 }
.tariff_table td p { margin-bottom: 10px }
.tariff_table td p:last-child { margin-bottom: 0 }

/* audio player */
.audio_player { text-align: center; padding: 7px 3px; border-bottom: 1px solid #870101 }
.audio_player img { max-width: 100% }
.audio_player .jp-playlist { display: none; }
.audio_player .jp-stop { display: none; }
.audio_player .jp-progress { display: none; }
.audio_player .jp-time-holder { display: none; }
.audio_player .jp-toggles { display: none; }
.audio_player .jp-mute { border: medium none; float: left; width: 14px; text-indent: -1000px; overflow: hidden; margin-top: 6px;background: transparent; }
.audio_player .jp-volume-max { display: none !important; }
.audio_player .jp-volume-bar { background: url(../images/icon_sprite.png) no-repeat -55px -129px; height: 9px; width: 55px; margin: 8px 0 0 4px;  }
.audio_player .jp-volume-bar .jp-volume-bar-value { background: url(../images/icon_sprite.png) no-repeat 0 -129px; height: 9px; width: 55px;  }
.audio_player .jp-controls { float: left; }
.audio_player .jp-controls button, .audio_player .jp-volume-controls { background: url(../images/icon_sprite.png) no-repeat 0 -98px; height: 28px; width: 36px; border: 0; overflow: hidden; text-indent: -1000px;float: left; }
.audio_player .jp-controls button { margin-right: 1px }
.audio_player .jp-volume-controls { width: 70px; background-position: -148px -98px } 
.audio_player .jp-controls button.jp-next { background-position: -37px -98px }
.audio_player .jp-controls button.jp-play { background-position: -74px -98px }
.audio_player .jp-state-playing button.jp-play { background-position: -111px -98px }

/* enquiry */
.header .enquiry { font-family: TradeGothicLTStd-Bd2; font-size: 16px; color: #fff; border-bottom: 1px solid #870101; background-color: #a40202; padding: 7px 0; line-height: 29px }
.header .enquiry:before { content: ""; float: left; background: url(../images/icon_sprite.png) no-repeat 0 0; width: 20px; height: 26px; margin: 3px 4px 0 5px;}

/* main navigation */
.menu { margin-top: 10px }
.menu .navbar ul { padding: 0; margin: 0; text-align: center; }
.menu .navbar ul li { list-style: none; padding: 0; display: inline-block;}
.menu .navbar ul li.project { display: none }
.menu .navbar ul li.sub.project { display: inline-block }
.menu .navbar ul li.sub.event { display: none }
.menu .navbar ul li a { line-height: 20px; display: block; color: #fff; font-family: TradeGothicLTStd-Bd2; font-size: 14px; padding: 8px; text-transform: uppercase; text-decoration: none; }
.menu .navbar-collapse { padding: 0 }
.menu .navbar ul li a:hover, .menu .navbar ul li a.active { background-color: #e90b0b }
.menu .navbar ul li a > span { display: none; }
.menu .navbar{ background: transparent; border-radius: 0; border: none; box-shadow: none; margin-bottom: 0}

/* header quote box */
.header_quote_box { border-top: 1px solid #e81f1f; padding: 10px; position: relative; }
.header_quote_box h2{ color: #fff; font-size: 16px; text-transform: uppercase; margin: 0; }
.header_quote_box .inner { margin: 10px 0; padding: 10px; background-color: #ffb406; color: #000; font-size: 14px; border-radius: 10px; }
.header_quote_box .inner:after { border-right: 24px solid transparent; border-top: 28px solid #ffb406; content: ""; height: 30px; position: absolute; width: 0; bottom: -10px; left: 50%; }

/* social buttons */
.social-buttons { margin-bottom: 15px }
.social-buttons a { font-family: 'Mono Social Icons Font'; -webkit-text-rendering: optimizeLegibility; -moz-text-rendering: optimizeLegibility; -ms-text-rendering: optimizeLegibility; -o-text-rendering: optimizeLegibility; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -ms-font-smoothing: antialiased; -o-font-smoothing: antialiased; font-smoothing: antialiased; }
.social-buttons a { cursor: pointer; display: inline-block; border-radius: 16px; width: 32px; height: 32px; border: 2px solid transparent; margin-bottom: 10px; background-color: #fff; text-decoration: none; font-size: 32px; color: #e5a524; line-height: 28px; margin: 0; text-align: center;}
.social-buttons a:hover { background-color: #0d7a3e; color: #fff; border-radius: 0 }
.social-buttons a.icon-facebook:hover { background-color: #304c86; }
.social-buttons a.icon-twitter:hover { background-color: #12aaf5;  }

/* pad for header part */
.padForMainHeader { margin-left: 200px }

/* quote box */
.quote_box { padding: 10px 10px 10px 50px; border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc; margin-bottom: 20px; background-color: #fafafa; position: relative; }
.quote_box:after { content: ""; position: absolute; width: 27px; height: 22px ; background: url(../images/icon_sprite.png) no-repeat -5px -31px; top: 12px; left: 12px }
.quote_box p{ margin: 0;  }


/* breadcrum */
.breadcrum { border-top: 1px solid #e0e0e0; margin: 0 -15px 5px; background-color: #f2f2f2; padding: 7px 15px; box-shadow: 0px 1px 1px #fff inset; margin-top: 85px; }
.breadcrum a { text-transform: capitalize; }

/* site content drop shadow */
.site_content {  background-color: #f9f9f9; min-height: 100%; position: relative;  }
.site_content img{ width: 100% }
.site_content.subpage { position: relative;}
.site_content.subpage h1 { padding-left: 15px; margin-bottom: 0; }

/* submenu */
.site_content .submenu { border-bottom: 1px solid #e0e0e0; box-shadow: 0 1px 1px #fff; margin-bottom: 15px }
body.service .site_content .submenu {  }
.site_content .submenu a{ padding: 5px 10px; display: inline-block; text-align: center; color: #000; font-family: TradeGothicLTStd-Bd2; font-weight: normal; font-size: 13px; position: relative;} 
.site_content .submenu a:first-child { border-top: none; }
.site_content .submenu a:last-child { border-bottom: none; }
.site_content .submenu a.active, .site_content.subpage .submenu a:hover { color:#d42025; }
.site_content .submenu a.active:after { content: ""; position: absolute; top: 50%; right: 10px; width: 5px; height: 9px; background: url(../images/icon_sprite.png) no-repeat 0 -31px; margin-top: -4px }
.site_content .submenu a span{ display: none }  
.site_content .subpage_content h2{ margin-top: 0; font-size: 16px}

/* relevent info - right side supportive image */
.main_part .relevant_info { background-color: #a40202; position: relative; }

/* site content bullets */
.site_content ul { margin-bottom: 25px; }
.site_content ul li { margin-bottom: 15px; padding-left: 30px; }
.site_content ul li:before { float: left; content: ""; background: url(../images/icon_sprite.png) no-repeat -20px 0; width: 21px; height: 21px; display: block; margin: -3px 0 0 -30px ;}

/* footer */
.main_part .site_content .footer_text, .main_part .relevant_info .footer_text { position:  absolute; bottom: 0; left: 0; width: 100%; height: 40px; background-color: #c60000; color: #fff; line-height: 40px; text-align: center; padding-left: 196px; }
.main_part .relevant_info .footer_text { background-color: #fff; color: #c60000; padding-right: 161px; padding-left: 0 }
.en-page-home- .main_part .site_content .footer_text { width: 50%; padding-right: 70px }
.en-page-home- .main_part .relevant_info { float: right; height: auto !important; overflow: visible; }

/* footer contact info */
.footer-extra .contact_info ul li { padding-left: 33px; text-align: left; font-size: 14px; font-family: TradeGothicLTStd-Bd2; position: relative; margin-bottom: 18px }
.footer-extra .contact_info ul li.address:before, .footer-extra .contact_info ul li.email:before, .footer-extra .contact_info ul li.phone:before { content: ""; width: 15px; height: 20px; background: url(../images/icon_sprite.png) no-repeat -187px 0; position: absolute; left: 0; top: 0 }
.footer-extra .contact_info ul li.email:before { background-position: -202px 0; width: 17px; height: 14px; top: 3px }
.footer-extra .contact_info ul li.phone:before { background-position: -219px 0; width: 16px; height: 20px; }
.footer-extra .contact_info ul li a{ color: #fff }
.footer-extra .contact_info ul li a:hover{ color: #f00 }
.footer-extra .contact_info ul li.map img{ width: 100% }

/* main part */
.main_part .relevant_info {  padding: 0; position: relative; overflow: hidden;}
.main_part .relevant_info > img { width: auto; height: 100%; position: absolute; left: -10000px; top: -10000px; right: -10000px; bottom: -10000px; margin: auto; min-width: 100%; min-height: 100% }
.en-service-home-.service .main_part .relevant_info > img { position: static; width: 100%; height: auto; min-height: 100px }
.main_part .site_content { background-color: #fafafa; }
.main_part .relevant_info > img.page_not_found { max-width: 300px; max-height: 300px; min-width: 100px; min-height: 100px; }

/* tab */
.tab-content { margin-bottom: 20px; padding: 0 20px 20px;  border-top: 1px solid #999; }
.nav-tabs > li > a { font-weight: bold; color: #d42025 }
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { background-color: #d42025; color: #fff; border-color:#d42025; border-radius: 0; border-bottom-color: transparent; font-weight: bold; }

/* photo gallery */
.photo_gallery a { width: 150px; height: 100px; float: left; overflow: hidden; display: inline-block; margin-right: 10px; margin-bottom: 10px; border: 4px solid #ccc; border-radius: 5px }
.photo_gallery a:hover { border-color: #d42025; }
.photo_gallery a img { width: 100%;}
/* watermark */
#html5-watermark { display: none !important }

/* event */
.site_content .all_events {  }
.site_content .all_events li:before { display: none; }
.site_content .all_events li { padding-left: 0; padding-bottom: 15px; border-bottom: 1px solid #ccc; margin-bottom: 15px }
.site_content .all_events li p {  font-family: TradeGothicLTStd-Bd2; font-size: 15px; }
.site_content .all_events li .date{ background-color: #d42025; border: 2px solid #d42025; border-radius: 8px; float: left; font-size: 14px; height: 50px; overflow: hidden; width: 103px; margin-right: 15px }
.site_content .all_events li .date .day{  color: #fff; float: left; font-family: TradeGothicLTStd-Bd2; font-size: 27px; line-height: 44px; text-align: center; width: 41px; text-shadow: 3px 3px 3px rgba(0,0,0,.5); box-shaddow: 0 0 5px #333 inset; }
.site_content .all_events li .date .month, .site_content .all_events li .date .year{ color: #d42025; float: left; font-family: TradeGothicLTStd-Bd2; line-height: 22px; text-align: center; width: 58px; background-color: #fff;}
.site_content .all_events li .date .month { border-bottom: 2px solid #d42025 }


/* service list */
.services_list > div { padding: 15px }
.services_list .item img { width: 100% }
.services_list a { display: block; background-color: #fff }
.services_list a .frame { height: 170px; overflow: hidden;  }
.services_list a .frame img{ min-height: 170px; }
.services_list h2 { text-align: center; line-height: 28px; background-color: #d42025; color: #fff; padding: 10px; line-height: 28px; font-size: 14px; margin: 0; }
.services_list > div:nth-child(3) h2 { padding: 5px; line-height: 16px }

/* flex slider */
.home_project_main_slider { margin-top: 20px; }
.home_project_main_slider .slick-slider{ margin: 0; }
hr.project_home_sep { margin: 38px 0 30px}

.slick-slider { margin: 0; overflow: hidden;}
.slider.home .slick-slide { position:  relative; }
.slider.home .caption, .slider.home .title { position: absolute; text-align: center; font-size: 14px; text-transform: uppercase; background-color: rgba(0,0,0,.8);  padding: 10px 0; width: 400px; bottom: 70px; right: 30px; z-index: 1000 }
.slider.home .caption { bottom: 150px; color: #f00; font-family: Aggie-Normal; font-size: 15px; right: 75px; width: 310px; }
.slider.home .title .text { font-family: Aggie-Normal; font-size: 21px; color: #fff; margin: 0 0 10px 0; }
.slider.home .title .split { font-size: 12px; color: #f00 }
.slider.home .title .split:nth-child(2) { color: #ffb406; }
.slider.home .slick-prev, .slider.home .slick-next { width: 38px; height: 40px; background: #a40202 url(../images/icon_sprite.png) -38px -46px no-repeat; text-indent: -100000px; top: auto; margin: 0 0 0 -22px; left: 50%; bottom: 18px; z-index: 1010;  }
.slider.home .slick-prev { margin-left: -60px}
.slider.home .slick-next { background-position: -76px -46px; }
.slider.home .slick-prev:hover { background-position:  0 -46px; }
.slider.home .slick-next:hover { background-position: -114px -46px; }
.slider.home .slick-next:after { position: absolute; width: 15px; height: 15px; border-top: 18px solid #6e0101; border-right: 16px solid transparent; content: ""; right: 0; bottom: -18px; }
.slider.home .slick-prev:after { content: ""; position: absolute; width: 1px; height: 80%; right: 0; top: 10%; background-color: #870101 }
.slider.home .slick-next:before { content: ""; position: absolute; width: 1px; height: 80%; left: 0; top: 10%; background-color: #de1a1a }

.slider .split { width: 50%; float: left; font-weight: bold; font-family: Arial; color: #464646; font-size: 12px; padding-top: 0 }
.slider .split:nth-child(2) { color: #f00; text-transform: uppercase;}
.slider.project_hightlights img{ width: 100%; } 
.proj_high { padding: 0; }
.proj_high .row { margin: 0; }
.proj_high .row > div{ padding: 0; }
.proj_high .row > div:nth-child(1){ padding-right: 7px; }
.proj_high .row > div:nth-child(2){ padding-left: 7px; }
.proj_high .caption { text-transform: uppercase; color: #373737; font-size: 14px; font-weight: bold; padding-bottom: 7px }
.proj_high .caption span { color: #f00; }


.homeBigCover { position: absolute; width: 1200px; height: 100%; overflow: hidden; left: 50%; margin-left: -600px }


/* image cover design */
.cover { background-color: #f0f0f0; border-radius: 5px; border: 1px solid #e0e0e0; box-shadow: 0px 0px 2px #fff inset; padding: 6px; }
.outer-cover { background-color: #f0f0f0; border-radius: 5px; border: 1px solid #e0e0e0; box-shadow: 0px 0px 2px #fff inset; padding: 6px; }
.site_content .cover .inner, .site_content .outer-cover .inner { position: relative; padding: 0; }
.cover .inner:before, .outer-cover .inner:before{ position: absolute; width: 100%; height: 100%; content: ""; box-shadow: 0 0 6px rgba(0,0,0,.5) inset; background: none; margin: 0; display: block; float: none; z-index: 100}

/* custom scroll */
.custom_scroll > .inner { padding-bottom: 20px; overflow: hidden; }
.nicescroll-rails { background: rgba(0,0,0,.8) !important; width: 20px !important; margin-left: 21px; }
.nicescroll-rails:before { float: left; content: ""; background-color: rgba(0,0,0,.8); width: 20px; height: 500px; margin-top: -500px; }
.nicescroll-rails > div { background: #c60000 !important; width: 6px !important; border-radius: 0 !important; margin-right: 7px; border: none !important;}

/* buttons */
.site_content .btn-success { background: #c60000; font-weight: bold; border: none; border-radius: 0 }
.site_content .btn-success:hover { background: #f00; }

/* content side codes, based on cms page tag */
.en-page-about-us-board-and-management- .site_content .custom_scroll .inner > a.html5lightbox { max-width: 50%; display: inline-block; padding: 0 10px; margin-bottom: 20px }
.en-page-about-us-board-and-management- .site_content .custom_scroll .inner > a.html5lightbox img { width: 100% }

/*light box */
a.html5lightbox { margin-bottom: 15px; display: block;}

/* project_list */
.site_content .project_list li:before { display: none; }
.site_content .project_list li { padding: 10px; border: 1px solid #e0e0e0; box-shadow: 0 0 2px #fff inset; background-color: #f0f0f0; border-radius: 7px; position: relative; }
.project_list li a.img { float: left; width: 50%; padding-right: 10px }
.project_list li a.img .frame { position: relative; max-height: 210px; overflow: hidden;  }
.project_list li a.img .frame:before { position: absolute; content: ""; box-shadow: 0 0 6px rgba(0,0,0,.8) inset; width: 100%; height: 100% }
.project_list li a.img .frame img{ box-shadow: 0 0 6px rgba(0,0,0,.8) inset; }
.project_list li h2 { margin-top: 0; line-height: 38px; border-bottom: 1px solid #fff; font-size: 16px;  }
.project_list li h2 span{ display: block; border-bottom: 1px solid #e0e0e0; }
.project_list li .details { float: left; width: 50%; padding-left: 10px; position: relative; padding-bottom: 25px; min-height: 186px }
.project_list li .details .row .lbl{ color: #d10000; padding-left: 0 }
.project_list li .details .row .text{ color: #373737; padding-right: 0 }
.project_list li .details .row { margin-bottom: 15px; position: relative; }
.project_list li .details a.read_more, .project_list li .details .download_pdf { position: absolute; left: 10px; bottom: 0px; }
.project_list li .details a.read_more { color: #fff; background-color: #d10000; padding: 5px 10px;  font-weight: bold;  }
.project_list li .details a.download_pdf { left: auto; right: 0; bottom: -5px }
.project_list li .details a.download_pdf:after { float: right; content: ""; width: 44px; height: 46px; background: url(../images/icon_sprite.png) no-repeat -41px 0; margin: -30px 0 0 6px; }

/* preloader */
#jpreLoader { position: fixed !important; color: #c60000; font-family: Oswald !important; margin-left: 10px;  text-align: center; z-index: 1100; background-color: #fff; padding: 3px;  font-size: 12px !important; width: 50px; right: 0 !important; top: 2px !important; left: auto !important;  }
.en-page-home- #jpreLoader {  top: 50% !important; right: auto !important; left: 50% !important; margin-left: -115px; font-size: 30px !important; width: 230px;  line-height: 30px;}
.loaderPlus { position:  fixed; width: 230px; height: 55px; overflow: hidden; left: 50%; top: 50%; margin-left: -115px; margin-top: -56px; background-color: #ccc; z-index: 1100 }
.loaderPlus .inner { position:  relative; width: 230px; height: 55px; }
.loaderPlus .inner img, .loaderPlus .inner .percentage  { position:  absolute; width: 230px; height: 55px; z-index: 99; bottom: 0; left: 0 }
.loaderPlus .inner img  { position:  absolute; z-index: 100 }
.loaderPlus .inner .percentage  { background-color: #c60000; width: 0;  }
.loaderLine { width: 0; position: fixed; top: 0; height: 2px; background-color: #c60000; left: 0; z-index: 1100 }
.bgOverlay { width: 100%; position: fixed; height: 100%; background-color: #fff; left: 0; top: 0; z-index: 1050}


/* for home page */
.header_quote_box { display: none }
.en-page-home- .breadcrum { display: none }
.main_part { margin: 0; padding: 0}
.en-page-home- .main_part .site_content { padding: 0; margin: 0; width: 100%; height: auto !important; overflow: hidden;}
.padForMainHeader { margin-left: 0 }
.padForMainHeader > .container-fluid { padding: 0 }


.en-page-home- .home_project_main_slider { margin: 0; padding: 0; border: none; border-radius: 0; }
.site_content .footer_text a { color: #fff; }
.relevant_info .footer_text { left: auto; right: 0; background-color: #fff; color: #c60000; padding: 0 161px 0 28px; }
.relevant_info .footer_text a { color: #c60000; }
.social-buttons .row > div { padding: 4px 0; }
.en-page-home- .project_home_sep { display: none ;}
.home_main_menu_toggle { display: none; }
.en-page-home- .home_main_menu_toggle { position: fixed; left: 0; top: 0; background-color: #c60000; color: #fff; z-index: 1150; padding: 5px; text-align: center; text-transform: uppercase; font-weight: bold; }
.en-page-home- .home_main_menu_toggle:before { background: url(../images/icon_sprite.png) no-repeat -133px 0; display: block; margin: 5px 10px; width: 27px; height: 17px; content: ""; }
.home-page-menu-group { position: fixed; left: 0; top: 0; width: 100%; display: block; }
.en-page-home- .home-page-menu-group .menu{ display: none; }
.en-page-home- .home-page-menu-group .enquiry{ display: none; }
.en-page-home- .home-page-menu-group .logo{ display: none; }

/* ease animation */
a, .menu .navbar ul li a span.tagline, input{-moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }

/* debug-variables */
.debug-variables { padding: 9px; position: fixed; z-index: 1000; right: 0; top: 0; width: 300px; background-color: #f9f9f9; display: none}
.debug { position: fixed; padding: 6px; background: #fff; right: 0; top: 0; z-index: 1000000; border: 1px solid #666; display: none; }

/* menu thumb */
.navbar-default .navbar-toggle .icon-bar, .navbar-default .navbar-toggle .icon-bar:focus, .navbar-default .navbar-toggle .icon-bar:active { background-color: #fff }
.navbar-default .navbar-toggle, .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:active { background-color: transparent; }
.navbar-default .navbar-toggle:hover { background-color: #fff }
.navbar-default .navbar-toggle:hover .icon-bar { background-color: #000 }

.footer_top .info_links li a { color: #222 }
.footer_top .info_links li a:hover { color: #fff; }

body .maincontent{
    background-image: url('../images/dtnewbgall.png');
    background-repeat: no-repeat;
    background-position: center bottom;
}

/* responsive */
@media (max-width: 1328px) {
  
}

@media (max-width: 1222px) {
  
} 

@media (max-width: 995px) {
  .header .container {clear:both;}
  .header .box > span > span { display: none; }
  .header .box > span::before { margin: 10px 0 0;}
  .footer_top .info_links:before { display: none }
  .footer_top .info_links:after { display: none }
  .footer_top .info_links { padding: 0 0 15px 0 }
  .footer_top .testimonial { padding-bottom: 20px; border-bottom: 1px solid #ccc }
  .footer_top .stayconnected:before { content: ""; height: 1px; width: 100%; background-color: #ccc; display: block;}
  .popup_window .box { width: 50%; max-width: 100%}
  .popup_window .advertisement { width: 50% }
   .home_slider { padding-top: 20px; }
}

@media (max-witdh: 982px) {
  .header .container {clear:both;}
}

@media (max-width: 895px) {
  .header .container {clear:both;}
}

@media (max-width: 820px) {
.header .container {clear:both;}
}

@media (max-width: 767px) {
  .header .container {clear:both;}
  .header .box > a > span > span { display: none; }
  .footer_top { text-align: center;}
  .footer_top .info_links ul { margin-bottom: 0 }
  .footer_top .info_links li { display: inline-block; padding: 0 10px}
  .popup_window .box { width: 90%; max-width: 100%}
  .popup_window .advertisement { display: none; }
  .footer .author, .footer .copyright { line-height: 20px; text-align: center; }
  .home_slider { display: none; }
  .content_area > .row > div{ padding: 0 }
  .register_form .field { width: 100%; float: none; padding: 0 }
  .register_form .field.left { padding-right: 0 }
  .register_form .field.right { padding-left: 0 }
  .register_form form .clearfix { clear: both;}
  
  .distributer_form .field { width: 100%; float: none; padding: 0 }
  .distributer_form .field.left { padding-right: 0 }
  .distributer_form .field.right { padding-left: 0 }
  .distributer_form form .clearfix { clear: both;}
}

@media (max-width: 550px) {
  .header .container {clear:both;}
}

@media (max-width: 525px) {
.header .container {clear:both;}
}

@media (max-width: 480px) {
   .header .container {clear:both;}
  .logo { width: 130px; text-align: center; }
  .logo img{ width: 110px; }
  .header .box { padding: 0 5px}
}
@media (max-width: 360px) {
  .header .container {clear:both;}
  .header .logo { width: 100%; position: static; display: block;}
  .header .box { padding: 0 5px; height: 40px; margin: 5px 0;}
  .header .box span{ height: 40px }
  .header .box span:before{ margin: 0;}
  .header .box.contact { height: 40px; }
  .header .box.contact span{ padding: 0 5px; height: 40px }
  .header .box.contact span:before{ margin: 0 }
  .popup_window .box { padding-top: 45px }
}