﻿@charset "utf-8"; 
/* CSS Document */ 
html{-webkit-text-size-adjust:none;/* Prevent font scaling in landscape */}
body{background-color:#fff;margin:0;padding:0;outline:none;    font-family: 'Jost', sans-serif;line-height:normal;font-weight:300;color:#282828; letter-spacing:0.25px; transition:all .2s ease}
*{margin:0;padding:0;-webkit-box-sizing: border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
p{margin:0;padding:0;}
img{border:0;vertical-align:text-top;}
.clear{clear:both;}
select{text-indent:11px!important} 
@-moz-document url-prefix(){select{text-indent:2px !important}} 
select, input, textarea{margin:0;padding:0;outline:none;font-family: 'Jost', sans-serif;font-size:16px;color:#282828;outline:none;}
h1,h2,h3,h4,h5{margin:0;padding:0;font-weight:normal;line-height:normal;font-family: 'Jost', sans-serif; color:#282828}
hr{color:#dddddd;border:none;border-top:1px solid #dddddd;height:1px;margin:0;padding:0;margin-bottom:15px;}
.gradient{filter:none;} 
input[type=text],input[type=url],input[type=email],input[type=password],input[type=tel],input[type=button],input[type=submit], select{-webkit-appearance:none;-webkit-border-radius:0; border-radius:0;}
input[type=checkbox]{-webkit-appearance:checkbox;-webkit-border-radius:0;border-radius:0;}
input[type=radio]{-webkit-appearance:radio;-webkit-border-radius:0;border-radius:0;}
::-webkit-input-placeholder{/* WebKit browsers */color:#535353;}
:-moz-placeholder{/* Mozilla Firefox 4 to 18 */color:#535353;opacity:1;} 
::-moz-placeholder {/* Mozilla Firefox 19+ */color:#535353;opacity:1;}
:-ms-input-placeholder{/* Internet Explorer 10+ */color:#535353;}
/* new clearfix */
.clearfix:after{visibility:hidden;display:block;font-size:0;content:"";clear:both;height:0;}
a{ color:#414042;text-decoration:underline}
a:hover{ text-decoration:none}
* html .clearfix{zoom:1;}/* IE6 */
*:first-child+html .clearfix{zoom:1;}/* IE7 */
.uppercase{text-transform:uppercase}
.jost-light { font-weight:300}
.jost-regular { font-weight:400}
.jost-medium { font-weight:500}

.tcenter{text-align:center}
.tjustiry{text-align:justify}
.text13{font-size:13px}
.text15{font-size:15px;}
.text16 { font-size:16px}
.text17{font-size:17px;}
.text18 { font-size:18px;}
.text20{font-size:20px;}
.text22{font-size:22px;}
.text25{font-size:25px;}
.text30{font-size:30px;}
.text35{font-size:35px;}
.text40{font-size:40px;}
.text50{font-size:50px}
.text60{font-size:60px;}
.line32{line-height:32px}
.line30{line-height:30px}
.line24{line-height:24px;}
.line20{line-height:20px}
.line22{line-height:22px;}
.semibold{font-weight:600}
.bold{font-weight:800}
.line35{line-height:35px}
.line26{line-height:26px}
.col-yellow{color:#df9937}
.open-light{font-weight:300}
.col-megenta{color:#734184}
.lspacing50{letter-spacing:.5px;}
.lspacing100{letter-spacing:1px;}
.pt-sans-bold{font-weight:700}
.line20{line-height:20px}
.ptop5{padding-top:5px;}
.ptop10{padding-top:10px}
.ptop15{padding-top:15px}
.ptop20{padding-top:20px}
.ptop25{padding-top:25px}
.ptop30{padding-top:30px}
.col-white{color:#fff}
.text14{font-size:14px;}
.text13{font-size:13px;}
.line28{line-height:28px;}
.italic{font-style:italic}
.ptop5{padding-top:5px;}
.line35{line-height:35px}
.back-white{background:#fff}
.back-gray{background:#eaeaea}
.ptop5{padding-top:5px;}
.letter1{letter-spacing:1px}
.letter2{letter-spacing:2px}
.letter3{letter-spacing:3px}
.letter4{letter-spacing:4px}
.letter5{letter-spacing:5px}
.letter6{letter-spacing:6px}
.col-lightblue{color:#3ab0ef}
.col-charcoal{color:#333}
.col-blue{color:#0d3b95}
.col-yellow{color:#fed24a}
.col-aqwamarine{color:#00b0a5}
.col-salmonred{color:#fb5c54}
.col-purple{color:#42327c}
.col-rama{color:#00b0a5}

/*********************************Header Starts here************************************/
.container-2023 {max-width:1488px; margin:auto; position:relative; padding-left:10px; padding-right:10px}

#header2023.header { /*position:sticky; top:0; left:0;*/ width:100%; z-index:100000; background:#fff; position:sticky; top:0; left:0 }
#header2023.header .container{ width:100%; max-width:100%; padding:0}
#header2023 .top1 {background:#151515; padding:10px 0}
#header2023 .logo { float:left; position:relative; z-index:10; top:0; margin-left:50px; margin-top:22px; }
#header2023 .logo img { max-width:100%; height:auto}
#header2023 .top2 { padding: 0}

#header2023.header.sticky { z-index:9999999; background:#fff; box-shadow: 0px 11px 10px -15px #111; }

/*#header2023.header.sticky .logo{ width:105px}
#header2023.header.sticky .top2 {  padding: 12px 0;}
#header2023.header.sticky .header-right { padding-top:16px}
#header2023.header.sticky .navigation { top:3px}
*/
#header2023 .navigation{position:relative;float:right;position:absolute;top:29px;left:0;width:100%; padding:0;  }
#header2023 .navigation .container{position:static}
#header2023 .navigation1{display:table;margin:auto;position:relative; z-index:99999}
#header2023 .menu-new1{padding-top:0;}
#header2023 .menu-new1 ul{margin:0;padding:0;list-style:none;}
#header2023 .menu-new1 ul li{float:left;font-size:15px;color:#fff;-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out; font-weight:400; text-transform:uppercase }

#header2023 .menu-new1 ul li a{color:#282828;text-decoration:none;position:relative;padding:13px 28px;display:block}
#header2023 .menu-new1 ul li a:hover{color:#007fac}
#header2023 .menu-new1 ul li.parent1 a::before {  content: '';  width: 16px;  height: 3px; position: absolute;  bottom: 8px;  left: 0;  right: 0;  margin: auto;  display: none;  background: #007fac;}
#header2023 .menu-new1 ul li.parent1 .nav-open1 a:before  { display:none !important}
#header2023 .menu-new1 ul li.parent1:hover a:before{ display:block;animation-name:fadeInUp;animation-duration:0.5s;animation-fill-mode:both;}
#header2023 .nav-open1{width:100%;background:#fff;border:0;padding:20px;position:absolute;top:46px;left:0;right:0;margin:auto;display:none;z-index:20000;box-shadow:0px 3px 7px -2px #222;padding-bottom:10px}
#header2023 .nav-open-inner{}
#header2023 .navopen-img { float:left; display:none}
#header2023 .navopen-text{ float:right; width:100%; padding-top:0px; padding-right:162px; position:relative}
#header2023 .navopen-left{ float:left}
#header2023 .navopen-right{ position:absolute; top:0; right:0}
#header2023 .navopen-text ol { margin:0; padding:0; list-style:none}
#header2023 .navopen-text ol li { float:left; width:50%; padding-right:55px; margin:0; padding-left:0px; font-size:14px; color:#191919; text-transform:uppercase }
#header2023 .navopen-text ol li a { padding-bottom:20px; color:#191919}
#header2023 .menu-new1 ul li:hover .nav-open1{ display:block; animation-name:fadeInUp;animation-duration:0.5s;animation-fill-mode:both;}
#header2023 .menu-new1 li:hover > a { color:#007fac }
#header2023 .menu-new1 .active { color:#007fac;}

@-webkit-keyframes slideInDown {
  from {-webkit-transform:translate3d(0, -50%, 0);
  transform:translate3d(0, -50%, 0);
  visibility:visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}   
@keyframes slideInDown {
  from {-webkit-transform:translate3d(0, -50%, 0);
  transform:translate3d(0, -50%, 0);
  visibility:visible;
  }

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

/*************
* FadeInUp *
*************/

@-webkit-keyframes fadeInUp { 
    0% { 
        opacity: 0; 
        -webkit-transform: translateY(20px); 
    } 
    50%{
       opacity: 0.3; 
    }
    100% { 
        opacity: 1; 
        -webkit-transform: translateY(0); 
    } 
} 
@keyframes fadeInUp { 
    0% { 
        opacity: 0; 
        transform: translateY(20px); 
    } 
    50%{
       opacity: 0.3; 
    }
    100% { 
        opacity: 1; 
        transform: translateY(0); 
    } 
} 
.fadeInUp{ 
    opacity: 0; 
    -webkit-transform: translateY(20px); 
    transform: translateY(20px);
}
.fadeInUp { 
    -webkit-animation-name: fadeInUp; 
    animation-name: fadeInUp; 
}
.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown;}
.parent2{position:relative} 
#header2023 .nav-open2{width:200px; top:48px} 
#header2023 .nav-open2 .navopen-text{width:100%}
#header2023 .nav-open2 .navopen-text ol li{width:100%;padding-left:0;padding-right:0}
#header2023 .nav-open2 .navopen-text{padding-top:0} 
#header2023 .nav-open2 .navopen-text ol li:last-child a{}
#header2023 .nav-open1 .navopen-text ol li a{color:#252525;padding:0;background:none;padding-bottom:15px;border-bottom:1px solid #c7c7c7;margin-bottom:15px}
#header2023 .nav-open1 .navopen-text ol li a:hover { color:#007fac}
#header2023 .nav-open2 .navopen-text { padding-right:0}
#header2023 .nav-open1 .navopen-text ol li a:before { display:none}

#header2023 .nav3-links{}
#header2023 .nav3anchor { }
#header2023 .nav3anchor a { color:#282828}
#header2023 .nav3anchor a:before { display:none}
#header2023 .menu-new1 ul li .nav3anchor a { padding:0}
#header2023 .menu-new1 ul li .nav3anchor { line-height:24px; margin-bottom:15px}
#header2023 .nav3-col1{ float:left; width:33.33%}

#header2023 .nav-mobile{ width:280px; float:left;}
#header2023 .nav-mobile-content{-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out; position:relative}

#header2023 .close-box {    padding: 1px 8px 5px;    font-size: 18px;    text-align: center;    position: absolute;    top: 16px;    right: 14px;    border: 1px solid #221d46;    cursor: pointer;    display: none;    -webkit-border-radius: 50%;    -moz-border-radius: 50%;    border-radius: 50%;    color: #221d46;    line-height: 19px;    font-size: 19px;}
#header2023 .nav-mobile-fixed .close-box{ display:block}
#header2023 .nav-mobile-overlay{ display:none}

#header2023 .filtertop { padding-bottom:4px; border-bottom:1px solid #bcbcbc; padding-top:5px}
#header2023 .filter-mobile { cursor:pointer; display:none}
#header2023 .filter-mobile {    display: block;    position: absolute;    top: 52px;    left: 10px;    width: 52px;}
#header2023 .nav-mobile { opacity:0; visibility:hidden; overflow:hidden; height:0;}
#header2023 .nav-mobile-content{left:-350px; position:relative;  }
#header2023 .nav-mobile.nav-mobile-fixed {opacity:1; visibility:visible; overflow:visible; height:100%}
#header2023 .nav-mobile-content { width:0; overflow:hidden;-webkit-transition:all 0.6s ease-in-out;-moz-transition:all 0.6s ease-in-out; -o-transition:all 0.6s ease-in-out;-ms-transition:all 0.6s ease-in-out;transition:all 0.6s ease-in-out; }
#header2023 .nav-mobile.nav-mobile-fixed .nav-mobile-content{ position:fixed; top:0; left:0; height:100%; z-index:10000; background:#fff;padding:0px; overflow:auto; width:350px; overflow:auto }
#header2023 .nav-mobile.nav-mobile-fixed .nav-mobile-overlay { position:fixed; width:100%; height:100%; background:rgba(0,0,0,.5); z-index:9000;  top:0; left:0; display:block; overflow:hidden }
#header2023 .filter-mobile1 svg { width:34px}
#header2023 .body-fixed { overflow:hidden}
#header2023 .filter-mobile { display:none}

.tabs {  display: flex;  flex-wrap: wrap;}
.tabs label {  order: 1;  display: block;  padding: 13px 15px;  margin-right: 0;  cursor: pointer;  background: #222;   transition: background ease 0.2s; color:#fff; font-weight:400; text-transform:uppercase; letter-spacing:1px; width:50%; text-align:center}
.tabs .tab{order:99;flex-grow:1;width:100%;display:none;padding:0 13px}
.tabs input[type=radio]{display: none;}
.tabs input[type=radio]:checked + label {  background: #007fac;}
.tabs input[type=radio]:checked + label + .tab {  display: block;}
.toptabs-details .sizechart1 { position:absolute; top:0; right:0; margin-top:0; top:12px}

#header2023 .myac-mobile{}
#header2023 .myac-mobile a { display:block;  border-bottom:1px solid #ebebeb; border-bottom: 1px solid #ebebeb;  padding: 15px 0;  margin-top: 0;  color: #222;  text-transform: uppercase;  text-decoration: none; font-weight:400}
#header2023 .myac-mobile a:hover { color:#007fac}

#header2023 .header-right{ float:right; padding-top:0px; position:relative; margin:0}
 #header2023 .myaccounticon,#header2023 .carticon { float:left; padding:0 10px; cursor:pointer; margin-top:39px}
 #header2023 .myaccounticon img,#header2023 .carticon img { margin-right:7px}
#header2023 .searchicon { float:right; background:#f2e5dd; padding:40px 30px; cursor:pointer}
#header2023 .carticon { margin-right:10px}


#header2023 .sidebar {  width: 0%;  height: 100%;  background-color: #fff;  transition: 1s ease;  position: fixed; top:0; right:0; display:none; z-index:999999; border-left:1px solid #ccc }
#header2023 .minicart-top {  position: relative;  padding-left: 30px;  border-bottom: 1px solid #ccc;  padding-bottom: 10px;}
#header2023 .boxclose {  position: absolute;  top: 0;  left: 0;  width: 43px;  height: 43px;  border-right: 1px solid #ccc;  text-align: center; cursor:pointer}
#header2023 .boxclose img {  width: 15px;  height: 15px;  margin: auto; margin-top:13px}
#header2023 .minicart-top h3 { padding-top:9px}

.minicart-content{ padding:15px 0}
.minicartnew ul.minicartinner{margin:0;padding:0;list-style:none; padding:0 15px}
.minicart{font-size: 12px;color: #2e2e2e;text-transform:inherit;position:absolute;top:40px;right:0;width:288px;height:auto;padding:20px;background:#fff;border-radius:6px;box-shadow:0 30px 130px -8px rgba(0,0,0,.25);z-index:100000;display:none}

.minicart input{margin-top:20px;width:100%;height:43px;font-weight:600;background:white;border:2px solid #000;outline:none}
.minicart input:hover{cursor:pointer;color:#fff;background:#000}
.minicart--item-container{margin-bottom:10px; padding:0 15px}
.minicart--item{margin-bottom:10px;width:100%;float:left; min-height:160px}
.minicart--item>*{margin-bottom:5px}
.minicart--item .title{font-size:14px;color:#2e2e2e}
.minicart--subtotal{margin: 0; padding:13px 15px; background:#f2e5dd}
.minicart--subtotal-title{float:left;font-size:17px;}
.minicart--subtotal-amount{float:right;font-weight:600;font-size:17px}
.placeholder{float:left;margin-right:15px;width:100px;}
.minicart-content .btn1-2023 {width: 100%; margin-top:20px}



#header2023 .sidebar_small {  width: 350px; display:block;  animation-name:slideInRight;animation-duration:1s;animation-fill-mode:both;}
@-webkit-keyframes slideInRight {
0% {
-webkit-transform:translate3d(100%, 0, 0);
transform:translate3d(100%, 0, 0);
visibility:visible
}
to {
	-webkit-transform:translateZ(0);
	transform:translateZ(0)
}
}
@keyframes slideInRight {
0% {
-webkit-transform:translate3d(100%, 0, 0);
transform:translate3d(100%, 0, 0);
visibility:visible
}
to {
	-webkit-transform:translateZ(0);
	transform:translateZ(0)
}
}
.animate__slideInRight {	-webkit-animation-name:slideInRight;	animation-name:slideInRight}

#header2023 .boxopen {  cursor: pointer;  z-index:20000}



@-webkit-keyframes fadeInDown { 
    0% { 
        opacity: 0; 
        -webkit-transform: translateY(-400px); 
    } 
    50%{
       opacity: 0.3; 
    }
    100% { 
        opacity: 1; 
        -webkit-transform: translateY(0); 
    } 
} 
@keyframes fadeInDown { 
    0% { 
        opacity: 0; 
        transform: translateY(-400px); 
    } 
    50%{
       opacity: 0.3; 
    }
    100% { 
        opacity: 1; 
        transform: translateY(0); 
    } 
} 
.fadeInDown{ 
    opacity: 0; 
    -webkit-transform: translateY(-400px); 
    transform: translateY(-400px);
}

#header2023 .search-box {  display: none;  padding: 20px 0;  position: relative;  top: 0;  left: 0;  width: 100%; z-index:20000; background:#fff; border-top:1px solid #ccc}
#header2023 .closesearch{ position:absolute; top:35px; right:15px; cursor:pointer; z-index:99999}
#header2023 .search-box.active {display:block;display:block; animation-name:slideInDown;animation-duration:0.5s;animation-fill-mode:both;  }
#header2023 .search-box h2{ transition: all .5s ease;}
#header2023 .search-box.active h2 {  transform: translateY(0);}
#header2023 .search-box .wg-search-form{width: 900px;  margin: 0 auto;  position: relative;  transition: all .6s linear;    transition-delay: 0s;    opacity: 0;  visibility: hidden; margin-top:0px} 
#header2023 .search-box .wg-search-form .search-input {  height: 44px;  background-color: #fff;  color: #111;  border: none;    border-bottom-width: medium;    border-bottom-style: none;    border-bottom-color: currentcolor;  border-bottom: 2px solid #e8e8e8;  line-height: 42px;  width: 100%;}
#header2023 .search-box .wg-search-form button {  position: absolute;  top: 0;  right: 0;  color: #666;  font-size: 22px;  height: 43px;  width: 43px;  text-align: center;  padding: 0;  font-weight: 900; border:0; background:none}
#header2023 .search-box .wg-search-form .set-20-svg svg {  width: 20px;  height: 20px;  fill: #111111111;}
#header2023 .search-box.active .wg-search-form  {  transform: translateY(0);  transition-delay: .3s;  opacity: 1;  visibility: visible;}


.content {}
.banner .owl-theme .owl-controls .owl-page span {box-shadow: 0px 0px 2px #000;}

.sbanner2023 { padding-top:80px }

.sbannerinner2023 img{ max-width:100%; height:auto}
.sbox2023 { width:31.33%; margin-right:3%; float:left; margin-top:25px; position:relative; overflow:hidden}
.sbannerinner2023 .sbox2023:last-child { margin-right:0}
.sinnertext{ position:absolute; top:0; left:0; color:#fff; width:100%; height:100%; display: flex;  align-items: center;  justify-content: center;text-shadow: 0px 0px 5px 0px rgba(0,0,0); text-shadow: 0px 0px 4px #000;}


/* Circle */

.sinnertext::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-top: 5px solid #000;
  border-bottom: 5px solid #000;
  content: '';
  opacity: 0;
  -webkit-transform: rotate3d(0,0,1,45deg) scale3d(1,0,1);
  transform: rotate3d(0,0,1,45deg) scale3d(1,0,1);
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0s, transform 0s;
}
.sbox2023:hover .sinnertext::after {
  opacity: 1;
  -webkit-transform: rotate3d(0,0,1,45deg) scale3d(1,1,1);
  transform: rotate3d(0,0,1,45deg) scale3d(1,1,1);
  transition: opacity 0.55s, transform 0.55s;
}

.sinnertext::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-top: 5px solid #000;
  border-bottom: 5px solid #000;
  content: '';
  opacity: 0;
  -webkit-transform: rotate3d(0,0,1,45deg) scale3d(1,0,1);
  transform: rotate3d(0,0,1,45deg) scale3d(1,0,1);
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
 transition: opacity 0s, transform 0s;
}
.sbox2023:hover .sinnertext::before {
  opacity: 1;
  -webkit-transform: rotate3d(0,0,1,-45deg) scale3d(1,1,1);
  transform: rotate3d(0,0,1,-45deg) scale3d(1,1,1);
  transition: opacity 0.55s, transform 0.55s;
}
.pbox2023 {}
.slide3-2023{ position:relative;   margin-left:-22px; margin-right:-22px;overflow:hidden; padding-top:30px }
.slide3-2023 .item img{max-width:100%;height:auto}
.slide3-2023 .item { position:relative; margin:0 22px; position:relative }
.slide3-2023 .pbox2023 {float:none; width:100%;}
.pbox2023 .img-responsive { overflow:hidden; position:relative; text-align:center}

.pbox2023 .img-responsive:before {
  box-sizing: border-box;
  transform: translateX(100%);
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 99.5%;
  height: 2px;
  border-bottom: 2px solid transparent;
  border-left: 2px solid transparent;
}
.pbox2023 .img-responsive:after {
  box-sizing: border-box;
  transform: translateX(-100%);
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 99.5%;
  height: 2px;
  border-top: 2px solid transparent;
  border-right: 2px solid transparent;
}
.pbox2023 .img-responsive:hover {
  color: inherit;
  text-decoration: none;
}
.pbox2023:hover .img-responsive:before {
 transition: 0.3s transform linear 0.6s, 0.3s height linear 0.9s;

  transform: translateX(0);
  height: 100%;
  border-color: #007fac;
}
.pbox2023:hover .img-responsive:after {
   transition: 0.3s transform linear, 0.3s height linear 0.3s;
  transform: translateX(0);
  height: 100%;
  border-color: #007fac;
}


.slide3-2023 .customNavigation .next{position:absolute;left:0px;top:37%;cursor:pointer}
.slide3-2023 .customNavigation .next:before{content:"\f104";color:#6e6e6e;font-size:45px;font-family:"FontAwesome",Arial, Helvetica, sans-serif;font-weight:bold}
.slide3-2023 .customNavigation .prev{position:absolute;right:0px;top:37%;cursor:pointer}
.slide3-2023 .customNavigation .prev:before {content:"\f105";color:#6e6e6e;font-size:45px;font-family:"FontAwesome",Arial, Helvetica, sans-serif;font-weight:bold}
.slide3-2023 .item a{text-decoration:none; display:block}
.slide3-2023 .slidenavdisabled{display:block!important} 
.customNavigation a {text-decoration:none}
.slide3-2023 .pbox2023 .text17 { margin-top:20px;}

.register2023 {  display: flex;  flex-direction: row;  background: #f2e5dd;  max-width:1920px; margin:auto; margin-top:80px;}
.register2023 img { max-width:100%; height:auto}
.register2023inner{ max-width:677px; margin:auto}
.register2023-left { width:50%}
.register2023-right { width:50%; display:flex; padding:0 10px; position:relative; overflow:hidden}


.welcome2023 a { display:inline;}


.btn1-2023 { min-width:176px;  background:#282828; text-align:center; color:#fff; font-size:17px;  display:inline-block; text-transform:uppercase;-webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.btn1-2023 a{ color:#fff; text-decoration:none; text-transform:uppercas; display:block; padding:14px 25px ;-webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; line-height:18px}
.btn1-2023 a:hover { background:#007fac; color:#fff }
.register2023 .btn1-2023 { display:table; margin:auto; margin-top:30px}

.welcome2023{ padding-top:80px; padding-bottom:20px}
.welcome2023 h4 { margin-bottom:3px}
.welcome2023 .text17 { margin-bottom:30px}

.welcome2023 .btn1-2023 { display:table; margin:auto; margin-top:10px}

.footer.footer2023 { margin-top:50px}
.footer.footer2023 .foot1 { background:#282828; padding-top:40px;}
.footer.footer2023 .foot1 .heading-h4 { font-size:17px; color:#fff;}
.footer.footer2023 .foot1 .ftext1, .footer.footer2023 .foot1 .ftext2, .footer.footer2023 .foot1 .ftext2 a { color:#fff}
.footer.footer2023 .foot1 .ftext2 a:hover { color:#1bc3ff}

.fsocial2023 { margin-top:20px}
.fsocial2023 .fb2023 { float:left; margin-right:15px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.fsocial2023 .fb2023 img { max-width:100%; height:auto}
.twit2023 { margin-top:4px}
.fsocial2023 .fb2023:hover { position:relative; top:-5px}


.footer.footer2023 .foot2 { background:#282828; margin:0; padding:25px 0; border-top:1px solid #494949; position:relative}
.footer.footer2023 .foot2 .text15 { color:#fff; position:relative; z-index:10}
.paypal2023{ position:absolute; top:0; left:0; width:100%; text-align:center}

.footer.footer2023 .foot2 .text15 a{ color:#fff; text-decoration:none}
.footer.footer2023 .foot2 .text15 a:hover{ color:#1bc3ff}


.pbox { overflow:hidden}
.pbox .pcolour{ display:none}
.pbox .img-responsive a{  position:relative; text-align:center}

.pbox .img-responsive a:before {
  box-sizing: border-box;
  transform: translateX(100%);
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 99.5%;
  height: 0px;
  border-bottom: 2px solid transparent;
  border-left: 2px solid transparent;
}
.pbox .img-responsive a:after {
  box-sizing: border-box;
  transform: translateX(-100%);
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 99.5%;
  height: 0px;
  border-top: 2px solid transparent;
  border-right: 2px solid transparent;
}
.pbox .img-responsive a:hover {
  color: inherit;
  text-decoration: none;
}
.pbox:hover .img-responsive a:before {
 transition: 0.3s transform linear 0.6s, 0.3s height linear 0.9s;

  transform: translateX(0);
  height: 100%;
  border-color: #007fac;
}
.pbox:hover .img-responsive a:after {
   transition: 0.3s transform linear, 0.3s height linear 0.3s;
  transform: translateX(0);
  height: 100%;
  border-color: #007fac;
}

.cat-sidebar { padding-left:10px; padding-right:10px; font-size:14px;}
.cat-sidebar a { text-decoration:none}

.innerpage { border-top:0; margin-top:25px;}
#static_desc { border-bottom:0}


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

.header .container { max-width:100%}

#header2023 .menu-new1 ul li a { padding-left:18px; padding-right:18px}
#header2023 .logo { margin-left:20px}
#header2023 .navigation { left:-49px;}
#header2023 .header-right { top:0}
}
@media only screen and (max-width:1488px)  {
.container-2023 { max-width:1400px}
}

@media only screen and (max-width:1400px)  {
.container-2023 { max-width:1200px}
}

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

.header .container { max-width:100%}



.text17 {  font-size: 16px;}
.text20 {  font-size: 18px;}
.text25 {  font-size: 23px;}
.text30 { font-size:27px}
.text40 { font-size: 33px;}
.line30 {  line-height: 27px;}
.btn1 {  min-width: 230px;}
.heading-h4 { font-size:17px}

#header2023 .menu-new1 ul li a { padding-left:8px; padding-right:8px}

#header2023 .menu-new1 ul li { font-size:14px}
#header2023 .logo img { max-width:100px; height:auto}
 #header2023 .logo {    margin-left: 20px;    width: auto;  }
 #header2023 .searchicon { padding-top:32px; padding-bottom:32px}
 #header2023 .navigation { top:22px;}
 #header2023 .myaccounticon, #header2023 .carticon { margin-top:32px}
 #header2023 .navigation { left:-78px}

}

@media only screen and (max-width:1200px)  {
.container-2023 { max-width:980px}


.sbanner2023 {  padding-top: 50px;}
.register2023 { margin-top:50px;}
.welcome2023 {  padding-top: 50px;}
.footer.footer2023 .foot1 { padding-left:0; padding-right:0; padding-top:30px}

.register2023 .register2023-right .ptop15 {  padding-top: 5px;}
.register2023 .btn1-2023 { margin-top:10px}
.btn1-2023 { font-size:15px}
.btn1-2023 a { padding:12px 20px}
.btn1-2023 {  min-width: 162px; }
#header2023 .search-box.active { padding-right:47px}
#header2023 .search-box .wg-search-form { width:100%; border-right:1px solid #ccc}

#header2023 .menu-new1 ul li a { padding-left:20px; padding-right:20px}
#header2023 .navigation { top:13px}

#header2023 .header-right { position:absolute; top:0; right:0; z-index:99999 }
#header2023 .logo { float:none; margin:auto}
#header2023 .top2 { padding:12px 0}

#header2023 .myaccounticon{ display:none}

#header2023 .menu-new1 { display:none}
#header2023 .navigation { left:0; width:auto}
#header2023 .navigation1 { display:block}
#header2023 .filter-mobile1 { padding:0}
#header2023 .filter-mobile { width:60px;} 
#header2023 .mlogo { width:150px;}
#header2023 .mlogo img { max-width:100%; height:auto}
#header2023 .menu-new1 { display:none}
#header2023 .navigation { height:auto; margin-top:0; width:100%}
#header2023 .filter-mobile { display:block}
#header2023 .filter-mobile { top:68px;}
#header2023 .filter-mobile .nav-footer { height:auto; padding-bottom:20px; margin-top:20px}
#header2023 .filter-mobile { top:1px; left:0px}
#header2023 .filtertop { padding-bottom:18px}

#header2023 .searchicon { padding:0; background:none}
#header2023 .myaccounticon span, #header2023 .carticon span{ display:none}
  #header2023 .myaccounticon, #header2023 .carticon, #header2023 .searchicon {    margin-top: 12px;    margin-right: 0;  }
  
  #header2023 .navigation { top:0px}
  #header2023 .header-right { right:9px}
  #header2023 .navigation1 { z-index:999999}
  #header2023 .search-box {  display: none;  padding: 0 10px;}
  #header2023 .closesearch { top:11px}
  #header2023 .closesearch img { max-width:15px}
  #header2023 .search-box .wg-search-form .search-input { border:0}
 <!-- #header2023.header.sticky .header-right { padding-top:0}-->
  #header2023 .top1 {  background: #151515;  padding: 5px 0 7px;}  
  #header2023 .top1 .line24 { line-height:20px}
}

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


  }
@media only screen and (max-width:980px)  {

.container-2023 { width:96%}
.slide3-2023 { margin-left:0; margin-right:0}
.register2023 { flex-direction: column;}
.register2023-left { width:100%}
.register2023-right { width:100%; padding:25px 0 35px}

.footer.footer2023 .foot1 { padding:0; padding-top:20px}
.footer.footer2023 .foot2 { border:0; padding-top:20px}
.paypal2023 { position:relative}
.footer.footer2023 .foot1 .heading-h4 { font-size:15px}
.footer.footer2023 {  margin-top: 40px;}

.sbanner2023 {  padding-top:35px;}
.register2023 { margin-top:35px;}
.welcome2023 {  padding-top:35px;}
.footer.footer2023 .foot1 { padding-left:0; padding-right:0; padding-top:30px}

.text17 {  font-size: 15px;}
.text20 {  font-size: 16px;}
.text25 {  font-size: 21px;}
.text30 { font-size:25px}
.text40 { font-size: 30px;}
.line30 {  line-height: 25px;}
.btn1 {  min-width: 230px;}
.heading-h4 { font-size:16px}

.btn1-2023 {  min-width: 142px; }
.welcome2023{padding-bottom:0px}
}


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


.sbannerinner2023 { max-width:460px; margin:auto}
.sbox2023 { width:100%; margin-right:0}

  
  .text17 {  font-size: 15px;}
.text20 {  font-size: 16px;}
.text25 {  font-size: 20px;}
.text30 { font-size:22px}
.text40 { font-size: 26px;}
.line30 {  line-height: 25px;}
.btn1 {  min-width: 230px;}
.heading-h4 { font-size:16px}


   }
@media only screen and (max-width:550px)  {
.top1 {  background: #151515;  padding: 6px 0;}
.top1 .text17 { font-size:14px}
#header2023 .logo {    width: 125px;  }
    #header2023 .top2 {    padding: 8px 0;  }
	 #header2023 .filter-mobile {    top: 0px;    left: 1px;  }
	  #header2023 .header-right {    padding-top: 21px;  }
#header2023 .header-right { width:auto}
  #header2023 .header-right {    width: auto;    padding: 0;    border-bottom: 0;  }
  
    .text17 {  font-size: 15px;}
.text20 {  font-size: 16px;}
.text25 {  font-size: 18px;}
.text30 { font-size:20px}
.text40 { font-size: 24px;}
.line30 {  line-height: 25px;}



  .newin1 {    font-size: 11px;    width: 42px;    height: 42px;    padding-top: 16px;    right: 4px;    top: 4px;  }
}

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

.top1 {  background: #151515;  padding: 6px 0;}
.top1 .text17 { font-size:13px}


}
@media only screen and (max-width:360px)  {
#header2023 .sidebar_small { width:300px}
#header2023 .nav-mobile.nav-mobile-fixed .nav-mobile-content { width:295px}

}