/*
Theme Name: Parcel Globe
Theme URI: https://wordpress.org/themes/parcelglobetheme/
Author: the Green Web Media team
Author URI: https://www.greenwebmedia.com/
Description: The 2018 theme for WordPress takes us back to the blog, featuring a full range of post formats.
Version: 2.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: blog, one-column, two-columns, right-sidebar, custom-header, custom-menu, editor-style, featured-images, footer-widgets, microformats, post-formats, rtl-language-support, sticky-post, translation-ready, accessibility-ready
Text Domain: parcelglobetheme

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700,800|Titillium+Web:300,400,600,700,900');

body{
    margin: 0;
    padding: 0;
    font-family: 'Titillium Web', sans-serif; color: #686868;
}

.remove-padding{
    padding-left: 0;
    padding-right: 0;
}

a{ transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; text-decoration: none !important;}
ul{ padding: 0; margin: 0; list-style: none;}

p{ font-size: 16px; line-height: 26px;}

h1,h2,h3{font-family: 'Montserrat', sans-serif;}


.landing{ background: url('http://webdeveloperlive.com/parcelglobe/wp-content/uploads/2018/12/Welcome-Banner-1.jpg'); background-size: cover; background-repeat: no-repeat; width: 100%; height: 100vh;}
.wrapper{ text-align: center; position: relative; width: 100%; height: 100%;}
.inner-wrap{ position: absolute; top: 50%; width: 100%;transform: translateY(-50%);-webkit-transform: translateY(-50%);}
.logo-big{ margin: 0px 0px 50px;}
.landing-form label{ text-transform: uppercase; font-size: 30px; font-family: 'Montserrat', sans-serif; color: #0f1c4b; font-weight: 600; margin-bottom: 30px;}
.landing-form{ width: 500px; margin: 0 auto;}
.landing-form select.form-control{ border: 2px solid #0a1439; height: 40px; background: rgba(255,255,255,0.7); width: 60%; margin: 0 auto; font-size: 18px; color: #0a1439; font-weight: 600; text-transform: uppercase;     padding: 4px 10px 5px 10px;}
.btn-go {
    width: 100px;
    height: 40px;
    background: #0a1439;
    color: #fff;
    font-size: 20px;
    border-radius: 0;
    padding: 0px;
    line-height: 38px;
    margin-top: 20px;
}
.btn-go:hover{ background: #929291; color: #fff;}
/*.btn-go .fa{ font-size: 16px; margin-left: 5px;}*/
a.btn-theme {
    background: #0a1439;
    color: #fff;
    padding: 10px 20px;
    display: inline-block;
}

/*** My Custom CSS start ***/

.top-menu ul li { margin-right: 0; width: 100%; }
.top-menu ul.dropdown-menu { min-width: 100px; background-color: #0f1c4b; border: none; border-radius: 0px; }
li .dropdown-toggle { cursor: pointer; }

.lrm-signin-section.is-selected p.lrm-form-bottom-message { display: none; }
.lrm-form-message.lrm-form-message--init { border-left: 4px solid #dc3232; }
.lrm-form-message.lrm-form-message--init strong:nth-child(1) { color: #dc3232; }
.lrm-form-message.lrm-is-error { border-left-color: #088c1f; }

/*.loader {border: 16px solid #f3f3f3; border-top: 16px solid #3498db; border-radius: 50%; width: 35px; height: 35px; animation: spin 2s linear infinite; display: none;}*/

/** Tracking Progress bar **/
.bs-wizard {margin-top: 40px;}
.bs-wizard {border-bottom: solid 1px #e0e0e0; padding: 0 0 10px 0;}
.bs-wizard > .bs-wizard-step {padding: 0; position: relative;}
.bs-wizard > .bs-wizard-step + .bs-wizard-step {}
.bs-wizard > .bs-wizard-step .bs-wizard-stepnum {color: #595959; font-size: 16px; margin-bottom: 5px;}
.bs-wizard > .bs-wizard-step .bs-wizard-info {color: #999; font-size: 14px;}
.bs-wizard > .bs-wizard-step > .bs-wizard-dot {position: absolute; width: 16px; height: 16px; display: block; background: #09B4AC; top: 45px; left: 50%; margin-top: -7px; margin-left: -8px; border-radius: 50%;} 
.bs-wizard > .bs-wizard-step > .progress {position: relative; border-radius: 0px; height: 8px; box-shadow: none; margin: 20px 0; background-color: #e5e5e5; overflow: hidden;}
.bs-wizard > .bs-wizard-step > .progress > .progress-bar {width:0px; box-shadow: none; background: #09B4AC;}
.bs-wizard > .bs-wizard-step.complete > .progress > .progress-bar {width:100%;}
.bs-wizard > .bs-wizard-step.active > .progress > .progress-bar {width:50%;}
.bs-wizard > .bs-wizard-step:first-child.active > .progress > .progress-bar {width:0%;}
.bs-wizard > .bs-wizard-step:last-child.active > .progress > .progress-bar {width: 100%;}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot {background-color: #e5e5e5;}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot:after {opacity: 0;}
.bs-wizard > .bs-wizard-step:first-child  > .progress {left: 50%; width: 50%;}
.bs-wizard > .bs-wizard-step:last-child  > .progress {width: 50%;}
.bs-wizard > .bs-wizard-step.disabled a.bs-wizard-dot{ pointer-events: none; }

/** Placed parcel order css on "Order Status" page **/
.woocommerce table.shop_table.manage-width-1 { width: 70%; }
.woocommerce table.shop_table.manage-width-3, .woocommerce table.shop_table.manage-width-4 { width: 60%; }

/** Fron-end parcel order css for datatable **/
table#frontendParcelOrder thead .sorting_asc::after, table#frontendParcelOrder thead .sorting_desc::after { content: none; }
table#frontendParcelOrder thead .sorting_asc { background-image: url(images/datatable-img/sort_asc.png); background-repeat: no-repeat; background-position: center right; }
table#frontendParcelOrder thead .sorting_desc { background-image: url(images/datatable-img/sort_desc.png); background-repeat: no-repeat; background-position: center right; }
table#frontendParcelOrder thead .sorting { background-image: url(images/datatable-img/sort_both.png); background-repeat: no-repeat; background-position: center right;}
table#frontendParcelOrder thead .sorting::after { content: none; }

/** view fron-end parcel order css **/
.woocommerce-table--pg-order-details thead, .woocommerce-table--pg-order-details tfoot { background: #c1bdbd; }
.woocommerce-table--pg-order-details thead th, .woocommerce-table--pg-order-details tfoot th, .woocommerce-table--pg-order-details tfoot td { color: #333; }
.woocommerce-table--pg-order-details>tbody>:nth-child(odd){ background-color: #f9f9f9; }


/*** My Custom CSS end ***/



/********************* HEADER CSS STARTS HERE **************/
.mobile-arw{ background: #0a1439; position: fixed; width: 100%; top: 0px; z-index: 999; left: 0px; }
.mobile-arw a{ display: block; width: 30px; height: 30px; color: #fff; line-height: 30px; text-align: center; font-size: 16px; margin: 0 auto;}

.mobile-arw a.active{ transform: rotate(180deg);}

.top-tagline{ background: #929291; color: #fff;  padding: 10px 0px;position: relative;    z-index: 5;}
.top-menu{ display: block; float: right;}
.top-menu li{ float: left; margin-right: 20px;}
.top-menu li a{ color: #fff;}
.top-menu li a .fa {padding-right: 1px;}
.top-menu li:last-child{ margin: 0px;}

.inner-top{ position: relative; width: 100%; float: left;}
.sticky {position: fixed;width: 100%;left: 0;top: 0;z-index: 100;}
.hidden-logo{ position: absolute; top: -7px; left: 0px; transform: scale(0); -webkit-transform: scale(0); transition: 1s; -webkit-transition: 1s; width: 140px;}
.hidden-logo img{ width: 100%;}
.top-tagline.sticky .hidden-logo{transform: scale(1); -webkit-transform: scale(1); }

.header-main-top{   background: none;}

.header-main-top .cta{float: left;
    list-style: none;
    margin: 0;
    padding: 0;
}

.header-main-top .account{float: right;
    list-style: none;
    margin: 0;
    padding: 0;
}

header.header-top {
    position: relative;
     width: 100%;
}

.menu-area{ width: auto; position: relative; float: right; margin-top: 35px;}
.header-top .logo{ float: left; padding: 20px 0px;}
.main-menu{ width: 100%; float: left;}
.main-menu ul{ display: table; width: 100%;}
.main-menu ul li{ float: left; position: relative;}
.main-menu ul > li > a{ font-size: 16px; color: #1f212f;  padding: 13px 15px; display: block; font-family: 'Montserrat', sans-serif; font-weight: 600;}
.main-menu ul > li:hover a{ }

.main-menu .sub-menu{ position: absolute; top: 100%; left: 0px; min-width: 220px; display: none; z-index: 99; background: rgba(255, 255, 255,1);   box-shadow: 0px 10px 15px rgba(0,0,0,0.3);}
.main-menu .sub-menu li{ width: 100%;   border-bottom: 1px solid #d4d4d4;}
.main-menu .sub-menu li:last-child{ border: none;}
.main-menu .sub-menu li a{ padding: 10px 15px; font-size: 14px;  text-transform: capitalize;}


.main-menu .sub-menu li:hover a{ color: #929291;}
.main-menu .sub i{ display: none;}
.main-menu .sub{ display: none;position: absolute;
    top: 5px;
    right: 5px;
    width: 25px;
    height: 25px;
    background-color: #0159aa;}

.main-menu .sub:after {
    content: "";
    background-image: url('images/down-arrow.svg');
    position: absolute;
    background-repeat: no-repeat;
    background-size: 13px;
    background-position: center;
    width: 15px;
    height: 15px;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    transform: rotate(-90deg);
    margin: auto;
}

.main-menu .sub.submenu-hide:after {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
}

.menu-toggle{position: relative;z-index: 99; display: none}
.main-menu ul li a:hover, .main-menu ul li.active a, .main-menu ul li a:focus{     color: #929291; }

/********************* HEADER CSS ENDS HERE **************/

/******************** SLIDER CSS STARTS HERE *************/

.carousel-caption {bottom: auto; top: 50%; padding: 0px;  left: 10%; right: 10%; width: 80%; text-align: center;  transform: translateY(-50%);  -webkit-transform: translateY(-50%); font-family: 'Montserrat', sans-serif;}

.carousel-caption .top-head{ font-size:40px; margin:0px 0px 10px;text-shadow: 0px 4px 10px rgba(0,0,0,0.4); font-weight: 700; letter-spacing: 1.5px;  position: relative; text-transform: uppercase;}

.carousel-caption p{ font-size: 24px; margin-bottom: 30px; font-weight: 500;}
.carousel-caption a.slide-btn{     font-size: 14px;
    color: #fff;
    display: inline-block;
    padding: 11px 30px;
    background: #929291;
    text-transform: uppercase;
    font-weight: 500;    text-shadow: none;}

.carousel-caption a.slide-btn:hover{ background: #0f1c4b; }

.carousel-caption a.slide-btn .fa{ margin-left: 5px; font-size: 16px;}


#myCarousel .carousel-control.left:before, #myCarousel .carousel-control.right:before {
    top: 3px;
    left: 14px;
    font-size: 20px
}
#myCarousel .carousel-control.left {
    top: 50%;
    left: 0px;
}
#myCarousel .carousel-control.right {
    top: 50%;
    right: 0px;
}
#myCarousel .carousel-control {
    background: rgba(0, 0, 0,0.8);
    width: 40px;
    height: 80px;
    z-index: 10;
    opacity: 1;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
#myCarousel .carousel-control .fa {
    font-size: 30px;
    text-shadow: none;
    opacity: 1;
    color: #fff;
    line-height: 80px
}

.item > img {
  width: 100%;
}


/********************* SLIDER CSS ENDS HERE **************/


.main-heading{ margin: 0px; color: #0f1c4b; font-size: 30px; font-weight: 500; margin-bottom: 40px; text-align: center; text-transform: uppercase; font-weight: 600;}
.main-heading:after { background: rgba(0, 0, 0, 0) url('images/after-dark.png') no-repeat; content: "";  display: block;  height: 50px;  background-position: center center;position: relative;}

.services{ background: #f7f7f7; padding: 30px 0px;}
.services-box{ background: #fff; border: 1px solid #ddd; padding: 10px; border-radius: 5px; float: left; width: 100%; margin-bottom: 30px;}
.service-text h4{ color: #29303b; font-size: 24px; font-weight: 600; margin: 10px 0px;}
.service-img{ float: left;     margin-right: 30px;}
.track-parcel {   background: #f7f7f7; z-index: 10; position: relative;}

.track-box {background: #f7f7f7; margin-top: -30px; box-shadow: 0px 5px 30px rgba(0,0,0,0.2); float: left; width: 100%; position: relative; overflow: hidden;}

.track-box:after{ content: "";
    position: absolute;
    width: 350px;
    height: 400px;
    background: #0f1c4b;
    top: -70px;
    right: -105px;
    transform: rotate(20deg); -webkit-transform: rotate(20deg); -moz-transform: rotate(20deg);}

.left-main{ width: 60%; float: left;    padding: 50px 0px 0px 40px;}
.left-main h2{ margin: 0px 0px 30px; font-size: 24px; text-transform: uppercase; color: #0f1c4b; font-weight: 600;}

.left-main label{ color: #0f1c4b;font-size: 17px; font-weight: 600;}
.left-main label:first-child{ margin-right: 50px;}

.btn-submit{    background: #0f1c4b;
    color: #fff;
    border-radius: 0px;
    height: 40px;
    width: 120px;
    font-size: 14px;
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;}

.btn-submit:hover{ background: #929291; color: #fff;}

.track-input{ margin: 30px 0px 0px;}
.track-input input{ width: calc(100% - 120px); float: left; height: 40px; background: #ebebeb;     border: none;}


.car-img{ width: 35%; float: right; text-align: right; z-index: 10;position: relative;}

.get-quote{ padding: 50px 0px;}
.quote-form .nav-tabs{ border: none;}
.quote-form .tab-content{ background: #0f1c4b; padding: 30px; color: #fff;}

.quote-form .nav-tabs>li>a{ border-radius: 0; background: #929291; color: #fff; font-size: 16px;padding: 14px 20px;    margin: 0 2px 0px 0px; border: none;}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{ background: #0f1c4b; color: #fff; border: none;}

.quote-form  .nav-tabs>li{ margin: 0px;}

.inner-area label{ font-size: 16px; font-weight: 600;}

.wrapped{ width: 100%; float: left;}
.wrapped .select{ width: 50%; float: left;}
.wrapped .optional{ width: 50%; float: left;}


.btn-unit{    background: #929291;
    color: #fff;
    border-radius: 0px;
    height: 36px;
    width: 36px;
    font-size: 14px; padding: 0px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    display: inline-block;
    text-align: center;
    line-height: 36px;
}


.input-unit input{width: calc(100% - 36px);}
.inner-area input{ float: left; height: 36px; float: left;}
.inner-area select{ height: 36px;}


.inner-area .btn-book{ background: #929291;  border-radius: 0; width: 100%;  height: 36px;     margin-top: 27px;}

.inner-area .btn-book:hover{background: #fff; color: #0f1c4b;}

.multiple{ float: right; position: relative; top: -40px;}
.multiple a{ color: #0f1c4b; font-size: 16px; font-weight: 600;}
.multiple a .fa{margin-right: 7px;}


/********************* Section CSS ends HERE **************/


/********************* Footer CSS ends HERE **************/

.footer{ background: url('images/footer-bg.jpg'); padding: 50px 0px 20px; color: #fff; background-size: cover; background-color: #0f1c4b;}
.footer-widget{ margin-bottom: 30px;}
.footer-widget h4{ font-size: 24px; color: #fff; margin: 0px 0px 30px;}
.foot-links a{ color: #fff;}
.foot-links li::before {  content: "\f101";  font-family: FontAwesome;  font-size: 16px; left: 0px; color: #fff; margin-right: 10px; font-weight: normal;}
.foot-links li {font-size: 16px; font-weight: 600; margin-bottom: 20px; transition: 0.3s; -webkit-transition: 0.3s;}
.copy{padding: 10px 0px;  color: #fff; text-align: center;}
.copy a{ color: #fff;}

.foot-links li:hover{ text-indent: 5px;}


/********************* Footer CSS ends HERE **************/


.page-title {
    padding: 120px 0px;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    text-align: center;
}

.page-title h1 {
    display: inline-block;
    margin: 0px;
    background: rgba(146, 146, 145,0.8);
    text-transform: capitalize;
    font-size: 24px;
    color: #fff !important;
    font-weight: 400;
    padding: 14px 30px;
    outline: solid 2px rgb(146, 146, 145);
    outline-offset: 5px;
}

.main-content {
    padding: 50px 0px;
}

/*.inner-heading {
    color: #0a1439;
    margin: 0px;
    margin-bottom: 20px;
    font-weight: 600;
    font-family: 'Titillium Web', sans-serif;
}*/
.about-page h2, .contact-page h2 {
    color: #0a1439;
    margin: 0px;
    margin-bottom: 20px;
    font-weight: 600;
    font-family: 'Titillium Web', sans-serif;
}

.form-group .form-control {
    padding: 6px 12px;
    border-color: #ddd;
    border-radius: 0px;
    box-shadow: none;
}

.contact-list {
    padding: 0px;
    margin-top: 20px;
}

.btn-form {
    border-radius: 0px;
    border: none;
    background: #0a1439;
    padding: 10px 20px;
    transition: 0.3s;
}

.btn-form:hover {
    background: #0b101c;
}

.contact-list li {
    font-size: 16px;
    line-height: 40px;
    font-weight: 500;
    margin-bottom: 20px;
    display: block;
    width: 100%;
    float: left;
}

.contact-list li a{ color: inherit;}

.contact-list .contact-icon {
    display: table;
    width: 40px;
    height: 40px;
    float: left;
    text-align: center;
    font-size: 18px;
    margin-right: 15px;
    border: 2px solid #0a1439;
}

.contact-list .contact-icon .fa {
    vertical-align: middle;
    display: table-cell;
    color: #0a1439;
}


.lead {
    font-size: 16px;
    line-height: 26px;
    font-weight: 500;
}
.img-full img {
    width: 100%;
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.3);
}

.about-page h4{ margin: 20px 0px; color: #0a1439; font-weight: 600; font-size: 22px;}
.icon-list{ font-size: 14px; margin-left: 30px;}
.icon-list li{ margin-bottom: 5px;}
.icon-list li:before{  position: absolute;content: "\f101";    font-family: fontAwesome;left: 25px;}
.inner-sub {color: #0a1439;    margin: 20px 0px;}

.product-list{ display: block; float: left;     margin: 0px -10px 0px;     width: 100%;}
.product-list li{ width: 25%; float: left; margin-bottom: 30px;  padding: 0px 10px; position: relative;}
.pro-img{ border: 1px solid #ddd; padding: 5px; border-radius: 2px;}
.pro-img img{ width: 100%;}
.product-list li:nth-child(4n+1){clear: both;}
.pro-detail{padding: 10px; color: #777; text-align: center;}
.pro-name{color: #777; font-size: 15px; margin-bottom: 5px; display: block;}
.rating{ margin-bottom: 5px; font-size: 12px;}
.pro-price{ font-size: 20px;  color: #0a1439; font-weight: 600;}

.pro-sidebar {   border: 1px solid #ddd;}
.pro-sidebar h3 {
    margin: 0px;
    font-size: 18px;
    background: #0f1c4b;
    border-bottom: 1px solid #ddd;
    padding: 12px 15px;
    color: #ffffff;
    text-align: center;
}
.widget_product_categories .pro-sidebar ul li{ line-height: 20px;}
.widget_product_categories .pro-sidebar ul li a{ font-size: 15px; color: #777; line-height: 2;}
.widget_product_categories .pro-sidebar{ padding: 10px 20px;}

.pro-cart{ margin-top: 10px;}
.pro-cart a{ font-size: 15px; background: #929291;color: #fff;display: inline-block;padding: 5px 10px;}
.pro-cart .fa{font-size: 14px; margin-left: 5px;}
.pro-cart a:hover{ background: #0a1439;}

.product-list li:hover .pro-img{ border-color: #0a1439;}



/*--- modal css ---*/
.modal-body .landing-form {
    text-align: center;
}
.modal-body .landing-form label {
    font-size: 28px;
    margin-bottom: 12px;
}
.modal#myModal {
    top: 50%;
    margin-top: -100px;
}
#myModal .modal-header {
    border-bottom: 0;
    padding: 0;
}
#myModal .modal-header .close {
    top: 10px;
    margin-right: 15px;
    position: relative;
    z-index: 9999;
}


.economy-rate{}
.economy-rate .quote-heading, .express-rate .quote-heading{background: #0a1439;  text-align: center;  color: #fff;  padding: 10px 0px;}

.quote-result{ background:#e3e3e3;  padding: 20px 15px; text-align:center;    border: 1px solid #ccc;}
.quote-result .logo{ margin-bottom:10px;}
.quote-result .logo img {  max-width: 250px;}
.quote-result .price{ font-size: 30px;  color: #0a1439;  font-weight: 700;line-height: 1.2em;}
.quote-result .quote-service{ font-size: 18px;  margin: 10px 0px 20px;}
.quote-result .btn-srvc{ background: #8a8a8a;}
.quote-result .btn-srvc:hover{background: #0a1439;}

.quote-error {   text-align: center;}
.quote-error h3{ margin: 0 0 10px;   color: #0a1439;  font-weight: 600;}
.quote-error .btn-theme{ margin-top:20px;}
.quote-error p{ font-size:18px;    font-weight: 600;}

/********************* card-page-27-12-2018 **************/
/********woo commerce code*********/
.sidebar-inner input.btn.btn-go {
    width: 100%;
}
td.label {
    color: #000;
    font-size: 14px;
    /*margin: -4px 13px 0 0;
    padding: 0px;
    max-width: 0px;
    float: left;*/
}


select.orderby { background-color: #0f1c4b; border: none; padding: 8px 15px; color: #ffffff; font-size: 16px;}
.woocommerce-result-count { color: #1c1c1c; font-size: 16px; font-weight: 600; text-transform: uppercase;}
.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail.wp-post-image { border: 1px solid #0f1c4b; width: 35px; height: 35px;}

li.product.type-product h2.woocommerce-loop-product__title { color: #0f1c4b; font-size: 16px !important; text-align: center; padding: 5px 0 !important; height: 50%; min-height: 30px;}

.woocommerce ul.products { text-align: center; }
.woocommerce ul.products li.product .star-rating {font-size: 16px;}
ul.products li.product.type-product .star-rating {left: 85px;}
.star-rating span {color: #0f1c4b;}
.woocommerce ul.products li.product .price { color: #000000; font-size: 14px; margin: 0px;
    padding: 0px 0 9px 0px;}
.woocommerce ul.products li.product .button { margin-top: 0em;}

.button.product_type_simple.add_to_cart_button.ajax_add_to_cart { background-color: #0f1c4b; border-radius: 0px;
    position: relative; color: #ffffff; font-weight: 500; text-transform: uppercase;}
.button.product_type_simple.add_to_cart_button.ajax_add_to_cart:hover { background-color: #3c3c3c;}

.woocommerce a.added_to_cart { background-color: #3c3c3c; color: #ffffff; padding: 4px 32px; text-transform: uppercase;margin-top: 6px;}

.woocommerce-breadcrumb a { color: #0f1c4b !important; text-decoration: underline;}
.woocommerce ul.products li.product a img {object-fit: cover; border: 1px solid #343534;}

.inner-pages .woocommerce-pagination span.current { background-color: #0f1c4b !important; color: #ffffff !important;
    width: 30px; height: 30px; line-height: 18px;}
.inner-pages .woocommerce-pagination a.page-numbers { width: 30px; height: 30px; line-height: 18px; color: #000000;}

.entry-content .woocommerce-cart-form table tr th { border: 1px solid #e5e5e5; background-color: #ffffff; color: #000000; font-weight: 600;
    text-transform: capitalize;}

.entry-content .woocommerce-cart-form table tbody tr a {color: #0f1c4b; font-weight: 400; text-transform: unset;}

.entry-content .woocommerce-cart-form table tbody tr:nth-child(2n) { background-color: #f2f2f2;}
.entry-content .woocommerce-cart-form table input[type="number"] {padding: 4px 2px 4px 10px; text-align: left;}
.coupon input[type="text"] { background-color: #f2f2f2; height: 35px; min-width: 200px;}
.coupon input[type="submit"] { background-color: #0f1c4b; border-radius: 0px; height: 35px; color: #ffffff;
    font-weight: 500; text-transform: uppercase; padding: 0px 15px;}
.coupon input[type="submit"]:hover { background-color: #2c2c2c; color: #ffffff;}

.cart_totals h2 { background-color: transparent; padding: 0 0 8px; margin-bottom: 15px; border-bottom: 3px solid rgba(0,0,0,.2);
    color: #1c1c1c; font-size: 20px;  font-weight: 600;  text-transform: unset;}

.cart_totals table.shop_table_responsive tr:nth-child(2n) { background-color: #f2f2f2;}
.cart_totals table.shop_table_responsive { border-radius: 0px;}
.wc-proceed-to-checkout a { margin-bottom: 0px !important; padding: 10px !important; background-color: #0f1c4b !important; text-transform: uppercase; font-weight: 500 !important; border-radius: 0px !important;}
.wc-proceed-to-checkout a:hover { background-color: #3c3c3c !important;}

.woocommerce-message { border-top: 3px solid #0f1c4b;}
.woocommerce-message::before { color: #0f1c4b;}
.woocommerce-message a {color: #0f1c4b; text-decoration: underline;}

.woocommerce-info { border-top: 3px solid #0f1c4b;}
.woocommerce-info::before { color: #0f1c4b;}
.woocommerce-info a { color: #1c1c1c; font-weight: 600;}
.checkout_coupon { background-color: #0f1c4b; border-radius: 0px !important; border: none !important;}
.checkout_coupon .form-row-first input[type="text"] { height: 35px; padding-left: 12px; border: 1px solid #7c7c7c;
    box-shadow: inset 0 0 5px #aaaaaa; text-transform: capitalize;}
.checkout_coupon .form-row-last button[type="submit"] { background-color: #3c3c3c; border-radius: 0px;
    height: 35px; width: 100%; color: #ffffff; text-transform: uppercase; font-weight: 500;}

.woocommerce-pagination { margin-top: 50px;}

.col-1 .woocommerce-billing-fields h3 { color: #0f1c4b; font-weight: 600; font-style: normal; text-transform: capitalize;
    border-bottom: 1px solid rgba(0,0,0,.2); padding-bottom: 15px; margin-bottom: 20px; display: inline-block;}
.woocommerce-billing-fields input[type="text"] { background-color: #f5f5f5; border: 1px solid rgba(0,0,0,.2);
    height: 35px; padding-left: 12px; width: 100%;}
.woocommerce-billing-fields input[type="email"] { background-color: #f5f5f5; border: 1px solid rgba(0,0,0,.2);
    height: 35px; padding-left: 12px; width: 100%;}
.woocommerce-billing-fields input[type="tel"] { background-color: #f5f5f5; border: 1px solid rgba(0,0,0,.2);
    height: 35px; padding-left: 12px; width: 100%;}
.woocommerce-billing-fields .select2-selection.select2-selection--single { border-radius: 0px; height: 35px;
    padding-top: 3px; background-color: #f5f5f5; border: 1px solid rgba(0,0,0,.2); padding-left: 5px;}
.woocommerce-billing-fields label { font-weight: 600; color: #1c1c1c;}

.col-2 .woocommerce-shipping-fields h3 {color: #0f1c4b; font-weight: 500; font-style: normal; text-transform: unset; border-bottom: 1px solid rgba(0,0,0,.2); padding-bottom: 0px; margin-bottom: 20px; line-height: 21px;}
.col-2 .woocommerce-shipping-fields h3#ship-to-different-address span { color: #0f1c4b; padding-left: 25px;}
.woocommerce-shipping-fields #ship-to-different-address-checkbox { margin-left: 0px;}
.woocommerce-shipping-fields input[type="text"] { background-color: #f5f5f5; border: 1px solid rgba(0,0,0,.2);
    height: 35px; padding-left: 12px; width: 100%;}
.woocommerce-shipping-fields input[type="email"] { background-color: #f5f5f5; border: 1px solid rgba(0,0,0,.2);
    height: 35px; padding-left: 12px; width: 100%;}
.woocommerce-shipping-fields input[type="tel"] { background-color: #f5f5f5; border: 1px solid rgba(0,0,0,.2);
    height: 35px; padding-left: 12px; width: 100%;}
.woocommerce-shipping-fields .select2-selection.select2-selection--single { border-radius: 0px; height: 35px;
    padding-top: 3px; background-color: #f5f5f5; border: 1px solid rgba(0,0,0,.2); padding-left: 5px;}
.woocommerce-shipping-fields label { font-weight: 600; color: #1c1c1c;}
.col-2 .woocommerce-shipping-fields span.selection { padding-left: 0px;}
.col-2 .woocommerce-shipping-fields span.select2.select2-container.select2-container--default.select2-container--focus { padding-left: 0px;}
.col-2 .woocommerce-additional-fields textarea { background-color: #f5f5f5; border: 1px solid rgba(0,0,0,.2);
    min-height: 110px; resize: none; padding: 10px; color: #000000;}

.entry-content h3#order_review_heading { margin: 30px 0; font-size: 22px; font-style: normal; color: #0f1c4b; padding: 0px 0 15px;
    text-transform: uppercase; font-weight: 600; border-bottom: 1px solid rgba(0,0,0,.2);}

#order_review table.shop_table.woocommerce-checkout-review-order-table { border-radius: 0px;}
#order_review table.shop_table.woocommerce-checkout-review-order-table thead tr { background-color: #0f1c4b; color: #ffffff;}
#order_review table.shop_table.woocommerce-checkout-review-order-table tbody tr:nth-child(2n+1) { background-color: #f5f5f5;}
#order_review table.shop_table.woocommerce-checkout-review-order-table tfoot tr:nth-child(2n) { background-color: #f5f5f5;}

#order_review #payment { background-color: #0f1c4b; border-radius: 0; border-top: 5px solid rgba(0,0,0,.2);
    color: #ffffff;}
#order_review #payment label { font-weight: 600;}
.payment_box.payment_method_cod { background-color: rgba(0,0,0,.2) !important; color: #ffffff !important;}
.woocommerce-checkout #payment div.payment_box::before {border: 1em solid rgba(0,0,0,.2); top: -.85em; border-right-color: transparent; border-left-color: transparent; border-top-color: transparent;}

.wc_payment_method.payment_method_paypal img { padding: 2px 10px !important; background-color: #ffffff;
    border-radius: 3px; margin-right: 12px !important;}
.wc_payment_method.payment_method_paypal a { color: #ffffff; text-transform: capitalize; font-style: italic; text-decoration: underline;}

.woocommerce #payment #place_order, .woocommerce-page #payment #place_order { background-color: #3c3c3c;
    text-transform: uppercase; font-weight: 600;}

.payment_box.payment_method_paypal {background-color: rgba(0,0,0,.2) !important; color: #ffffff !important; font-weight: 500;}

.product.type-product h1.product_title.entry-title { color: #000000; font-size: 18px; }
/*.product.type-product h1.product_title.entry-title { padding: 0 0 0px 0; color: #000000; font-size: 18px;
    font-weight: 400; line-height: 26px;}*/
.woocommerce-product-gallery--with-images { border: 3px solid rgba(0,0,0,.1); height: auto; display: inline-block;
    max-width: 50%; margin-bottom: 0px !important; overflow: hidden;}
.product.type-product .price span.woocommerce-Price-amount { color: #1c1c1c; font-weight: 500; }
.product.type-product .price del { position: relative; color: #000; }

.product.type-product .price { padding-bottom: 0px;}
.product.type-product .price span.woocommerce-Price-currencySymbol { color: #000000; padding-right: 0px;
    position: relative; top: -1px;}
.woocommerce-product-details__short-description h3 { font-size: 18px; font-style: normal; font-weight: 500; text-transform: capitalize;
    color: #0f1c4b; border-bottom: 1px solid rgb(0,0,0); padding-bottom: 8px; margin-bottom: 15px;
    text-align: left;}
.woocommerce-product-details__short-description ul li { display: block; border: 1px solid rgba(0,0,0,.1);
    width: 49%; float: left; padding: 0px 5px; line-height: 30px; margin-bottom: 5px; margin-right: 1%; font-size: 12px;}
.woocommerce-product-details__short-description ul li strong {font-weight: 500; text-shadow: 0 0 0 #000000;
    text-decoration: underline; font-size: 12px;}

.woocommerce-product-details__short-description ul { margin-bottom: 20px; display: inline-block;}

.product.type-product form.cart { margin-top:0px; width: 100%; float: left;}

.product.type-product form.cart input[type="number"] { max-width: 100%; text-align: left; padding-left: 5px;
    height: 35px; padding-right: 2px; background-color: #f2f2f2; border: 1px solid #d9d9d9;}


.product.type-product form.cart button[type="submit"] { background-color: #3c3c3c; border-radius: 0px; height: 35px;
    text-transform: uppercase; font-weight: 300; width: 32%; position: relative; margin-left: 6px;}
.product.type-product form.cart button[type="submit"]:hover { background-color: #0f1c4b; }
.product.type-product form.cart button[type="submit"]::before { position: absolute; content: "\f217"; font-family: FontAwesome; font-size: 14px; color: #ffffff; left: 15px; top: 10px;}
.product.type-product #enquiry input.single_add_to_cart_button { background-color: #0f1c4b; max-width: 100%; color: #ffffff; 
    padding-left:15px; padding-right: 15px; border-radius: 0px; height: 35px; font-weight: 500; text-transform: uppercase; }
.product.type-product #enquiry input.single_add_to_cart_button:hover { border: none; background-color: #3c3c3c;}

.product.type-product .yith-wcwl-add-to-wishlist a.single_add_to_wishlist::before { position: absolute; content: "\f004";
    font-family: FontAwesome; font-size: 14px; color: #ffffff; left: 13px; top: 4px; line-height: 28px;}

.yith-wcwl-wishlistaddedbrowse.show span.feedback { padding-right: 15px;}

.woocommerce-message a.wc-forward { background-color: #3c3c3c; color: #ffffff; font-weight: 300; border-radius: 0px; text-transform: uppercase; padding:8px 20px;}
.woocommerce-message a.wc-forward:hover { background-color: #0f1c4b; color: #ffffff;}

.product.type-product .product_meta a { color: #0f1c4b; text-decoration: underline; font-style: italic;}

.related.products > h2 { font-weight: 600 !important;}
div.product.type-product .related.products h2 { font-size: 24px; color: #1c1c1c; text-transform: uppercase; font-weight: normal;
    padding: 0px; margin-bottom:6px; }

div.product.type-product .star-rating { margin: .2em 0px 0 0 !important; height: 18px; width: 90px; left: 0px;}
.woocommerce-product-rating a.woocommerce-review-link { color: #1c1c1c;}

div.product.type-product .woocommerce-product-rating { margin-bottom: 5px !important;}

.woocommerce div.product div.images.woocommerce-product-gallery {
    margin-bottom: 30px !important;
}


#tab-reviews h2 { font-size: 22px; color: #0f1c4b; text-transform: uppercase; padding: 0px; margin-bottom: 15px;
    font-weight: 600;}

#tab-reviews .comment-text { background-color: #f5f5f5;}
#tab-reviews p#wait_approval { padding-top: 10px; color: #056607; }
#review_form span#reply-title { font-size: 20px; color: #1c1c1c; text-transform: uppercase; border-bottom: 1px solid #3c3c3c; margin-bottom: 15px; display: block; margin-top: 30px; font-weight: 600;}

#review_form form#commentform label { font-weight: normal; text-transform: capitalize;  color: #1c1c1c;}
#review_form form#commentform p.stars a { color: #fba420;}
.comment-form-comment textarea#comment { resize: none; border: 1px solid #d5d5d5; background-color: #f5f5f5;
    color: #000000; min-height: 150px; margin-bottom: 15px; padding: 15px;}

#review_form input[type="submit"]#submit { background-color: #1c1c1c; color: #ffffff; font-weight: 300;
    text-transform: uppercase; border-radius: 0px; margin-bottom: 20px; padding: 8px 40px; height: 35px;}
#review_form input[type="submit"]#submit:hover { background-color: #0f1c4b; color: #ffffff;}

.woocommerce-MyAccount-navigation ul li { display: block; position: relative; border-bottom: 1px solid rgba(0,0,0,.2); padding: 10px 0;}


.checkout_coupon p {color: #ffffff;}
.checkout_coupon input {
    color: #000000;
}

a.button.product_type_variable.add_to_cart_button { color: #fff;}


.inner-pages .woocommerce-MyAccount-navigation ul li:last-child { border-bottom: none;}
.inner-pages .woocommerce-MyAccount-navigation ul li a { color: #000000;}
.inner-pages .woocommerce-MyAccount-navigation ul li a:hover { padding-left: 5px;}

.inner-pages .woocommerce-MyAccount-content a { color: #0f1c4b;}
.page-id-31 .inner-pages h1, .page-id-32 .inner-pages h1, .page-id-33 .inner-pages h1, .page-id-39 .inner-pages h1 { color: #0f1c4b; font-size: 30px; font-weight: 600; text-transform: uppercase; margin-bottom: 15px;}

p.woocommerce-thankyou-order-received { font-size: 18px; font-weight: 600; padding-bottom: 8px; border-bottom: 1px solid rgba(0,0,0,.2);}
.woocommerce-order ul.woocommerce-thankyou-order-details { margin-top: 20px;}
.woocommerce-order ul.woocommerce-thankyou-order-details li { background-color: #f5f5f5; padding: 8px 20px;}
.woocommerce-order ul.woocommerce-thankyou-order-details li:last-child {border-right: 1px dashed #d3ced2;}
.woocommerce-order ul.woocommerce-thankyou-order-details li strong { font-weight: 600; padding-top: 5px;}

.woocommerce-order-details h2.woocommerce-order-details__title { color: #0f1c4b; font-size: 30px;
 font-weight: 600; text-transform: uppercase; margin: 0px 0px 15px;}
.woocommerce-order-details table.woocommerce-table--order-details thead tr { background-color: #3c3c3c;
    color: #fff;}
.woocommerce-order-details table.woocommerce-table--order-details tbody tr {background-color: #0f1c4b;
 color: #ffffff;}
.woocommerce-order-details table.woocommerce-table--order-details tbody tr a {color: #ffffff; font-weight: 700;}
.woocommerce-order-details table.woocommerce-table--order-details tfoot tr:nth-child(2n) { background-color: #f5f5f5;}

.woocommerce-customer-details h2.woocommerce-column__title {font-size: 24px; color: #1c1c1c; font-weight: 600;
    text-transform: uppercase; border-bottom: 1px solid rgba(0,0,0,.2); padding-bottom: 12px;
     margin-bottom: 20px;}
.woocommerce-customer-details address {background-color: #f5f5f5; border-top: 5px solid #d9d9d9 !important;}

.u-column1.col-1 h2 {font-size: 20px; color: #1c1c1c; font-weight: 600; border-top: 1px solid rgba(0,0,0,.2); padding-top: 8px;}

.u-column1.col-1 form.woocommerce-form.woocommerce-form-login.login { border: 1px solid #d5d5d5; background-color: #f5f5f5; 
    border-radius: 0px;}
.u-column1.col-1 form.woocommerce-form.woocommerce-form-login.login input[type="text"] { height: 35px; background-color: #ffffff; 
    color: #000000; border: 1px solid #d5d5d5; margin-bottom: 15px; padding-left: 12px;}
.u-column1.col-1 form.woocommerce-form.woocommerce-form-login.login input[type="password"] { height: 35px; background-color: #ffffff; 
    color: #000000; border: 1px solid #d5d5d5; margin-bottom: 15px; padding-left: 12px;}

.u-column1.col-1 form.woocommerce-form.woocommerce-form-login.login button[type="submit"] {
    background-color: #0f1c4b; border-radius: 0; color: #ffffff; font-weight: 500; text-transform: uppercase;
    padding: 8px 30px; margin-right: 12px; margin-bottom: 12px;}
.u-column1.col-1 form.woocommerce-form.woocommerce-form-login.login label { font-weight: 500;}
.u-column1.col-1 form.woocommerce-form.woocommerce-form-login.login .lost_password a { color: #0f1c4b;
    font-weight: 600; font-style: italic; text-decoration: underline;}

.u-column2.col-2 h2 {font-size: 20px; color: #1c1c1c; font-weight: 600; border-top: 1px solid rgba(0,0,0,.2); padding-top: 8px;}
.u-column2.col-2 form.register { border: 1px solid #d5d5d5;
    background-color: #f5f5f5; border-radius: 0px;}
.u-column2.col-2 form.register input[type="text"] { height: 35px;
    background-color: #ffffff; color: #000000; border: 1px solid #d5d5d5; margin-bottom: 15px; 
    padding-left: 12px;}
.u-column2.col-2 form.register input[type="email"] { height: 35px;
    background-color: #ffffff; color: #000000; border: 1px solid #d5d5d5; margin-bottom: 15px; 
    padding-left: 12px;}
.u-column2.col-2 form.register input[type="password"] { height: 35px;
    background-color: #ffffff; color: #000000; border: 1px solid #d5d5d5; margin-bottom: 15px; 
    padding-left: 12px;}
.u-column2.col-2 form.register select#role {height: 35px; background-color: #ffffff; color: #000000;
    border: 1px solid #d5d5d5; margin-bottom: 15px; padding-left: 12px;}

.u-column2.col-2 form.register button[type="submit"] {
    background-color: #0f1c4b; border-radius: 0; color: #ffffff; font-weight: 500; text-transform: uppercase;
    padding: 8px 30px; margin-right: 12px; margin-bottom: 12px;}
.u-column2.col-2 form.register label { font-weight: 500;}

form.lost_reset_password input[type="text"] {height: 35px; background-color: #ffffff; color: #000000;
    border: 1px solid #d5d5d5; margin-bottom: 15px; padding-left: 12px;}

form.lost_reset_password button.button[type="submit"] { background-color: #0f1c4b; color: #ffffff;
    font-weight: 300; text-transform: uppercase; border-radius: 0px; height: 35px; margin-top: 12px;}

.woocommerce-MyAccount-content .woocommerce-Address-title { margin-top: 12px;}
.woocommerce-MyAccount-content h3 { font-size: 18px; font-style: normal; color: #1c1c1c;
    text-transform: capitalize; font-weight: 600;}
.woocommerce-MyAccount-content h3 span.lower { text-transform: none; }

.woocommerce-MyAccount-content form.woocommerce-EditAccountForm input[type="number"] { background-color: #f5f5f5;
    border: 1px solid #d5d5d5; height: 35px; color: #000000; padding-left: 12px; margin-bottom: 12px;}
.woocommerce-MyAccount-content form.woocommerce-EditAccountForm input[type="text"] { background-color: #f5f5f5;
    border: 1px solid #d5d5d5; height: 35px; color: #000000; padding-left: 12px; margin-bottom: 12px;}
.woocommerce-MyAccount-content form.woocommerce-EditAccountForm input[type="email"] { background-color: #f5f5f5;
    border: 1px solid #d5d5d5; height: 35px; color: #000000; padding-left: 12px; margin-bottom: 12px;}
.woocommerce-MyAccount-content form.woocommerce-EditAccountForm input[type="password"] { background-color: #f5f5f5; border: 1px solid #d5d5d5; height: 35px; color: #000000; padding-left: 12px; margin-bottom: 12px;}
.woocommerce-MyAccount-content form.woocommerce-EditAccountForm label { font-weight: 500;}
.woocommerce-MyAccount-content form.woocommerce-EditAccountForm button.button[type="submit"] {
    background-color: #0f1c4b; color: #ffffff; font-weight: 300; text-transform: uppercase; border-radius: 0px;
    height: 35px; margin-top: 12px;}
.woocommerce-MyAccount-content form.woocommerce-EditAccountForm legend { font-size: 20px; text-transform: capitalize; font-weight: 600; margin: 12px 0px; padding-bottom: 8px; color: #1c1c1c;}

.return-to-shop a.wc-backward { background-color: #0f1c4b; border-radius: 0; height: 35px; color: #ffffff;
    font-weight: 500; text-transform: uppercase; line-height: 18px; margin-top: 15px; padding: 8px 12px;}

.coupon-codecoupon a.woocommerce-remove-coupon { color: #0f1c4b; padding-left: 8px; line-height: 28px;}

.login .form-row-first input[type="text"] { background-color: #f5f5f5; border: 1px solid #d5d5d5;
    height: 35px; color: #000000; padding-left: 12px;}
.login .form-row-last input[type="password"] { background-color: #f5f5f5; border: 1px solid #d5d5d5;
    height: 35px; color: #000000; padding-left: 12px;}
.login .form-row button.button[type="submit"] { background-color: #0f1c4b; color: #ffffff; font-weight: 300; text-transform: uppercase; border-radius: 0px; height: 35px; margin-top: 12px; padding: 8px 30px;
margin-right: 12px;}

.login .lost_password a { color: #0f1c4b; font-style: italic; font-weight: 600; text-decoration: underline;
    padding: 5px 5px;}

.col-1 .woocommerce-account-fields span { position: relative; left: 20px; top: -8px;}

.woocommerce-account-fields { margin-top: 20px;}
.woocommerce-account-fields #account_password_field input[type="password"] { background-color: #f5f5f5;
    border: 1px solid #d5d5d5; height: 35px; color: #000000; padding-left: 12px;}

.woocommerce-MyAccount-content .woocommerce-MyAccount-orders a.view { background-color: #0f1c4b; color: #ffffff; font-weight: 500;}
.woocommerce-MyAccount-content a.woocommerce-button--next { background-color: #0f1c4b; color: #ffffff; font-weight: 500;}
.woocommerce-MyAccount-content a.woocommerce-button--previous { background-color: #0f1c4b; color: #ffffff; font-weight: 500;}

.woocommerce-address-fields__field-wrapper input[type="text"], .woocommerce-address-fields__field-wrapper input[type="tel"], .woocommerce-address-fields__field-wrapper input[type="email"] { background-color: #f5f5f5;
 border: 1px solid #d5d5d5; height: 35px; color: #000000; padding-left: 12px;}
.woocommerce-address-fields__field-wrapper .select2-selection--single { background-color: #f5f5f5;
    border: 1px solid #d5d5d5; height: 35px; color: #000000; padding-left: 12px; border-radius: 0px;}

.woocommerce-address-fields button[type="submit"] { background-color: #0f1c4b; color: #ffffff;
    font-weight: 300; text-transform: uppercase; border-radius: 0px; height: 35px; margin-top: 12px;
    padding: 8px 30px; margin-right: 12px;}

.woo-wallet-content input[type="number"] { background-color: #f5f5f5; border: 1px solid #d5d5d5;
    height: 35px; color: #000000; padding-left: 12px; width: 100%; }
.woo-wallet-content input.woo-add-to-wallet[type="submit"] {background-color: #0f1c4b; color: #ffffff;
    font-weight: 300; text-transform: uppercase; border-radius: 0px; height: 35px; margin-top: 12px;
    padding: 8px 30px; border: none;}

.woo-wallet-content .select2-selection.select2-selection--single {background-color: #f5f5f5; border: 1px solid #d5d5d5; height: 35px; color: #000000; padding-left: 12px; border-radius: 0px;}
.woo-wallet-content textarea { resize: none; min-height: 150px; background-color: #f5f5f5;
 border: 1px solid #d5d5d5; padding: 15px;}

.woo-wallet-content input[type="submit"].button { background-color: #0f1c4b; color: #ffffff; font-weight: 300;
    text-transform: uppercase; border-radius: 0px; height: 35px; margin-top: 12px;  padding: 8px 30px; }

#wc-wallet-transaction-details_wrapper { margin-top: 20px;}
#wc-wallet-transaction-details_wrapper select.form-control.input-sm { background-color: #f5f5f5;
 border-radius: 0px; border: 1px solid #d5d5d5; margin-left: 10px; margin-right: 10px;}

#wc-wallet-transaction-details_wrapper table#wc-wallet-transaction-details thead tr { background-color: #0f1c4b;
    color: #ffffff;}

#wc-wallet-transaction-details_paginate ul.pagination li { padding: 0px 5px;}
#wc-wallet-transaction-details_paginate ul.pagination li a { background-color: #3c3c3c; color: #ffffff;
    border: none; border-radius: 0px; padding: 8px 20px;}


.assign-coupons-section h3 { color: #0f1c4b; border-bottom: 1px solid rgba(0,0,0,.2); padding-bottom: 12px;
    margin-bottom: 15px;}
.assign-coupons-section label.col-lg-2 { width: 25%; text-align: left; padding: 0 0 0 18px; font-weight: 600;}
.assign-coupons-section .col-lg-5 { width: 75%;}
.assign-coupons-section .col-lg-5 button[type="button"] { background-color: #f5f5f5; border-radius: 0;}
.assign-coupons-section ul.dropdown-menu li a { color: #000000;}
.assign-coupons-section ul.dropdown-menu li a:hover { background-color: #0f1c4b; color: #ffffff;}

#printCouponSection .section-title { border-bottom: 1px solid #d5d5d5; display: block; width: 100%; height: 30px; }
#printCouponSection .section-title h3 { float: left; width: 50%; border-bottom: none; }
#printCouponSection .section-title a.all-print { width: 50%; float: left; text-align: right; }

.glyphicon-ok::before { content: "✔";}
.assign-coupons-section button[type="submit"] {background-color: #0f1c4b; color: #ffffff; font-weight: 300;
    text-transform: uppercase; border-radius: 0px; height: 35px; padding: 8px 30px; border: none; margin-bottom: 50px;}

#example_paginate ul.pagination li { padding: 0px 5px;}
#example_paginate ul.pagination li a { background-color: #3c3c3c; color: #ffffff;
    border: none; border-radius: 0px; padding: 8px 20px;}
#example_wrapper select.form-control.input-sm { background-color: #f5f5f5; border-radius: 0px; border: 1px solid #d5d5d5; margin-left: 10px; margin-right: 10px;}
#example_wrapper table#wc-wallet-transaction-details thead tr { background-color: #0f1c4b; color: #ffffff;}
.assign-coupons-section a.btn-default { background-color: #0f1c4b; color: #ffffff; border-radius: 0; border: none; display: inline; height: 35px; font-weight: 300; text-transform: uppercase; line-height: 26px;}
.assign-coupons-section a.btn-default:hover { background-color: #1c1c1c; }

.woocommerce button.button { background-color: #0f1c4b; border-radius: 0; color: #ffffff; font-weight: 500;
    text-transform: uppercase; height: 35px; padding-left: 20px; padding-right: 20px;}
.woocommerce button.button:hover { background-color: #3c3c3c; color: #ffffff;}

.inner-pages .wishlist-title h2 { font-size: 20px; font-weight: 500; text-transform: unset; margin-bottom: 15px;
    border-top: 1px solid rgba(0,0,0,.2); padding-top: 8px;}

.woocommerce table.wishlist_table tbody td { font-size: 14px; padding: 4px 8px;}
.woocommerce table.wishlist_table tbody td a { color: #0f1c4b;}
.woocommerce table.wishlist_table thead tr { font-size: 14px; background-color: #ffffff; color: #1c1c1c; font-weight: 600;}

.woocommerce span.onsale { background-color: #0f1c4b; width: 45px; height: 45px;}
.yith_magnifier_mousetrap {border: 2px solid rgba(0,0,0,.1);}
.caroufredsel_wrapper ul.yith_magnifier_gallery li img { border: 1px solid rgba(0,0,0,.2); padding: 1px;}
.caroufredsel_wrapper ul.yith_magnifier_gallery li { margin: 0 5px 0 0;}
.price ins { text-decoration: none;}

.wc-tabs-wrapper li a { font-weight: normal !important;}
.woocommerce div.product .woocommerce-tabs ul.tabs li {background-color: #0f1c4b;}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {color: #ffffff;}
#tab-description h2 {font-size: 22px; text-transform: uppercase; color: #0f1c4b; padding-bottom: 15px;}
#tab-description strong { font-weight: 600; margin-bottom: 0px;}
#tab-description h4 { font-size: 22px; text-transform: uppercase; color: #0f1c4b; padding-bottom: 15px; font-weight: 500;
    padding-top: 15px;}
#tab-description ul li { display: block;  position: relative; padding-left: 15px;}
#tab-description ul li::before { position: absolute; content: "\f105"; font-family: "FontAwesome";
 font-size: 16px; left: 0; top: 0;}

.button.product_type_variable.add_to_cart_button { background-color: #0f1c4b; border-radius: 0px; position: relative; color: #ffffff; font-weight: 500; text-transform: uppercase;}
.button.product_type_variable.add_to_cart_button:hover { background-color: #1c1c1c; }
#tab-additional_information h2 {font-size: 22px; text-transform: uppercase; color: #0f1c4b; padding-bottom: 15px;}
.carousel-inner video {  width: 100%;   height: auto;}
#tab-description img { margin: 5px 0;}
.woocommerce a.remove { margin-left: 10px; }

.modal-content { border: 1px solid transparent; border-radius: 0px; -webkit-box-shadow: none; box-shadow: none; position: relative;}
#sizingInfo h4 { font-size: 18px; text-transform: uppercase; color: #000000;}

/*#sizingInfo .modal-dialog { width: 750px; height: 460px; overflow-y: scroll; overflow-x: hidden;}*/
#sizingInfo .modal-dialog { width: 750px; height: 460px; overflow-y: initial !important;}
#sizingInfo .modal-body { height: 460px; overflow-y: auto;}

#sizingInfo .modal-header { padding: 5px 15px; border-bottom: none;}
#sizingInfo .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {color: #ffffff;
 background-color: #0f1c4b; border: none; border-radius: 0px;}
#sizingInfo .nav-tabs { border-bottom: 1px solid #0f1c4b;}
#sizingInfo .nav-tabs > li > a {margin-right: 0px; border: none; border-radius: 0px; color: #1c1c1c;}
#sizingInfo .tab-content { padding: 15px; background-color: #f5f5f5; margin-top: 4px;}
#sizingInfo .tab-content p { margin: 10px 0 !important;}

#sizingInfo button.close { padding: 0; background: #1c1c1c; border: 0; color: #ffffff;}
#sizingInfo .close { font-size: 20px; text-shadow: none; opacity: 1; position: absolute; right: 0px; top: 2px; width: 35px; height: 35px;}

#tab_default_1 table { margin-top: 15px; text-align: center; margin-bottom: 0px;}
#tab_default_1 table th { background-color: #0f1c4b; color: #ffffff; font-weight: 400; text-align: center; text-transform: capitalize; font-size: 14px;}
#tab_default_1 table td { text-transform: uppercase;}

#tab_default_1 table > tbody > tr:nth-child(odd) { background-color: #ffffff; color: #000000; }
#tab_default_1 table > tbody > tr:nth-child(even) { background-color: #f5f5f5; color: #000000; }

.submit-agreement { position: absolute; bottom: -30px; left: 15px;}
#contract-section { position: relative; padding-bottom: 30px; display: inline-block;}

.submit-agreement input[type="submit"] { background-color: #0f1c4b; border: none; border-radius: 0px;}

a#sizePopup { color: #0f1c4b; text-transform: capitalize; font-size: 14px; position: relative; top: -5px;}
a.reset_variations { background-color: #0f1c4b; color: #ffffff; padding: 4px 14px; border-radius: 4px; position: relative; top: 0px;
    margin-left: 0px; text-decoration: none;}

.sizing-info-area { width: 100%; display: inline-block;}
#sizingInfo ul.sizing-info li { display: block; border: 1px solid #d5d5d5;}
#sizingInfo ul.sizing-info { width: 33.33%; float: left; text-align: center; margin:20px 0px;}
#sizingInfo ul.sizing-info li:first-child strong { background-color: #0f1c4b; color: #ffffff; font-weight: 600; display: block;
    padding: 5px 0px; font-size: 12px; height: 50%; min-height: 40px; line-height: 34px;}

#sizingInfo ul.sizing-info { width: 33.33%; float: left; text-align: center; margin: 20px 0px;}

#sizingInfo .modal-dialog { margin: 100px auto;}

.woocommerce div.product form.cart { margin-bottom: 1em;}
.woocommerce-variation-add-to-cart.variations_button.woocommerce-variation-add-to-cart-disabled { display: inline-block; float: left;}
.woocommerce-variation-add-to-cart.variations_button.woocommerce-variation-add-to-cart-disabled button.single_add_to_cart_button {
    min-width: 180px;}

.single_variation_wrap {  width: 100%;   float: left; margin-bottom: 15px;}
.woocommerce-variation.single_variation { float: left; margin-right: 10px; margin-bottom: 10px; width: 100%;}

.variations_button button.single_add_to_cart_button.button.alt { min-width: 160px;}

.product_meta { margin-bottom: 40px; border-top: 1px solid #e5e5e5;  padding-top: 20px; width: 100%; display: inline-block;}
.product_meta span {  display: inline-block;  padding-bottom: 5px;}
.meta-name {width: 120px;}

.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {background-color: transparent;}

.product-wishlist .fa { margin-right: 0px;}
.product-wishlist a { position: relative; }
.product-wishlist a i { position: relative; }
.product-wishlist a i.fa { background-color: #0f1c4b; width: 40px; height: 35px; margin-left: 10px; padding-left: 0px; text-align: center;
    line-height: 32px; color: #ffffff;}
.product-wishlist a i.fa:hover { background-color: #3c3c3c; }
.product-wishlist a i::before {position: absolute; content: "\f004"; font-family: FontAwesome; font-size: 12px; color: #ffffff; left: 14px;
    top: 2px; line-height: 28px;}    

span.tooltip { background-color: rgba(0,0,0,.8); opacity: 0; color: #ffffff; width: 100px; text-align: center; padding: 4px; position: absolute; z-index: 22; left: 60px; top: 5px;  border-radius: 4px;}
.product-wishlist span.tooltip::before { position: absolute; content: ""; width: 0; height: 0; border-top: 5px solid transparent;
    border-bottom: 5px solid transparent; border-right: 5px solid rgba(0,0,0,.8); left: -5px; top: 5px;}

.product-wishlist a:hover span.tooltip { opacity: 1;}
.product-wishlist { width: 60px; display: inline-block;}

#enquiry { float: left; width: 28%;}

.product-tooltip { top: -15px !important;}

/*table.my_account_orders thead th, td { padding: 8px 10px !important; font-size: 14px;}*/
table.my_account_orders thead th { padding: 8px 10px !important; font-size: 14px;}
/*.woocommerce-MyAccount-content .woocommerce-MyAccount-orders a.view { padding: 4px 12px; margin-right: 6px;}*/
.woocommerce-MyAccount-content .woocommerce-MyAccount-orders a.view:hover { background-color: #3c3c3c; }
.woocommerce-MyAccount-content a.return { padding: 4px 12px; background-color: #3c3c3c; color: #fff; font-weight: 300;}
.woocommerce-MyAccount-content a.return:hover { background-color: #0f1c4b; color: #ffffff; }

.woocommerce-MyAccount-content a.woocommerce-Button--next { padding: 8px 15px; background-color: #0f1c4b; color: #fff; font-weight: 300;}
.woocommerce-MyAccount-content a.woocommerce-Button--next:hover { background-color: #3c3c3c; color: #ffffff;}

.woocommerce-MyAccount-content a.woocommerce-Button--previous { padding: 8px 15px; font-weight: 300;}
.woocommerce-MyAccount-content a.woocommerce-Button--previous:hover { background-color: #3c3c3c; color: #ffffff;}

.woocommerce-pagination--without-numbers { margin-top: 20px;}

.caroufredsel_wrapper { min-height: 145px;}
.wpss_social_share_buttons { margin: 0px 0px 14px;}

#ced_rnx_return_request_form_wrapper h1 { color: #0f1c4b; font-size: 30px; margin-bottom: 20px; padding-bottom: 10px; padding-top: 20px;}
#ced-exchange-alert, #ced-return-alert { color: #515151; }
.shop_table.order_details.ced_rnx_product_table thead tr th {background-color: #ffffff; color: #1c1c1c; font-weight: 600; font-size: 16px;}
.shop_table.order_details.ced_rnx_product_table { border: none;}
.shop_table.order_details.ced_rnx_product_table tbody a { font-size: 14px; color: #0f1c4b; font-weight: 500; text-decoration: underline;}
.shop_table.order_details.ced_rnx_product_table .product-quantity input[type="number"] { border-radius: 0px; box-shadow: none;
    background-color: #ffffff; color: #1c1c1c; border: 1px solid #d9d9d9;}
.shop_table.order_details.ced_rnx_product_table tbody tr:last-child th { background-color: #ffffff; color: #1c1c1c; font-weight: 500;
    font-size: 16px;}
.ced_rnx_product_table_wrapper .ced_rnx_product_table tbody tr .ced_rnx_total_amount_wrap { background-color: #ffffff !important;
    color: #0f1c4b; font-weight: 500;}
#ced_rnx_total_exchange_amount, #ced_rnx_total_refund_amount { font-size: 16px; font-weight: 600; color: #1c1c1c;}
.ced_rnx_total_amount_wrap .tax_label { color: #1c1c1c;}

.ced_rnx_product_title strong { font-weight: 600;}
.ced_rnx_product_title b { font-weight: 500;}
.ced_rnx_product_title .woocommerce-Price-amount.amount { font-weight: 500;}

.ced_rnx_note_tag_wrapper label b { font-size: 24px; font-weight: 500; color: #0f1c4b; padding-bottom: 3px; display: inline-block;}
.ced_rnx_subject_dropdown select { margin: 15px 0px; background-color: #fff; border: 1px solid #d9d9d9; color: #1c1c1c;
    padding: 5px 15px; width: 50%; max-width: 330px;}

.form-row.form-row-wide textarea { margin-top: 15px; border-radius: 0px; box-shadow: none; background-color: #f5f5f5;
    border: 1px solid #d9d9d9; color: #000000; resize: none; height: 50%; max-height: 120px; margin-bottom: 20px; padding: 15px;}
#ced_rnx_return_request_files { margin-top: 20px; display: block;}
.form-row.form-row-wide input[type="button"].ced_rnx_return_request_morefiles { padding: 8px 20px; background-color: #1c1c1c;
 color: #ffffff; font-weight: 60; float: left; margin-right: 10px;}
.form-row.form-row-wide i {  padding-top: 12px;  display: inline-block;}
.form-row.form-row-wide input[type="submit"] { background-color: #0f1c4b; color: #ffffff; padding: 8px 20px; font-weight: 500;
    margin-top: 30px; margin-bottom: 50px;}

.woocommerce-order-details h2 { color: #0f1c4b; font-size: 24px; margin-top: 50px; margin-bottom: 20px;}


div.wpcf7 .ajax-loader {float: left;}
.newsletter-bar span.wpcf7-not-valid-tip { color: #ffffff; font-size: 12px;}

.newsletter-bar span.wpcf7-not-valid-tip {width: 100%; float: left;}

div.wpcf7-validation-errors, div.wpcf7-acceptance-missing { border: 1px solid #cb4040; background-color: #cb4040; padding: 5px;
    margin: 0px; height: 45px; position: absolute; bottom: -35px; color: #ffffff; font-size: 12px; width: 100%;}
div.wpcf7-mail-sent-ok { border: 1px solid #398f14; background-color: #398f14; color: #ffffff; width: 100%; padding: 8px;}
#myServiceModal div.wpcf7-validation-errors, #myServiceModal div.wpcf7-acceptance-missing{position: inherit;}


.woocommerce-currency-switcher-form.woocs_show_flags {top: -3px !important;}
.woocommerce-order-details .order-again a {width: 120px; height: 30px; text-align: center; line-height: 30px;
    font-weight: 500; background: #0f1c4b; color: #fff; margin-top:8px;}
.woocommerce-order-details form input[type="submit"] {width: 120px; height: 32px; font-weight: 500;
    background-color: #1c1c1c; color: #ffffff;}

h3.man-gel-socks {color: #ffffff; text-transform: capitalize; font-weight: 600; font-style: italic;}
h3.man-gel-socks a { background-color: #0038ff; padding: 8px 10px; display: inline-block; margin-bottom: 15px;}
table.table-size { border: 1px solid #e8e8e8 !important; }
table.table.table-responsive.table-bordered.table-size tbody > tr > td:last-child { border-right: 1px solid #e8e8e8;}

.yith-wcwl-add-to-wishlist { margin-top: 0px;}

/********woo commerce code*********/

/********************* card-page-27-12-2018 end **************/





/********************* media query CSS starts HERE **************/



@media only screen and (min-width: 992px){
    .main-menu li:hover .sub-menu{ display: block;}
    #myModal .modal-dialog {
        margin-top: 0;
    }
}
@media only screen and (max-width: 1199px){
    .main-menu ul li a{ padding: 14px 12px;}
    .main-menu ul > li > a{ font-size: 14px;}
    .header-top .logo{ width: 230px;}
    .header-top .logo img{ width: 100%;}
    .menu-area{ margin-top: 25px;}
    .service-img{width: 150px;margin-right: 15px;}
    .service-img img{ width: 100%; }
    .service-text h4{ font-size: 22px;}
    .product-list li{ width: 33%;}
    .product-list li:nth-child(4n+1) {clear: inherit;}
    .product-list li:nth-child(3n+1) {clear: both;}
}

@media only screen and (max-width: 991px){
    .product-list li{ width: 50%;}
    .product-list li:nth-child(3n+1) {clear: inherit;}
    .product-list li:nth-child(2n+1) {clear: both;}
    .car-img{ width: 35%;}
    .left-main{ width: 65%;}
    .left-main label{ font-size: 14px;}
    .left-main label:first-child {  margin-right: 15px;    }
    .track-box:after{ width: 275px;}
    .car-img img{ width: 100%;}
    .carousel-caption{ width: 80%;}
    .carousel-caption .top-head{ font-size: 30px; line-height: 36px; margin-bottom: 10px;}
    .carousel-caption p{ margin-bottom: 15px; font-size: 14px;}
    .carousel-caption a.slide-btn{ font-size: 14px; padding: 10px 20px;}
    .left-main{  padding: 20px 0px 20px 20px;}
    .track-input{ margin-top: 15px;}
    .main-menu ul li{ width: 100%; border: none;}
    .main-menu ul li a > span{ display: none;}
    .main-menu .sub { display: block;}
    .main-menu .sub-menu{ width: 100%; position: relative;box-shadow: none; background: #2d2d2d; float: left;}
.menu-toggle{ display: block;}
.menu-toggle {
        background-image: url('images/menu-bar.svg');
        position: absolute;
        height: 40px;
        width: 40px;
        top: 0px;
        right: 5px;
        background-size: 70%;
        background-color: #0a1439;
        background-position: center;
        background-repeat: no-repeat;
        z-index: 99;

    }
   .main-menu {
        position: fixed;
        left: -400px;
        overflow: auto;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        transition: all 0.3s;
        right: 0;
        height: 100%;
        max-width: 350px;
        z-index: 999;
        bottom: 0;
        padding-top: 20px;
        top: 0;
        background-color: #3a3a3a;
    }
    .main-menu.active {
        left: 0%;
    }
    .main-menu ul li a {
        font-size: 14px;
        text-decoration: none;
        color: #fff;
        display: block;
        padding: 8px 20px;
        border-bottom: 1px solid rgb(45, 45, 45);
    }
    .main-menu .sub-menu li a{ font-size: 14px;}
    body.menu-change {
        overflow: hidden;
    }
    .overlay-main {
        background-color: #000000;
        position: absolute;
        visibility: hidden;
        opacity: 0;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        transition: all 0.3s;
        z-index: 99;
    }
    .overlay-main.active {
        visibility: visible;
        opacity: 0.7;
    }
    .top-close-menu {
    background-image: url('images/close.svg');
    position: absolute;
    top: 0;
    z-index: 3;
    right: 0;
    width: 35px;
    height: 35px;
    background-color: #0159aa;
    background-size: 12px;
    background-repeat: no-repeat;
    background-position: center;
    }

    /** Placed parcel order css on "Order Status" page **/
    .woocommerce table.shop_table.manage-width-1 { width: 100%; }
    .woocommerce table.shop_table.manage-width-3, .woocommerce table.shop_table.manage-width-4 { width: 100%; }

}

@media only screen and (max-width: 767px){
    .top-tagline.sticky {  padding-top: 40px;}
    .top-menu{ float:left; width:100%;}
    .hidden-logo{ display:none;}
    header.header-top{ padding-top:25px;}
    .track-box{ margin-top: 40px;}
    .track-box:after, .car-img{ display: none;}
    .left-main{ width: 100%; padding: 15px;}
    .left-main h2{ font-size: 20px; margin-bottom: 20px;}
    .page-title{ padding: 50px 0px;}
    .page-title h1{ font-size: 18px;}
    /*.inner-heading { font-size: 22px; margin-bottom: 15px;}*/
    .about-page h2, .contact-page h2 { font-size: 22px; margin-bottom: 15px; }
    .track-input input{ width: 100%;}
    .btn-submit{ width: 100%;}
    .inner-area .btn-book{ margin: 0px;}
    .quote-form .tab-content{ padding: 20px 15px;}
    .nav-tabs>li{ width: 100%;}
    .quote-form .nav-tabs{ margin-bottom: 15px;}
    .quote-form .nav-tabs>li>a{ text-align: center;}
    .logo-big{ width: 300px; margin: 0 auto 30px;}
    .logo-big img{ width: 100%;}
    .landing-form label{ margin-bottom: 20px;}
    .landing-form select.form-control{ font-size: 14px; width: 75%;}
    .landing-form label{ font-size: 20px;}
    .landing-form{ width: 300px;}
    .quote-form .tab-content{ clear: left;}
    .multiple{ float: left; top: 0px; margin: 5px 0px 15px;}
    .top-tagline{ display: none;}
    .about-page .img-full{ margin-bottom: 30px;}

    /** Placed parcel order css on "Order Status" page **/
    .woocommerce table.shop_table.manage-width-1 { width: 100%; }
    .woocommerce table.shop_table.manage-width-3, .woocommerce table.shop_table.manage-width-4 { width: 100%; }
 }

@media only screen and (max-width: 479px){
    .top-menu li{ width: 45%; margin-right: 10%; padding-bottom: 5px}
    .top-menu li:nth-child(2n){ margin: 0px}
    .carousel-caption .top-head {  font-size: 18px;  line-height: 24px; }
    .carousel-control{ display: none;}
    .carousel-caption a.slide-btn { font-size: 12px; padding: 7px 20px;}
    .carousel-caption {   width: 90%; left: 5%;   right: 5%;}
    .carousel-caption p{ display: none;}
    .service-img{ margin: 0 auto; float: none;}
    .services-box{ padding: 15px; text-align: center;}
    .header-top .logo {width: 180px;}
    .left-main label{ margin: 0 0 10px !important;}

    /** Placed parcel order css on "Order Status" page **/
    .woocommerce table.shop_table.manage-width-1 { width: 100%; }
    .woocommerce table.shop_table.manage-width-3, .woocommerce table.shop_table.manage-width-4 { width: 100%; }
}


@media only screen and (max-width: 413px){
    .product-list li {    width: 100%;    }
    .product-list{ margin: 0px;}

    /** Placed parcel order css on "Order Status" page **/
    .woocommerce table.shop_table.manage-width-1 { width: 100%; }
    .woocommerce table.shop_table.manage-width-3, .woocommerce table.shop_table.manage-width-4 { width: 100%; }

}


/************** Step Form ****************/
.custom-wrapper{ width:1250px;}
.parcel-cart{ position:relative; width:20%;float:right;background: #f2f2f2;padding: 10px;border: 1px solid rgba(0,0,0,.1);}
.parcel-cart h3{    background: #0f1c4b;  padding: 10px; font-size: 16px; margin: 0px 0px 10px; color: #fff;}
.parcel-cart ul li{ padding-bottom:10px; font-size:15px; background: #ddd; padding: 10px; color: #1f212f; border-bottom: 1px solid #686868; }
.parcel-cart ul li .pk-amt{ float:right;}
.pc-total{ font-size:18px;    background: #ddd;  padding: 10px; color: #0f1c4b; margin-top: 40px;}
.pc-total .pk-amt{ float:right;}
.delivery-form{ width: 78%; float: left;}
.delivery-form.full-width{ width: 100%;}
.navigation {text-align: center; padding: 20px 0px 30px; width: 100%; float: left; border-bottom: 1px solid rgba(0,0,0,.1); margin-bottom: 20px;}

#regForm { background-color: #ffffff; padding: 20px 0px; border: 1px solid rgba(0,0,0,.1);  width: 100%; float: left;}

.form-content{ float: left; width: 100%; margin: 0 auto;    padding: 0px 20px}
.form-content h3{color: #0f1c4b;  margin: 0px 0px 20px; font-weight: 700;  text-transform: uppercase;  font-size: 20px;}

.form-content label{ font-size: 16px; font-weight: 600;}
.form-content .parcel-detail{ width: 100%; float: left; padding: 20px 100px 20px 20px; background: #eee; position: relative; margin-bottom: 25px;}

.copy-parcel{ position: absolute; top: 30px; right: 10px;}
.copy-parcel a{ color: #444; font-size: 20px; margin: 0px 5px;}

.add-parcel{ width: 100%; float: left; text-align: right;}
.add-parcel a{font-size: 16px; color: #808080; font-weight: 600; padding: 5px 10px;
    border: 1px solid #808080;}
.input-units input { float: left; width: calc(100% - 36px);}

.main-btn{ text-align: right; margin-top: 30px; width: 100%; float: left;padding: 0px 20px;}

.site-icon figure { text-align: center;}
.site-icon img { width: 70%; height: auto;}
.site-icon h4 { text-align: center; font-weight: 300; font-size: 24px; color: #666666; padding-bottom: 5px;}

.navigation ul li { width: 19%;}
.navigation h5 { font-size: 20px; font-weight: 700; color: #0f1c4b; text-transform: capitalize;}
.navigation small { font-size: 14px; color: #666666; width: 100%; display: inline-block;}

.form-content input[type="text"], .form-content .form-control, .form-content input[type="email"], .form-content select { border-radius: 0px; box-shadow: none; color: #000000; font-weight: 300; font-size: 14px; margin-bottom: 15px; height: 36px;}
.form-content input[type="date"]{ border-radius: 0px; box-shadow: none; color: #000000; font-weight: 300; font-size: 14px; margin-bottom: 15px; height: 40px; text-transform: uppercase; line-height: 24px;}
.form-content textarea{ border-radius: 0px; box-shadow: none; color: #000000; font-weight: 300; font-size: 14px; margin-bottom: 15px; height: 150px; line-height: 20px; resize: none;}
.form-content input[type="checkbox"] { width: auto; }



input.invalid {  background-color: #ffdddd;}
select.invalid {  background-color: #ffdddd;}

.delivery-form .tab {  display: none;}

.main-btn button {  background-color: #F26722;  color: #ffffff;  border: none;  padding: 10px 20px;  font-size: 17px;  font-family: Raleway;
  cursor: pointer;}
.main-btn button:hover {  opacity: 0.8;}
.main-btn .prevBtn {  background-color: #1c1c1c;}

.delivery-form .step {  background-color: #fbbd19; width: 35px; height: 35px; display: inline-block; border-radius: 50%; position: relative; z-index: 10; border: 9px solid #fbe8aa;}
/*.delivery-form .step.active { background-color: #009900; border: 9px solid #b3ffb3; }*/

.promo-code{ margin-top: 15px;}
.promo-btn{background: #f26722; color: #fff; border: none; height: 36px; width: 100%;  padding: 5px;}

/*.step.active{ background-color: green;}*/

/*
.step::before { position: absolute; content: ""; background-color: #fbe8aa; width: 150px; height: 8px; left: 25px; top: 4px;
    z-index: 11;}
.step::after { position: absolute; content: ""; background-color: #f5f5f5; width: 250px; height: 8px; left: 25px; top: 4px; z-index: 10;}    
*/

.delivery-form .navigation ul li:last-child .step::before, .navigation ul li:last-child .step::after { display: none;}

.step.active {  opacity: 1;}

.step.finish {  background-color: #4CAF50;}

.delivery-form .navigation .step-icon{ display: block; font-size: 24px; color: #222; line-height: 1em;}

.order-summary th{ font-weight: normal; font-size: 16px;}
.order-summary .subtotal{ text-align: right; font-weight: 600; color: #0f1c4b;}
.order-summary .vat-amt{ text-align: right; font-weight: 600;  color: #0f1c4b;}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{ padding: 10px 15px;}

.order-summary thead{ background: #0f1c4b; color: #fff; padding: 0px 10px;}

.bg-grey{ background: #eee;}
.total-price{ text-align: right; font-size: 20px; font-weight: 700;     color: #0f1c4b;}
.color-txt{ color: #f26722;}
.label-right { text-align: right;}
.terms a{color: #0f1c4b;}

.payment-method{ width: 100%; float: left;}
.payment-method label{ cursor: pointer;padding: 15px 20px; border: 1px solid #ddd; text-align: center; margin-right: 10px;}
.payment-method img{ margin-bottom: 15px;}

.woocommerce form#regForm .form-group .required {color: red; font-weight: 700; border: 0!important; text-decoration: none; visibility: visible; }


/************** Step Form CSS Ends here ****************/


/**  Service quote step form start  **/

#helpdeskform h3{color:#021d49;font-size:37px;font-family:arial;font-family:arial;}
#helpdeskform label{font-family:arial;}
/*form styles*/
#helpdeskform {
    text-align: center;
    position: relative;
    width: 920px;
    margin: 0 auto;
}
/*Hide all except first fieldset*/
#helpdeskform .field2, .field3, .field4 {
    display: none;
}
/*inputs*/
#helpdeskform input, #helpdeskform textarea,  #helpdeskform select {
    padding: 15px;
    border: 1px solid #ccc;
    border-radius: 3px;
    margin-bottom: 10px;
    width: 100%;
    box-sizing: border-box;
    color: #2C3E50;
    font-size: 13px;
}
fieldset {
    border:0;
}
/*buttons*/
#helpdeskform .action-button {
    color: #fff;
    background-color: #021d49;
    border: solid 2px #021d49;
    position: relative;
    transition: color 0.15s,border-color 0.15s,background-color 0.15s;
    text-decoration: none;
    text-transform: uppercase;
    display: inline-block;
    font-family: Nunito Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
    font-weight: 700;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding:10px 0;
    font-size: 16px;
    line-height: 1.2;
    border-radius: 0;
    width: 100%;
    margin-right: 10px;
    margin-top: 0;width: 100%;font-weight:500;
}
#helpdeskform .action-button:hover{
    background-color: transparent;
    color: #021d49;
}

#helpdeskform #submit{
    color: #fff;
    background-color: #021d49;
    border: solid 2px #021d49;
    position: relative;
    transition: color 0.15s,border-color 0.15s,background-color 0.15s;
    text-decoration: none;
    text-transform: uppercase;
    display: inline-block;
    font-family: Nunito Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
    font-weight: 700;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding:10px 0;
    font-size: 16px;
    line-height: 1.2;
    border-radius: 0;
    width: 100%;
    margin-right: 10px;
    margin-top: 0;width: 100%;font-weight:500;
}
#helpdeskform  p{float:left;width:100%;clear:both;margin:0 0 10px 0;}
#helpdeskform .action-button:last-child{margin-right:0;}

/*progressbar*/
#progressbar {display: flex;background: #f1f2f4;
    margin-bottom: 30px;
    overflow: hidden;
    counter-reset: step;padding:0;
/*CSS counters to number the steps*/
}
#progressbar li {
    list-style-type: none;

    color: #021d49;
    border-bottom-color: #e1261c;
    flex: 0 0 calc(100% / 4);
    max-width: calc(100% / 4);
    width: 100%;
    position: relative;
    border-bottom: 6px solid #021d49;
    padding: 0 0 0 1.2rem;
    display: flex;
    align-items: center;
    font-size: 1.8rem;
    font-weight: 700;
    height: 71px;
    position:relative;
}

#progressbar li.active{
background-color: #bdd6e6;
color: #021d49;
border-bottom-color: #e1261c;
} 

/*marking active/completed steps nhlbi red*/

/*The number of the step and the connector before it = nhlbi red*/

.outer-former{max-width:520px;margin:0 auto;}
.outer-former label{width:100%;float:left;clear:both;text-align: left;color:#021d49;font-size:20px;line-height:30px;}
label.control-label, #helpdeskform input.form-radio{width:auto;clear:none;font-size: 14px;}
.input-group{position:relative;clear:both;}
.input-group input{width:100%;}
.input-group-btn-vertical{position:absolute;top:0;right:0;}
.ault{float: right; clear: right; width: 33px; height: 23px; border: 0; background: #ccc; font-size: 20px; line-height: 20px;}
.number-selection{float:left;width:100%;clear:both;}
.ault1{border-top:1px solid #969494;}
:focus{outline:none;}
.outer-former label.xtr1{margin-right:20px;}
.outer-former label.xtr1, .outer-former label.xtr{float:left;width:48%;clear:none;}
#helpdeskform h2{font-size: 44px;margin-top:0;
color: #e1261c;
font-weight: 400;
line-height: 48px;}

#helpdeskform input.form-checkbox{width: auto;
position: absolute;
left: 0;
top: 1px;}
#helpdeskform .control-label-required{position:relative;padding-left: 30px;font-size:14px;;line-height:21px;color:#021d49;}

/**  Service quote step form start  **/


/********************* media query CSS ends HERE **************/

/*** Courier receipt css ***/
*{
    box-sizing:border-box;
}
.rec-lable-full {
    margin: 0px;
    font-family: sans-serif;
    font-size: 14px;
    color: #000000;
}
.rec-lable-full td,
.rec-lable-full th {
    border: 1px solid gainsboro;
    padding: 8px;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0px;
}

.text-center {
    text-align: center;
}

.rec-lable-full h3 {
    font-size: 26px;
    font-weight: bold;
    font-family: sans-serif;
}

.rec-lable-full table thead tr th {
    font-size: 18px;
    font-family: sans-serif;
}

span.wei, span.pes {
    font-size: 20px;
    font-weight: bold;
}
.rec-lable-full .logo {
max-width: inherit;
width: 182px;
}
.rec-lable-full table {
    width: 100%;
    border-collapse: collapse;
    max-width: 750px;
    margin: 0px auto;
    font-size: 14px;
    font-family: sans-serif;
}

.rec-lable-full p {
    margin: 0px;
    padding: 4px;
    font-size: 14px;
    line-height: normal;
    font-family: sans-serif;
}

.rec-label {
    padding: 10px;
    border-bottom: 2px dotted #000;
    margin-bottom: 30px;
}

p.text-fold {
    text-align: center;
    margin-bottom: -18px;
}

p.text-fold span {
    position: relative;
    z-index: 9999;
    background: #fff;
    padding: 0 10px;
}

.rec-label1 {
    max-width: 750px;
    margin: 0px auto;
    padding: 12px;
}

.rec-label1 p {
    padding-bottom: 11px;
}

.flex-box {
    display: flex;
}

.flex-box1 {
    display: flex;
    justify-content: space-between;
}

.rec-lable-full img {
    /*width: 100%;
    max-width: 500px;*/
    margin: 0px auto;
    display: block;
}
.rec-lable-full{ display: none; }

@media print {

    @page { margin: 20px 0 0 0; }

    body {
        margin: 0px;
        font-family: sans-serif;
        font-size: 14px;
    }

    header.header-top { display: none; }
    div.page-title { display: none; }
    section.main-content { display: none; }
    footer.footer { display: none; }

    .rec-lable-full { display: block; }

    table.labelCopy { page-break-before: always; }
    table.boxCopy { page-break-before: always; page-break-after: always; }

    table { page-break-inside: avoid; }

    /*.rec-lable-full {page-break-inside: auto;}*/

    /**{
        box-sizing:border-box;
    }*/

}
.page-id-32 #myCarousel .item a img {
    width: 100%;
}