/* ==========================================================================
Custom Theme Overrides
========================================================================== */

/**************
* TEMP
*/
.preloader{position:fixed;left:0;top:0;opacity:1;z-index:99999;width:100%;height:100%;background:url(../images/preloader.gif) 50% 50% no-repeat #fff}


/**************
* General
*/

body {font-family:"Asap", sans-serif; line-height: 20px; color:#555;}

h1, h2, h3, h4, h5, h6 {font-family:"Work Sans", sans-serif; font-weight: 300; color: #000}
h4, h5, h6 {font-weight: normal;}
p {font-size:13px;}

.p-lg,
.p-lg p {font-size: 16px; line-height: 24px;}

.navbar-nav > li > a {font-family:"Work Sans", sans-serif; font-weight: normal;}

.pagetitle h1 {color:#5481AC; font-weight:300;}


/**************
* Style Classes
*/
.color, .color * {color:#5481AC;}
.color-danger, .color-danger * {color:#C81313;}
.white, .white * {color:#fff;}
.f-thinner {font-weight: 100;}
.f-thin {font-weight: 300;}
.f-normal {font-weight: 400;}
.f-bold {font-weight: bold;}
.f-big {font-size: 120%;}
.f-small {font-size: 70%;}
.full {width:100%;}
.baseline {vertical-align: baseline !important;}


/**************
* Margins and paddings
*/
.mt-xs {margin-top:5%;} .mt-sm {margin-top:15%;} .mt-md {margin-top:20%;} .mt-lg {margin-top:35%;} .mt-xl {margin-top:45%;}
.mb-xs {margin-bottom:5%;} .mb-sm {margin-bottom:15%;} .mb-md {margin-bottom:20%;} .mb-lg {margin-bottom:35%;} .mb-xl {margin-bottom:45%;}
.ml-xs {margin-left:5%;} .ml-sm {margin-left:15%;} .ml-md {margin-left:20%;} .ml-lg {margin-left:35%;} .ml-xl {margin-left:45%;}
.mr-xs {margin-right:5%;} .mr-sm {margin-right:15%;} .mr-md {margin-right:20%;} .mr-lg {margin-right:35%;} .mr-xl {margin-right:45%;}

.pt-xs {padding-top:5%;} .pt-sm {padding-top:15%;} .pt-md {padding-top:20%;} .pt-lg {padding-top:35%;} .pt-xl {padding-top:45%;}
.pb-xs {padding-bottom:5%;} .pb-sm {padding-bottom:15%;} .pb-md {padding-bottom:20%;} .pb-lg {padding-bottom:35%;} .pb-xl {padding-bottom:45%;}
.pl-xs {padding-left:5%;} .pl-sm {padding-left:15%;} .pl-md {padding-left:20%;} .pl-lg {padding-left:35%;} .pl-xl {padding-left:45%;}
.pr-xs {padding-right:5%;} .pr-sm {padding-right:15%;} .pr-md {padding-right:20%;} .pr-lg {padding-right:35%;} .pr-xl {padding-right:45%;}

.nohpadding {padding-left: 0px; padding-right: 0px;}
.nohmargin {margin-left: 0px; margin-right: 0px;}
.novpadding {padding-top: 0px; padding-bottom: 0px;}
.novmargin {margin-top: 0px; margin-bottom: 0px;}


/**************
* Buttons
*/

.btn.btn-rounded {border-radius: 50px;}
.btn.btn-border {color: #777; border: 2px solid #ddd;}

.btn.btn-border:focus,
.btn.btn-border:hover {background-color: transparent; color: #555}

.btn.btn-inverse:focus,
.btn.btn-inverse:hover {background-color: #444; color: #fff}

.btn.btn-border:focus,
.btn.btn-border:hover {background-color: transparent; color: #555}

.btn.btn-success {background:#86CC3B; color:#fff;}

.mode .btn.btn-success {text-transform: uppercase; border:1px solid #fff; line-height: 31px; margin-left:5px;}
.mode a {text-decoration: underline; color:#E7F3FF;}
.mode a:hover {color:#fff;}

/**************
* Header
*/

.contact-info a, .extra-menu a {line-height: 32px;}

a.navbar-brand img {max-width: 150px;}

/* header height */
a.navbar-brand {line-height: 60px;}
.navbar-nav > li > a,
.navbar-account {line-height: 54px;}
.navbar-ecommerce,
.navbar-ecommerce .link-cart {line-height: 57px;}
.divider[class*="pull-"] {margin-top:12.5px;}
.header.affix + .wrapper {padding-top:94px; }
.pagetitle h1 {font-size: 28px;}
.pagetitle {line-height: 30px;}

/* .feature {height: 500px;} */
.feature h1 {font-size: 42px;}
.feature p {font-size: 18px; line-height: 22px;}

.header-light .navbar-ecommerce .link-cart.hover i {font-size: 20px;}
.navbar-ecommerce .badge {left:calc(100% - 3px);}

.mode {background: #4194E1; color:#fff; padding:10px;}
.mode form {display: inline-block; margin-bottom:0px;}
.mode form .btn-info {font-weight: normal; font-size: 18px; vertical-align: baseline; padding:0 15px; margin:0 5px;}

.navbar-lang {line-height:55px; height: 55px;}
.navbar-lang li ul li a,
.navbar-lang .dropdown-toggle {text-transform: uppercase;}

.homebanner { background: #212121; padding:10px; }


/**************
* Swiper Slider
*/
.swiper-container.swiper-slider {width: 100%; height: 500px;}
.swiper-slide.feature .container {padding:7% 0;}
.swiper-button-prev,
.swiper-button-next {margin-top:0px; background-size: 70% }
/* Search D73535 in background-image to change the color of the arrows */
.swiper-button-prev { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%234194E1'%2F%3E%3C%2Fsvg%3E"); }  
.swiper-button-next { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%234194E1'%2F%3E%3C%2Fsvg%3E"); }
.swiper-pagination-bullet-active {background:#4194E1;}

.swiper-container.swiper-slider .animated { -webkit-animation-duration: 1s; -moz-animation-duration: 1s}

@media screen and (max-width:639px) {
    .swiper-slide.feature .container {padding:10% 0;}
    .swiper-container.swiper-slider {width: 100%; height: 700px;}
}

/**************
* Forms
*/
.chosen-container-single {top:-4px;}
.chosen-container-single .chosen-single {height: 36px; line-height: 36px;}

/**************
* Sidebar
*/
.widget-title {color:#333; font-weight: 300;}
.widget-title::after {display:none;}


/**************
* Cart
*/

/* Hide HTML5 Up and Down arrows. */
input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
 
input[type="number"] {
    -moz-appearance: textfield;
}

input[type=number]{
    font-size: 15px;
    color: #1a1a1a;
    width: 70px;
    height: 42px;
    border-radius: 2px;
    font-family: 'Open Sans', sans-serif;
    padding: 0 15px;
    background-color: transparent;
    box-shadow: none!important;
    border: 1px solid #d9d9d9;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.cart .actions {padding:15px; border-top: 1px dashed #dedede;}
.cart .actions span.pull-right {margin-top:5px; margin-right:5px;}
.cart .actions.top { border-top:none; border-bottom: 1px dashed #dedede;}
.navbar-ecommerce.fullcart .badge {background-color:#f06000}
.navbar-ecommerce.fullcart .link-cart {color:#f06000;}
.header-light .navbar-ecommerce.fullcart .link-cart .cost {color:#f06000;}

/**************
* Checkout
*/

#wrap_Inputfield_pad_shippingmodule,
#wrap_Inputfield_pad_paymentmodule {display:none;}

.product-quantity {margin-left: 0px;}
.product-quantity a {width: 25px;}
.product-quantity input.qborder {border-color:#e6940e;}

/**************
* Registration Form
*/

#LoginRegisterForm #register_email + p.description {text-indent:-9999px; margin-bottom:10px;}
.InputfieldPasswordRow .detail {display:none;}


/**************
* Products
*/

.cards .figure img {width:50%;}

.widget {font-size: 16px;}
.widget-title {font-size: 20px; font-weight: 400;}

.related {border: 1px solid #eee; padding: 15px 20px 5px;}
.related-title strong { padding-top: 7px; display: block;}


/**************
* Forms
*/

#contact-form .alert-warning {
    padding:7px 12px;
}
#contact-form .checkbox + .btn,
#proponi-form .checkbox + .btn {margin-top:0px;}

#proponi-form .input-group {width:25%; float:left;}
#proponi-form .input-group {margin-bottom:0px;}
#proponi-form .input-group span.input-group-addon {width:40px; border:none; border-bottom:1px solid #ccc;}

/**************
* Footer
*/

footer h2.widget-title.brand img {max-width: 170px;}


.mobile-buttons {margin: 0 0 4px;}
.mobile-buttons .btn {margin: 0px; padding: 0 12px; font-size: 12px;}
.mobile-buttons .btn i {vertical-align: text-top;}
.btn.btn-info.linkedin {text-align: center; margin-right: 5px; background-color: #26e !important;}
.btn.btn-info.facebook {text-align: center; margin-right: 1px; background-color: #2977c9 !important}


/**************
* Bootstrap 5 Columns
*/
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 { position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px;}
.col-xs-15 {width: 20%; float: left;}
@media (min-width: 768px) {
    .col-sm-15 {width: 20%; float: left;}
}
@media (min-width: 992px) {
    .col-md-15 {width: 20%; float: left;}
}
@media (min-width: 1200px) {
    .col-lg-15 {width: 20%; float: left;}
}



/**************
* Responsive
*/
@media screen and (max-width:767px) {
    .header-extra-top {display:none;}
    .header.affix + .wrapper {padding-top:60px;}
    .navbar {padding:0 12px;}
    .navbar-toggle {height: 60px; line-height: 60px;}
    /*#navbar {float:none !important;}*/
    a.navbar-brand img {max-width: 100px; margin-top:3px;}
    .header-light .navbar-ecommerce .link-cart .cost {display:none;}
    .mode .container, .mode .col-md-12 {padding:0px;}
    .mode form, .mode button {width:98%;}
    /*
    .header:not(.header-vertical) .navbar-account,
    .header:not(.header-vertical) .navbar-lang {display:inline-block;}
    */
    .navbar-account em {display:none;}
    .navbar-account {margin-left:18px;}
    .navbar-lang > ul > li > a {padding:0 5px;}

    .homebanner img { width:100%; }

    .swiper-container.swiper-slider {width: 100%; height: 450px;}
    .swiper-button-prev,
    .swiper-button-next {display:none;}
    .pagetitle .subtitle {display:none;}
    .breadcrumb {display: none;}
    .panel-body .btn {float:none !important;}
    .panel-body .pack,
    .panel-body .form-group,
    .panel-body .related-title.col-md-2 {margin-bottom:10px !important;}
    .type-product img.full {width:60%;}
    #padloper-customerform .col-md-4 {padding-left:5px; padding-right: 5px;}
    
    #proponi-form .input-group {width:100%; float:none;}

    .xs-nohpadding {padding-left: 0px; padding-right: 0px;}

}