body{

    font-family: 'Poppins', sans-serif;

    /*background:url(../images/design.png) left top*/

    /*background:url(../images/871e14540fb34d09a46d09ff44be6b04.png) left top*/

}

.container{ width:1500px; max-width:100% }



/* header */

header{

    background:#213456;

}

.top_header{

    padding:0 25px;

    border-bottom:1px solid #4968A2

}

.top_header ul {

    padding:0;

    margin:0

}

.top_header ul li{

    display:inline-block;

    color:#fff

}

.top_header ul li a{    

    line-height: 51px;

    color: #fff;

    display: inline-block;

    font-size: 18px;

    padding: 0 15px;

}

.top_header ul li a:hover {

    color:#b4ceff;

    text-decoration:none

}

.bottom_header{

    padding:0 25px;

}

header .navbar{

    margin:0;

    border:none;

    text-align:center;

}

header .navbar ul{

    float:none;

    display:inline-block

}

.navbar-brand{

    height: 70px;

    padding: 0px 15px;

    display: flex;

    align-items: center;

        color: #fff !important;

    font-size: 23px;

    text-transform: uppercase;

}

.navbar-nav>li>a{

    padding: 25px;

    color: #fff;

    text-transform: uppercase;

    font-size: 17px;

}

.nav>li>a:focus, .nav>li>a:hover{

    background:#4968A2

}



.header_cart.navbar-nav>li>a{

    text-transform:capitalize;

    font-size:20px;

    padding:23px 13px

}

.header_cart.navbar-nav>li>a:hover{

    background:none;

    color:#b4ceff

}

.header_cart.navbar-nav>li>a *{ vertical-align:middle}

.header_cart.navbar-nav>li>a i{ font-size:24px}



/* end header */





/* footer */

.top_footer{

    background:#213757;

    margin-top:100px;

}

.top_footer h4{

    margin:0;

    line-height:62px;

    color:#fff;

    font-size: 24px;

}

.subscribe{

    position:relative;

    margin:10px 0

}

.subscribe input{

    height:42px;

    border:none;

    width:350px;

    padding:0 15px;

}

.subscribe button{

    position:absolute;

    background-color:#000;

    background-image:url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAxMjkgMTI5IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMjkgMTI5IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNHB4Ij4KICA8Zz4KICAgIDxwYXRoIGQ9Im00MC40LDEyMS4zYy0wLjgsMC44LTEuOCwxLjItMi45LDEuMnMtMi4xLTAuNC0yLjktMS4yYy0xLjYtMS42LTEuNi00LjIgMC01LjhsNTEtNTEtNTEtNTFjLTEuNi0xLjYtMS42LTQuMiAwLTUuOCAxLjYtMS42IDQuMi0xLjYgNS44LDBsNTMuOSw1My45YzEuNiwxLjYgMS42LDQuMiAwLDUuOGwtNTMuOSw1My45eiIgZmlsbD0iI0ZGRkZGRiIvPgogIDwvZz4KPC9zdmc+Cg==);

    width:38px;

    height:38px;

    right:2px;

    top:2px;

    border:none;

    background-position: center center;

    background-repeat: no-repeat;

}

.footer_list{ margin:0; padding:0}

.footer_list li { list-style:none}

.footer_list li h3{

        margin: 0;

    font-size: 20px;

    font-weight: bold;

    margin-bottom:12px;

}

.center_footer{ padding-top:54px;}

.footer_list li a{

     color: #000;

    line-height: 22px;

    font-size: 17px;

}

footer .contact-us{

    background: #213456;

    padding: 0 15px;

    border-radius: 10px;

    width: 185px;

    display: inline-block;

    color: #fff !important;

    line-height: 50px !important;

    font-weight: bold;

    margin-bottom:10px;

}

.footer_list p{

    font-size: 17px;

}

.bottom_footer p{ margin:0; font-size:17px; line-height:30px; line-height:50px;}

.bottom_footer p a {

    color: #000;

}

footer .container {

    max-width: 1300px;

}

/* end footer */



.top_bar{ text-align:center; padding:0 25px; background:#DEDEDE; color:#000}

.top_bar .search { position:relative; margin:10px 0;  }

.top_bar .search input{ border:none; width:192px; height:38px; padding-left:45px;}

.top_bar .search i{ position:absolute;     left: 15px;top: 10px;}

.center-text{ display:inline-block}

.center-text p { font-size:17px; margin:0; line-height:58px;}

.center-text p b{ text-transform:uppercase}

.center-text p a{ color:#000; text-decoration:underline}

.contact{ text-align:right;    line-height: 20px; margin-top: 6px;}

.contact h3{ margin:0}

.contact span{ font-size:20px; color:#213757}



.breadcrumbs{ margin-top:10px;}

.breadcrumbs ul{padding:0;margin:0}

.breadcrumbs ul li{ list-style:none; display:inline-block}

.breadcrumbs ul li a{ color:#000; }



.product_img{ text-align:center;}

.product_img img{ max-width:100%}

.text-red{ color:red !important}



.product_description {margin-top: 75px;}

.product_description .product_title{margin: 0;font-size: 27px;font-weight: bold; }

.product_description .product_code{margin-top: 5px;display: inline-block;font-size: 15px; }



.product_price{margin-top: 18px;font-size: 25px;font-weight: bold;margin-bottom: 1px;}    

.product_vate{font-size: 15px;}



.product_des{margin-top: 20px;line-height: 23px;display: inline-block;    margin-bottom: 25px;}

.more_des{width: 238px;text-align: center;display: inline-block;border: 1px solid #000;color: #000;font-size: 17px;line-height: 37px;}

.product_options label{ width:100%; display:inline-block; font-size:16px;}

.product_size{  width:235px; float:left}

.product_size_guide{  width:105px; float:left;    margin: 0 15px;}

.product_quantity{ width:100px; float:left}



.product_size select{width: 100%;border: 1px solid #000;height: 36px;font-size: 15px;font-weight: bold;padding: 0 10px;}

.product_options{ margin-top: 25px;}

.product_quantity input{width: 100%;border: 1px solid #000;height: 36px;font-size: 15px;font-weight: bold;padding: 0 10px; text-align:center}

.product_size_guide a{width: 100%;border: 1px solid #000;color:#000; display:inline-block; line-height: 34px;font-size: 15px;font-weight: bold;padding: 0 10px; text-align:center;margin-top: 22px;}

.product_colour{ margin-top:18px}

.product_colour .color_option{

    width:43px;

    height:43px;

    border:2px solid #B4B5C1;

    float:left;

    margin-right:25px;

    border-radius: 100px;

    margin-top: 2px;

}

.product_description .panel-group {

    margin-bottom: 0px;

    margin-top: 13px;

    border-top: 1px solid #B6B6B6;

    margin-bottom:40px;

}

.product_description .panel{box-shadow:none !important; margin:0 !important ; background:none !important; border-color:#B6B6B6 !important; border-width:0px 0 1px 0 !important; border-radius:0 !important}

.product_description .panel-heading{

    padding:0

}

.product_description .panel-body{ padding:15px 0}

.product_description .panel-heading a{     

    font-size: 20px;

    position:relative;

    text-transform: uppercase;

    width: 100%;

    display: inline-block;

    line-height: 75px;

    font-weight: bold;}

.product_description .panel-heading a.collapsed:after{

    height:12px;

    width:2px;

    position:absolute;

       right: 15px;

    top: calc(50% - 6px);

    background:#000;

    content:""

}

.product_description .panel-heading a:before{

       width:12px;

    height:2px;

    position:absolute;

    right: 10px;

    top: calc(50% - 1px);

    background:#000;

    content:""

}

.col-md-4{ margin-left:-8px;} 



.cart_btns a{ line-height:60px; background:#213757; color:#fff; float:left; text-align:center; width:calc(100% - 80px); font-size:16px; font-weight:bold; text-transform:uppercase}

.cart_btns a:hover{ text-decoration:none; background:#4968A2}

.cart_btns a *{ vertical-align:top; line-height:60px;}

.cart_btns a i{ font-size:18px;margin-right:8px;}

.cart_btns a:last-child{ float:right; width:74px;}

.cart_btns a:last-child i{margin:0 !important; line-height:60px;   }



.email_qui_btn a{ border:1px solid #000000; line-height:38px; width:calc(50% - 5px); float:left; text-align:center;margin-top: 25px;color: #000;font-size: 16px;font-weight: 600;}

.email_qui_btn a:hover, .more_des:hover, .product_size_guide a:hover{ background:#000; color:#fff; text-decoration:none}

.email_qui_btn a:last-child{ float:right; }



.product_thumb_img a{ display:inline-block; border-right:2px solid #F0F0F0 }

.product_thumb_img a:last-child{ border:none}





.owl-prev, .owl-next{ position:absolute;top:50%; left:-40px ; font-size:0 ; margin-top:-23px}

.owl-next{ position:absolute;top:50%; left:auto; right:-40px }

.owl-prev:after, .owl-next:after{

    content: "\e258";

        font-family: 'Glyphicons Halflings';

    font-size: 40px;

    color: #BFBFBF;

}

.owl-prev:after {

    content: "\e257";

}

.owl-prev.disabled, .owl-next.disabled{

    opacity:0.3

}



.Similar_Products{ margin-top:100px;}

.Similar_Products > h3{ font-weight:bold; color:#000}



.modal-header h4{ font-weight:bold}

.size_guide_modal{ font-size:17px;}

.size_guide_modal table{ width:100%}

.list_number li{ list-style:decimal; margin-bottom:10px;}

.list_number { padding-left:20px; margin:0}



.table-striped { line-height:20px;}

.table-striped thead{ background:#C1C1C1}

.table-striped td, .table-striped th{ padding:5px;}

.table-striped>tbody>tr:nth-of-type(odd){ background:#fff}

.table-striped>tbody>tr:nth-of-type(even){ background:#DDDDDD}

.size_guide_modal{ width:800px;}







.buildKit{ margin-top:56px;}

.buildKit p { font-size:17px;}

.cart_total{ width:266px;}

.cart_btns_green{

     width: 100%;

    display: inline-block;

    margin-top: 13px;

    text-align: center;

    line-height: 42px;

    color: #fff;

    text-transform: uppercase;

}



 





 /* home */



.category_list{

    max-width: 1158px;

    margin: auto;

}

.category_block{

    position: relative;

    margin-bottom: 30px;

    overflow: hidden;

    

}

.category_block:after{

    background: #213757;

    position: absolute;

    width: 100%;

    height: 100%;

    left: 0;

    right: 0;

    opacity: 0;

    content: "";

    top: 0;

    transition: all ease 0.5s;

}

.category_block:hover:after{

    opacity: 0.66;

}

.category_block h2{

    position: absolute;

    left: 25px;

    top: 30px;

    font-size: 30px;

    color: #fff;

    margin: 0;

    max-width: 363px;

    z-index: 2;

    opacity: 0

     



}

.category_block:hover h2{

    -webkit-animation-name: slideInRight;

    animation-name: slideInRight;

    -webkit-animation-duration: 1s;

    animation-duration: 0.5s;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both;

}

@keyframes slideInRight{

    from{

        opacity: 0

        -webkit-transform:translate3d(50%,0,0);

        transform:translate3d(50%,0,0);

        visibility:visible}

    to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity: 1}

}

.category_block a{

    position: absolute;

    left: 25px;

    bottom: -60px;

    font-size: 20px;

    background: #FF9000;

    line-height: 45px;

    padding: 0 28px;

    color: #000;

    border-radius: 10px;

    z-index: 2;

    font-weight: bold;

        -moz-transition-property: bottom;

    -o-transition-property: bottom;

    -webkit-transition-property: bottom;

    transition-property: bottom;

    -moz-transition-duration: 0.45s;

    -o-transition-duration: 0.45s;

    -webkit-transition-duration: 0.45s;

    transition-duration: 0.45s;

    opacity: 0

}

 

.category_block:hover a{

     bottom:50px;

    -moz-transform: translateY(50%);

    -ms-transform: translateY(50%);

    -o-transform: translateY(50%);

    -webkit-transform: translateY(50%);

    transform: translateY(50%);

    opacity: 1



}

.category_block a:hover{

    background: #FFA800;

    text-decoration: none;

}

.category_list h4 {

    font-size: 30px;

    font-weight: bold;

    margin-bottom: 20px;

    margin-top: 50px;

}

.carousel-caption.d-none.d-md-block {

    text-align: right;

    color: #000;

    text-decoration: none;

    bottom: 25%

}

.carousel-caption.d-none.d-md-block h1{

    font-size: 50px;

    font-weight: bold;

    text-shadow: none

}

.carousel-caption.d-none.d-md-block h1 span{

    font-size: 38px;

    font-weight:normal;

    padding-top: 10px;

    display: inline-block;

}

.carousel-control{ background: none !important; color: #000 !important; text-shadow: none;}