@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,400i,600,600i,700,700i,800,800i');
@import url('https://fonts.googleapis.com/css?family=Oswald:300,400,500,600,700');
@import url('https://fonts.googleapis.com/css?family=Poppins:300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');
@import url('https://fonts.googleapis.com/css?family=Courgette');
@import url('https://fonts.googleapis.com/css2?family=Sarala&display=swap');


/*
@font-face{
	src:url(../../fonts/Jersey-M54.ttf);
	font-family:'Jersey-M54';
}*/


/************************** font_family end here *********************************/

p,h1,h2,h3,h4,h5,h6,ul{margin: 0;padding: 0;}


.padd_right{padding-right: 0px;}
.padd_left{padding-left: 0px;}
.padd_remov{padding: 0px;}

/************************** mardin_padding end here *********************************/
.rwin{
display: flex!important;
padding-top: 20px;
}

.virtual_model_padtop{
padding-top: 100px;
}

.virtualpd {
  display: none;;
}

.pcaddtf{
    margin-top: 10px;
}

.virtualotext{
    color:#000000; text-align: left; font-weight: bold;
}

.virtualotextp{
    text-align: left;
}

button, input, select, textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  width: inherit;
  background: white;
  border: 1px solid #d1d1d1;
  border-radius: 5px;
  padding: 5px;
  margin: 5px 0px;
    margin-left: 0px;
}

 .blink_me {
  animation: blinker 1s linear infinite;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}

 .tclink{
    color: #FF0202 !important;
    font-size: 14px;
    text-decoration: none;
}
.tclink:hover{
    color: black !important;
}


 .cartsp{
border-bottom: 1px solid #262626;
padding-bottom: 30px;
}


 .virtualroomcart {
  background: #fff;
  height: 77vh;
  display: block;
}

 .changeaddbtn {
  color: white !important;
  background: #FF0202;
  display: inline-flex;
  vertical-align: top;
  margin-top: 12px;
  padding-left: 38px;
  border: 2px solid #000;
  box-sizing: border-box;
  padding: 5px 30px;
}
 .changeaddbtn:hover {
  color: black !important;
  background: #e6e6e6;
  display: inline-flex;
  vertical-align: top;
  margin-top: 12px;
  padding-left: 38px;
  border: 2px solid #000;
  box-sizing: border-box;
  padding: 5px 30px;
}


    input.invalid, textarea.invalid{
      border: 1px solid red;
    }
    
    input.valid, textarea.valid{
      border: 1px solid green;
    }

.tempdaddresscb{
  font-size: 14px !important;
  font-weight: 200 !important;
}

.tempft{
  width: -moz-available;
  width: -webkit-fill-available;
  margin-left: -15px;
}

.tempftlist{
  width: -moz-available;
  margin-left: -15px;
}

.zahlart-image {
  /*max-width: 100px;
  max-height: 40px;*/
  margin-left: 25px;
  align-self: center;
}

.zahlart-row {
  padding: 25px 0;
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-left: 30px;
}

.fpassmlink{
    color: #000000 !important;
    font-size: 14px;
    text-decoration: none;
    cursor: pointer !important;
}
.fpassmlink:hover{
    color: #FF0202 !important;
    cursor: pointer !important;
}


.layout {
  display: flex;
  flex-wrap: wrap;
}

.child {
flex: calc(100% / 6)!important;
text-align: center;
line-height: normal;
color: black;
padding: 10px 0px;
}

.childorder {
flex: calc(100% / 5);
text-align: center;
line-height: normal;
color: black;
padding: 10px 0px;
}

.product-title{

    
}

.text_red{
    color: #000000;
    font-size: 18px; 
    font-weight: 400;
    font-weight: bold;
}

.flex-parent {
  display: flex;
}

.flex-item {
  flex: 1; 
  margin: 0 1%;
  padding: .5em;
  /*background: #efefef;
  border: 3px solid #333;*/
}


.wk-zusammenfassung-footer {
  display: flex;
  flex-direction: row;
}
.wk-produktion-versand {
  margin-bottom: 40px;
  width: 50%;
  margin-right: 5%;
}
.wk-produktion-versand .versand-wrapper {
  background: #FDF8C0;
  padding: 35px;
}
.wk-produktion-versand .wk-produktion, .wk-produktion-versand .wk-versand {
  margin-bottom: 0px;
}
.wk-produktion-versand .wk-produktion .produktion-head, .wk-produktion-versand .wk-versand .produktion-head {
  font-weight: 600;
  margin-bottom: 5px;
}
.wk-produktion-versand .wk-produktion .quarterwidth, .wk-produktion-versand .wk-versand .quarterwidth {
  /*width: 25%;*/
}
.wk-produktion-versand .wk-produktion .float_left, .wk-produktion-versand .wk-versand .float_left {
  display: inline-block;
  float: left;
}

.wk-zusammenfassung-preis {
  width: 45%;
  margin-left: 5%;
  display: flex;
  flex-wrap: wrap;
  padding-top: 10px;
}
.wk-zusammenfassung-preis > div:nth-child(2n+1) {
  width: 50%;
}
.wk-zusammenfassung-footer .rabattcodeeingabe label {
  display: block;
  padding-top: 5px;
}
.wk-zusammenfassung-footer .rabattcodeeingabe #RabattMessage {
  display: block;
  max-width: 150px;
  padding-top: 4px;
  font-size: 11px;
  line-height: 1.35em;
}
.wk-zusammenfassung-preis > div:nth-child(2n) {
  width: 50%;
}
.wk-zusammenfassung-footer .rabattcodeeingabe .rabattfield {
  width: 220px;
  height: 36px;
  /*padding: 3px 20px 0;*/
}
.wk-zusammenfassung-footer .designcheck-preis p, .wk-zusammenfassung-footer .verpackung-preis p, .wk-zusammenfassung-footer .verpackungheader {
  font-weight: 700;
}
.wk-zusammenfassung-footer .designcheck-preis, .wk-zusammenfassung-footer .verpackung, .wk-zusammenfassung-footer .verpackung-preis, .wk-zusammenfassung-footer .wk-gesamtpreis, .wk-zusammenfassung-footer .wk-zusammenfassung-endpreis {
  padding-top: 35px;
}
.wk-gesamtpreis, .wk-zusammenfassung-endpreis {
  font-weight: 600;
  font-size: 20px;
}

.wk-produktion-versand .row.active div {
  color: #228b22;
}


header{}
.storefront-breadcrumb  + #breadcrumb1 , .storefront-breadcrumb { display:none !important;}

header .container-fliud{padding: 0px 30px;}
#saveImageb { position:relative; z-index:88888;}
.main_top_bar{background: #edf1f4;}
.main_top_bar .top_bar_l{padding: 10px 0px;}
.main_top_bar .top_bar_l ul{}
.main_top_bar .top_bar_l ul li{display: inline-block;padding-right: 12px;}
.main_top_bar .top_bar_l ul li a{font-family: 'Open Sans', sans-serif; font-size: 12px; color: #6f6f6f;display: inline-block;transition: 0.45s;}
.main_top_bar .top_bar_l ul li a span{padding-right: 5px;font-size: 15px;transition: 0.45s;}
.main_top_bar .top_bar_l ul li a:hover{color: #FF0202;}
.main_top_bar .top_bar_l ul li a:hover span{color: #FF0202;}

.main_top_bar .top_bar_r{float: right;}
.main_top_bar .top_bar_r ul{}
.main_top_bar .top_bar_r ul li{float: left;}
.main_top_bar .top_bar_r ul li a{display: inline-block;font-size: 18px;padding: 8px 14px;border-left: 1px solid #dddddd;color: #474747;transition: 0.45s;}
.main_top_bar .top_bar_r ul li.top_inq a{background: #FF0202;color: #fff;padding: 0.5px 12px; border: 0px;}
.main_top_bar .top_bar_r ul li.top_inq a span{font-size: 28px;}
.main_top_bar .top_bar_r ul li a h6{font-family: 'Open Sans', sans-serif;font-weight: 600;font-size: 13px;display: inline-block;transform: translateY(-4px);padding-left: 10px; margin:0;}
.main_top_bar .top_bar_r ul li a h6 p{display: inline-block; margin:0; padding:0; color:#fff;}
.main_top_bar .top_bar_r ul li a:hover{background: #FF0202;color: #fff;}
.main_top_bar .top_bar_r ul li.top_help{}
.main_top_bar .top_bar_r ul li.top_help a{font-size: 13px;border: 0px;padding: 11px 10px;color: #737373;}
.main_top_bar .top_bar_r ul li.top_help a span{padding-right: 5px;}
.main_top_bar .top_bar_r ul li.top_help a:hover{background: transparent;color: #FF0202;}

.main_top_bar .top_bar_r  .dropdown-menu{    min-width: 90px;padding: 0px 0;
    margin: 0px 0 0;border: 0px;}
.main_top_bar .top_bar_r  .dropdown-menu>li{float: none;}
.main_top_bar .top_bar_r  .dropdown-menu>li a{width:100%;    padding: 6px 10px !important;transition: 0.45s;font-family: 'Open Sans', sans-serif;color: #737373;font-size: 13px;}
.main_top_bar .top_bar_r  .dropdown-menu>li a:hover{background: #FF0202 !important; color: #fff !important; text-decoration: none !important;}
.main_top_bar .top_bar_r  .btn2 {background: none;border: none;padding: 0;font-size: 13px;padding: 10px 10px;transition: 0.45s;}
.main_top_bar .top_bar_r  .caret{ border:0px !important;  width: auto;height: auto;font-size: 15px;}
.main_top_bar .top_bar_r  .btn2:hover{color: #FF0202;}

.main_logo{}
.top_logo{padding: 20px 0px;}
.top_logo a{}


.main_logo .top_navigation{font-family: 'Oswald', sans-serif;margin-top: 25px;}
.main_logo .top_navigation ul{float: right;}
.main_logo .top_navigation ul li{float: left;}
.main_logo .navbar-inverse .navbar-nav>li>a{color: #444343;}
.main_logo .top_navigation ul li a{color: #444343;font-family: 'Oswald', sans-serif;font-size: 17px;font-weight: 500;text-transform: uppercase;padding: 10px 14px;display: inline-block;text-decoration: none;transition: 0.45s;}
.main_logo .top_navigation ul li a:hover{color: #FF0202 !important;}
.main_logo .top_navigation .navbar{min-height: 40px;}




.navbar-inverse {background:none; margin:0 0 0 0px; border:none;}
.nav>li>a {position: relative;display: block;padding: 0px 0px;}

.navbar-collapse{padding-right: 0px;padding-left: 0px;}

.top_contact{}
.top_contact .talk{}
.top_contact .talk ul {font-family: 'Open Sans', sans-serif;float: right;padding: 25px 0px;}
.top_contact .talk ul li{float: left;}
.top_contact .talk ul li img{float: left;padding-right: 10px;padding-top: 5px;}
.top_contact .talk ul li p{font-size: 12px;color: #3d3d3d;text-transform: uppercase;display: inline-block;}
.top_contact .talk ul li p span{font-size: 16px;}
.top_contact .talk ul li p a{font-size: 16px;color: #3d3d3d;display: inline-block;text-transform: capitalize;transition: 0.45s;}
.top_contact .talk ul li:first-child{padding-right: 25px;}

.top_contact .talk ul li p a:hover{color: #FF0202;text-decoration: underline;}


.top_contact .delivery{}
.top_contact .delivery ul {float: right;padding: 4px 0px;}
.top_contact .delivery ul li{float: left;}
.top_contact .delivery ul li img{float: left;padding-right: 10px;padding-top: 9px;}
.top_contact .delivery ul li p{font-size: 14px;color: #FF0202;display: inline-block;font-family: 'Oswald', sans-serif;font-weight: 500;}
.top_contact .delivery ul li p span{font-size: 13px;font-family: 'Open Sans', sans-serif;color: #3d3d3d;}

.top_contact .delivery ul li:first-child{padding-right: 25px;}


.vptowp{display: block ruby;}
.batterx{display: none;}

.main_navbar{border-top: 1px solid #ececec;}
.main_navbar .top_navigation{}

.menu-wrapper ul{}
.menu-wrapper ul li{}
.menu-wrapper ul li a{padding:15px 23px; display:inline-block; font-size:15px; color:#3e3e3e !important; font-family: 'Oswald', sans-serif; font-weight:400; text-transform:uppercase;}
.menu-wrapper ul li a small{padding-left:3px;}
.menu-wrapper ul li a:hover{color:#fff !important;background-color: #FF0202 !important;}
.menu-wrapper ul li a i{display:inline-block;}
.menu-wrapper ul li.onhovernav{color:#fff !important;background-color: #FF0202 !important;}
.menu-wrapper ul li.onhovernav a{color: #fff !important;}

.menu-wrapper ul li ul{position:absolute; top:100%; left:0px; right:0px; visibility:hidden; opacity:0; transform:translateY(25px);  transition: 0.3s all; background:rgba(255, 255, 255, 0.50); width:200px; z-index:999;border: 1px solid #ddd;}
.menu-wrapper ul li:hover ul{visibility:visible; opacity:1; transform:translateY(0px);}
.menu-wrapper ul li ul li{display:block;padding:0px 0px;}
.menu-wrapper ul li.onhovernav ul li a{display:block;padding: 10px 23px; color:#3e3e3e !important; }
.menu-wrapper ul li.onhovernav ul li a:hover{color:#fff !important;background-color: #FF0202 !important;}
#nav_section{position: relative;}
.banner_nav{    position: absolute;
    left: 0;
    right: 0;
    bottom: -7px;}
.inner_banner_div{}
.inner_banner_div ul{text-align: center;font-size: 0;}
.inner_banner_div ul li{    display: inline-flex; font-family: 'Oswald', sans-serif;text-transform: uppercase;transform: skew(-22deg);
    background: #35363a;
    border-right: 2px solid #d9dee3; transition: 0.45s;}
.inner_banner_div ul li p{font-size: 21px; color: #35363a;font-weight: 700;text-align: left;transform: translateY(-17px) skew(22deg);padding-right: 25px;line-height: 25px;}
.inner_banner_div ul li p span{display: inline-block;padding-left: 5px;}
.inner_banner_div ul li a{display: inline-block;color: #fff;padding: 15px 30px;font-size: 18px;font-weight: 500;transform: skew(22deg);letter-spacing: 1px;}

.inner_banner_div ul li:first-child{background: none;}
.inner_banner_div ul li:last-child{border:none;}
.inner_banner_div ul li:hover{background: #FF0202;}
.inner_banner_div ul li:first-child:hover{background: none;}


.main_fav_cat{margin: 0px 10px; padding: 70px 0px;}
.fav_cat_head{text-align: center;margin-bottom: 40px;}
.fav_cat_head h2{font-family: 'Oswald', sans-serif;font-size: 30px;color: #000;text-transform: uppercase;font-weight: 600;padding: 10px 0px;}
.fav_cat_head h3{font-family: 'Courgette', cursive;font-size: 20px;color: #FF0202;}
.fav_cat_head h4{font-family: 'Open Sans', sans-serif;font-size: 17px;font-weight: 500;}
.main_fav_cat .item{padding: 0px 10px;}
.main_cat_inner{}
.main_cat_inner a{text-decoration: none;}
.main_cat_inner .cat_img{overflow: hidden;}
.main_cat_inner .cat_img img{transition: 0.45s;}
.main_cat_inner .cat_name{}
.main_cat_inner .cat_name h2{font-family: 'Oswald', sans-serif;font-size: 25px;color: #000000;text-transform: uppercase;padding-top: 15px;font-weight: 700;transition: 0.45s;}
.main_cat_inner .cat_name p{font-family: 'Open Sans', sans-serif;color: #000;font-size: 15px;padding-top: 5px;font-weight: 600;transition: 0.45s;}

.main_cat_inner:hover .cat_img img{transform: scale(1.1);}
.main_cat_inner:hover .cat_name h2{color: #FF0202;letter-spacing: 2px;}
.main_cat_inner:hover .cat_name p{color: #FF0202;}



/*owl btn style start */
.main_fav_cat .owl-carousel .owl-dots.disabled, .main_fav_cat .owl-carousel .owl-nav.disabled{display: block;}

.c_slider_1 .owl-prev{position:absolute; top:50%; transform:translateY(-50%); left:10px;}

.c_slider_1 .owl-prev i{    display: block;
    width: 52px;
    height: 52px;
        line-height: 52px;
    font-size: 22px;
    text-align: center;
    color: #000;
    background: #ffffffb3;
    transition: 0.45s;
    }

.c_slider_1 .owl-prev i:hover{background:#35363a;border-color: currentColor;color: #fff;}

.c_slider_1 .owl-next{position:absolute; top:50%; transform:translateY(-50%); right:10px;}

.c_slider_1 .owl-next i{  display: block;
    width: 52px;
    height: 52px;
        line-height: 52px;
    font-size: 22px;
    text-align: center;
    color: #000;
    background: #ffffffb3;
    transition: 0.45s;}

.c_slider_1 .owl-next i:hover{background:#35363a;border-color: currentColor;color: #fff;}

/*owl btn style end */

.main_order_list{background: #1e1e1e;}
.last_re{padding: 25px 0px;}
.rewiew_inner{text-align: center;}
.rewiew_inner h2{font-family: 'Oswald', sans-serif;font-weight: 600;font-size: 24px;text-transform: uppercase;color: #fff;}
.rewiew_inner p{color: #d1d1d1;font-size: 14px;font-family: 'Open Sans', sans-serif;padding: 15px 0px;}
.rewiew_inner h3{color: #ffbf00;font-size: 14px;text-transform: uppercase;font-style: italic;font-family: 'Oswald', sans-serif;font-weight: 400;}

.order_cont{background: #FF0202;text-align: center;padding: 42px 0px;}
.order_cont h2{font-family: 'Oswald', sans-serif;font-size: 80px;color: #fff;font-weight: 700;font-style: italic;}
.order_cont p{font-family: 'Oswald', sans-serif;font-size: 24px;color: #fff;font-style: italic;padding-top: 5px;}



.c_slider_2 .owl-nav{display: none;}

/*owl dots style start */

.last_re .owl-carousel .owl-dots.disabled, .last_re .owl-carousel .owl-nav.disabled{display: block;}
.last_re .owl-carousel .owl-dots{text-align: center;
    margin-top: 10px;}
.last_re .owl-carousel .owl-dot{display: inline-block;}

.last_re .owl-carousel .owl-dot span{width: 7px;height: 7px;display: inline-block;border-radius:30px;margin: 0px 5px;background: #fff;}
.last_re .owl-carousel .owl-dots .active span{background: #FF0202;} 
/*owl dots style end */



.cutomer_review{    padding: 41px 0px;}
.work_list{margin-top: 30px;}
.work_img{border:8px solid #fff;box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.2);}
.main_work{text-align: center;padding-top: 60px;}
.main_work h2{font-family: 'Oswald', sans-serif;font-size: 30px;color: #000;font-weight: 700;text-transform: uppercase;padding-bottom: 10px;}
.main_work p{font-family: 'Open Sans', sans-serif;font-size: 17px; color: #000;padding-top: 10px}
.work_name{text-align: center;padding-top: 30px;}
.work_name h2{font-family: 'Open Sans', sans-serif;font-size: 22px;color: #000;font-weight: 600;}
.work_name img{padding: 12px 0px;}
.work_name p{font-size: 14px; color: #000000;font-family: 'Open Sans', sans-serif;}
.work_name a{font-family: 'Open Sans', sans-serif;font-size: 14px;color: #FF0202;display: inline-block;font-weight: 600;padding-top: 5px;transition: 0.45s;}
.work_name a span{padding-left: 5px;display: inline-block;}
.work_name a:hover{color: #35363a;}
.work_btn{    float: left;
    text-align: center;
    width: 100%;padding-top: 40px;padding-bottom: 70px;}
.work_btn a{display: inline-block;font-size: 18px;color: #fff;font-family: 'Open Sans', sans-serif;padding: 16px 48px;border-radius: 50px;background: #FF0202;transition: 0.45s;}
.work_btn a span{display: inline-block;padding-left: 10px;}
.work_btn a:hover{background: #35363a;}


.service_sec{background: #f3f5f6;padding-bottom: 60px;}

.brands_haead{text-align: center;padding-top: 60px;}
.brands_haead h2{font-family: 'Oswald', sans-serif;font-size: 30px;color: #000;padding-bottom: 15px;font-weight: 700;}
.brands_list{padding-top: 20px;padding-bottom: 60px;}
.brands_list ul{}
.brands_list ul li{display: inline-block;padding: 0px 5px;}
.brands_list ul li img{}
.brands_list ul li:first-child{padding-left: 0px;}
.brands_list ul li:last-child{padding-right: 0px;}

.marter_q{	background: #f3f5f6;padding: 60px 0px;}
.material_inner{text-align: center;}
.material_inner img{}
.material_inner h3{font-family: 'Open Sans', sans-serif;font-size: 17px;font-weight: 700;color: #000;text-transform: uppercase;padding: 20px 0px 10px 0px;}
.material_inner p{font-size: 15px;color: #212121;font-family: 'Open Sans', sans-serif;}

.insta_haed{text-align: center;padding-top: 60px;}
.insta_haed h2{    font-family: 'Oswald', sans-serif;
    font-size: 30px;
    color: #000;
    font-weight: 700;
    text-transform: uppercase;
    padding-bottom: 10px;}

.insta_img{padding-top: 50px;padding-bottom: 60px;}

.footer_top{background: #353535;padding: 30px 0px;}

.set1{}
.set1 img{}
.set1 a{display: inline-block;font-size: 15px;color: #fff;font-family: 'Open Sans', sans-serif;transition: 0.45s;padding-top: 10px;}
.set1 span{padding-left: 10px;}
.set1 a:hover{color: #FF0202;}

.set2{padding-left: 53px;}
.set2 .media-left img{max-width: inherit;padding-right: 5px;padding-top: 5px;}
.set2 .media-body h4{font-size: 15px;color: #fff;font-family: 'Open Sans', sans-serif;margin: 0px;line-height: 22px;}

.set3{float: right;}

.main_footer{background: #1c1c1c;}
.main_footer{padding-top: 10px;}
.footer_1{padding-bottom: 60px;padding-top: 60px;}
.footer_1 .footer_head{}
.footer_1 .footer_head h2{font-family: 'Open Sans', sans-serif;font-size: 17px;color: #fff;font-weight: bold;text-transform: uppercase;padding-bottom: 25px;}

.footer_1 .footer_linls{}
.footer_1 .footer_linls ul{}
.footer_1 .footer_linls ul li{}
.footer_1 .footer_linls ul li a{font-size: 15px;color: #a3a3a3;font-family: 'Open Sans', sans-serif;transition: 0.45s;padding-bottom: 5px;display: inline-block;}
.footer_1 .footer_linls ul li a:hover{color: #fff;padding-left: 5px;}
.footer_1 .footer_lan{}
.footer_1 .footer_lan .lan1{padding-bottom: 30px;}
.footer_1 .footer_lan .lan1 ul{}
.footer_1 .footer_lan .lan1 ul li{display: inline-block;}
.footer_1 .footer_lan .lan1 ul li img{    padding-right: 8px;
    transform: translateY(4px);}
.footer_1 .footer_lan .lan1 ul li p{font-size: 15px;color: #a3a3a3;font-family: 'Open Sans', sans-serif;padding-right: 5px}
.footer_1 .footer_lan .lan1 ul li span{font-size: 15px;color: #a3a3a3;font-family: 'Open Sans', sans-serif;padding-left: 9px;background: url(../images/bb.png) no-repeat center left;}
.footer_1 .footer_lan .lan1 ul li span i{padding-left: 5px;display: inline-block;}


.footer_1 .footer_lan .lan_social{}
.footer_1 .footer_lan .lan_social ul{    font-size: 0;}
.footer_1 .footer_lan .lan_social ul li{    display: inline-block;    margin-right: 2px;}
.footer_1 .footer_lan .lan_social ul li a{ width: 60px;
    height: 60px;
    background: #3a3a3e;
    display: inline-block;
    font-size: 16px;
    text-align: center;
    padding: 19px 0px;
    color: #8c9096;
    transition: 0.45s;}
.footer_1 .footer_lan .lan_social ul li a span{}
.footer_1 .footer_lan .lan_social ul li a:hover{background: #FF0202;color: #fff;}

.footer_head2{}
.footer_head2 h2{padding-bottom: 0px !important;}
.footer_head2 p{font-size: 15px;color: #a3a3a3;font-family: 'Open Sans', sans-serif;padding: 10px 0px 20px 0px;}

.footer_1 .footer_news{}
.footer_1 .footer_news input{width: 100%;
    height: 50px;
    padding-left: 20px;
    color: #595959;
    font-size: 13px;
    border: none;
    background: #fff;
    font-family: 'Open Sans', sans-serif;margin-bottom: 10px;}
.footer_1 .footer_news button{font-size: 15px;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    background: #FF0202;
    padding: 13px 25px;font-weight: bold;text-transform: uppercase;
    border: none;
    letter-spacing: 0px;
    float: right;
  
    transition: 0.45s;}
.footer_1 .footer_news button:hover{background: #3a3a3e;}

.w100{width: 100%; height: 1px; background: #414141;}


.footer_1 .footer_add{}
.footer_1 .footer_add .footer_add_a{}
.footer_1 .footer_add .footer_add_a h2{font-size: 15px;color: #fff;font-family: 'Open Sans', sans-serif;}
.footer_1 .footer_add .footer_add_a p{font-size: 15px;color: #a3a3a3;font-family: 'Open Sans', sans-serif;padding-top: 7px;}

.footer_1 .footer_add .footer_add_b{margin-top: 20px;}
.footer_1 .footer_add .footer_add_b p{font-size: 15px;color: #a3a3a3;font-family: 'Open Sans', sans-serif;display: inline-block;}
.footer_1 .footer_add .footer_add_b p span{color: #a3a3a3;display: inline-block;padding-right: 7px;}
.footer_1 .footer_add .footer_add_b a{font-size: 15px;color: #a3a3a3;font-family: 'Open Sans', sans-serif;display: inline-block;padding: 8px 0px;transition: 0.45s;}
.footer_1 .footer_add .footer_add_b a span{display: inline-block;padding-right: 5px;font-size: 16px;}
.footer_1 .footer_add .footer_add_b a:hover{color: #FF0202;}

.footer_text{padding-bottom: 50px;}
.footer_text h2{font-size: 18px;color: #fff;font-family: 'Open Sans', sans-serif;font-weight: bold;text-transform: uppercase;}
.footer_text h2 span{color: #ffe401;}

.footer_copy{}
.footer_copy_inner{padding: 25px 0px;}
.footer_copy_inner ul{}
.footer_copy_inner ul li{display: inline-block;}
.footer_copy_inner ul li p{font-size: 14px;color: #a3a3a3;font-family: 'Open Sans', sans-serif;display: inline-block;}
.footer_copy_inner ul li p a{font-size: 14px;color: #a3a3a3;font-family: 'Open Sans', sans-serif;display: inline-block;transition: 0.45s;}
.footer_copy_inner ul li:first-child{padding-right: 10px;}
.footer_copy_inner ul li:last-child{padding-left: 14px;background: url(../images/bb.png) no-repeat center left;}
.footer_copy_inner ul li p a:hover{color: #FF0202;}

.top_btns{float: right;}
.top_btns a{text-align: center;
    display: inline-block;
    background: #393939;
    color: #fff;
    font-size: 20px;
    padding: 21px 19px;transition: 0.45s;}
.top_btns a span{}
.top_btns a:hover{background: #FF0202;}




/*products*/

.choose_d{padding: 60px 0px;}
.choose_head{text-align: center;padding-bottom: 30px;}
.choose_head h2{font-family: 'Oswald', sans-serif;
    font-size: 30px;
    color: #000;
    text-transform: uppercase;
    font-weight: 600;
    padding: 10px 0px;}
.choose_head p{font-family: 'Open Sans', sans-serif;
    font-size: 17px;
    font-weight: 500; color: #000;}


.product_tab_inner{}
.product_tab_inner .nav-tabs{text-align: center;border: 0px;    font-size: 0;}
.product_tab_inner .nav-tabs>li{float: none;display: inline-block;margin-bottom: 0px;margin: 0px 1px;}


.product_tab_inner .nav>li>a{font-size: 18px;color: #fff;text-transform: uppercase; border-radius: 0px;border: 0px;        padding: 17px 37px;margin: 0px;transition: 0.45s;background: #35363a;font-family: 'Oswald', sans-serif;font-weight: 600;}
.product_tab_inner .nav-tabs>li.active>a, .product_tab_inner .nav-tabs>li.active>a:focus, .product_tab_inner .nav-tabs>li.active>a:hover {border: 0px;    background-color: #FF0202;}


.product_tab_inner .nav>li>a:focus, .product_tab_inner .nav>li>a:hover{background: #FF0202;color: #fff;}


.main_choo_pro{margin-top: 30px;}
.main_choo_pro a{}
.main_choo_pro .choo_img{overflow: hidden;}
.main_choo_pro .choo_img img{transition: 0.45s;}
.main_choo_pro .choo_name{background: #35363a;text-align: center;transition: 0.45s;}
.main_choo_pro .choo_name h2{font-family: 'Open Sans', sans-serif;font-size: 15px;color: #fff;padding: 11px 0px;}
.main_choo_pro:hover .choo_img img{transform: scale(1.1);}
.main_choo_pro:hover .choo_name{background: #FF0202;}


/*details*/
#breadcrumb1{margin-top: 10px;background: #e4e4e4;}
#details_sec{}
#details_sec .container-fliud{padding: 0px 30px;    background: #FFFFFF;}
.breadcrumbss{padding: 20px 0px;}
.breadcrumbss ul{text-align: center;}
.breadcrumbss ul li{display: inline;    margin: 0px 5px;}
.breadcrumbss ul li a{font-size: 14px; color: #4c4c4c;display: inline-block;transition: 0.45s;font-family: 'Open Sans', sans-serif;}
.breadcrumbss ul li a span{padding-right: 10px;}
.breadcrumbss ul li a:hover{color: #FF0202;text-decoration: underline;}
.main_gallere{margin-top: 30px;}

.pro_detail{background: #fff; padding: 0px 40px 0px 40px; float: left; margin-top: -20px;
    width: 100%;    min-height: 850px;}

.pro_detail{}
.pro_detail h2{font-family: 'Open Sans', sans-serif;font-size: 28px;color: #000;font-weight: 800;}
.pro_detail p{font-family: 'Open Sans', sans-serif;font-size: 28px;color: #FF0202;font-weight: 600;}
.pro_detail p span{font-size: 18px;}




.leftmenucategory{float: left;width: 100%;margin-top: 30px;font-family: 'Open Sans', sans-serif;}

.leftmenucategory button.accordion {color: #fff;cursor: pointer;padding: 12px 15px;width: 100%;font-weight: 600;text-align: left;outline: none;font-size: 18px;transition: 0.4s;-webkit-transition:all 0.45s all;background-color: #323232;border:none;}
.leftmenucategory button.accordion span{font-size: 15px;padding-right: 20px;}
 .leftmenucategory button.accordion.active, button.accordion:hover {background-color: #FF0202 !important;color: #fff;}
}
button.accordion:hover{background-color: #FF0202;}
.leftmenucategory button.accordion:after {    content: '\f107';
    color: #fff;
    font-family: FontAwesome;
    font-weight: bold;
    float: right;
    font-size: 20px;
    margin-left: 0px;
    line-height: 25px;
    transition: 0.4s;
    margin-right: 2px;}
 .leftmenucategory button.accordion.active:after, button.accordion:hover:after{color: #fff;}
.leftmenucategory button.accordion.active:after {content: "\f106";font-family: FontAwesome;}

.leftmenucategory div.panela {padding: 0 0px;background-color: none;font-size: 12px;color: #FF0202;overflow: hidden;border-radius: 0px;-webkit-border-radius:0px;border: 0px;margin-bottom: 0px; display:none;}

.leftmenucategory div.panela .panel_la ul{}
.leftmenucategory div.panela .panel_la ul li{float: left;width: 50%;}
.leftmenucategory div.panela .panel_la ul li p{display: inline-block;    font-family: 'Open Sans', sans-serif;
    font-size: 15px;font-weight: 400;padding-right: 5px;}
.leftmenucategory div.panela .panel_la ul li input{display: inline-block;width: 120px;}

.leftmenucategory div.panela .form-group {
    margin-bottom: 0px;
}
.leftmenucategory div.panela .form-group ul li{
    border-top: 0px solid #000;
}
.panel_la{    margin: 30px 30px;
    float: left;
    width: 100%;}

.pl1{    float: left;
    width: 100%;
    padding: 0px 30px 30px 30px;}
.pl1 ul{}
.pl1 ul li{float: left;text-align: center;width: 25%;margin-top: 30px;}
.pl1 ul li a{ cursor:pointer;}
.pl1 ul li a img{border-radius: 50%;border: 1px solid #d0d0d0;transition: 0.45s;}
.pl1 ul li a p{ font-family: 'Open Sans', sans-serif;
    font-size: 14px; color: #000;padding-top: 10px;}
.pl1 ul li a:hover img{border-color: #FF0202;}
.pl1 ul li a:hover p{color: #FF0202;}

.pl1 ul li.active a img{border-color: #FF0202;}
.pl1 ul li.active a p{color: #FF0202;}



.color_tab_inner{padding: 30px;}
.color_tab_inner .detail-tab{text-align: center;
    border: 0px;
    }
.color_tab_inner .nav-tabs>li{float: none;
    display: inline-block;
    margin-bottom: 0px;
    margin: 0px 1px;}

.color_tab_inner .nav>li>a{color: #4c4c4c;font-size: 14px;font-weight: 600;font-family: 'Open Sans', sans-serif;border: 0px;    padding: 5px 20px;text-transform: uppercase;}
.color_tab_inner .nav>li>a input{}

.color_tab_inner .nav-tabs>li.active>a:after{content: "";
    width: 5px;
    height: 5px;
    background: #8bdc1e;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 4.05px;}
.color_tab_inner .nav-tabs>li>a:before{content: "";
    width: 14px;
    height: 14px;
    border: 1px solid #b1b1b1;
    background: transparent;
    position: absolute;
    top: 50%;
    left: 0;
    border-radius: 50%;
    transform: translateY(-50%);}
.color_tab_inner .nav-tabs>li.active>a, .color_tab_inner .nav-tabs>li.active>a:focus, .color_tab_inner .nav-tabs>li.active>a:hover{    border: 0px;    background-color: transparent;position: relative;}

.color_tab_inner .nav>li>a:hover{background: transparent;}

.cutom_s{    text-align: center;margin-top: 10px;}
.cutom_s p{    font-size: 15px;
    font-weight: 400;}
.cutom_s p input{      margin-left: 10px;
    padding-left: 10px;
    font-size: 13px;
    color: #a5a5a5;
    width: 200px;
    height: 30px;    border: 1px solid #c5c5c5;
    border-radius: 3px;}
.cutom_l{margin-top: 15px;}
.cutom_l ul{text-align: center;}
.cutom_l ul li{    display: inline-block;
    border: 1px solid #dadada;}
.cutom_l ul li img{}

.cutom_kap{margin-top: 20px;}
.cutom_kap ul{text-align: center;}
.cutom_kap ul li{ display: inline-block;
    border: 1px solid #dadada;}
.cutom_kap ul li img{}

.patterns{padding: 30px;
    float: left;
    width: 100%;}
.patterns ul{}
.patterns ul li{width: 20%;float: left;}
.patterns ul li img{}

.pl6{padding: 30px;}
.total_players{}
.total_players ul{}
.total_players ul li{display: inline-block;}
.total_players ul li h3{color: #242424;font-size: 18px;font-weight: 600;font-family: 'Open Sans', sans-serif;}
.total_players ul li input{width: 100px;height: 35px;border: 1px solid #cecece;text-align: center;color: #242424;font-size: 15px;font-weight: 600;font-family: 'Open Sans', sans-serif;margin: 0px 10px; outline:none;}
.total_players ul li button{width: 80px;height: 35px;line-height: 35px;font-family: 'Open Sans', sans-serif;font-size: 15px; color: #fff;border: 0px; background: #FF0202;font-weight: 600;transition: 0.45s;}

.total_players ul li button:hover{background: #373737;}

.players_num{margin-top: 10px;}
.players_num ul{}
.players_num ul li.parent_li{background: #e4e4e4;padding: 5px 10px;}
.players_num ul li ul{}
.players_num ul li ul li{display: inline-block;padding-left: 3px;}
.players_num ul li ul li p{font-family: 'Oswald', sans-serif;font-size: 15px;color: #000;font-weight: 600;    padding-right: 15px;padding-left: 15px;}
.players_num ul li ul li:first-child{padding-left: 0px;}
.players_num ul li ul li input{width: 120px;height: 32px;padding: 0px 10px;color: #6c6c6c;font-family: 'Open Sans', sans-serif;font-weight: 600;font-size: 13px;background: #fff;border: 0px;}

.players_num ul li ul li select{font-family: 'Open Sans', sans-serif;font-weight: 600;font-size: 13px;color: #6c6c6c;    padding: 5px 10px;border: 0px;background: #fff;}

.players_num ul li ul li .lara_plus input{width: 54px;
    padding: 0;
    text-align: center;outline: none;
    border: 0px;}










.lara_plus{display: inline-block;}
.lara_plus .input-group-button {
    display: inline-block;
}

.lara_plus p{color: #6c6c6c !important;font-size: 13px !important;font-weight: 600;font-family: 'Open Sans', sans-serif !important;display: inline-block;padding-right: 10px;}
.lara_plus .input-group-button button {
      width: 17px;
    height: 17px;
    background: #9a9a9a;
    border: 0px solid #7f7f7f;outline: none;
    border-radius: 50%;
    font-size: 11px;
}


.lara_plus .btn_left_in button {
    margin-right: -3px;
}

.lara_plus .btn_right_in button {
     margin-left: -20px;
}

.aj_quantitt{padding: 0px 10px;background: #fff;}
.players_num ul li ul li .delete_btn{    font-size: 22px;
    color: #000;
    background: none;
    border: 0px;
    line-height: 32px;
    transition: 0.45s;}
.players_num ul li ul li .delete_btn:hover{color: #FF0202;}

.players_num>ul>li.dark25{background: #d2d2d2;}


/*color*/



.chali{padding: 10px;}
.row_li{margin-right: -2.5px;
    margin-left: -2.5px;}
.lara_color{border: 0px !important;
    background: #fff;}
.lara_color ul{}
.lara_color ul li{display: inline-block;padding: 0px;}
.lara_color ul li span{
    display: inline-table;cursor: pointer;
    width: 40px;
    height: 40px;
    background-size: 40px 40px;
    border-radius: 50%;
    border: 1px solid #ececec;
    display: inline-block;
    background-clip: padding-box; 
    transition: .5s;
}

.lara_color ul li span:hover{
transform: scale(1.5);
z-index: 500;

}

.chali .panel-default>.panel-heading{font-family: 'Sarala', sans-serif; font-size: 14px;color: #242424;font-weight: 700; padding: 0px;border:0px; background-color: #e4e4e4;
/*-webkit-box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.5);
box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.5);*/
}
.chali .panel-default>.panel-heading .panel-title{}
.chali .panel-default>.panel-heading .panel-title a{font-family: 'Sarala', sans-serif; font-size: 14px;color: #242424;font-weight: 700; padding: 20px 20px; display: block;position: relative; text-decoration: none; text-align: left;
/*text-shadow: 0 0 5px #000, 0 0 10px #000, 0 0 15px #000, 0 0 20px #000, 0 0 25px #000;*/
}


.chali .panel{border: 0px !important;-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0);}

.chali .panel-default>.panel-heading .panel-title a:after{    content: "\f068";
    font-family: FontAwesome;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 15px;
    background: #a7a7a7;
    color: #fff;
    /* padding: 5px; */
    border-radius: 50%;
    font-size: 10px;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;}

.chali .panel-default>.panel-heading .panel-title a.collapsed:before{ content: "\f067" !important;
    font-family: FontAwesome !important;
    position: absolute ;
    top: 50%;
    transform: translateY(-50%);
    right: 15px;
    background: #a7a7a7;
    color: #fff;
    /* padding: 5px; */
    border-radius: 50%;
    font-size: 10px;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;}

.chali .panel-default>.panel-heading .panel-title a.collapsed:after{display: none;}





.lara_uploada{padding: 30px;}
.lara_uploada ul{}
.lara_uploada ul li{}
.lara_uploada ul li p{    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #000;
    display: inline-block;}
.lara_uploada ul li p input{    display: inline-block;
    padding-left: 13px;}



















.leftmenucategory div.panela h1{color: #000;}

.dark1{background: #323232 !important;position: relative;}
.dark2{background: #242424 !important;position: relative;}

.dark1:before{content: "";width: 50px;height: 50px;    background: rgba(255, 255, 255, 0.12);position: absolute;top: 0;right: 0;}
.dark2:before{content: "";width: 50px;height: 50px;    background: rgba(255, 255, 255, 0.12);position: absolute;top: 0;right: 0;}


.details_img{}
.details_img .details_img_inner{
    position: relative;}
.details_img .details_img_inner img{width: 100%;}
.details_img .details_img_inner ul{position: absolute;
    top: 20px; width:120px;
    right: 20px;}
.details_img .details_img_inner ul li{    border: 1px solid #f2f2f2;
    transition: 0.45s; margin-bottom:10px;
    display: inline-block;}
.details_img .details_img_inner ul li img{}
.details_img .details_img_inner ul li:hover{border-color: #FF0202;}
.details_img .details_img_inner ul li.active{border-color: #FF0202;}

.details_img .add_btn{float: left;
    width: 100%;
    padding:0 0 50px 0px; margin-top:-100px;}
.details_img .add_btn button{display: inline-block;
    padding: 21px 45px;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 800;
    border: 0px;transition: 0.45s;
    color: #fff;
    border-radius: 60px;
    float: right;
    background: #FF0202;}

.details_img .add_btn button:hover{background: #373737;}

#diss .container-fliud{padding: 0px 30px;}
.size_dis{padding: 50px 0px;}

.details_img .details_img_inner button {    width: 50px;
    height: 50px;
    background: transparent;
    border: 1px solid #e9e6e6;
    font-size: 20px;
    position: absolute;
    left: 10px;
    bottom: 30px;
    transition: 0.45s;}
.details_img .details_img_inner button span{}
.details_img .details_img_inner button:hover{border-color: #FF0202;}


.details_img2{}
.details_img2 .details_img_inner2{
    position: relative;}
.details_img2 .details_img_inner2 img{width: 100%;}
.details_img2 .details_img_inner2 ul{position: absolute; display: flex;
    bottom: 20px; width:240px;
    left: 20px;}
.details_img2 .details_img_inner2 ul li{    border: 1px solid #f2f2f2;
    transition: 0.45s; margin-right: 10px;
    display: inline-block;}
.details_img2 .details_img_inner2 ul li img{}
.details_img2 .details_img_inner2 ul li:hover{border-color: #FF0202;}
.details_img2 .details_img_inner2 ul li.active{border-color: #FF0202;}

.details_img2 .add_btn{float: left;
    width: 100%;
    padding:0 0 50px 0px; margin-top:-100px;}
.details_img2 .add_btn button{display: inline-block;
    padding: 21px 45px;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 800;
    border: 0px;transition: 0.45s;
    color: #fff;
    border-radius: 60px;
    float: right;
    background: #FF0202;}

.details_img2 .add_btn button:hover{background: #373737;}

#diss .container-fliud{padding: 0px 30px;}
.size_dis{padding: 50px 0px;}

.details_img2 .details_img_inner2 button {    width: 50px;
    height: 50px;
    background: transparent;
    border: 1px solid #e9e6e6;
    font-size: 20px;
    position: absolute;
    left: 10px;
    bottom: 30px;
    transition: 0.45s;}
.details_img2 .details_img_inner2 button span{}
.details_img2 .details_img_inner2 button:hover{border-color: #FF0202;}

.details_img3{}
.details_img3 .details_img_inner3{
    position: relative;}
.details_img3 .details_img_inner3 img{width: 100%;}
.details_img3 .details_img_inner3 ul{position: absolute; display: flex;
    bottom: 20px; width:240px;
    left: 20px;}
.details_img3 .details_img_inner3 ul li{    border: 1px solid #f2f2f2;
    transition: 0.45s; margin-right: 10px;
    display: inline-block;}
.details_img3 .details_img_inner3 ul li img{}
.details_img3 .details_img_inner3 ul li:hover{border-color: #FF0202;}
.details_img3 .details_img_inner3 ul li.active{border-color: #FF0202;}

.details_img3 .add_btn{float: left;
    width: 100%;
    padding:0 0 50px 0px; margin-top:-100px;}
.details_img3 .add_btn button{display: inline-block;
    padding: 21px 45px;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 800;
    border: 0px;transition: 0.45s;
    color: #fff;
    border-radius: 60px;
    float: right;
    background: #FF0202;}

.details_img3 .add_btn button:hover{background: #373737;}

#diss .container-fliud{padding: 0px 30px;}
.size_dis{padding: 50px 0px;}

.details_img3 .details_img_inner3 button {    width: 50px;
    height: 50px;
    background: transparent;
    border: 1px solid #e9e6e6;
    font-size: 20px;
    position: absolute;
    left: 10px;
    bottom: 30px;
    transition: 0.45s;}
.details_img3 .details_img_inner3 button span{}
.details_img3 .details_img_inner3 button:hover{border-color: #FF0202;}

/*about*/

#about_in{margin-top: 70px;padding-bottom: 70px;}
.our_story{padding-top: 30px;padding-bottom: 20px;}
.our_story h3{color: #1c1c1c;font-family: 'Oswald', sans-serif;font-size: 26px;text-transform: uppercase;font-style: italic;font-weight: 400;}
.our_story h2{color: #1c1c1c;font-family: 'Oswald', sans-serif;font-size: 38px;text-transform: uppercase;font-style: italic;font-weight: 400;padding: 10px 0px 15px 0px;}
.our_story p{font-family: 'Poppins', sans-serif;font-size: 14px;color: #6f6f6f;line-height: 32px;text-align: justify;}
.stort_img{padding-top: 30px;padding-bottom: 20px;}

.ab_text{padding: 36px 30px;background: #2c2c2c;border-radius: 5px;margin-top: 30px;}
.ab_text h2{font-family: 'Oswald', sans-serif;font-size: 28px;color: #fff;padding-bottom: 10px;}
.ab_text p{font-size: 14px;color: #cccccc;font-family: 'Poppins', sans-serif;line-height: 27px;text-align: justify;padding-top: 20px;}
.ab_imgs{margin-top: 30px;}

/*contact*/


.main_contact_fom{padding: 60px 0px;}

.letter_q{}
.letter_q img{float: left;padding: 7px 15px 0px 0px;}
.letter_q p{ font-family: 'Poppins', sans-serif;color: #3e3e3e;font-size: 15px;line-height: 21px;padding-top: 5px;font-weight: 600;}
.letter_q p a{font-size: 13px;color: #3e3e3e;text-decoration: none;display: inline-block;font-family: 'Poppins', sans-serif;transition: 0.45s;font-weight: 400;}
.letter_q p a:hover{text-decoration: underline;color: #FF0202;}

.phone{margin-left: 65px;}
.phone img{float: left;padding: 4px 15px 0px 0px;}
.phone p{ font-family: 'Poppins', sans-serif;color: #3e3e3e;font-size: 15px;line-height: 21px;padding-top: 5px;font-weight: 600;}
.phone p span{font-size: 13px;color: #3e3e3e;text-decoration: none;display: inline-block;font-family: 'Poppins', sans-serif;transition: 0.45s;letter-spacing: 0px;font-weight: 400;}

.phone2 p{font-size: 14px;font-weight: 500;}
.phone2 p span{font-size: 14px;font-weight: 500;}


#contact_forms{padding-top: 50px;padding-bottom: 80px;background: #1c1c1c;}

.contact_maps{padding-top: 30px;}

.content_f{}
.content_f h2{font-family: 'Oswald', sans-serif;font-size: 38px;color: #fff;font-weight: 400;font-style: italic; padding-bottom: 40px;}
.content_f h2 span{color: #FF0202;}

.content_f{position: relative;    padding-top: 54px;}
.content_f form{}
.content_f form input{width: 100%;height: 50px;border:0px; color: #797979;font-size: 14px;font-family: 'Open Sans', sans-serif;font-weight: 600;line-height: 50px;padding-left: 20px;margin-bottom: 20px;}
.content_f form textarea{padding: 20px;width: 100%;height: 200px; color: #797979;font-size: 14px;font-family: 'Open Sans', sans-serif;font-weight: 600;}
.content_f form button{width: 140px;height: 52px;line-height: 52px;border: 0px;text-align: center;font-family: 'Open Sans', sans-serif;font-weight: 700;color: #fff;background: #FF0202;text-transform: uppercase;position: absolute;
    right: 10px;
    bottom: 15px;transition: 0.45s;}

.content_f form button:hover{background: #373737;}


/*how it work*/

#how_work_text{}
#how_work_text .container-fliud{padding: 0px 178px;}
.how_it_inner{padding-top: 60px;text-align: center;}
.how_it_inner h2{font-family: 'Oswald', sans-serif;font-size: 30px;color: #000;font-weight: 700;text-transform: uppercase;}
.how_it_inner h3{font-family: 'Open Sans', sans-serif;font-size: 16px;font-weight: 600;color: #FF0202;font-style: italic;line-height: 24px;padding: 20px 0px;}
.how_it_inner p{color: #343434;font-family: 'Open Sans', sans-serif;font-size: 14px;font-weight: 400;line-height: 26px;}

#how_it_banner .container-fliud{padding: 0px 100px;}
.banner_work{padding: 60px 0px;}
.banner_work .im1{}
.banner_work .im2{display: none;}
.banner_work .im3{display: none;}

#form_club{    background: url(../images/club.png) no-repeat center top;
    background-size: cover;
    background-attachment: fixed;
    padding: 60px 0px;} 
.club_f_inner{}
.club_f_inner h2{font-family: 'Oswald', sans-serif;font-size: 30px;color: #fff;font-weight: 700;text-align: center;text-transform: uppercase;}
.club_f_inner p{text-align: center;font-family: 'Open Sans', sans-serif;font-size: 16px;color: #FF0202;font-weight: 600;line-height: 25px;font-style: italic;padding-top: 15px;padding-bottom: 20px;}
.club_f_inner input{width: 100%;height: 52px;padding-left: 20px;background: #fff; border: 0px;font-size: 14px;color: #797979;font-weight: 600;font-family: 'Open Sans', sans-serif;outline: none;margin-bottom: 20px;}
.club_f_inner textarea{width: 100%;height: 240px;padding: 20px;background: #fff; border: 0px;font-size: 14px;color: #797979;font-weight: 600;font-family: 'Open Sans', sans-serif;outline: none;margin-bottom: 20px;}
.club_f_inner button{width: 170px;height: 52px;line-height: 52px;border: 0px;text-align: center;font-family: 'Open Sans', sans-serif;font-weight: 700;color: #fff;background: #FF0202;text-transform: uppercase;transition: 0.45s;float: right;}
.club_f_inner button:hover{background: #373737;}

/*leader order*/
#order_leader{padding: 60px 0px;}
.bulk_order{text-align: center;}
.bulk_order h2{    font-family: 'Oswald', sans-serif;
    font-size: 30px;
    color: #000;
    font-weight: 700;
    text-transform: uppercase;}
.bulk_order h3{    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: #FF0202;
    font-style: italic;
    line-height: 24px;
    padding: 20px 0px;}
.bulk_order p{color: #343434;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 26px;}


.l_ordermain{}
.l_ordermain img{}





.content {
  position: relative;
  width: 100%;
  overflow: hidden;margin-top: 35px;
}

.content .content-overlay {
      background: rgba(250, 60, 0, 0.80);
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
}

.content:hover .content-overlay{
  opacity: 1;
}

.content-image{
  width: 100%;
}

.content-details {
  position: absolute;
  text-align: center;
     padding-left: 40px;
    padding-right: 40px;
  width: 100%;
  top: 50%;
  left: 50%;
  opacity: 0;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

.content-details ul{text-align: left;}
.content-details ul li{font-family: 'Poppins', sans-serif;font-size: 15px;color: #fff;font-weight: 500;padding: 5px 0px;}


.content:hover .content-details{
  top: 50%;
  left: 50%;
  opacity: 1;
}


.fadeIn-top{
  top: 20%;
}

.fadeIn-left{
  left: 20%;
}

#brands_p{background: #efefef;padding: 50px 0px;}
.brands_p_haead{}
.brands_p_haead h2{font-family: 'Oswald', sans-serif;
    font-size: 30px;
    color: #000;text-align: center;padding-bottom: 40px;
    font-weight: 700;
    text-transform: uppercase;}






/*owl btn style start */
.brands_cur .owl-carousel .owl-dots.disabled, .brands_cur .owl-carousel .owl-nav.disabled{display: block;}

.c_slider_5 .owl-prev{position:absolute; top:50%; transform:translateY(-50%); left:-50px;}

.c_slider_5 .owl-prev i{   display: block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 22px;
    text-align: center;
    color: #fff;
    background: #FF0202;
    transition: 0.45s;
    }

.c_slider_5 .owl-prev i:hover{background:#35363a;border-color: currentColor;color: #fff;}

.c_slider_5 .owl-next{position:absolute; top:50%; transform:translateY(-50%); right:-50px;}

.c_slider_5 .owl-next i{ display: block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 22px;
    text-align: center;
    color: #fff;
    background: #FF0202;
    transition: 0.45s;}

.c_slider_5 .owl-next i:hover{background:#35363a;border-color: currentColor;color: #fff;}


 .brands_cur .owl-carousel .owl-item img {
    width: auto;
}

/*owl btn style end */



#testimo{padding: 155px 0px 60px 0px;}

.team_maembwe{background: #efefef;border-radius: 5px;padding: 70px 10px 30px 10px;text-align: center;    position: relative;}
.team_maembwe .team_inners{    display: inline-block;
    position: absolute;
    top: -85px;
    left: 50%;
    transform: translateX(-50%);}
.team_maembwe .team_img{width: 124px;height: 124px;border-radius: 50%;position: relative;}
.team_maembwe .team_img img{border-radius: 50%;}
.team_maembwe .team_img:after{content: "";width: 124px;height: 124px;background: #FF0202;position: absolute;top: 6px;left: 0;border-radius: 50%;z-index: -1;}
.team_maembwe .team_anme{}
.team_maembwe .team_anme h2{font-family: 'Poppins', sans-serif;font-size: 16px;color: #131313;font-weight: 600;text-transform: uppercase;}
.team_maembwe .team_anme h3{font-family: 'Poppins', sans-serif;font-size: 12px;color: #FF0202;font-weight: 500;text-transform: uppercase;padding-top: 5px;padding-bottom: 20px;}
.team_maembwe .team_anme p{color: #9d9d9d;font-family: 'Poppins', sans-serif;font-size: 14px;font-weight: 400;line-height: 26px;}



/*help-or*/
#help_or{padding: 60px 0px;}
.contact_helps{}
.contact_helps .co_gead{}
.contact_helps .co_gead h2{font-family: 'Oswald', sans-serif;font-size: 25px;color: #FF0202;font-weight: 700;text-transform: uppercase;padding-bottom: 10px;}
.contact_helps .co_gead p{font-size: 16px;color: #252525;font-weight: 600;font-family: 'Open Sans', sans-serif;}

.co_text_page{margin-top: 25px;}
.co_text_page h2{font-family: 'Oswald', sans-serif;font-size: 22px;color: #252525;font-weight: 700;text-transform: uppercase;padding-bottom: 10px;}
.co_text_page p{font-size: 16px;color: #252525;font-weight: 600;font-family: 'Open Sans', sans-serif;}

.co_help_img{float: right;padding: 19px 0px;}






.lara_form_x{    padding: 20px 30px;}
.lara_form_x .form-group{    margin-bottom: 25px !important;
    border: 0px;}
.lara_form_x .form-group label{color: #000;
    font-size: 14px;
    font-weight: 600;}
.lara_form_x .form-group input{border: 1px solid #d6d6d6;
    box-shadow: none;
    height: 45px;
}
.lara_form_x .form-group textarea{background: transparent;}
.lara_form_x button{width: 110px;
    height: 40px;
    background: #FF0202;
    color: #fff;margin-top: 20px;
    font-size: 18px;
    transition: 0.45s;
}
.lara_form_x button:hover{ background: #000; color: #fff !important;}
























@media screen and (max-width: 1590px){
    .players_num ul li ul li input {
    width: 100px;
   
    padding: 0px 6px;font-size: 12px;
}
.players_num ul li ul li p{    padding-right: 5px;
    padding-left: 5px;    font-size: 14px;}

}


@media screen and (max-width: 1550px){
.menu-wrapper ul li a {    padding: 15px 20px;}
.top_contact .delivery ul li p span {
    font-size: 12px;}
.top_contact .delivery ul li p {
    font-size: 13px;}
.top_contact .delivery ul li:first-child {
    padding-right: 20px;
}











}

@media screen and (max-width: 1500px){
.menu-wrapper ul li a {    padding: 15px 18px;}
}



@media screen and (max-width: 1450px){
.top_contact .talk ul li:first-child {
    padding-right: 22px;
}
.main_top_bar .top_bar_l ul li a{    font-size: 11px;
}

.main_top_bar .top_bar_l ul li a span {
    padding-right: 5px;
    font-size: 13px;}
.main_logo .top_navigation ul li a{    font-size: 15px;padding: 10px 17px;
}


.top_contact .talk ul li p {
    font-size: 12px;}

.top_contact .talk ul li p span {
    font-size: 14px;
}
.top_contact .talk ul li p a {
    font-size: 14px;}
.menu-wrapper ul li a{    font-size: 13px;
}
    .top_contact .delivery ul li p span {
    font-size: 10px;
}

.top_contact .delivery ul li p {
    font-size: 12px;
    font-weight: 600;
}

.inner_banner_div ul li p {
    font-size: 18px;}
.inner_banner_div ul li a {
    padding: 15px 31px;
    font-size: 15px;}

.banner_nav {
    bottom: -11px;
}
.fav_cat_head h3 {
    font-family: 'Courgette', cursive;
    font-size: 18px;}

.fav_cat_head h2 {
    font-family: 'Oswald', sans-serif;
    font-size: 27px;}

.fav_cat_head h4 {
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;}
.main_cat_inner .cat_name h2 {
    font-family: 'Oswald', sans-serif;
    font-size: 23px;}
.main_cat_inner .cat_name p{font-size: 13px;}
.order_cont h2{    font-size: 67px;}
.order_cont p{font-size: 20px;}

.order_cont{    padding: 53px 0px;}
.main_work h2 {
    font-family: 'Oswald', sans-serif;
    font-size: 25px;}

.main_work p{    font-size: 15px;}
.work_name h2{font-size: 20px;}

.work_name p {
    font-size: 13px;}
.work_btn a {
    display: inline-block;
    font-size: 15px;}
.brands_haead h2{    font-size: 25px;}
.material_inner h3{    font-size: 15px;}
.material_inner p{    font-size: 14px;}
.insta_haed h2{ font-size: 25px;}
.footer_1 .footer_head h2{font-size: 15px;}
.footer_1 .footer_linls ul li a{    font-size: 14px;}
.footer_text h2{font-size: 16px;}

.choose_head h2 {
    font-family: 'Oswald', sans-serif;
    font-size: 25px}
.choose_head p{font-size: 15px;}
.product_tab_inner .nav>li>a {
    font-size: 16px;}
.pro_detail h2 {
    font-size: 25px;
}

.pro_detail p {font-size: 25px;
}
.pro_detail p span {
    font-size: 16px;
}
.leftmenucategory button.accordion span {
    font-size: 14px;}


.leftmenucategory button.accordion{    font-size: 16px;}
.details_img .details_img_inner ul li{    width: 100px;
    height: 100px;}
.pro_detail{    min-height: 747px;}
.details_img .add_btn button {
    padding: 18px 35px;
    font-size: 18px;}
.leftmenucategory div.panela ul li p {
    font-size: 13px;}
.leftmenucategory div.panela ul li input {
    width: 100px;
    font-size: 14px;}

.cutom_s p {
    font-size: 15px !important;
    font-weight: 400;
}

.players_num ul li ul li p {
    padding-right: 2px;
    padding-left: 0px;
    font-size: 12px;
}

.leftmenucategory div.panela ul li input {
    width: 100px;
    font-size: 12px;
}

.players_num ul li ul li select{    padding: 5px 5px;    font-size: 12px;}

.aj_quantitt {
    padding: 0px 5px;}

.lara_uploada ul li p input {
    display: inline-block;
    padding-left: 13px;
    width: auto !important;
}
.banner_work .im1{display: none;}
.banner_work .im2{display: block;}
.banner_work .im3{display: none;}

.how_it_inner h2 {
    font-family: 'Oswald', sans-serif;
    font-size: 25px;}

.how_it_inner h3 {
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;}
.club_f_inner p {
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;}
.club_f_inner h2 {
    font-family: 'Oswald', sans-serif;
    font-size: 25px;}


}


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


.main_top_bar .top_bar_r ul li a{    padding: 8px 10px;}
.main_top_bar .top_bar_r ul li.top_inq a{    padding: 0.5px 8px;}
.main_top_bar .top_bar_r ul li.top_help a{    padding: 11px 8px;}
.main_top_bar .top_bar_r .btn2{padding: 10px 8px;}
.main_logo .top_navigation ul li a{    padding: 10px 8px;}

.top_contact .talk ul li:first-child {
    padding-right: 20px;}
.top_contact .talk ul li img{    padding-right: 5px;}
.top_contact .talk ul li p {    font-size: 11px;}

.menu-wrapper ul li a{    font-size: 14px;}

.menu-wrapper ul li a {
    padding: 15px 10px;}
.top_contact .delivery ul li:first-child {
    padding-right: 5px;}

.top_contact .delivery ul li p span{font-size: 10px;}
.top_contact .delivery ul li p{font-size: 12px;}
.top_contact .delivery ul li img{padding-right: 5px;}
.my_col_4{padding-left: 5px;}
.my_col_8{padding-right: 5px;}

.players_num ul li ul li input{width: 155px !important;}

.players_num ul li ul li p {
    padding-right: 10px;
    padding-left: 10px;}

.players_num ul li ul li .lara_plus input {
    width: 100px !important;}



#how_work_text .container-fliud {
    padding: 0px 100px;
}


}

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

.top_contact .delivery ul li p {
    font-size: 11px;
}

.pro_detail{    min-height: 680px;}

.leftmenucategory div.panela ul li p {
    font-size: 12px;
}
.leftmenucategory div.panela ul li input {
    width: 100px;
    font-size: 13px;
}
.c_slider_5 .owl-prev{left: 0px;}
.c_slider_5 .owl-next{    right: 0px;}

}


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

.main_top_bar .top_bar_l ul li:nth-of-type(6){display: none;}
.col_4_1200{padding-left: 5px;}
.col_8_1200{padding-right: 5px;}

.main_top_bar .top_bar_r ul li a {
    padding: 8px 7px;    font-size: 14px;}
.main_top_bar .top_bar_r ul li.top_inq a {
    padding: 4px 8px;
}
.main_top_bar .top_bar_r ul li.top_inq a span {
    font-size: 20px;
}
.main_top_bar .top_bar_r ul li a h6{font-size: 12px;    padding-left: 3px;}
.main_top_bar .top_bar_r ul li.top_help a {
    padding: 8px 5px;
}
.main_top_bar .top_bar_r .btn2 {
    padding: 7px 5px;}
.main_logo .top_navigation ul li a {
    padding: 10px 6px;font-size: 14px;
}
.top_contact .talk ul li:first-child {
    display: none;
}

.main_logo .top_navigation{margin-top: 15px;}
.top_contact .talk ul{    padding: 15px 0px;}
.top_contact .delivery ul li:first-child{display: none;}

.col_4_max{width: 25%;}
.col_8_max{width: 75%;}
.menu-wrapper ul li a {
    padding: 15px 6px;}

.inner_banner_div ul li a{    padding: 15px 20px;}
.order_cont{    padding: 52px 0px;}
.brands_list ul li {
    display: block;
    padding: 0px 0px;
    width: 14%;
    float: left;
}

.set2 .media-body, .set2 .media-left, .set2 .media-right{
        vertical-align: middle;
}
.set1 {
    padding: 27px 0px;
}

.main_top_bar .top_bar_l {
    padding: 8px 0px;
}

.leftmenucategory div.panela ul li {
    float: none;
    width: 100%;
    margin-bottom: 10px;
    display: inline-block;
}
.leftmenucategory div.panela ul{text-align: center;}
.panel_la {
    margin: 20px 0px;}
.pro_detail {
    min-height: 649px;
}

.details_img .add_btn button {
    padding: 18px 35px;
    font-size: 15px;
}
.details_img .details_img_inner ul li {
    width: 80px;
    height: 80px;
}

.leftmenucategory button.accordion {
    font-size: 15px;
}

.stort_img{    padding: 100px 0px;}
.ab_imgs {
    margin-top: 0px;
    padding: 75px 0px;
}
.pl1 ul li {
    float: left !important;
    text-align: center;
    width: 50% !important;
    margin-top: 30px;
}



.color_tab_inner .nav-tabs>li {
    float: none !important;
    display: inline-block !important;
    margin-bottom: 0px !important;
    margin: 0px 1px !important;
        width: auto !important;
}
.cutom_kap ul li{margin-bottom: 0px !important;width: auto !important;}
.color_tab_inner .nav>li>a {
    color: #4c4c4c;
    font-size: 12px !important;}

.color_tab_inner {
    padding: 30px 15px;
}
.lara_color ul li{width: auto !important; margin-bottom: 0px !important;}

.players_num ul li ul li {
    display: inline-block !important;
    padding-left: 3px;
    width: auto !important;
    margin-bottom: 0px !important;
}
.total_players ul li{width: auto !important;
    margin-bottom: 0px !important;}
.total_players ul li h3 {
    color: #242424;
    font-size: 15px;}

.total_players ul li input{width: 85px !important;}

.players_num ul li ul li input {
    width: 110px !important;
}

.players_num ul li ul li .lara_plus input {
    width: 80px !important;
}

.banner_work .im1{display: none;}
.banner_work .im2{display: none;}
.banner_work .im3{display: block;}

#how_work_text .container-fliud {
    padding: 0px 50px;
}
#how_it_banner .container-fliud {
    padding: 0px 50px;
}
.bulk_order h2 {
    font-family: 'Oswald', sans-serif;
    font-size: 25px;}
.bulk_order h3 {
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;}


.content-details{    padding-left: 20px;
    padding-right: 20px;}

.content-details ul li{font-size: 13px;}
.brands_p_haead h2 {
    font-family: 'Oswald', sans-serif;
    font-size: 25px;}

    .co_help_img{    padding: 41px 0px;}


}


@media screen and (max-width: 1190px){
    .c_slider_5 .owl-prev{left: -40px;}
.c_slider_5 .owl-next{    right: -40px;}
}


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

    .c_slider_5 .owl-prev{left: 0px;}
.c_slider_5 .owl-next{    right: 0px;}
}


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

.ippg{
    padding-bottom: 20px;
}
.iprem{
    visibility: hidden;
    display: none;
}

.offf{
    display: grid;
}
.steps-block-col span {
  display: none;
  width: 36px;
  top: 0;
  right: 10px;
}


.co_help_img{float: none;padding: 20px 0px;}
.co_help_img img{max-width: 400px;margin: 0 auto;}

.main_top_bar .top_bar_l ul li:nth-of-type(5) {
    display: none;
}
.main_top_bar .top_bar_l ul li:nth-of-type(4) {
    display: none;
}

.main_top_bar .top_bar_r ul li:nth-of-type(1) {display: none;}
.main_top_bar .top_bar_r ul li:nth-of-type(2) {display: none;}
.main_top_bar .top_bar_r ul li:nth-of-type(3) {display: none;}
.top_contact{display: none;}
.main_logo .top_navigation ul li a{    padding: 10px 9px;}
.menu-wrapper ul li a {
    font-size: 13px;
}
.col_4_max{width: 100%;}
.col_8_max{width: 100%;}
.top_contact{display: none;}

.inner_banner_div ul li a {
    padding: 15px 11px;    font-size: 15px;
}
.inner_banner_div ul li p{font-size: 15px;    line-height: 20px;}
.main_fav_cat{    padding: 40px 0px;}

.main_work {
    text-align: center;
    padding-top: 40px;
}
.work_btn {
    float: left;
    text-align: center;
    width: 100%;
    padding-top: 40px;
    padding-bottom: 10px;
}
.service_sec{    padding-bottom: 40px;}
.material_inner h3{    min-height: 62px;}
.marter_q {
    background: #f3f5f6;
    padding: 40px 0px;}
.set1 a{display: block;text-align: center;}
.set1 img {
    margin: 0 auto;
}
.set3{float: none;}
.set2{display: none;}
.set1 {
    padding: 15px 0px;
}
.footer_nav{    min-height: 265px;}
.footer_nav2{    min-height: 320px;}
.footer_1 {
    padding-bottom: 10px;
    padding-top: 40px;}
.banner_nav{    bottom: -3px;}
.main_top_bar .top_bar_r .dropdown-menu>li:nth-of-type(1){display: block;}

.product_tab_inner .nav>li>a {
    font-size: 14px;
    padding: 14px 27px;
}
.choose_d {
    padding: 30px 0px;
}

.pro_detail {
    min-height: auto;
}

.size_dis {
    padding: 30px 0px;
}
.details_img .add_btn{padding: 20px 0px;}
#about_in {
    margin-top: 40px;
    padding-bottom: 40px;
}
.our_story {
    padding-top: 20px;
    padding-bottom: 0px;
}
.our_story h3 {
    font-size: 20px;}
.our_story h2 {
    font-size: 30px;}
.our_story p {
    line-height: 28px;}

.stort_img {
    padding: 30px 0px 0px 0px;max-width: 570px; margin: 0 auto;
}

.ab_text h2 {
    font-family: 'Oswald', sans-serif;
    font-size: 25px;}
.ab_text p {
    font-size: 13.5px;
    line-height: 25px;}

.ab_imgs {
    margin-top: 0px;
    padding: 30px 0px 0px 0px;
}
#contact_top{display: none;}
#contact_forms{margin-top: 30px;}

.pl1 ul li {
    float: left !important;
    text-align: center;
    width: 25% !important;
    margin-top: 30px;
}

.players_num ul li ul li .lara_plus input {
    width: 60px !important;
}
.how_it_inner {
    padding-top: 40px;}

.banner_work {
    padding: 40px 0px;
}

#form_club {    padding: 40px 0px;}


#order_leader {
    padding: 40px 0px;
}
.bulk_order h3 {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
}
.content{max-width: 370px;margin: 0 auto;margin-top: 30px;}

#brands_p{     padding: 40px 0px 80px 0px;}

.team_maembwe{    padding: 30px 10px 0px 10px;}
.team_maembwe .team_inners{    position: static;
    top: 0;
    left: 0;
    transform: translateX(0%);}

.team_maembwe .team_anme{margin-top: 20px;}
.team_maembwe .team_anme h3{padding-bottom: 10px;}


.c_slider_5 .owl-next {
    position: absolute;
    top: 100%;
    right: 40%;
    transform: translate(50%,50%);

}
.c_slider_5 .owl-prev {
    position: absolute;
    top: 100%;
    left: 45%;
    transform: translate(50%,50%);
    
}
.brands_p_haead h2{padding-bottom: 20px;}



#help_or {
    padding: 40px 0px;
}



}

@media screen and (max-width: 600px){
    
  .rwin{
display: block!important;
padding-top: 20px;
}  
    
.tempftlist{
  width: 105%;
}
.control-label{
    display:none;
}
.virtual_model_padtop{
padding-top: 10px;
}

.rostertabstextfiled {
  margin-top: -4px!important;
}
    
.rosterRightbottom {
  display: block!important;
  background-color: #fff;
  padding: 0!important;
  border: 0px solid #000!important;
  margin: 0px!important;
}
.uploadRosterLeftSection {
  width: 100%!important;
  border-right: 0px solid #000!important;
}

.rosterComments {
  width: 100%!important;
  border-radius: 5px!important;
  border: 0px solid #ddd!important;
  margin-left: -10px!important;
}

.virtualotext{
    color:#000000; text-align: center; font-weight: bold;
}

.virtualotextp{
    text-align: center;
}

.pc{
   display: none;
}

.child {
  flex: calc(100%) !important;
}

.childorder {
  flex: calc(100%) !important;
}
.virtualpd {
  display: block;
}

.pcaddtf{
    margin-top: 0px;
}

.virtualpdimg {
    padding-left: 25px;
}



.delprod{
display: contents;    
}

.fpassmlink{
display: block ruby;

}

.wk-zusammenfassung-footer {
display: block;
}

.wk-produktion-versand .versand-wrapper {
  width: max-content;
  padding: 0px;
  background-color: white;
  margin-top: 40px;
  
}

.wk-zusammenfassung-preis {
  display: block;
  width: 100%;
  margin-left: 0;
  padding-top: 0;
}

.wk-zusammenfassung-preis > div:nth-child(2n+1) {
  text-align: center;
  width: 100%;
  padding: 20px 0px;
}

.wk-zusammenfassung-preis > div:nth-child(2n) {
  width: 100%;
  text-align: center;
  margin-top: -40px;
}

.wk-zusammenfassung-footer .designcheck-preis p, .wk-zusammenfassung-footer .verpackung-preis p, .wk-zusammenfassung-footer .verpackungheader {
  margin-top: -10px;
}

.wk-produktion-versand {
  margin-bottom: 40px;
  margin-right: -40%;
}

.wk-zusammenfassung-footer .rabattcodeeingabe .rabattfield {
  width: 150px;
  height: 36px;
  padding: 20px 0px;
  text-align: center;
}

button, input, select, textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  width: inherit;
  background: white;
  border: 1px solid #d1d1d1;
  border-radius: 5px;
  padding: 5px;
  margin: 5px 0px;
    margin-left: 0px;
}


.nav-area{
    display: none;
}


.batterx{display: block; padding: 0px 20px;
margin-bottom: 10px;
color: black;
font-size: 18px !important;
text-align: center;
  text-transform: uppercase;
}
}

.fileTypesText2 {
    position: absolute;
    bottom: 10px;
    font-size: 11px;
    top: 30px;
}
.browseText{
    margin-bottom: 5px !important;
}


.vptowp{ }

.pcont{
    color: #000; display: block;
}
    .steps-block-col span {
        left: -150%;
    }
    .main_logo .top_navigation ul {
    float: none;
}
.top_bar_l{display: none;}
.main_top_bar .top_bar_r {
    float: none;
}
.main_top_bar .top_bar_r ul {
    text-align: center;
}
.main_top_bar .top_bar_r ul li {
    float: none;display: inline-block;}
.top_logo img{margin: 0 auto;}

.navbar-inverse{    min-height: 44px;}


.navbar-toggle {position: relative !important;float: left;padding: 15px 11px !important;margin-top: 0px !important;margin-right: 0 !important;margin-bottom: 0px !important;background-color: transparent !important;background-image: none !important;border: none;
  border-radius: 4px !important;width: 100% !important; background:none !important;}
  
  .new_5{ color:#FFFFFF; position:absolute !important; top:13px !important; right:10px !important;}
  
  .navbar-inverse ul li {width:100% !important;text-align: center !important;}
  
  .navbar-nav>li>a {padding-top: 0px;padding-bottom: 0px;}

.banner_nav{position: static;    bottom: 0px;}
.inner_banner_div ul li {
    display: block;


    transform: skew(0deg);

    border-right: 0px solid #d9dee3;border-bottom: 1px solid #d9dee3;}

.inner_banner_div ul li p {
    font-size: 15px;
    line-height: 20px;
    transform: translateY(0px) skew(0deg);    text-align: center;
    padding: 8px 0px;
}
    .inner_banner_div ul li a {

    transform: skew(0deg);    width: 100%;
}
.my_col_8 {
    padding-right: 15px;
}

.top_logo {
    padding: 15px 0px;
}

#nav_section {
    position: relative;
    margin-top: 5px;
}

.menu-wrapper ul li ul{display: none;}

.menu-wrapper ul li a{width: 100%;}
.fav_cat_head h2{    font-size: 23px;}

.main_cat_inner .cat_name h2{font-size: 20px;}

.work_list{max-width: 350px;margin: 0 auto;margin-top: 30px;}

.brands_haead {
    text-align: center;
    padding-top: 10px;
}
.brands_haead h2{    font-size: 20px;}


.brands_list {
    padding-top: 20px;
    padding-bottom: 20px;
    float: left;
    width: 100%;
}

.brands_list ul li{width: 50%;    padding-bottom: 10px;}
.marter_q {
    background: #f3f5f6;
    padding: 20px 0px;
}
.material_inner {
    text-align: center;
    padding-bottom: 15px;
}
.insta_haed {
    text-align: center;
    padding-top: 0px;
}
.footer_nav {
    min-height: auto;margin-top: 20px;
}
.footer_nav2 {
    min-height: auto;margin-top: 20px;
}

.footer_1 {
    padding-bottom: 10px;
    padding-top: 10px;
}

.footer_1 .footer_add .footer_add_b p{display: block;}

.footer_text {
    padding-bottom: 30px;
}
.footer_text h2{line-height: 25px;}

.main_work p {
  
    padding-top: 10px;
    padding-right: 10px;padding-left: 10px;
}

.insta_img {
    padding-top: 30px;
    padding-bottom: 30px;
}


.product_tab_inner .nav-tabs>li {
    float: none;
    display: inline-block;
    margin-bottom: 0px;
    margin: 1px 0px;
    width: 100%;
}
.main_choo_pro {
    max-width: 270px;
    margin: 0 auto;
    margin-top: 30px;
}

.choose_head h2 {
    font-family: 'Oswald', sans-serif;
    font-size: 20px;
}
.choose_head p {
    font-size: 13px;
}
.details_img {
   /* float: left;*/
    width: 100%;
}
.details_img .details_img_inner ul {
    /* position: static;*/
    top: 10px;
    right: -40px;
    text-align: center;
}
.details_img .details_img_inner button{    bottom: 110px;}
.details_img .add_btn button {
    padding: 14px 0px;
    font-size: 15px;
    width: 100%;
}

.main_logo .top_navigation {
    margin-top: 0px;
}
.ab_imgs{max-width: 370px; margin: 0 auto;}
.ab_text {
    padding: 36px 30px;

    border-radius: 5px;
    margin-top: 30px;
    max-width: 370px;
    margin: 0 auto;
    margin-top: 30px;
}

#contact_forms{    padding-top: 20px;
    padding-bottom: 50px;}

.content_f h2 {
    font-family: 'Oswald', sans-serif;
    font-size: 30px;
    color: #fff;
    font-weight: 400;
    font-style: italic;
    padding-bottom: 20px;
}
.content_f form button{    width: 120px;
    height: 42px;
    line-height: 42px;}



.pl1 ul li {
    float: left !important;
    text-align: center;
    width: 25% !important;
    margin-top: 30px;
}


#how_work_text .container-fliud {
    padding: 0px 30px;
}
.how_it_inner p{    font-size: 13px;    line-height: 23px;}
#how_it_banner{display: none;}
.how_it_inner {
    padding-top: 30px;padding-bottom: 30px;
}
.how_it_inner h3{padding-bottom: 10px;padding-top: 10px;}

}



@media screen and (max-width: 700px){
.pl1 ul li {
    float: left !important;
    text-align: center;
    width: 50% !important;
    margin-top: 30px;
}
.c_slider_5 .owl-prev{    left: 35%;}
.c_slider_5 .owl-next {
    right: 35%;}
}


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

.footer_copy_inner ul li {
    display: block;
}
.footer_copy_inner ul li p{display: block;text-align: center;
}

.footer_copy_inner ul li:last-child{background: none;}

.top_btns{display: none;}

.pro_detail{    padding: 20px;}
.leftmenucategory button.accordion {
    font-size: 12px;
}

.leftmenucategory button.accordion span {
    font-size: 12px;
}

.leftmenucategory button.accordion:after{font-size: 13px;line-height: 17px;}

.dark1:before{display: none;}
.dark2:before{display: none;}

.color_tab_inner .nav-tabs>li{display: block !important;}

.total_players ul li h3 {
    color: #242424;
    font-size: 12px;
}
.pl6 {
    padding: 15px;
}
.total_players ul li input {
    width: 50px !important;
    font-size: 12px !important;
    margin: 0px 0px;
}
.total_players ul li button {
    width: 53px;    font-size: 12px;}
.players_num ul li ul li{margin-top: 5px;}

.players_num ul li ul li input {
    width: 100px !important;
}

.players_num ul li ul li p {
    padding-right: 5px;
    padding-left: 5px;
}


}



@media screen and (max-width: 400px){
.pl1 ul li {
    float: left !important;
    text-align: center;
    width: 100% !important;
    margin-top: 30px;
}
}

.site-content{
    display: none;
}
.loader{
    height: 100vh;
    width: 100vw;
    overflow: hidden;
     
    background-color: #FFF;
    position: absolute;
}

.loader>div{
    height: 170px;
    width: 170px;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-image: url("../images/3D_fram.png");

}

.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url(../images/loading.gif) center no-repeat #fff;
}

.loaderroster{
    height: 100vh;
    width: 100vw;
    overflow: hidden;     
    /*background-color: #191919;*/
    position: absolute;
}

.loaderroster>div{
    height: 128px;
    width: 128px;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-image: url("../images/loading.gif");

}

#limage {
        height: 70px;
    width: 70px;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
   background:url('../images/scu-llogo.png') center no-repeat;                           
    display:block;
   z-index: 999;
}

#ltspan{
    height: 70px;
    width: 170px;
    /*position: absolute;*/
    margin-top: 170px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;

}
@keyframes spin{
    100%{
        transform: rotate(360deg);
    }
}



.header {
    box-shadow: 0 0 10px rgba(2, 2, 2, 0.7);
    background: #FFF;
    border-radius: 0;
    margin-bottom: 23px;
    z-index: 999;
    position: relative;
}

.site-logo {
    float: left;
    font-size: 23px;
    font-weight: 400;
    /*margin-right: 67px;*/
    padding-top: 22px;
    padding-bottom: 22px;
}

.header-navigation {
    font-family: 'Sarala', sans-serif; font-size: 19px;
    letter-spacing: 1px;
    margin: 0;
    /*position: fixed;*/
    margin-top: -80px;
    margin-left: 40px;
}

.header-navigation h1 {
    font-size: 30px !important;
    /* text-transform: uppercase;
    */
    color: #000;
    text-align: center;
    margin-top: 40px;
    
}


.steps-block {
    color: #000;
    padding: 30px 0;
}

.steps-block-red {
    background: #e6e6e6;
}

.steps-block .fa-truck, .steps-block .fa-gift, .steps-block .fa-phone {
    font-size: 30px;
    border: solid 2px #000;
    border-radius: 30px !important;
    width: 60px;
    height: 60px;
    text-align: center;
    vertical-align: middle;
    padding-top: 13px;
    margin-right: 11px;
    float: left;
}

.steps-block em {
    font-family: 'Sarala', sans-serif; font-size: 13px;
    letter-spacing: 1px;
    /*text-transform: uppercase;*/
}

.steps-block h1, .steps-block h2, .steps-block h3, .steps-block h4, .steps-block h5, .steps-block h6 {
    font-family: 'Sarala', sans-serif;
    margin: 0 0 10px;
    text-transform: uppercase;
}

.steps-block .steps-block-col div {
    margin-left: 70px;
    margin-right: 40px;
}

.steps-block-col span {
    display: block;
    width: 36px;
    height: 71px;
    background: url(../images/step3-angle-right.png) no-repeat 100% 50%;
    position: absolute;
    top: 0;
    right: 10px;
}

.steps-block h2 {
    color: #FF0202;
    font-size: 24px;
    margin: 0;
    padding: 10px 0px 0px 0px;
    line-height: 1;
}

.footer {
    background: #272626;
    color: #fff;
    font-size: 12px;
    padding: 15px 0;
    /*bottom: 0;
    position: relative;*/
}

.footer .powered {
    color: #FFF;
    text-align: center;
    padding-top: 10px;
    opacity: 0;
}

.footer .powered > a {
    color: #00ABFF;
    text-decoration: none;
    font-family: 'Sarala', sans-serif; font-size: 18px;
}

.footer .powered > a:hover {
  color: #f00;
}

.d-cart {
    color: #000;
    float: right;
    padding-top: 30px;
    padding-right: 40px;  
    cursor: pointer;  
}

.d-cart :hover {
    color: #aeadad;    
}



.dcqty {
background: #FF0101;
  background-clip: border-box;
position: absolute;
color: #fff;
width: 20px;
height: 20px;
text-align: center;
padding-top: 0;
-webkit-border-radius: 8px;
border-radius: 8px;
background-clip: padding-box;
font-size: 14px;
font-weight: 500;
padding: 3px;
}

.close-designer {
    color: #000000 !important;
    /*line-height: 100px;*/
    float: right;
    padding-top: 30px;    
}

.close-designer :hover {
    color: #8B0000;    
}

.close-home{
display: none;
}


.logoscont li {
    margin-bottom: 8px;
}

/* New Menu start */
.nav-area{
background: #262626;
height: 59px;
width: 100%;
transition: background ease 0.2s;
/*border-bottom: 5px solid #FF0202;*/
}
.logo {
line-height: 50px;
padding: 0 10px;
}
.nav-area ul{
float: left;
margin-left: 20px;
}
.nav-area ul li {
display: inline-block;
line-height: 60px;
margin: 0 0px;
}
.nav-area ul li a {
color: #fff;
font-size: 14px;
padding: 18px 15px;
text-transform: uppercase;
font-weight: normal;
text-decoration: none;
font-family: 'Sarala', sans-serif;
}
.nav-area ul li a:hover{
background: #FF0202;
transition: .5s;
}
.mactive{
background: #FF0202;
}

.btn-area{
font-size: 30px;
color: white;
float: right;
line-height: 62px;
margin-right: 40px;
cursor: pointer;
display: none;
}
#box{
display: none;
}

#phone{
    visibility: hidden;
    margin-top: -50px;
    display: none;
}
.pcont{
    color: #000;
}
@media (max-width: 600px){

#pcemail{
    visibility: hidden;
}
#pemail{
   display: block!important;
   visibility:unset!important;
}


#pc{
    visibility: hidden;
    margin-top: -50px;
}

#phone{
   display: block!important;
   display: flex!important;
   margin-top: 0px!important;
   visibility:unset!important;
}

.shoppabtn {
margin-left: -20px;
}


.vlayout {
     flex-wrap: nowrap !important;
    display: flex !important;
    /*margin-top: 10px;*/
}
.vchildc {
    padding: 0px 0px 0px 0px !important;
}

.btn-area{
/*display: block;*/
color: #262626 !important;
}
.fileDropZone2 .addIcon {
    display: none !important;    
}
.fileDropZone2 .dragText {
    display: none !important;
}
.nav-area ul{
display: none;
position: fixed;
width: 92.7%;
background: #FF0202;
left: -110%;
text-align: left;
transition: all .5s;
z-index: 999;
margin: 9px 15px 0px 15px;
}

.nav-area ul li {
display: block;
margin: 0;
line-height: 20px;
padding: 10px 0;
}
.nav-area ul li a {
color: #fff;
font-size: 16px;
padding: 0px 15px;
text-transform: uppercase;
font-family: 'Sarala', sans-serif;
}
.nav-area ul li:hover{
    background: #000;
}
.nav-area ul li a:hover{
    background: none;
}
#box:checked ~ ul{
left: 0;
}
}

.virtualroom{

    background: #fff;
    /*box-shadow: 0 3px 3px 5px rgba(0,0,0,0.2);*/
    /*margin-bottom: -20px;
    min-height: 800px;
    height: 34vw;
    height: 100vh;*/
    display: block;
    
}

.ctitlec{
width: 250px;
padding: 14px 16px;
margin: -48px -320px 0px 210px;

}


/* New Menu end */
.menuleftshadow{

    background: #fff;
    -webkit-box-shadow: -10px 0 10px -10px #000000;
    box-shadow: -10px 0 10px -10px #000000;
    height: 800px;
    display: block;
}


.fileDropZone {
    /*padding: 5% 0;*/
    padding: 0px 0px 15px 0px;
    position: relative;
    border: 1px solid;    
    background: #f6fbfd;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 70px;
    width: 80%;
    box-sizing: border-box;
    margin-left: 70px;
    border-radius: 5px;
border: 2px solid #ddd;
    }

.fileDropZone .addIcon {
    background: url(../images/Sub_Icon_Upload.png) center/130px 130px no-repeat;
    height: 36px;
    width: 36px;
    padding-right: 10px;
    margin-top: -8px;
}

.fileDropZone .dragText {
    padding-right: 10px;
    margin-top: -4px;
}
.fileTypesText {
    align-items: center;
    display: flex;
    justify-content: center;
    position: absolute;
    bottom: 5px;
}
.customFontUpload {
    cursor: pointer;
    text-decoration: underline;
}

.myfilecu{
    opacity: 0.0;
    /* margin-top: -20px; */
    display: block;
    width: 100%;
    cursor: pointer;
    height: 70px;
    z-index: 999;
    background-color: aqua;
    position: absolute;
    margin: -36px -252px;
}

.myfilecurx{
    opacity: 0.0;
    /* margin-top: -20px; */
    display: block;
    width: 100%;
    cursor: pointer;
    height: 70px;
    z-index: 999;
    background-color: aqua;
    position: absolute;
    margin: -36px -185px;
}

.lara_color ul li span.selected {
    transform: scale(1.5);
    z-index: 500;
}



.rostertabs {
   display:block;
   float:left;
   list-style:none;
   margin:0;
   /*padding: 5px 0px 0px 0px;*/
   position:relative;
   display: flex;
   /* right:50%;
   border: 1px solid #000;
   margin-top: -18px;*/
}
.rostertabsup {
   display:block;
   float:left;
   list-style:none;
   margin:0;

   
}
.rostertabstextfiled {
    /*display: block;*/
    width: 96%;
    height: 25px;
    padding: 0 .75rem;
    font-size: 1rem;
    line-height: 1.5;
    background-color: #fff;
    background-clip: padding-box;
    border: 2px solid #ddd;
    border-radius: 0;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    font-family: AvenirNextN,Helvetica,sans-serif;
    box-sizing: border-box;
    margin-right: 5px;
    border-radius: 5px
}

.rostertabstextheds {
display: -webkit-box;
/*margin-bottom: -60px;*/
color: #000000;
font-size: 12px;
}

/*.rostertabstextheds2 {
margin-bottom: -24px;
padding-top: 30px;
}*/

.rostertabstextfiledt {
    font-size: 10px;
    letter-spacing: .5px;
    text-align: left;
    text-transform: uppercase;
    font-family: AvenirNextB,Helvetica,sans-serif;
}

.rosterremoveIco{
    background: url(../images/Sub_Icon_Remove.png) center/120px 120px no-repeat;
    display: inline-block;
    width: 25px;
    height: 25px;
    margin-left: 10px;
    border: 0px;
}

.addRosterbtn {
    color: white;
    width: auto;
    background: #FF0202;
    display: inline-flex;
    vertical-align: top;
    margin-top: 12px;
    /*padding-left: 38px;
    border: 2px solid #000;*/
    box-sizing: border-box;
    padding: 5px 30px;
    border-radius: 6px;

    }

.addRosterbtn:hover {
    color: black;
    /*border: 2px solid #FF0202;*/
    }

.rosterRightbottom {
    display: flex;
    background-color: #fff;
    padding: 5px 15px 0;
}

.uploadRosterLeftSection {
    width: 50%;
    border-right: 1px solid #000;
}

.uploadFont {
    width: 97%;
    text-align: center;
    margin-top: 0;
}


.addIcon {
    background: url(../images/Sub_Icon_Upload.png) center/130px 130px no-repeat;
    height: 36px;
    width: 36px;
    padding-right: 10px;
}

#btnRosterUpload {
    display: none;
}

.fileTypesText {
    position: absolute;
    bottom: 7px;
    font-size: 11px;
}

/* New Style Start */

.rcom{
    margin: 0;
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    border-radius: 5px!important;
    border: 2px solid #ddd!important;
    width: 99%;
    resize: none;
    padding: 5px;
    box-sizing: border-box;
    border-radius: 0;
    height: 90px;

}

.rosterLeftCommentBox{
    color: #000;
    letter-spacing: 1px;
    font: 400 13px AvenirNextN,Helvetica,sans-serif;
    outline: none!important;
}

.rosterCommentBoxWrapper{

    color: #000;
    letter-spacing: 1px;
    font: 400 13px AvenirNextN,Helvetica,sans-serif;
    outline: none!important;
    margin-left: 3%;
}

.commentsLeftHead{

    color: #000;
    letter-spacing: 1px;
    font: 400 13px AvenirNextN,Helvetica,sans-serif;
    outline: none!important;
}

.rosterComments{
    color: #000;
    letter-spacing: 1px;
    font: 400 13px AvenirNextN,Helvetica,sans-serif;
    outline: none!important;
    width: 50%;

}

.leftHead{

    color: #000;
    letter-spacing: 1px;
    font: 400 13px AvenirNextN,Helvetica,sans-serif;
    padding: 0;
    font-size: inherit;
    line-height: 1.1em;
    font-family: AvenirNextB,Helvetica,sans-serif;
    text-transform: uppercase;
    margin: 5px 0;
    text-align: left;
    margin-left: 3%;
}

.rosterRightbottom{

    color: #000;
    letter-spacing: 1px;
    font: 400 13px AvenirNextN,Helvetica,sans-serif;
    outline: none!important;
    display: flex;
    background-color: #fff;
    padding: 5px 15px 0;
    /*margin-top: 40px;*/
    border: 1px solid #000;
}

.uploadRosterLeftSection{

    color: #000;
    letter-spacing: 1px;
    font: 400 13px AvenirNextN,Helvetica,sans-serif;
    outline: none!important;
    width: 50%;
    border-right: 1px solid #000;
}

.rosterRightHead{

    color: #000;
    letter-spacing: 1px;
    font: 400 13px AvenirNextN,Helvetica,sans-serif;
    outline: none!important;
}

.head{

   color: #000;
    letter-spacing: 1px;
    font: 400 13px AvenirNextN,Helvetica,sans-serif;
    padding: 0;
    font-size: inherit;
    line-height: 1.1em;
    font-family: AvenirNextB,Helvetica,sans-serif;
    text-transform: uppercase;
    margin: 5px 0;
    text-align: left;
}

.uploadFontWrapper{

    color: #000;
    letter-spacing: 1px;
    font: 400 13px AvenirNextN,Helvetica,sans-serif;
    outline: none!important;
    display: block;
    justify-content: center;
}

.uploadFont{

    color: #000;
    letter-spacing: 1px;
    font: 400 13px AvenirNextN,Helvetica,sans-serif;
    outline: none!important;
    width: 97%;
    text-align: center;
    margin-top: 0;
}

.uploadFontBox{

    color: #000;
    letter-spacing: 1px;
    font: 400 13px AvenirNextN,Helvetica,sans-serif;
    text-align: center;
    outline: none!important;
}

.fileDropZone2 {
    /* padding: 5% 0; */
    padding: 0px 0px 15px 0px;
    position: relative;
    border: 1px solid;
    background: #f6fbfd;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 79px;
    /* width: 80%; */
    box-sizing: border-box;
    /* margin-left: 70px; */
    border-radius: 5px;
border: 2px solid #ddd;
}

.fileDropZone2 .addIcon {
    background: url(../images/Sub_Icon_Upload.png) center/130px 130px no-repeat;
    height: 36px;
    width: 36px;
    padding-right: 10px;
    margin-top: -8px;
}

.fileDropZone2 .dragText {
    padding-right: 10px;
    margin-top: -4px;
}

.fileTypesText2 {
    position: absolute;
    bottom: 10px;
    font-size: 11px;
    /*top: 30px;*/
}

.downloadFiles{
margin: 10px 0px 10px 0px;
color: white;
background: #FF0202;
display: inline-flex;
padding: 5px;
border-radius: 6px;
}

.rmsg{
    font-size: 14px !important;
    position: inherit !important;
    float: left !important;
    margin-top: 20px !important;
    width: -webkit-fill-available !important;
    width: -moz-available !important;
    display: flow-root !important;
}



.nextRosterbtn {
    text-align: center;
    cursor: pointer;
    outline: none!important;
    text-decoration: none;
    border-radius: 0;
    letter-spacing: 1.4px;
    box-sizing: border-box;
    width: 40%;
    display: inline-block;
    text-transform: uppercase;  
    color: #000;
    border: 1px solid transparent;
    background: #fff;
    padding: 8px;
    line-height: 28px;
    border: 2px solid #191919;
    font-weight: bold;
    }

.nextRosterbtn:hover {
    border: 2px solid #FF0202;
    color: #FF0202;
    background: #FFF;
    }

.nextRosterbtn::after {
    content: "";
    /*background: url(//static.augustasportswear.com/static/Sub_Icon_Zoom_RightArrow_White.png) center/100px 100px;*/
    background: url(../images/RightArrow_Black.png) center/100px 100px;
    width: 40px;
    height: 26px;
    position: absolute;
    margin-left: 60px;
}

/*new scrool start 
    * { font: 14px Calibri; }*/
  .scroll {
      overflow-y: scroll;
      height: 750px;
      width: 100%;
      margin: 0px 5px 10px 5px; padding: 5px;
      text-align: justify;
  }
  .scroll::-webkit-scrollbar {
      width:5px;
  }
  .scroll::-webkit-scrollbar-track {
      -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3); 
      border-radius:5px;
  }
  .scroll::-webkit-scrollbar-thumb {
      border-radius:5px;
      -webkit-box-shadow: inset 0 0 6px #FF0202; 
  }
/*new scrool end */

/*new Summery start */
.vlayout {
  display: flex;
 /* flex-wrap: wrap;*/
}
.vchild {
  padding: 10px 5px 5px 10px;
  background-color: #eae8e7;
  flex: calc(100% / 7);
  text-align: center;
  font-family: Eurostile LT;
  line-height: normal;
  color: black;
}
.vchildb {
  padding: 10px 5px 5px 10px;
  background-color: #b0afaf;
  flex: calc(100% / 7);
  text-align: center;
  font-family: Eurostile LT;
  line-height: normal;
  color: white;
}
.vchildc {
  padding: 10px 5px 5px 10px;
  background-color: #FF0202;
  flex: calc(100% / 7);
  text-align: center;
  font-family: Eurostile LT;
  line-height: normal;
  color: white;
}
.vtxt{
    padding: 10px 0px!important;
    font-size: 20px;
  font-family: Eurostile LT;
  line-height: normal;
  color: black!important;
}



.orderSummOuter {
    display: inline-block;
    padding: 10px;
    box-sizing: border-box;
    background: #fff;
    width: 100%;
    /*height: 34vw;*/
}

.summlistula{
    display: flex;
    padding: 4px 20px 0px 20px;
    list-style: none;
    width: 100%;
    height: 30px;
    flex-direction: row;
    justify-content: space-evenly;
    background-color: #eae8e7;
}

.summlistulb{
    display: flex;
    padding: 4px 20px 0px 20px;
    list-style: none;
    width: 100%;
    height: 30px;
    flex-direction: row;
    justify-content: space-evenly;
    background-color: #b0afaf;
}

.summlistulc{
    display: flex;
    padding: 4px 20px 0px 20px;
    list-style: none;
    width: 100%;
    height: 30px;
    flex-direction: row;
    justify-content: space-evenly;
    background-color: #FF0202;
    color: white;
}

.summlistli{
padding: 0px 10px 0px 0px;
}

.summlisthr{

    color: #000;
    letter-spacing: 1px;
    font-family: 'Sarala', sans-serif;
    direction: inherit;
    visibility: visible;
    border-top: 0;
    border-color: #939598;
    margin-top: 18px;
    margin-bottom: 18px;
}

.orderSummrev {
    color: #000;
    display: inline-block;
    padding: 25px;
    box-sizing: border-box;
    background: #eae8e7;
    width: 100%;
    text-align: center;
}

.orderSummpro {
    display: inline-block;
    box-sizing: border-box;
    background: #fff;
    margin-top: 20px;
    border: 2px solid #FF0202;
}

.dprologo {
    background: url(../images/Sub_Icon_Pro.png) center/200px 200px no-repeat;
    height: 40px;
    width: 40px;
    margin-top: 15px;
}

.dproname {
    font-family: 'Sarala', sans-serif;
    font-size: 16px;
    display: inline-block;
    text-align: left;
    color: #000;
    text-transform: uppercase;
    font-weight: bold;
    margin-top: 20px;
}

.dproprice {
    font-family: 'Sarala', sans-serif;
    font-size: 16px;
    display: inline-block;
    text-align: left;
    color: #000;
    text-transform: uppercase;
    font-weight: bold;
    margin-top: 20px;
}

.dproremoveicon {
    position: relative;
    top: 2px;
    content: "";
    display: inline-block;
    background: url(../images/Sub_Icon_Remove.png) center/90px 90px no-repeat;
    height: 14px;
    width: 19px;
    margin-right: 6px;
    margin-left: 5px;
}

.printbtn{
    display: block;
    float: right;
    margin: -60px 0px 0px 0px;
    background: url(../images/Sub_Icon_Print.png) center/100px no-repeat;
    width: 40px;
    height: 40px;
}

.dproremove {
    float: right;
    display: flex;
    flex-wrap: nowrap;
    margin-left: 100px;
    cursor: pointer;
}


/*new Summery end */

.tnametf {
    background: transparent; border: none;
    text-align: center;
    border: 2px solid #ddd;
    height: 40px;
    width: -webkit-fill-available;
    margin-bottom: 5px;
    text-transform: uppercase;
    width: -moz-available;
}

.textemsg {
    color: #000000;
    display: block;
    width: -webkit-fill-available;
    text-align: center;
    height: 65px;
    padding-top: 18px;
}


.tsstrimg {
    background: url(../img/Builder-icon-Normal-White.png) center/80px 30px no-repeat;
    border:none;
    width:80px !important;
    height:30px;
    transition: background-color 1s ease-out 100ms
}
.tsstrimg:hover {
    background-color: #FF0202;
}

.tsupimg {
    background: url(../img/Builder-icon-ArchUp-White.png) center/80px 30px no-repeat;
    border:none;
    width:80px;
    height:30px;
    transition: background-color 1s ease-out 100ms
}
.tsupimg:hover {
    background-color: #FF0202;
}

.tsdowimg {
    background: url(../img/Builder-icon-ArchDown-White.png) center/80px 30px no-repeat;
    border:none;
    width:80px;
    height:30px;
    transition: background-color 1s ease-out 100ms
}
.tsdowimg:hover {
    background-color: #FF0202;
}

.tsactive {
    background-color: #FF0202;
}

.rptlabels {
font-family: 'Sarala', sans-serif;
font-size: 10px;
color: #FF0202;
font-weight: 100;
}

.cpfield {
    text-align: center; 
    line-height: 28px;
    border: 2px solid #FF0202;
    font-family: 'Sarala';
    margin: 5px;
    width: 48%;
    }

.cptfield {
    width: -webkit-fill-available;
    border: none;
    height: 40px;
    }

/**:focus {*/
.cptfield:focus {
    outline: none;
}

.paypalbtn {
    border:none;
    width:220px;
    height:39px;
    background: #ffc439;
    transition: background-color 1s ease-out 100ms;
    margin-top: 10px;
    border-radius: 4px;
    opacity: 0.85;
    transition: 0.5s;
}
.paypalbtn:hover {
    opacity: 1;
}

.shoppabtn {
    border:none;
    width:220px;
    height:39px;
    background: #5a31f4; color: #FFFFFF;
    transition: background-color 1s ease-out 100ms;
    margin-top: 10px;
    border-radius: 4px;
    opacity: 0.85;
    transition: 0.5s;
}

.shoppabtn:hover {
    opacity: 1;
}

.tncolors {
    display: flex;
    width: 100%;
    height: 40px;
    cursor: pointer;
    border: 2px solid #ddd;
    user-select: none;
    margin-bottom: 5px;
    padding: 7px 10px 0px 10px;
    border-radius: 5px;
}
/*
.tncolors a.collapsed:before {

}

.tncolors::after {
    content: "\f067" !important;
    font-family: FontAwesome !important;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 15px;
    background: #a7a7a7;
    color: #000;
     padding: 5px; 
    border-radius: 50%;
    font-size: 10px;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
}*/
.cross{
    float: right;
    margin: -43px 15px 0px 0px;
    transition: 0.3s;
}

.cross:before,.cross:after {
    content: '';
    border-top: 2px solid #3E474F;
    width: 15px;
    display: block;
    margin-top: 18px;
}

.cross:after {
    transform: rotate(90deg);
    margin-top: -2px;
}

.crossact{
    float: right;
    margin: -43px 15px 0px 0px;
    transition: 0.3s;
}

.crossact:before,.crossact:after {
    content: '';
    border-top: 2px solid #FF0202;
    width: 15px;
    display: block;
    margin-top: 18px;
}

.crossact:after {
    transform: rotate(0deg);
    margin-top: -2px;
}
.dfs{
width: max-content; font-size: 16px; font-weight: normal;  margin-top: 0px;  
}

.newcolorcircle{
    width: 40px !important;
    height: 40px !important;
    padding: 10px 16px !important;
    line-height: 1.33 !important;
    border-radius: 35px !important;
    margin: -47px 320px 0px 0px !important;
}

#newcolor{
    width: 40px;
    height: 40px;
    padding: 10px 16px;
    line-height: 1.33;
    border-radius: 35px;
    margin: -47px 320px 0px 0px;
}

#newcolor2{
    width: 40px;
    height: 40px;
    padding: 10px 16px;
    line-height: 1.33;
    border-radius: 35px;
    margin: -47px 320px 0px 0px;
}    
.rhedpc {
margin-left: 70px; margin-top: 30px;
} 

.virtualroompp {
    background: #fff;
    /*box-shadow: 0 3px 3px 5px rgb(0 0 0 / 20%);*/
    margin-bottom: 20px;
    /*height: 100vh;*/
    display: block;
    text-align: center;
    padding-top: 30px;
}

.phonehadding {
    display: none;
}

.paymtabs {
    list-style: none;
    position: relative;
    display: flex;
    /* float: left; */
    justify-content: center;
}

@media (max-width: 768px){
    .logo {
    padding: 0 80px;
}

    .nav-area ul {
    float: right;
    margin-right: 0px !important;
    padding-left: 50px !important;
    background-color: black !important;
    width: -webkit-fill-available !important;
}

.nextblink {
    /*margin-left: -450px !important;
    width: 50% !important;*/
    width: -webkit-fill-available !important;
}
}

@media (max-width: 820px){
    .logo {
    padding: 0 80px;
}

    .nav-area ul {
    float: right;
    margin-right: 0px !important;
    padding-left: 50px !important;
    background-color: black !important;
    width: -webkit-fill-available !important;
}

.nextblink {
    /*margin-left: -450px !important;
    width: 50% !important;*/
    width: -webkit-fill-available !important;
}
}




#vchtmenu {
  }

  #vchtmenu, #vchtmenu ul {
    list-style: none;
  }

  #vchtmenu > li {  
  }

  #vchtmenu > li:first-child {
  }

  #vchtmenu a {
    display: block;
    position: relative;
    z-index: 10;
    /*padding: 13px 20px 13px 20px;*/
    text-decoration: none;
    color: rgba(75,75,75,1);
    line-height: 1;
    /*font-weight: 600;
    font-size: 12px;
    letter-spacing: -.05em;*/
    background: transparent;    
    transition: all .25s ease-in-out;
  
  }

  #vchtmenu > li:hover > a {
  }

  #vchtmenu li ul  {
    position: absolute;
    /*left: 0;*/
    z-index: 1;
    /*width: 200px;*/
    padding: 0;
    opacity: 0;
    visibility: hidden;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    background: transparent;
    overflow: hidden;
    transform-origin: 50% 0%;
  }


  #vchtmenu li:hover ul {
    
    padding: 30px 30px;
    background: #fff;
    opacity: 1;
    visibility: visible;
    box-shadow: 2px 2px 15px #969696;
    animation-name: swingdown;
    animation-duration: 1s;
    animation-timing-function: ease;
    top: 75px;
    right: 430px;

  }

  @keyframes swingdown {
    0% {
      opacity: .99999;
      transform: rotateX(90deg);
    }

    30% {     
      transform: rotateX(-20deg) rotateY(5deg);
      animation-timing-function: ease-in-out;
    }

    65% {
      transform: rotateX(20deg) rotateY(-3deg);
      animation-timing-function: ease-in-out;
    }

    100% {
      transform: rotateX(0);
      animation-timing-function: ease-in-out;
    }
  }

  #vchtmenu li li a {
    text-align: center;
    color: #000;
    text-shadow: none;
    border-top: dotted 1px;
    border-bottom: dotted 1px;
    transition: all .15s linear;
    margin-top: 30px;
  }

  #vchtmenu li li a:hover {
    color: #FF0202;
    border-top: dotted 1px rgba(255,255,255,.15);
    border-bottom: dotted 1px rgba(255,255,255,.15);
    background: rgba(0,223,252,.02);
  }

.wk-login {
  display: block;
  color: #000;
  text-align: center;
  padding: 12px 0;
  border-top: 1px solid #000;
  cursor: pointer;
}