* {
	margin:0;
	padding:0;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
html {
  scroll-behavior: smooth;
}
html,body{ margin:0 !important; background: #fff!; height: 100%}
body{ font-size:16px; line-height:20px; color:#000; font-family: 'latoregular'; overflow-x: hidden; padding-top:0px;}
:focus {
	outline:none !important;
}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
    appearance: none;
}
img, fieldset {
	border:0;
}
ul, ol {
	margin:0;
	padding:0;
}
a {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
h1, h2, h3, h4, h5, h6 {
	font-weight:normal; margin-bottom: 0px
}
h4{ font-size:26px; line-height:36px; color:#000; position:relative; margin-bottom:15px; font-family: 'latobold';}
h4 span{ position:relative;}
h3 span::before {

	border-bottom: 4px solid #BA2D32;
	content: "";
	width: 50px;
	left: 100%;
	bottom: 14px;
	position: absolute;
	margin-left: 15px;
	bottom: 6px;
}
h3 {
	font-size: 26px;
	line-height: 36px;
	color: #000;
	font-family: 'latobold';
	margin-bottom: 50px; position: relative; 
}
.apply-form .form-group.full-width input.btn-submit {
    max-width: 500px;
    margin: 20px auto 0;
}
.desktop-logo{
	width:160px
}
.hidefields button {
    background: #0066CC;
    cursor: pointer;
    color: #fff;
    transition: background .2s ease;
    font-size: 30px;
    line-height: 39px;
    text-transform: uppercase;
    font-family: 'SF Pro Display';
    font-style: normal;
    font-weight: 500;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    width: 500px;
    margin: 20px 10px;
    height: 68px !important;
	border: 1px solid #0066CC;
}
.hidefields button:hover{
	border: 1px solid #fff;
	color:#0066CC;
	background-color:#fff;
}
.hidefields button.cancelBtn{
	background-color: transparent;
    color: #fff;
    border: 1px solid #fff;
}
.hidefields button.cancelBtn:hover{
	
}
h3 span{position:relative;}
/*h3 span::before {
	position: absolute;
	left: 0;
	bottom:14px;
	content: "";
	background: #BA2D32;
	width: 100%;
	height: 15px;
	z-index: -1; display: none;
}*/
.container{max-width: 1200px; margin: 0 auto}
.logo img{width:175px;}
.profile-outer table th, .profile-outer table td{padding:15px; font-size:16px; font-family:'SF Pro Display'}
.profile-outer table td input, .profile-outer table td button{border:none; width:100%}
.profile-outer table td{color:#7D7D7D; font-weight:500}

/*header-css-start*/

.header{background: #000; height: 70px; position: relative; z-index: 999; width: 100%; display: flex; align-items: center;}
.header .container{display: flex; justify-content: space-between; align-items: center;}
.nav-menu ul{display: flex;}
.nav-menu ul li{margin-right: 35px;}
.nav-menu ul li:last-child{margin-right: 0}
.nav-menu ul li a{font:20px/26px 'Helvetica'; color: #fff; text-transform: uppercase; }
.nav-menu ul li a:hover{font-weight: bold;}
.side-menu ul{display: flex;}
.side-menu ul li{margin-right: 15px}
.side-menu ul li:last-child{margin-right: 0}
.side-menu ul li a{font:16px/26px 'Helvetica';  color: #fff; text-transform: uppercase; align-items: center;}
.side-menu ul li a:hover{text-decoration: underline; font-weight: bold; }
.side-menu ul li a svg{margin-right: 10px; transform: scale(1); transition: all .3s; position: relative; top: 5px;}
.side-menu ul li a:hover svg {transform: scale(1.1);}
.notification-area{background: #f0f0f0; width: 100%; display: flex; height: 45px; position: relative; z-index: 9; align-items: center; justify-content: center;}
.notification-area .container{display: flex; justify-content: center;}
.notification-area p{margin-bottom: 0; font:16px/21px 'Helvetica'; color: #000;}
.notification-area p a{color: #0066CC}
.notification-area p a:hover{text-decoration: underline;}

/*header-css-end*/

/*slider-css-start*/

.banner.fp-section.fp-table{height: calc(100% - 115px); flex-direction: inherit;}
.banner .slick-list{height: 100%}
.banner figure{margin-bottom: 0; position: relative;}
.slider-content{margin-top:50px;position:relative;z-index:999;}
.slider-content .text-left{margin-top: 25px;}
.slider-content .text-left a{font: 18px/38px 'SF Pro Display';}
.banner figure img{width: 100%; margin-top: 0px; -webkit-transition: all 500ms cubic-bezier(0.7, 0, 0.3, 1);
  transition: all 500ms cubic-bezier(0.7, 0, 0.3, 1);
  -webkit-transform: scale(1);
          transform: scale(1);}
.banner figure.slick-current img{ -webkit-transform: scale(1);
          transform: scale(1);
  }

  @keyframes cssAnimation {
  from {
    -webkit-transform: scale(1) translate(0px);
  }
  to {
    -webkit-transform: scale(1) translate(0px);
  }
}
@-webkit-keyframes cssAnimation {
  from {
    -webkit-transform: scale(1) translate(0px);
  }
  to {
    -webkit-transform: scale(1) translate(0px);
  }
}
.banner figure figcaption{position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex;}
.banner figure figcaption img{ animation: none; 

position: absolute;
  right: -10%;
  top:0%;

 
  opacity: 0;
  -webkit-transform: translateX(20%);
  transform: translateX(20%);   -webkit-transition: opacity 800ms, -webkit-transform 800ms;
  transition: transform 800ms, opacity 800ms;
  -webkit-transition-delay: 1.2s; /* Safari */
  transition-delay: 1.2s; z-index: 999;


}
.banner figure.slick-current figcaption img{animation: none;  transform: translateX(0);
  opacity: 1;
}


.banner figure figcaption .container{padding-top: 100px; padding-left: 60px}
.banner figure figcaption .container h2{color: #fff;
 font:60px/60px 'Cormorant Infant', serif;
  padding-bottom: 20px; width: 545px;
   position: relative; font-weight: 700;
   -webkit-transition: opacity 800ms, -webkit-transform 800ms;
  transition: transform 800ms, opacity 800ms;
  -webkit-transition-delay: 1s; /* Safari */
  transition-delay: 1s; opacity: 0;
  -webkit-transform: translateX(500px);
  transform: translateX(500px);
}

.banner figure figcaption .container h2:after{background:url(../images/h2-after.png) left bottom no-repeat; width: 100%; height: 145px; position: absolute; display: block; content: ""; left: 0; bottom: -95px; background-size: 100% auto}
.banner figure figcaption .container ul li{list-style-type: none;
  -webkit-transition: opacity 800ms, -webkit-transform 800ms;
  transition: transform 800ms, opacity 800ms;
  -webkit-transition-delay: 1s; /* Safari */
  transition-delay: 1s; opacity: 0;
  -webkit-transform: translateX(500px);
  transform: translateX(500px);
}
.banner figure figcaption .container ul li:nth-child(2){list-style-type: none;
  
  -webkit-transition-delay: 1.2s; /* Safari */
  transition-delay: 1.2s;
}
.banner figure figcaption .container ul li:nth-child(3){list-style-type: none;
  
  -webkit-transition-delay: 1.4s; /* Safari */
  transition-delay: 1.4s;
}
.banner figure figcaption .container ul li:nth-child(4){list-style-type: none;
  
  -webkit-transition-delay: 1.6s; /* Safari */
  transition-delay: 1.6s;
}
.banner figure figcaption .container ul li:nth-child(5){list-style-type: none;
  
  -webkit-transition-delay: 1.8s; /* Safari */
  transition-delay: 1.8s;
}
.banner figure figcaption .container ul li{color: #fff; font:28px/54px 'SF Pro Display'; position: relative; padding-left: 30px;}
.banner figure figcaption .container ul li:before{
	background: url(../images/li-bullets.png) left center no-repeat; width: 14px; height: 14px; position: absolute; display: block; content: ""; left:0; top:20px
}


.banner figure.slick-current figcaption .container ul li, .banner figure.slick-current figcaption .container h2{-webkit-transform: translateX(0);
  transform: translateX(0);
  opacity: 1;}
.banner .slick-dots{position: relative; display: flex; top: -130px; list-style-type: none; justify-content: center;}
.banner .slick-dots li{
	width: 104px; height: 3px;  margin-right: 15px;

  background: linear-gradient(to right, black 50%, white 50%);
  background-size: 200% 100%;
  background-position: right bottom;
  transition: all .5s ease-out; border: 1px solid #fff; cursor: pointer;
}
.banner .slick-dots li:hover, .banner .slick-dots li.slick-active{  background-position: left bottom;}
.banner .slick-dots li button{text-indent: -999em; display: none;}

.inner-banner-outer{ position: relative; height: calc(100% - 115px); overflow: hidden;}
.inner-banner-outer img{ width: 100%; }
.inner-banner-outer.zoom img{width: 100%; margin-top: 0px; -webkit-transition: all 500ms cubic-bezier(0.7, 0, 0.3, 1);
  transition: all 500ms cubic-bezier(0.7, 0, 0.3, 1); -webkit-transform: scale(1); transform: scale(1); height: 100%;}
.inner-banner-outer.zoom img{ -webkit-transform: scale(1); transform: scale(1); -webkit-animation: cssAnimation 3s 1 ease-in-out forwards; animation: cssAnimation 3s 1 ease-in-out forwards;}
  @keyframes cssAnimation {
  from {
    -webkit-transform: scale(1) translate(0px);
  }
  to {
    -webkit-transform: scale(1.3) translate(0px);
  }
}
@-webkit-keyframes cssAnimation {
  from {
    -webkit-transform: scale(1) translate(0px);
  }
  to {
    -webkit-transform: scale(1.3) translate(0px);
  }
}
.inner-banner-text-outer {position: absolute;left: 0;top: 0;width: 100%;bottom: 0; display: flex; align-items: center;}
.inner-banner-text-outer .container h1{color: #fff;font: 80px/100% 'Cormorant Infant', serif;font-weight: 700;text-transform: uppercase;}

/*slider-css-end*/

/*home-page-css-start*/

product-box.aos-animate .product-info{opacity: 1; transform: translateX(0);}
.product-box.aos-animate img{}
.product-box.aos-animate.revolvers img{}
.product-box{position: relative; background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover; overflow: hidden;}



    .product-box img{height: 55%; margin: 0 auto; display: block; top: 0%; position: relative; }

  .product-box.rifles img{ height: 50%; top: 4% }

.product-box.revolvers img{}
.product-box .container{height: 100%}

  .product-box.aos-animate.rifles img{}
.product-box.revolvers{  width: 100%; display: flex;}
.product-box.pistols{ background: url(https://forum.werywintest.tisprojects.com/assets/images/pistol-bg.jpg);  width: 100%; display: flex;}
.product-box.rifles{  width: 100%; display: flex;}
.product-box.shortguns{ background-image: url(../images/shotfungs-bg.jpg); width: 100%; display: flex;}

.product-box .product-info{padding: 20px 0 0 80px; list-style-type: none; height: 30%;}

.product-box.aos-animate .product-info h2,
.product-box.aos-animate .product-info h4,
.product-box.aos-animate .product-info span,
.product-box.aos-animate .product-info .cta{opacity: 1; transform: translateX(0);}

.product-box .product-info h2{font-family: 'Cormorant Infant';
font-style: normal;
font-weight: 700;
font-size: 60px;
line-height: 70px;
/* identical to box height, or 104px */


color: #000000;


}
.fp-table{flex-wrap: wrap;}
.product-box.white .product-info h2, .product-box.white .product-info h4{color: #fff}
.product-box .product-info h4{font-family: 'SF Pro Display';
font-style: normal;
font-weight: 400;
font-size: 26px;
line-height: 34px;
/* or 47px */


color: #000000; margin-bottom: 10px  }
.product-box .product-info h4 br{display: none;}
.product-box .product-info span{
  font-family: 'SF Pro Display';
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 130%;
/* or 31px */

 
color: #B1B1B1; margin-bottom: 10px; display: block;
} 

.product-box .product-info .cta{}
.product-box .product-info a{font-family: 'SF Pro Display';
font-style: normal;
font-weight: 500;
font-size: 24px;
line-height: 130%;
/* or 31px */
 

color: #0066CC; margin-right: 25px}


.product-box .product-info a:hover{text-decoration: underline;}

.product-box .product-info a:last-child{margin-right: 0}

.product-box .product-info a img{margin-left: 5px ;width: auto; display: inline-block; transition-delay: inherit; transition: inherit; opacity: 1; transform: inherit;}

/*home-page-css-end*/

.chat-option {
    position: fixed;
    bottom: 30px;
    right: 25px;
    z-index: 99;
    animation: zoom-in-zoom-out 5.72s ease infinite;
}
@keyframes zoom-in-zoom-out {
  0% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1.2, 1.2);
  }
  100% {
    transform: scale(1, 1);
  }
}

.chat-option img{width: 60px; filter: grayscale(1);}

/*footer-css-start*/

.footer{padding: 40px 0 0px 0; position: relative;}
.footer.section{padding-bottom: 150px;}
.footer:before{position: absolute; content: ""; display: block; right: 0; top:0; background: url(../images/footer-after.png) right top no-repeat; width: 378px; height: 458px; background-size: 280px auto}
.footer:after{position: absolute; content: ""; display: block; left: 0; bottom: 0px; z-index: -1; opacity: 0.5; background: url(../images/footer-before.png) left bottom no-repeat; width: 195px; height: 233px; background-size: 150px auto}
.footer.section:after{bottom: 115px}
.fp-watermark{display: none!important;}

.footer-top{text-align: center; padding-bottom: 30px}
.footer-top img{width: 300px;}
.footer-middle{display: flex; justify-content: space-between; padding-bottom: 30px;}
.footer-middle .col{flex-grow: inherit;}
.footer-middle .col ul{list-style-type: none;}
.footer-middle .col ul li h4{color: #0A142F; font:28px/38px 'Cormorant Infant'; margin-bottom: 10px; white-space: nowrap; font-weight: 500}
.footer-middle .col ul li a{color: #0A142F; font:16px/30px 'SF Pro Display'; white-space: nowrap; letter-spacing: 0.2px}
.footer-middle .col ul li a:hover{text-decoration: underline;}
.footer-middle .col:first-child{padding-left: 0}
.footer-middle .col:last-child{width: 20%; padding-right: 0}
.footer-middle .col:last-child ul li{margin-bottom: 20px;}
.footer-middle .col:last-child ul li{position: relative;}
.footer-middle .col:last-child ul li a{padding-left: 45px; display: flex; align-items: center;}
.footer-middle .col:last-child ul li a img{position: absolute; left: 0; top: 0; transition: all .3s;} 
.footer-middle .col:last-child ul li a:hover img{top: -5px;}
.footer-middle .col:last-child ul li:last-child{margin-bottom: 0}
.footer-middle .col:last-child ul li:last-child a{/*line-height: 20px;*/}

.footer-bottom{display: flex; justify-content: space-between; border-top:2px solid rgba(10,20,47,0.12); padding-top: 20px; padding-bottom: 25px}
.footer-bottom ul{display: flex; list-style-type: none; position: relative; z-index: 99}
.footer-bottom ul.social li{margin-right: 20px;}
.footer-bottom ul.social li a img{position: relative; transform: scale(1); transition: all .3s;}

.footer-bottom ul.social li a:hover img{position: relative; transform: scale(1.2);}
.footer-bottom ul.social li:last-child{margin-right: 0}
.footer-bottom span{color:#3C4868; font:14px/24px 'SF Pro Display';padding-left: 80px;}
.footer-bottom ul.others-link li{margin-right: 40px;}
.footer-bottom ul.others-link li:last-child{margin-right: 0}
.footer-bottom ul.others-link li a{color: #3C4868; font:14px/24px 'SF Pro Display'; }
.footer-bottom ul.others-link li a:hover{text-decoration: underline;}

/*footer-css-end*/

/*career-page-css-start*/
.legal-main p br{display: none;}
.Privacy-Policy p br{display: none;}


.banner.innerpage-banner .container{display: flex; align-items: center; padding: 0}
.banner.innerpage-banner .container h2:after{display: none}
.career-sec{padding: 60px 0; overflow-x: hidden;}
.career-sec.detail{overflow: inherit;}
.career-sec h2{text-align: center; color: #000; font:60px/80px 'Cormorant Infant'; font-weight: 700  }

.accordion-part  h2{padding-bottom: 25px;}
.accordion-part h6{text-align: center; font-family: 'SF Pro Display';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 150%;
/* or 24px */

text-align: center;
text-transform: uppercase;

color: #565656; padding-bottom: 35px; margin-bottom: 0 }

.accordion-part .panel-body p br {display:none}
.career-sec span{font: 20px/34px 'SF Pro Display';color: #7D7D7D;}
.career-sec ol{padding-left: 24px;
  font: 20px/34px 'SF Pro Display';color: #7D7D7D;}
  .career-sec h3{margin-bottom: 21px;}
.accordion-part .panel-group{margin-top: 0px;}
.accordion-part .panel-group .panel { padding: 25px 0 15px 0; border-bottom: 1px solid rgba(0, 0, 0, 0.3);}
.accordion-part .panel-group .panel-heading h4{padding-right: 50px;}
.accordion-part .panel-group .panel-heading h4 a{font:20px/34px 'SF Pro Display'; font-weight: 700; color: #000}
.accordion-part .panel-body h3{font:22px/32px 'SF Pro Display'; font-weight: 700; color: #000; margin-bottom:20px}
.accordion-part .panel-collapse{}
.panel .collapsing{-moz-transition : height .5s ease;  -webkit-transition : height .5s ease;
    -o-transition : height .5s ease;  transition : height .5s ease; }
/* .accordion-part .panel-collapse.collapse.in{display: block; } */
.accordion-part .panel-title > a:before {
     background: url(../images/accord-minus.png) right center no-repeat; transition : top .5s ease; position: absolute; right: 0; top: 0; content: ""; display: block; width: 35px; height: 35px; background-size: 100% auto
}
.accordion-part .panel-title > a.collapsed:before {
      background: url(../images/accord-plus.png) right center no-repeat; position: absolute; right: 0; top: 0; content: ""; display: block; width: 35px; height: 35px; background-size: 100% auto   
}
.accordion-part .panel-title > a:hover:before{top: 0px}

.accordion-part .panel-body{padding:20px 0 50px 0}
.accordion-part .panel-body p{color: #7D7D7D; font:20px/34px 'SF Pro Display';}
.accordion-part .panel-body ul{list-style-type: none; margin-top: 20px; margin-bottom: 20px}
.accordion-part .panel-body ul li{color: #7D7D7D; font:20px/42px 'SF Pro Display'; position: relative; padding-left: 45px;}
.accordion-part .panel-body ul li:before{width: 58px; height: 35px; background: url(../images/arrow-next-half.png) left center no-repeat; background-size: 33px auto;
 position: absolute; display: block; content: ""; left: 0; top: 2px; }
.accordion-part .panel-body .btn-group{display: flex; justify-content: space-between; align-items: center;}
.accordion-part .panel-body .btn-group a{font-family: 'SF Pro Display'; font-style: normal; font-weight: 500;
font-size: 30px; line-height: 130%; color: #0066CC;}
.accordion-part .panel-body .btn-group a:hover{text-decoration: underline;}
.accordion-part .panel-body .btn-group a.pply-now{background-color: #0066CC; color: #fff; padding: 10px 45px; border-radius: 60px; font-size: 26px;}
.accordion-part .panel-body .btn-group a.pply-now:hover{text-decoration: none;}
.accordion-part .panel-body .btn-group a img{left: 10px; position: relative; transition: all 0.2s ease-out;}
.accordion-part .panel-body .btn-group a:hover img{left: 15px;}
#loadMore{font-family: 'SF Pro Display'; font-style: normal; font-weight: 500; font-size: 30px;
line-height: 130%; text-align: center; color: #0066CC !important; margin: 25px auto; display: inherit; transition: all .5s ease; transform: scale(1.0);}
#loadMore:hover{transform: scale(1.04); }
.work-culture{display: flex; align-items: center; margin-top: 70px;}
.work-culture .text{padding-right: 60px;}
.work-culture .text h3{margin-bottom: 20px; font-family: 'Cormorant Infant';
font-style: normal; font-weight: 700; font-size: 60px; line-height: 70px; color: #000000;}

.work-culture .text p{font-family: 'SF Pro Display'; font-style: normal; font-weight: 400;
font-size: 20px; line-height: 32px; color: #B1B1B1;}

/*career-page-css-end*/

/*career-details-page-css-start*/

.career-sec.detail .pply-now{margin: 0 auto 50px auto}
.career-sec.detail .container{display: flex; flex-wrap: wrap;}
.career-sec.detail .container h2{width: 100%}
.career-sec.detail .container h5{width: 100%; font-family: 'SF Pro Display'; font-style: normal;
font-weight: 400; font-size: 26px; line-height: 34px; text-align: center; color: #989898; padding: 20px 0}


.career-sec.detail .container a.pply-now{background-color: #0066CC; color: #fff; font-family: 'SF Pro Display'; font-style: normal; font-weight: 500;
font-size: 26px; line-height: 34px; padding: 10px 45px; border-radius: 60px; display: flex; align-items: center;}
.career-sec.detail .container a.pply-now img{left: 10px; width: 19px; position: relative; transition: all 0.2s ease-out;}
.career-sec.detail .container a.pply-now:hover img{left: 15px;}
.career-sec.detail .detail-box {display: flex; flex-wrap: wrap; padding: 45px 0; border-top:1px solid #000; width: 100%}
.career-sec.detail .detail-box:first-child{margin-top: 50px;}
.career-sec.detail .detail-box .title{width: 350px;}
.career-sec.detail .detail-box .title h3{font-family: 'SF Pro Display'; font-style: normal; font-weight: 400;
font-size: 26px; line-height: 44px; /* or 61px */ color: #000000; margin-bottom: 0px;}
.career-sec.detail .detail-box .title h5{font-family: 'SF Pro Display'; font-style: normal; font-weight: 400;
font-size: 20px; line-height: 26px; margin-bottom: 10px; color: #989898; text-align: left; padding: 0 }

.career-sec.detail .detail-box .title h5 span{font-weight: 700}


.career-sec.detail .detail-box .description{width: calc(100% - 350px)}


.career-sec.detail .detail-box .description p{font-family: 'SF Pro Display'; font-style: normal; font-weight: 400;
font-size: 20px; line-height: 34px; color: #7D7D7D; }
.career-sec.detail .detail-box .description ul{list-style-type: none}
.career-sec.detail .detail-box .description ul li{font-family: 'SF Pro Display'; font-style: normal; font-weight: 400;
font-size: 20px; line-height: 42px; color: #7D7D7D; padding-left: 45px; position: relative; }
.career-sec.detail .detail-box .description ul li:before{width: 58px; height: 35px; background: url(../images/arrow-next-half.png) left center no-repeat;
 position: absolute; display: block; content: ""; left: 0; top: 2px; background-size: 33px auto}


.back-and-share{display: flex; width: 100%; align-items: center; justify-content: center; margin-bottom: 50px;}
.back-and-share a{margin-right: 50px; font-family: 'SF Pro Display'; font-style: normal; font-weight: 400;
font-size: 30px; line-height: 130%; text-align: center; color: #0066CC;}
.back-and-share a:hover{text-decoration: underline;}
.back-and-share a.back{font-family: 'SF Pro Display'; font-style: normal; font-weight: 500; font-size: 30px;
line-height: 130%;  color: #0066CC; }
.back-and-share a.back img{transform: rotate(180deg); left: -10px; position: relative; transition: all 0.2s ease-out;}
.back-and-share a.back:hover img{left: -15px}
.back-and-share a:last-child{margin-right: 0}
.back-and-share a:last-child img{left: 10px; position: relative; transition: all 0.2s ease-out;}
.back-and-share a:last-child:hover img{left: 15px}
.apply-form{width: 100%; padding: 60px 0; background:#000; }
.apply-form .form{width: 100%; margin: 0 auto}
.apply-form .form h3{font-family: 'Cormorant Infant';
font-style: normal;
font-weight: 700;
font-size: 60px;
line-height:70px;
/* or 104px */

text-align: center;

color: #fff;}
.apply-form .form form{display: flex; justify-content: space-between; flex-wrap: wrap;}
.apply-form .form-group{margin-bottom: 20px; width: 49%; position: relative;}
.apply-form .form-group span.cal{position: absolute; right: 20px; top: 45px;}
.apply-form .form-group.full-width{width: 100%}
.apply-form .form-group input, .apply-form .form-group select {
  background: #F2F2F2;
  width: 100%;
  font-family: 'SF Pro Display';
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 26px;
  /* color: rgba(0, 0, 0, 1); */
  padding: 22px 30px;
  border: none;
  height: 68px !important;
  display: flex;
}
.gj-datepicker-md i.gj-icon {
    opacity: 0;
}

.apply-form .form-group select{
  background-image: url('../images/drop-arrow.png');
 background-position: 98%;
 background-repeat: no-repeat;
 background-size: 16px;
 appearance: none;
}
.dealer-check-registration {float: left;clear: left; width: 100%;}
.dealer-check-registration .checkbox{ position: static; }
.dealer-check-registration .checkbox label{font-family: 'SF Pro Display';font-style: normal;font-weight: 400;font-size: 20px;line-height: 24px;
letter-spacing: 0.1px;color: #9FA2B4; }
.dealer-check-registration .checkbox label span{padding-left: 15px;}
.dealer-check-registration .checkbox label::before{ width: 63px; height: 63px; }
.dealer-check-registration .checkbox input:checked + label::after{top: 20px;left: 18px;}

.apply-form .form-group textarea{background:#F2F2F2; width: 100%; font-family: 'SF Pro Display';
font-style: normal;
font-weight: 500;
font-size: 20px;
line-height: 26px; resize: none;
/* or 39px */


color: rgba(0, 0, 0, 1); padding:22px 30px; border:none; height: 233px;}
.apply-form .form-group.submit{margin: 0 auto}
.apply-form .form-group input[type="submit"]{background:#0066CC;; cursor: pointer; color: #fff; transition: background .2s ease; font-size: 30px; line-height: 39px;  text-transform: uppercase; font-family: 'SF Pro Display';
font-style: normal;
font-weight: 500; text-align: center;display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;}

.apply-form .form-group.submit.full-width{display: flex; justify-content: center;}
.apply-form .form-group.submit.full-width input[type="submit"]{    width: 60%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;}

.apply-form .form-group input[type="submit"]:hover{color:#0066CC; background: #fff}
.form-group .styled-select .curr{ padding:22px 30px; width: 100%; background:#f2f2f2; font:20px/26px  'SF Pro Display'; color:#000; font-weight: 500; position: relative;}
.form-group .styled-select{ width: 100%; display: flex; position: relative;}
.form-group .styled-select .curr:after{ background: url(../images/drop-arrow.png) no-repeat;width: 24px;height: 14px;top: 30px; background-size: 24px auto; position: absolute; right: 25px; content: ""; display: block; }

.form-group .file-input > .label{color: #C3C5C5;}
.form-group .file-input {position: relative;width: 100%;  background:transparent; border:1px dashed #fff; padding:22px 30px; font:20px/26px 'SF Pro Display'; color: rgba(0, 0, 0, 1);
border-radius: 0px; height: 233px; display: flex; align-items: center; justify-content: center; flex-wrap: wrap;}
.form-group .file-input [type='file'] { position: absolute; display: none; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; z-index: 10; cursor: pointer;}
.form-group .file-input .button {float: right;margin-bottom: 15px;margin-right: 0px;}
.file-in{    width: 100%;
    display: flex;
    justify-content: center;
    text-align: center;
    flex-wrap: wrap;}
.form-group .file-input .label {color: #c2c2c2; font-family: 'SF Pro Display';
font-style: normal;
font-weight: 500;
font-size: 20px;
line-height: 130%;
/* or 26px */

text-align: center;
 white-space: break-spaces; position: relative;top: 0px; width: 100%}
.form-group .file-input .label a{font-weight: 500;
font-size: 20px;
line-height: 130%; color: #0066CC; text-decoration: none;}
.form-group .file-input .label a:hover{text-decoration: underline;}
.form-group .file-input.-chosen > .label { opacity: 1;}
.drop-zone__thumb {width: 200px;height: 200px;border-radius: 10px;overflow: hidden;background-color: #cccccc;background-size: unset;
position: relative;background-repeat: no-repeat;background-position: center;}
.drop-zone__thumb::after {content: attr(data-label);  position: absolute; bottom: 0; left: 0; width: 100%; padding: 5px 0; color: #ffffff;
  background: rgba(0, 0, 0, 0.75);  font-family: 'SF Pro Display';font-weight: 500;font-size: 16px; text-align: center;}
/*career-details-page-css*/
.styled-select ul {
  
  background-color:white;
  margin:0 0;
  padding:25px 31px;
  position:absolute;
  top:100%;
  right:0px;
  left:0px;
  z-index:99999;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); border-radius: 0 0 0px 0px;
}

/* option item (fake option item) */

.styled-select li {
  list-style:none;
  cursor:pointer;
  padding:0px;
  margin:0 0;  border-bottom: 1px solid #CACACA;
  
  transition: all .5s ease-out; font-family: 'SF Pro Display';
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 50px;
/* or 31px */


color: #000000;
}
.styled-select li:last-child{border-bottom: none}
.styled-select li:hover {
background-position: left bottom;
  color:#0066CC; 
}

/* selected option */
.styled-select li.selected,
.styled-select li.selected:hover {
background-position: left bottom;
  color:#0066CC; 
}

/* disabled option */
.styled-select li.disabled,
.styled-select li.disabled:hover {
  color:#bbb;
  font-style:italic;
  background:none;
  cursor:text;
}

/*career-details-page-css-end*/

/*Owner-manual-css-start*/

.filter-search{display: flex; justify-content: space-between; margin-top: 50px;}
.filter-search .filter{width: 57%;}
.filter-search .filter .form-group{display: flex; justify-content: space-between;}
.filter-search .filter .form-group .styled-select{width: 40%}
.filter-search .filter .form-group input[type="submit"]{background: #000; width: 109px; line-height: 74px; font-family: 'SF Pro Display';
font-style: normal;
font-weight: 700;
font-size: 30px;

cursor: pointer;
text-align: center;
text-transform: uppercase;

color: #FFFFFF; border:none;}
.filter-search .filter .form-group input[type="submit"]:hover{background:#0066CC; border-color: #0066CC}
.filter-search .filter .form-group .styled-select .curr:after{top: 33px; background-size: 24px auto}
.filter-search .search{width: 32%;}
.filter-search .search .form-group{display: flex; justify-content: space-between;}
.filter-search .search form input{background: #F2F2F2;
    width: calc(100% - 120px);
    font-family: 'SF Pro Display';
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 26px;
    color: rgba(0, 0, 0, 1);
    padding: 22px 30px;
    border: none; }
.filter-search .search form input[type="submit"]{background: #000 url(../images/search-icon.png) center center no-repeat; width: 109px; line-height: 74px; font-family: 'SF Pro Display';
font-style: normal;
font-weight: 700;
font-size: 30px;
text-indent: -999em;
cursor: pointer;
text-align: center;
text-transform: uppercase;

color: #FFFFFF; padding: 0; border:none;}

.filter-search .search .form-group input[type="submit"]:hover{background-color:#0066CC;}

.owner-safety{padding: 60px 0}
.owner-safety h2{text-align: center;
    color: #000;
    font: 60px/80px 'Cormorant Infant';
    font-weight: 700; padding-bottom: 25px;}
.owner-safety h6{text-align: center;
    font-family: 'SF Pro Display';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    text-align: center;
    text-transform: uppercase;
    color: #565656;}

.manual-list {width: 100%; margin-top: 60px;}
.manual-list ul{list-style-type: none;}
.manual-list ul li{width: 100%;}
.manual-list ul li a{width: 100%; padding: 10px 0; border-top: 1px solid rgba(0, 0, 0, 0.3); display: flex; justify-content: space-between; align-items: center;}
.manual-list ul li:last-child a{border-bottom: 1px solid rgba(0, 0, 0, 0.3);}
.manual-list ul li a span {font-family: 'SF Pro Display';
font-style: normal;
font-weight: 700;
font-size: 26px;
line-height: 130%;
/* or 34px */


color: #000000;
}

/*owner-manual-css-end*/


/*privay-policy-terms-condition-css-start*/

.Privacy-Policy{padding: 60px 0}
.Privacy-Policy h2{text-align: center; font-family: 'Cormorant Infant';
font-style: normal;
font-weight: 700;
font-size: 60px;
line-height: 130%;
/* or 78px */

text-align: center;

color: #000000; margin-bottom: 35px;}

.Privacy-Policy h3{font-family: 'SF Pro Display';
font-style: normal;
font-weight: 700;
font-size: 26px;
line-height: 130%;
/* or 34px */


color: #000000; margin-bottom: 25px; margin-top: 15px;}

.Privacy-Policy h3 span{font-weight: 300}

.Privacy-Policy h3 span:before{display: none}

.Privacy-Policy p{font-family: 'SF Pro Display';
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 170%;
/* or 34px */


color: #7D7D7D; margin-bottom: 20px;
}



.Privacy-Policy ul{list-style-type: none; padding-left: 30px; margin-bottom: 35px;}
.Privacy-Policy ul li{position: relative; padding-left: 45px; font-family: 'SF Pro Display';
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 200%;
/* or 40px */


color: #7D7D7D;}
.Privacy-Policy ul li:before{ width: 58px; height: 35px; background: url(../images/arrow-next-half.png) left center no-repeat; background-size: 33px auto;
 position: absolute; display: block; content: ""; left: 0; top: 2px;}

/*privay-policy-terms-condition-css-end*/


/*military-css-start*/

.military-sec{padding: 60px 0}
.military-sec .title-box{display: flex; justify-content: space-between;}
.military-sec .title-box h2{font-family: 'SF Pro Display';
font-style: normal;
font-weight: 700;
font-size: 36px;
line-height: 130%;
/* or 47px */

text-transform: uppercase;

color: #000000; width: 100%; display: flex; justify-content: space-between; align-items: center;}
.military-sec .title-box h2 a{font-family: 'SF Pro Display';
font-style: normal;
font-weight: 400;
font-size: 36px;
line-height: 130%;
/* or 47px */

text-align: right;
text-transform: uppercase;

color: #0066CC; transition: all .5s ease; transform: scale(1);}
.military-sec .title-box h2 a:hover{transform: scale(1.04);}
.military-sec .grid-box{display: flex;  margin-bottom: 50px; margin-top: 50px; flex-wrap: wrap;}
.military-sec .grid-box .products-box{width: 32%; height: 420px; margin-right: 2%; overflow: hidden; background: #f5f5f5; position: relative; margin-bottom: 2%}
.military-sec .grid-box .products-box:nth-child(3){margin-right: 0}
.military-sec .grid-box .products-box img{width: 100%; transition: width .5s ease}
.military-sec .grid-box .products-box figure{display: flex; margin-top: 25px; margin-bottom: 0}
.military-sec .grid-box .products-box:hover figure{justify-content: center; padding-right: 70px;}
.military-sec .grid-box .products-box h3{background: #000;
    font-family: 'Helvetica';
    font-style: normal;
    font-weight: 700;
    font-size: 26px;
    line-height: 130%;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 100%;
    color: #FFFFFF;
    flex-wrap: wrap;
    padding: 0px 0;
    height: 75px;
    margin-bottom: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: flex;
}
.military-sec .grid-box .products-box h3 span{display: block; width: 100%; padding: 0 15px; font-size: 22px; font-weight: 400}
.military-sec .grid-box .products-box h3 span:before{display: none}

.checkbox{position: absolute; right: 0; top: 0}
.checkbox input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
}

.checkbox label {
  position: relative;
  cursor: pointer;
}

.checkbox label:before {
  content:'';
  -webkit-appearance: none;
  background-color:#D9D9D9;
  border: 2px solid #D9D9D9;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
  padding: 0px; width: 63px; height: 63px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 0px;
}

.overlay{
  display: none; opacity: 0; transition: opacity .5s ease; padding-left: 20px; position: relative; bottom: 20px }

  .military-sec .grid-box .products-box:hover .overlay{display: block; opacity: 1; bottom:-20px;}
  .military-sec .grid-box .products-box:hover img{width: 65%;}
  .military-sec .grid-box .products-box:hover h3{background:#e6e6e6; color: #000}
.overlay ul{list-style-type: none;}
.overlay ul li{font-family: 'SF Pro Display';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 130%;
/* or 34px */


color: #000; display: flex; min-height: 35px; margin-bottom: 0px; position: relative; padding-left: 40px;}

.overlay ul li span{font-weight: 700; min-width: 150px;}
.overlay ul li:before{position: absolute; display: block; content: ""; left: 0; top: 4px; width: 24px; height: 18px; background:url(../images/arrow-next-half.png) left center no-repeat; background-size: 24px auto}
.products-box span.new{position: absolute; left: 40px; top: 15px; z-index: 999; font-family: 'SF Pro Display';
font-style: normal;
font-weight: 700;
font-size: 20px;
line-height: 130%;
/* identical to box height, or 26px */

text-align: center;

color: #FD607C;}
.overlay ul li.ProductPrice{color:#0066CC}
.overlay ul li.ProductPrice:before{display:none}
.products-box .checkbox input:checked + label:after {
  content: '';
  display: block;
  position: absolute;
  top:11px;
  left: 8px;
  width: 29px;
  height: 23px;
  background:url(../images/checked.png) center center no-repeat;
  border-width: 0 2px 2px 0;

}
.new-products .inner-box{display: flex; background:#F9F9F9; align-items: center; height: 700px; margin-bottom: 50px;}
.new-products .inner-box .text-box{width: 50%}

.new-products .inner-box .text-box h3{font-family: 'Cormorant Infant';
font-style: normal;
font-weight: 700;
font-size: 60px;
line-height: 100%;
/* or 60px */


color: #000000; margin-bottom: 15px;
}
.new-products .inner-box .text-box span{font-family: 'SF Pro Display';
font-style: normal;
font-weight: 400;
font-size: 26px;
line-height: 150%;
/* or 39px */


color: rgba(0, 0, 0, 0.4); display: block; margin-bottom: 15px;}
.new-products .inner-box:first-child .text-box{padding-left: 80px;}
.new-products .inner-box .text-box a{font-family: 'SF Pro Display';
font-style: normal;
font-weight: 400;
font-size: 30px;
line-height: 130%;
/* or 39px */


color: #0066CC; }

.apply-form.b-s-from{margin-bottom: 60px;}


.new-products .inner-box .text-box a img{position: relative; left: 10px; transition: all 0.2s ease-out}
.new-products .inner-box .text-box a:hover img{left: 15px}
.new-products .inner-box .image-box{width: 50%; }
.new-products .inner-box:first-child .image-box{width: 50%; text-align: right; padding-right:25px;}
.new-products .inner-box:first-child .image-box img{width:100%;}
/*military-css-end*/

/*brand-store-css-start*/
.dealer-address-box{padding-bottom: 60px;}
.dealer-address-box .container{display: flex; flex-wrap: wrap;}
.dealer-address-box .container .address-area {width: 32%; margin-right: 2%; background: #F2F2F2; margin-bottom: 2%; padding:35px 30px;}
.dealer-address-box .container .address-area:nth-child(3n){margin-right: 0}
.dealer-address-box .container .address-area h3{margin-bottom: 25px; font-family: 'SF Pro Display';
font-style: normal;
font-weight: 700;
font-size: 30px;
line-height: 130%;
/* or 39px */

text-transform: uppercase;

color: #000000;}
.dealer-address-box .container .address-area ul{list-style-type: none;}
.dealer-address-box .container .address-area ul li{margin-bottom: 25px; font-family: 'SF Pro Display';
font-style: normal;
font-weight: 700;
font-size: 20px;
line-height: 130%; position: relative;
/* or 26px */


color: #000000; display: flex; flex-wrap: wrap; justify-content: space-between; padding-left: 40px;}
.dealer-address-box .container .address-area ul li:before {
    position: absolute;
    display: block;
    content: "";
    left: 0;
    top: 4px;
    width: 30px;
    height: 18px;
    background: url(../images/arrow-next-half.png) left center no-repeat;
    background-size: 30px auto;
}
.dealer-address-box .container .address-area ul li a{color: #000; font-family: 'SF Pro Display';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 130%;}
.dealer-address-box .container .address-area ul li a:hover{font-weight: 700}
.dealer-address-box .container .address-area ul li span{font-family: 'SF Pro Display';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 130%;
/* or 26px */
 width: calc(100% - 85px);

color: #000000;}

.dealer-address-box .container .address-area a{font-family: 'SF Pro Display';
font-style: normal;
font-weight: 400;
font-size: 30px;
line-height: 130%;
/* or 39px */


color: #0066CC;
}

.dealer-address-box .container .address-area a img{position: relative; left: 10px; transition: all 0.2s ease-out}
.dealer-address-box .container .address-area a:hover img{left: 15px;}

.filter-search.full-width .filter{width: 100%}
.filter-search.full-width .filter .form-group .styled-select{width: 36%}
.filter-search.full-width .filter .form-group input[type="submit"] {
    background: #000 url(../images/search-icon.png) 85% center no-repeat;
    width: 274px;
    line-height: 70px;
    font-family: 'SF Pro Display';
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    cursor: pointer;
    text-align: left;
    text-transform: capitalize;
    color: #FFFFFF;
    border: none; padding-left: 25px;
}

.filter-search.full-width .filter .form-group input[type="submit"]:hover{background-color: #0066CC; border-color: #0066CC}


/*scrollbar-style*/
.filter-search.full-width .filter .form-group .custom-select{width: 36%}
.select-items{height: 350px; overflow-y: auto;}

.select-items::-webkit-scrollbar-track
{
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  background-color: #F5F5F5;
}

.select-items::-webkit-scrollbar
{
  width: 10px;
  background-color: #F5F5F5;
}

.select-items::-webkit-scrollbar-thumb
{
  background-color: #0ae;
  
  /*background-image: -webkit-gradient(linear, 0 0, 0 100%,
                     color-stop(.5, rgba(255, 255, 255, .2)),
             color-stop(.5, transparent), to(transparent));*/
}

.select-items {
  
  background-color:white;
  margin:0 0;
  padding:25px 31px;
  position:absolute;
  top:70px;
  right:0px;
  left:0px;
  z-index:99999;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); border-radius: 0 0 0px 0px;
}

/* option item (fake option item) */

.custom-select {
    position: relative;
    
    display: inline-block; background: none; border:none; padding: 0
}
.select-hide {
    display: none;
}
.select-items div {
  list-style:none;
  cursor:pointer;
  padding:0px;
  margin:0 0;  border-bottom: 1px solid #CACACA;
  
  transition: all .5s ease-out; font-family: 'SF Pro Display';
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 50px;
/* or 31px */


color: #000000;
}
.styled-select li:last-child{border-bottom: none}
.select-items div:hover {
background-position: left bottom;
  color:#0066CC; 
}

/* selected option */
.select-items div.same-as-selected
 {
background-position: left bottom;
  color:#0066CC; 
}



.form-group .custom-select .select-selected{ padding:22px 30px; width: 100%; background:#f2f2f2; font:20px/26px  'SF Pro Display'; color:#000; font-weight: 500; position: relative;}

.form-group .custom-select .select-selected:after{ background: url(../images/drop-arrow.png) no-repeat;width: 24px;height: 14px;top: 29px; background-size: 24px auto; position: absolute; right: 25px; content: ""; display: block; }

/*brand-store-css-end*/

/*scrollbar-style*/

/*product-detail-css-satrt*/

.detail-sec{overflow: hidden; padding: 100px 0;  display: flex; align-items: center; box-sizing: border-box;}
.detail-sec figure {width: 500px; margin: 0 auto; display: block; text-align: center; position: relative;}
.detail-sec figure img{width: 500px; margin-top: -30px;}
.detail-sec.dark-bg{background:#000 url(../images/detail-bg.jpg) center center no-repeat; background-size: cover; padding: 80px 0; /*background-attachment: fixed;*/ position: relative;}
.detail-sec .product-info{padding-top: 150px; position: absolute;}
.detail-sec.dark-bg .product-info h2{font-family: 'SF Pro Display';
font-style: normal;
font-weight: 700;
font-size: 30px;
line-height: 130%;
/* or 39px */


color: #FFFFFF; padding-bottom: 0px;}
.detail-sec.dark-bg .product-info h4{font-family: 'SF Pro Display';
font-style: normal;
font-weight: 400;
font-size: 26px;
line-height: 130%;
/* or 34px */


color: rgba(255, 255, 255, 0.7);}

.detail-sec.white-bg .product-info{text-align: right; position: absolute; top: 10px; right: 105px;}
.detail-sec.white-bg .product-info h2{font-family: 'SF Pro Display';
font-style: normal;
font-weight: 700;
font-size: 30px;
line-height: 130%;
/* or 39px */


color: #000; padding-bottom: 0px;}
.detail-sec.white-bg .product-info h4{font-family: 'SF Pro Display';
font-style: normal;
font-weight: 400;
font-size: 26px;
line-height: 130%;
/* or 34px */


color: rgba(0, 0, 0, 0.7);}


.detail-sec .container{display: flex; align-items: center; justify-content: space-between; position: relative; flex-wrap: wrap;}
.detail-banner{padding: 60px 0}
.detail-banner .container{height: 100%}
.detail-banner .container figure{height: 90%}
.detail-banner .container figure img{max-height: 70%; margin-top: 5%}
.detail-banner h1{font-family: 'Cormorant Infant'; font-style: normal;
font-weight: 700; font-size: 60px; line-height: 100%; /* or 60px */ 
text-align: center; color: #000000;}
.detail-banner figure{text-align: center; margin-top: -50px; }
.detail-banner .cta{text-align: center; margin-top: 20px; position: relative; z-index: 99}
.detail-banner .cta a{font-family: 'SF Pro Display'; font-style: normal; font-weight: 500;
font-size: 24px; line-height: 130%; /* or 31px */ text-align: right; color: #0066CC; margin-right: 45px;}
.detail-banner .cta a img{left: 10px;
    transition: all 0.2s ease-out;
    position: relative;}
    .detail-banner .cta a:hover{text-decoration: underline;}
    .detail-banner .cta a:hover img{left: 15px;}

/*.detail-sec.dark-bg.armonite .circle{position: absolute; top: -20px; right: 20px}
.detail-sec.dark-bg.armonite .product-info{
  position: absolute;
    padding-top: 0;
    left: 142px;
    top: -88px;
    text-align: left;
}

.detail-sec.white-bg.flat-face-tiger .circle{position: absolute; top: 40px; left: 120px; right: unset}
.detail-sec.white-bg.flat-face-tiger .product-info{
  position: absolute;
    padding-top: 0;
    left: 120px;
    top: -88px;
    text-align: left;
}

.detail-sec.dark-bg.thin-light-weight .circle{position: absolute; top: 123px; left: 234px; right: unset}
.detail-sec.dark-bg.thin-light-weight .product-info{
  position: absolute;
    padding-top: 0;
    left:unset;
    top: 145px;
    text-align: left; right: 0
}

.detail-sec.white-bg.degree .circle{position: absolute; top: -30px; right: 80px}
.detail-sec.white-bg.degree .product-info{
  position: absolute;
    padding-top: 0;
    left: unset;
    right: -230px;
    top: -60px;
    text-align: left;
}
 
.detail-sec.dark-bg.patent .circle{position: absolute; top: 200px; right: unset; left: -20px}
.detail-sec.dark-bg.patent .product-info{
  position: absolute;
    padding-top: 0;
    left: -100px;
    right: unset;
    top: 190px;
    text-align: left;
}
.detail-sec.white-bg.extend figure{top: -85px;}
.detail-sec.white-bg.extend .circle{position: absolute; bottom: -30px; top: unset; right: 46px; left: unset;}
.detail-sec.white-bg.extend .product-info{
  position: absolute;
    padding-top: 0;
    left: unset;
    right: 100px;
    bottom: -117px;
    top: unset;
    text-align: left;
}*/


/*GS-Stanardfshc*/


.detail-sec .circle.rock-ultra-1{position: absolute; top: 0px; left:20px; right: unset;}
.detail-sec .product-info.rock-ultra-1{
  position: absolute;
    padding-top: 0;
    left: 26px;
    top: -97px;
    text-align: left;
}

.detail-sec .circle.rock-ultra-2{position: absolute; top: 82px; right: 80px}
.detail-sec .product-info.rock-ultra-2{
  position: absolute;
    padding-top: 0;
    left: unset;
    top: 120px;
    right: -47px;
    text-align: left;
}

.detail-sec .circle.rock-ultra-3{position: absolute; top:150px; left:235px; right: unset;}
.detail-sec .product-info.rock-ultra-3{
  position: absolute;
    padding-top: 0;
    left: 40px;
    top: 185px;
    text-align: left;
}
.detail-sec .circle.rock-ultra-4{position: absolute; top: -9px; left:104px; right: unset;}
.detail-sec .product-info.rock-ultra-4{
  position: absolute;
    padding-top: 0;
    left: 110px;
    top: -100px;
    text-align: left; right: unset;
}
.detail-sec .circle.rock-ultra-5{position: absolute; top:255px; right: 35px; left: unset;}
.detail-sec .product-info.rock-ultra-5{
  position: absolute;
    padding-top: 0;
    left: unset; right: -47px;
    top: 241px;
    text-align: left;
}
.detail-sec .circle.rock-ultra-6{position: absolute; top: unset; right:unset; left: 156px; bottom: 26px;}
.detail-sec .product-info.rock-ultra-6{
  position: absolute;
    padding-top: 0;
    left: unset; right:170px;
    bottom: -50px;
    text-align: left; top: unset;
}

/*327-model*/


.detail-sec .circle.modal-327-1{position: absolute;
    top: unset;
    left: 244px;
    right: unset;
    bottom: 100px;}
.detail-sec .product-info.modal-327-1{
 position: absolute;
    padding-top: 0;
    left: 26px;
    top: unset;
    text-align: left;
    bottom: 60px;
}

.detail-sec .circle.modal-327-2{position: absolute; top: 173px; left: 239px; right: unset;}
.detail-sec .product-info.modal-327-2{
  position: absolute;
    padding-top: 0;
    left: unset;
    top: 113px;
    right: unset;
    text-align: left; left:-50px;
}

.detail-sec .circle.modal-327-3{position: absolute; top:60px; left:180px; right: unset;}
.detail-sec .product-info.modal-327-3{
  position: absolute;
    padding-top: 0;
    left: 165px;
    top: -105px;
    text-align: left;
}
.detail-sec .circle.modal-327-4{position: absolute; top: 41px; left:468px; right: unset;}
.detail-sec .product-info.modal-327-4{
  position: absolute;
    padding-top: 0;
    left:unset;
    top: 122px;
    text-align: left; right:-69px;
}
.detail-sec .circle.modal-327-5{position: absolute; top:295px; right: 45px; left: unset;}
.detail-sec .product-info.modal-327-5{
  position: absolute;
    padding-top: 0;
    left: unset; right:-110px;
    top: 280px;
    text-align: left;
}


/*19-modal*/


.detail-sec .circle.modal-19-1{position: absolute; top: -25px; left:39px; right: unset;}
.detail-sec .product-info.modal-19-1{
  position: absolute;
    padding-top: 0;
    left: 26px;
    top: -120px;
    text-align: left;
}

.detail-sec .circle.modal-19-2{position: absolute; top: 179px; left:219px; right: unset;}
.detail-sec .product-info.modal-19-2{
  position: absolute;
    padding-top: 0;
    left: unset;
    top: 250px;
    right: unset;
    text-align: left; left: 195px;
}

.detail-sec .circle.modal-19-3{position: absolute; top:60px; left:70px; right: unset;}
.detail-sec .product-info.modal-19-3{
  position: absolute;
    padding-top: 0;
    left: 20px;
    top: 121px;
    text-align: left;
}
.detail-sec .circle.modal-19-4{position: absolute; top: -15px; left:178px; right: unset;}
.detail-sec .product-info.modal-19-4{
  position: absolute;
    padding-top: 0;
    left: 170px;
    top: -110px;
    text-align: left; right: unset;
}
.detail-sec .circle.modal-19-5{position: absolute; top:255px; right: 35px; left: unset;}
.detail-sec .product-info.modal-19-5{
  position: absolute;
    padding-top: 0;
    left: unset; right: unset;
    top: 256px;
    text-align: left;
}
.detail-sec .circle.modal-19-6{position: absolute; top: 55px; right:unset; left: 265px; bottom:unset;}
.detail-sec .product-info.modal-19-6{
  position: absolute;
    padding-top: 0;
    left: unset; right:170px;
    bottom: unset;
    text-align: left; top: -105px;
}

.detail-sec .circle.modal-60-1{position: absolute; top: 0px; left:80px; right: unset;}
.detail-sec .product-info.modal-60-1{
  position: absolute;
    padding-top: 0;
    left: 26px;
    top: -97px;
    text-align: left;
}

.detail-sec .circle.modal-60-2{position: absolute; top: 108px; left: 164px; right: unset;}
.detail-sec .product-info.modal-60-2{
  position: absolute;
    padding-top: 0;
    left: unset;
    top: 80px;
    right: unset;
    text-align: left; left: -140px;
}

.detail-sec .circle.modal-60-3{position: absolute; top:43px; left:51px; right: unset;}
.detail-sec .product-info.modal-60-3{
  position: absolute;
    padding-top: 0;
    left: -10px;
    top: 98px;
    text-align: left;
}
.detail-sec .circle.modal-60-4{position: absolute; top: 29px;
  left: 164px; right: unset;}
.detail-sec .product-info.modal-60-4{
  position: absolute;
    padding-top: 0;
    left: 110px;
    top: -100px;
    text-align: left; right: unset;
}
.detail-sec .circle.modal-60-5{position: absolute; top:252px; right: 60px; left: unset;}
.detail-sec .product-info.modal-60-5{
  position: absolute;
    padding-top: 0;
    left: unset; right: -122px;
    top: 241px;
    text-align: left;
}
.detail-sec .circle.modal-60-6{position: absolute; top: 53px; right:unset; left: 250px; bottom:unset;}
.detail-sec .product-info.modal-60-6{
  position: absolute;
    padding-top: 0;
    left: unset; right:170px;
    bottom: unset;
    text-align: left; top: -100px;
}



/*686*/

.detail-sec .circle.modal-686-1{position: absolute; top: -7px;
  left: 46px; right: unset;}
.detail-sec .product-info.modal-686-1{
  position: absolute;
    padding-top: 0;
    left: 20px;
    top: -89px;

    text-align: left;
}

.detail-sec .circle.modal-686-2{position: absolute; top: 113px;
  left: 185px; right: unset;}
.detail-sec .product-info.modal-686-2{
  position: absolute;
    padding-top: 0;
    left: unset;
    top: 80px;
    right: unset;
    text-align: left; left: -40px;
}

.detail-sec .circle.modal-686-3{position: absolute;     top: 16px;
  left: 68px; right: unset;}
.detail-sec .product-info.modal-686-3{
  position: absolute;
    padding-top: 0;
    left: 68px;
    top: -89px;
    text-align: left;
}
.detail-sec .circle.modal-686-4{position: absolute; top: 109px; left:183px; right: unset;}
.detail-sec .product-info.modal-686-4{
  position: absolute;
    padding-top: 0;
    left: 387px;
    top: 116px;
    text-align: left; right: unset;
}
.detail-sec .circle.modal-686-5{position: absolute; top:255px; right: 69px; left: unset;}
.detail-sec .product-info.modal-686-5{
  position: absolute;
    padding-top: 0;
    left: unset; right: -181px;
    top: 241px;
    text-align: left;
}
.detail-sec .circle.modal-686-6{position: absolute; top: 90px; right:unset; left: 287px; bottom:unset;}
.detail-sec .product-info.modal-686-6{
  position: absolute;
    padding-top: 0;
    left: unset; right:108px;
    bottom: unset;
    text-align: left; top: -62px;
}

.detail-sec .circle.modal-686-7{position: absolute; top: 81px; right:unset; left: 55px; bottom:unset;}
.detail-sec .product-info.modal-686-7{
   position: absolute;
    padding-top: 0;
    left: 12px;
    top: 122px;
    text-align: left;
}



.detail-sec .circle.ms-ma1{position: absolute; top: 75px; left:27px; right: unset;}
 .detail-sec .product-info.ms-ma1{ position: absolute;
    padding-top: 0;
    left: 26px;
    top: -26px;
    text-align: left;
}

.detail-sec .circle.ms-ma2{position: absolute; top: 145px; right: 80px}
.detail-sec .product-info.ms-ma2{
  position: absolute;
    padding-top: 0;
    left: unset;
    top: 195px;
    right: -47px;
    text-align: left;
}

.detail-sec .circle.ms-ma3{position: absolute; top:210px; left:245px; right: unset;}
.detail-sec .product-info.ms-ma3{
  position: absolute;
    padding-top: 0;
    left: 40px;
    top: 260px;
    text-align: left;
}
.detail-sec .circle.ms-ma4{position: absolute; top: 56px; left:114px; right: unset;}
.detail-sec .product-info.ms-ma4{
  position: absolute;
    padding-top: 0;
    left: 110px;
    top: -45px;
    text-align: left; right: unset;
}
.detail-sec .circle.ms-ma5{position: absolute; top:295px; right: 60px; left: unset;}
.detail-sec .product-info.ms-ma5{
  position: absolute;
    padding-top: 0;
    left: unset; right: -160px;
    top: 287px;
    text-align: left;
}
.detail-sec .circle.ms-ma6{position: absolute; top: unset; right:unset; left: 127px; bottom: 86px;}
.detail-sec .product-info.ms-ma6{
  position: absolute;
    padding-top: 0;
    left: unset; right:215px;
    bottom:16px;
    text-align: left; top: unset;
}

.detail-sec .circle.tac-ultra-1{position: absolute; top: 0px; left:20px; right: unset;}
.detail-sec .product-info.tac-ultra-1{
  position: absolute;
    padding-top: 0;
    left: 26px;
    top: -97px;
    text-align: left;
}

.detail-sec .circle.tac-ultra-2{position: absolute; top: 82px; right: 80px}
.detail-sec .product-info.tac-ultra-2{
  position: absolute;
    padding-top: 0;
    left: unset;
    top: 120px;
    right: -47px;
    text-align: left;
}

.detail-sec .circle.tac-ultra-3{position: absolute; top:150px; left:235px; right: unset;}
.detail-sec .product-info.tac-ultra-3{
  position: absolute;
    padding-top: 0;
    left: 40px;
    top: 185px;
    text-align: left;
}
.detail-sec .circle.tac-ultra-4{position: absolute; top: -9px; left:104px; right: unset;}
.detail-sec .product-info.tac-ultra-4{
  position: absolute;
    padding-top: 0;
    left: 110px;
    top: -100px;
    text-align: left; right: unset;
}
.detail-sec .circle.tac-ultra-5{position: absolute; top:255px; right: 35px; left: unset;}
.detail-sec .product-info.tac-ultra-5{
  position: absolute;
    padding-top: 0;
    left: unset; right: -121px;
    top: 241px;
    text-align: left;
}
.detail-sec .circle.tac-ultra-6{position: absolute; top: unset; right:unset; left: 156px; bottom: 26px;}
.detail-sec .product-info.tac-ultra-6{
  position: absolute;
    padding-top: 0;
    left: unset; right:170px;
    bottom: 0px;
    text-align: left; top: unset;
}

.detail-sec .circle.modal-431-1{position: absolute; top:18px; left:57px; right: unset;}
.detail-sec .product-info.modal-431-1{
  position: absolute;
    padding-top: 0;
    left: 52px;
    top: -75px;
    text-align: left;
}

.detail-sec .circle.modal-431-2{position: absolute; top: 30px; left: 80px}
.detail-sec .product-info.modal-431-2{
  position: absolute;
    padding-top: 0;
    left: unset;
    top: -75px;
    left: 220px;
    text-align: left;
}

.detail-sec .circle.modal-431-3{position: absolute; top:37px; left:50px; right: unset;}
.detail-sec .product-info.modal-431-3{
  position: absolute;
    padding-top: 0;
    left: -130px;
    top: 100px;
    text-align: left;
}
.detail-sec .circle.modal-431-4{position: absolute;
    top: unset;
    left: 57px;
    right: unset;
    bottom: 100px;}
.detail-sec .product-info.modal-431-4{
     position: absolute;
    padding-top: 0;
    left: -130px;
    top: unset;
    text-align: left;
    right: unset;
    bottom: 50px;
}
.detail-sec .circle.modal-431-5{    position: absolute;
    top: 100px;
    left: 160px;
    right: unset;}
.detail-sec .product-info.modal-431-5{
  position: absolute;
    padding-top: 0;
    right: unset; left: -100px;
    top: 110px;
    text-align: left;
}

.detail-sec .circle.fs-hc-1{position: absolute; top: 72px; left:57px; right: unset;}
.detail-sec .product-info.fs-hc-1{
  position: absolute;
    padding-top: 0;
    left: 52px;
    top: -17px;
    text-align: left;
}

.detail-sec .circle.fs-hc-2{position: absolute; top: 82px; right: 80px}
.detail-sec .product-info.fs-hc-2{
  position: absolute;
    padding-top: 0;
    left: unset;
    top: 120px;
    right: -47px;
    text-align: left;
}

.detail-sec .circle.fs-hc-3{position: absolute; top:200px; left:267px; right: unset;}
.detail-sec .product-info.fs-hc-3{
  position: absolute;
    padding-top: 0;
    left: 59px;
    top: 230px;
    text-align: left;
}
.detail-sec .circle.fs-hc-4{position: absolute; top: -4px; left:118px; right: unset;}
.detail-sec .product-info.fs-hc-4{
  position: absolute;
    padding-top: 0;
    left: 110px;
    top: -100px;
    text-align: left; right: unset;
}
.detail-sec .circle.fs-hc-5{position: absolute; top:284px; right: 90px; left: unset;}
.detail-sec .product-info.fs-hc-5{
  position: absolute;
    padding-top: 0;
    left: unset; right: -47px;
    top: 241px;
    text-align: left;
}
.detail-sec .circle.fs-hc-6{position: absolute; top: unset; right:unset; left: 156px; bottom: 26px;}
.detail-sec .product-info.fs-hc-6{
  position: absolute;
    padding-top: 0;
    left: unset; right:170px;
    bottom: -50px;
    text-align: left; top: unset;
}


.circle{position: absolute; top: -20px; right: 20px}
.circle, .circle::before {
  content: " ";
  margin: 15px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin: 0 auto;
  transition: all 0.1s;
  background-color: #0066CC;
}

.circle::before {
  animation: mymove 1s infinite;
  position: absolute;
  background-color: #0066CC; left: 0
}

@-webkit-keyframes mymove {
  50%   {
    transform: scale(2);
    opacity: 0
  }
  100%   {
    transform: scale(2);
    opacity: 0
  }
}

/*.fp-table{flex-direction: inherit!important;}*/
.fp-overflow.fp-table{display: flex!important;}
 .overview{background:#000 url(../images/detail-bg.jpg) center center no-repeat; background-size: cover; /*background-attachment:fixed;*/  padding: 50px 0}   
.overview .container{display: flex; align-items: flex-start; justify-content: space-between;}
.overview .container .image-box{width: 40%;text-align: center;}
.overview .container .image-box figure img{width: 100%;    max-width: 360px;
    margin: 0px auto 0;
    padding: 15px;}
.overview .container .cont-box{width: 55%}
.overview .container .cont-box h2{font-family: 'Cormorant Infant';
font-style: normal;
font-weight: 700;
font-size: 60px;
line-height: 70px;
/* or 78px */


color: #FFFFFF; padding-bottom: 5px;}
.overview .container .cont-box p span{color: #00FF29}
.overview .container .cont-box p span {
    color: #0066cc;
}
.overview .container .cont-box p{font-family: 'SF Pro Display';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height:28px;
/* or 34px */


color: #FFFFFF;
}

.specification{padding: 0px 0; display: flex; align-items: center;}
.specification .container{display: flex; margin-top: -70px; justify-content: space-between; align-items: flex-start;}
.spec-box-1{width: 35%}
.spec-box-1 img{height: 450px;}
.spec-box-2{width: 27%; text-align: center;}
.spec-box-2 h3{margin-bottom: 0; font-family: 'SF Pro Display';
font-style: normal;
font-weight: 700;
font-size: 30px;
line-height: 130%;
/* or 39px */

text-align: center;
text-transform: uppercase;

color: #000000;}


.spec-box-2 h4{font-family: 'SF Pro Display';
font-style: normal;
font-weight: 500;
font-size: 30px;
line-height: 130%;
/* or 39px */

text-align: center;

color: #000000;}

.spec-box-2 img{height: 150px;}

.spec-box-3{border:1px solid rgba(0,0,0,0.3); width: 35%}
.spec-box-3 h3{text-align: center; border-bottom: 1px solid rgba(0,0,0,0.3);font-family: 'SF Pro Display';
font-style: normal;
font-weight: 700;
font-size: 30px;
line-height: 130%;
/* or 39px */

text-align: center;
text-transform: uppercase;

color: #000000; padding: 20px 0; margin-bottom: 0}

.spec-box-3 ul{list-style-type: none; padding: 0}
.spec-box-3 ul li{border-bottom: 1px solid rgba(0,0,0,0.3); padding:23px 20px; display: flex; align-items: center;}
.spec-box-3 ul li label{margin-bottom: 0; font-family: 'SF Pro Display';
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 100%;
/* or 20px */

text-transform: uppercase;

color: #000000; min-width: 140px}
.spec-box-3 ul li label small{display: block; text-transform: lowercase;}
.spec-box-3 ul li span{font-family: 'SF Pro Display';
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 30px;
/* or 20px */


color: #000000; padding: 0 15px;}
.spec-box-3 ul li span b{font-family: 'SF Pro Display';
font-style: normal;
font-weight: 700;
font-size: 20px;
line-height: 100%;
/* or 20px */

text-transform: uppercase; display: block;

color: #000000;}







.in-the-box{padding:0 0 70px 0; overflow: hidden;}
.in-the-box .container{display: flex; align-items: center; flex-wrap: wrap;}
.in-the-box .container h2{width: 100%; font-family: 'Cormorant Infant';
font-style: normal;
font-weight: 700;
font-size: 60px;
line-height: 100%;
/* or 60px */

text-align: center;

color: #000000; padding-bottom: 0px;
}
.in-the-box .container .image-box{width: 40%; overflow: hidden; margin-top: -75px;}
.in-the-box .container .image-box img{transform: translateY(100%); transition: all 1s; width: 100%}
.in-the-box .container .image-box.aos-animate img{transform: translateY(0); transition: all 1s;}
.in-the-box .container .cont-box{width: 60%; margin-top: -100px; position: relative; padding-top: 0px; padding-left: 135px;}
.in-the-box .container .cont-box:before{background:url(../images/divider-inbox.png) left top no-repeat; width: 133px; height: 20px; position: absolute; left: 0px; top:50%; content: ""; display: block; }
.in-the-box .container .cont-box h3{
  font-family: 'SF Pro Display';
font-style: normal;
font-weight: 700;
font-size: 20px;
line-height: 170%;
/* or 34px */


color: #000000; margin-bottom: 10px; padding-left: 3%}
/*.fullpage-wrapper{overflow-y: }*/
.in-the-box .container .cont-box .list-box{display: flex; align-items: center; padding-left: 3%; justify-content: space-between;}
.in-the-box .container .cont-box .list-box .figure-image{width:calc(100% - 200px); position: relative; top:0px;}
.in-the-box .container .cont-box .list-box .figure-image img{width: 100%}
.in-the-box .container .cont-box .list-box ul{list-style-type: none;}
.in-the-box .container .cont-box .list-box ul li{
   font-family: 'SF Pro Display';
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 170%;
/* or 34px */


color: #000000;
}
.subscribe-here-outer.section{padding-top: 70px;}
.warranty{padding: 10px 0}
.warranty .warranty-box{width: 100%; background:#f9f9f9; display: flex; align-items: center; padding: 35px 150px; transition:background all .5s}
.warranty .warranty-box .container{display: flex; align-items: center;}
.warranty .warranty-box:hover{background:#F2F2F2;}
.warranty .warranty-box h2{
  font-family: 'Cormorant Infant';
font-style: normal;
font-weight: 700;
font-size: 60px;
line-height: 130%;
/* or 78px */

text-align: center;

color: #000000; padding-bottom: 25px;

}
.warranty .warranty-box h3{font-family: 'SF Pro Display';
font-style: normal;
font-weight: 400;
font-size: 26px;
line-height: 150%;
/* or 39px */

text-align: center;

color: rgba(0, 0, 0, 0.4);}
.warranty .warranty-box p{font-family: 'SF Pro Display';
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 150%;
/* or 30px */

text-align: center;

color: rgba(0, 0, 0, 0.7); padding-bottom: 25px
} 
.warranty .warranty-box a{}








/*warrantry-registration*/

.manual-warranty-form{padding: 70px 0 }
.manual-warranty-form h2{font-family: 'Cormorant Infant';
font-style: normal;
font-weight: 700;
font-size: 60px;
line-height: 100%;
/* or 60px */

text-align: center;
text-transform: capitalize;

color: #000000; padding-bottom: 25px;}

.manual-warranty-form p{font-family: 'SF Pro Display';
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 130%;
/* or 26px */

text-align: center;

color: #7D7D7D; padding-bottom: 50px; margin-bottom: 0}

.manual-warranty-form figure{text-align: center;}
.manual-warranty-form figure span{display: block; font-family: 'SF Pro Display';
font-style: normal;
font-weight: 400;
font-size: 30px;
line-height: 130%;
/* or 39px */


color: #0066CC; margin-top: 20px;}

.manual-warranty-form figure span img {
    left: 10px;
    transition: all 0.2s ease-out;
    position: relative;}

.manual-warranty-form figure span:hover{text-decoration: underline;}

.manual-warranty-form figure span:hover img{left: 15px;}

::placeholder {
  color: #000;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
 color: #000;
}

::-ms-input-placeholder { /* Microsoft Edge */
 color: #000;
}



/*civlilan-caa*/


.dealer-locator{padding: 60px 0}
.dealer-locator .container div{width: 100%; background:#f9f9f9; text-align: center;   padding: 35px 150px; transition:background all .5s}
.warranty .warranty-box .container {display: flex; align-items: center;}
.warranty .warranty-box:hover{background:#F2F2F2;}
.dealer-locator .container h2{
  font-family: 'Cormorant Infant';
font-style: normal;
font-weight: 700;
font-size: 60px;
line-height: 130%;
/* or 78px */

text-align: center;

color: #000000; padding-bottom: 15px; margin-bottom: 0

}

.dealer-locator .container p{font-family: 'SF Pro Display';
font-style: normal;
font-weight: 400;
font-size: 36px;
line-height: 150%;
/* or 54px */

text-align: center;

color: rgba(0, 0, 0, 0.4); padding-bottom: 15px; margin-bottom: 0
} 
.dealer-locator .container div a{
font-family: 'SF Pro Display';
font-style: normal;
font-weight: 400;
font-size: 30px;
line-height: 130%;
/* or 39px */


color: #0066CC;


}

.dealer-locator .container div a img{ left: 10px;
    transition: all 0.2s ease-out;
    position: relative;}
.dealer-locator .container div a:hover{text-decoration: underline;}
.dealer-locator .container div a:hover img{left: 15px;}
.dealer-locator .container div figure{margin-top: 15px;}


/* rupali ecpression part css */

.expression-tab a.active{
  background: #000;
  color: #ffffff;
}
.expression-tab{display: inline-block;}
.profile-input-box select{height: 74px!important;}
.expression-tab li {
  position: relative;
  display: block;
}
.profile-input-box label{
  font-family: 'SF Pro Display';
}
ul.nav.expression-tab {
  width: 25%;
}
.tab-content {
  text-align: left;
  width: 70%;
}
.expresion-card .prfile-form-row{padding: 0;}
.expression-tab li a {
  position: relative;
  display: block;
  font-family: 'SF Pro Display';
  background: #dddcdc;
  border-radius: 0px;
  color: #000;
  font-weight: 500;
  padding: 25px;
}
.expression-tab li.nav-item {
  margin-top: 0px;
  border-bottom: #c7c6c4;
}
.expression-btn{
  width: 100%;
    text-align: center;
    margin-top: 25px;
    display: flex;
    justify-content: center;
    margin-right: -10px;
    margin-left: -10px;
}
.expresion-card .card-body{
  padding: 0px 0px 50px!important;
  display: flex;
  justify-content: space-between;
}
.expression-btn input{
  background: #000000;
  font-family: 'SF Pro Display';
  font-style: normal;
  font-weight: 500;
  font-size: 25px;
  cursor: pointer;
  line-height: 100%;
  border-radius: 10px;
  text-align: center;
  text-transform: uppercase;
  color: #FFFFFF;
  width: 20%;
  height: 61px;
  border: 1px solid #000000;
  margin: 0px 10px;
  transition: background-color 0.5s ease;
  -webkit-transition: background-color 0.5s ease;
}


.collapsible-link {
  width: 100%;
  position: relative;
  text-align: left;
}

.collapsible-link::before {
  content: "\f107";
  position: absolute;
  top: 50%;
  right: 0.8rem;
  transform: translateY(-50%);
  display: block;
  font-family: "FontAwesome";
  font-size: 1.1rem;
}

.collapsible-link[aria-expanded="true"]::before {
  content: "\f106";
}
.expresion-card{border: none!important;}
.expresion-card .card-header{
  width: 25%;
  background-color: transparent!important;
}

.expresion-card div#collapseOne{text-align: center;}
.expresion-card .btn-link{
  color: #000;
  font-size: 25px;
  text-transform: capitalize;
  text-align: center;
}
.expression-tab li.nav-item:first-child{
  border-bottom: 1px solid #b3acac;
}
.expresion-card .btn-link::before{
  right: 0;
}
.expresion-card .btn-link:hover{
  color: #000;
    text-decoration: none;
}

.profile-input-box.full{margin-bottom: 0;}
.expresion-card .btn-link::before {
  display: none;
}
.expression-accordian .profile-input-box label{font-size: 18px;}
.expression-accordian .profile-input-box input{height: 50px;}
.expression-accordian .profile-input-box textarea{height: 50px;padding: 14px 20px;overflow: hidden;}
.expression-accordian .profile-input-box select{height: 50px!important;padding: 8px 20px;}
.expression-accordian .tab-pane{margin-top: -47px;}
.expression-btn input{height: 50px;}
.expression-btn input:hover{background: #0066CC;border: none;}

/* end */
/*mediaquery part*/

@media(max-width:4000px){

	/*.container{max-width: 1434px}*/
}

@media(max-width:1450px){

	.container{max-width: 1200px}
	.nav-menu ul li a{font-size: 16px}
	.banner figure figcaption .container ul li{font-size: 18px; line-height: 45px}
	.banner figure figcaption .container{padding-top: 50px;}
	.banner figure figcaption .container ul li:before{top: 15px;}
	.banner figure img{width: 100%; margin-top: -27px}
  .work-culture .text h3{font-size: 60px; line-height: 70px;}
}
.banner .slick-list.draggable{
    width: 100%;
}
.apply-form .form-group select#country-dd {
    background-image: none;
}

/* rupali media query */
@media(max-width:1920px){
  .banner .slick-dots{top:-25px}
}
@media (max-width:1366px){
  .overview .container .cont-box h2{margin-top: -50px;}
}
@media(max-width:1024px){
     .slider-content{margin-top: 25px!important;}
    .banner figure figcaption .container h2{font: 40px/40px 'Cormorant Infant', serif ; width: 455px;}
    .banner figure figcaption img{right: -18%;top: 10%;}
    .banner .slick-dots li{width: 40px;}
    .product-box .product-info{padding: 40px 0 25px 20px;}
    .product-box .product-info h2{font-size: 40px; line-height: 63px;}
    .product-box .product-info h4{font-size: 20px; line-height: 29px;}
    .product-box .product-info span{font-size: 20px;}
    .product-box .product-info a{font-size: 16px; margin-bottom: 2px;margin-right: 0;}
    .banner .slick-dots{top: -50px;}
    .footer-middle .col:last-child ul li a{padding-left: 30px;}
    .footer-middle .col:last-child ul li a img{left: -10px;}
    .dealer-address-box .container .address-area{width: 48%;margin-right: 0;margin-left: 12px;}
    .dealer-address-box .container .address-area:last-child{margin: 0 auto;}
    .filter-search.full-width .filter .form-group .custom-select {width: 34%;}
    .military-sec {padding: 0px 0;}
    .military-sec .title-box h2, .military-sec .title-box h2 a{font-size: 25px;}
    .military-sec .grid-box .products-box{height: 350px;}
    .military-sec .grid-box .products-box h3{height: 53px;}
    .new-products .inner-box{height: 340px;}
   

}

@media(max-width:992px){
  .banner figure figcaption .container h2{font: 27px/10px  'Cormorant Infant', serif; width: 450px;}
  .banner figure img{object-fit: cover;
    height: 100%;}
    .banner .slick-dots {
      top: -32px;
  }
    .chat-option{bottom: 56px;}
    .product-box .product-info{padding: 15px 0 25px 20px;}
    .col:last-child ul li a img {
      left: -27px!important;
      height: 23px;
  }
  .career-sec h2{font: 45px/80px 'Cormorant Infant';}
  .accordion-part .panel-group .panel-heading h4 a{font: 22px/34px 'SF Pro Display';}
  .accordion-part .panel-body p{font: 18px/34px 'SF Pro Display';}
  .subscribe-here-main h2 {font-size: 40px;}
  .work-culture .text h3{font-size: 40px;}
  .career-sec{padding: 35px 0;}
  .work-culture{margin-top: 40px;display: block;}
  .work-culture img{width: 100%;}
  .work-culture .text p{font-size: 18px;}
  .work-culture .text{padding-right: 0;}
  .expresion-card .card-body{flex-wrap: wrap;}
  ul.nav.expression-tab{    display: flex;
    width: 100%;
    margin-bottom: 35px;}
    .expression-tab li a{padding: 10px 50px;}
    .tab-content{width: 100%;}
   
}
@media (max-width:767px){
  .nav-menu ul li.active>a:before{display: none;}
  .nav-menu ul li.active>a:after{display: none;}
  .chapternav-slide{text-align: left!important;}
  .chapternav{height: 100%!important;}
  .nav-menu ul li.active .chapternav{padding-bottom: 19px;}
  .nav-menu ul li.active .chapter-box{display: block!important;padding-bottom: 7px;}
  .nav-menu ul li{padding-bottom: 24px;
    padding-top: 10px;}
  .expresion-card .tab-content>.tab-pane{display: none;}
  .expresion-card .tab-content>.tab-pane.active.show{display:block ;}
  .accordion.expression-accordian .card-body{flex-wrap: wrap; border: none!important;}
  ul.nav.expression-tab{display: flex;
    width: 100%;
    margin-bottom: 35px;}
    .expression-tab li a{padding: 10px 50px;}
    .tab-content{width: 100%;}
  .banner figure figcaption .container ul li{font-size: 13px; line-height: 20px;}
  .banner figure figcaption .container h2{font: 18px/10px 'Cormorant Infant', serif;}
  .banner figure figcaption .container ul li:before{top: 2px;}
  .banner figure figcaption .container h2{padding-bottom: 0;}
  .slider-content{margin-top: 0!important;}
  .military-sec{padding: 15px 0px;}
  .manual-warranty-form p{padding-bottom: 20px;}
  .accordion-part h6{padding-bottom: 35px;}
  .apply-form .form h3{font-size: 45px;margin-bottom: 35px;}
  .apply-form{padding: 35px 0;}
  .dealer-check-registration .checkbox input:checked + label::after {top: 15px;left: 10px;}
  .dealer-check-registration .checkbox label::before{width: 50px;height: 50px;}
  .apply-form .form-group input[type="submit"]{height: 56px !important;}
  .apply-form .form-group input{padding: 10px 30px;}
  .manual-warranty-form h2{font-size: 40px;}
  .manual-warranty-form {padding: 35px 0;}
  .career-sec {padding: 35px 0;}
  .form-group .custom-select .select-selected{padding: 15px 19px;
    font: 18px/26px 'SF Pro Display';}
    .form-group .custom-select .select-selected:after{top: 23px;}
    .filter-search.full-width .filter .form-group input[type="submit"]{line-height: 55px;font-size: 18px;}
    .dealer-address-box .container .address-area ul li span{    width: calc(100% - 30px);}
    .dealer-address-box .container .address-area{padding: 25px 26px;}
    .dealer-address-box .container .address-area h3{font-size: 22px;}
    .filter-search.full-width .filter .form-group .custom-select {
      width: 30%;
  }
  .product-box{align-items: center;}
  .product-box .container{height: auto;}
  .product-box .product-info{height: auto;}
  .banner .slick-dots{top: -60px;}
  .banner figure figcaption{align-items: center;}
  .product-box img{width: 100%!important; height: auto!important;}
  .product-box .product-info a img{width: auto!important;}
  .banner figure img{height:600px;}
  .banner figure figcaption .container{padding: 25px; overflow: hidden;}
  .banner figure figcaption .container h2{width: 100%; line-height: 40px;}
  .banner .slick-list.draggable .slick-track{height: 100%;}
  .banner figure figcaption img {
    height: auto;
    position: relative;
    left: -111px;
    top: unset;
    width: 500px;
}
  .banner figure figcaption .container h2:after{display: none;}
}
@media (max-width:600px){
  .detail-sec .product-info.modal-60-2{left: 0;top: -40px;}
  .detail-sec .product-info.modal-60-5{right: 5px;
    top: 341px;}
  .detail-sec .product-info.modal-431-3{left: 0;top: 232px;}
  .detail-sec .product-info.modal-431-5{top: 180px; left: 0;}
  .military-sec .grid-box .products-box h3{font-size: 20px;}
  .detail-sec .product-info.modal-431-4{bottom: -45px;left: 0;}
  .military-sec .grid-box .products-box {height: 250px;}
  .image-box img{width: 280px;}
  .new-products .inner-box .text-box h3{font-size: 40px;}
  .new-products .inner-box .text-box span{font-size: 20px;}
  .new-products .inner-box .text-box a{font-size: 24px;}
  .dealer-address-box .container .address-area{width: 100%;margin-left: 0;}
  .dealer-address-box .container .address-area ul li span {
    width: calc(100% - 100px);}
    .filter-search.full-width .filter .form-group .custom-select {
      width: 100%;margin-top: 10px;margin-bottom: 20px;  }
    .filter-search.full-width .filter .form-group input[type="submit"]{width: 45%;}
    .inner-banner-text-outer .container h1 {
      font: 35px/100% 'Cormorant Infant', serif;
  }
  .detail-banner .cta a{font-size: 21px;}
  .detail-banner .container figure img {
    width: 100%; max-width: inherit;
    margin-top: 20%;
}
.fp-scrollable .fp-section, .fp-scrollable .fp-slide, .fp-scrollable.fp-responsive .fp-is-overflow.fp-section{

/*  height: auto!important; */
  min-height: inherit!important; max-height: inherit!important;
}
.detail-banner.section.fp-section.fp-table {
  height: auto !important;
}

}
@media(max-width:500px){
  .detail-banner .cta a{    margin-right: 30px;}
  .detail-sec figure img{width: 100%;}
  .overview .container .cont-box h2{margin-top: 0px;}
  .apply-form .form h3{font-size: 30px;}
  .overview .container .image-box figure img{max-width: 100%;}
  .detail-sec .product-info.modal-686-7{    left: 42px;top: 182px;}
  .detail-sec .product-info.modal-686-5{right: 160px;
    top: 241px;
}
.detail-sec .product-info.modal-686-4{left: 303px;
  top: 196px;}
  .detail-banner .cta a {
    font-size: 18px;
}
.detail-sec .product-info.tac-ultra-6{right: 170px;bottom: -80px;}
.detail-sec .product-info.modal-686-2{top: -40px;left: 30px;}
.detail-sec .product-info.tac-ultra-5{right: 98px;top: 241px;}
.detail-sec .product-info.tac-ultra-2{top: 139px;right: 120px;}
.detail-banner .container figure img{max-height: 38%;}
.overlay ul li{margin: -9px; font-size: 16px;}
.detail-sec .product-info.modal-431-2{top: -87px;}
.detail-sec.white-bg .product-info h2{font-size: 20px;}
  .manual-warranty-form h2 {font-size: 35px;}
  .apply-form .form-group textarea{font-size: 16px;height: 150px;}
  .form-group .styled-select .curr{font-size: 16px;padding: 22px 9px;}
  .apply-form .form-group input{font-size: 16px;}
  .apply-form .form-group input[type="submit"]{font-size: 22px;}
  .new-products .inner-box{flex-wrap: wrap;height: 500px;    padding: 30px;}
  .new-products .inner-box .text-box {width: 100%;}
  .new-products .inner-box:first-child .text-box{padding-left: 0;}
  .new-products .inner-box:first-child .image-box{width: 100%;}
  .new-products .inner-box .image-box{width: 100%;}
  .image-box img {width: 100%;}
  .career-sec h2 {
    font: 40px/80px 'Cormorant Infant';}
    .accordion-part .panel-group .panel-heading h4 a {
    font: 20px/34px 'SF Pro Display';}
    .detail-sec .product-info.modal-431-3{left: 0!important;top: 247px!important;}
    .detail-sec .product-info.modal-431-4{top: 10px!important;left: 0!important;}
    .detail-sec .product-info.modal-431-5{left: 0!important;top: 190px!important;}
    .overview .container{flex-wrap: wrap;}
    .overview .container .image-box{width: 100%;}
    .overview .container .cont-box {width: 100%;}
    .overview .container .cont-box h2{font-size: 40px;padding-bottom: 0;}
    .banner figure figcaption img{left: -140px;}
    .banner figure figcaption img{width: 650px;}
    banner figure figcaption img {
      left: -140px;
  }
    .warranty .warranty-box{padding: 39px 22px;}
    .overview .container .image-box{margin-top:0px;}
    .overview .container .cont-box p{margin: 0;line-height: 30px;}
    .overview .container .image-box figure img {
      max-width: 100%;
  }
}
@media(max-width:440px){
  .military-sec .grid-box{display: block;}
  .military-sec .grid-box .products-box{width: 100%;height: 356px;}
  .fp-overflow{justify-content: center!important;}
  .footer-bottom ul.others-link li {
    margin-right: 0px!important;
}
  .footer.section {
     padding-bottom:0!important;
}
  ul.nav.expression-tab{display: block;margin-bottom: 0;}
  .expression-tab li.nav-item{margin-bottom: 15px;}
  .expression-tab li a {
    padding: 16px 0px;}
    .expresion-card .btn-link::before {
     display: none;
  }
  .pistol-outer .title-box{display: block!important;}
  .pistol-outer .title-box a{font-size: 25px!important;}
  .pistol-outer .grid-box .products-box figure{width: 350px!important;}
    .expression-accordian .profile-input-box textarea{height: 50px;padding: 10px 20px;}
.expression-accordian .profile-input-box select{padding: 4px 20px;height: 50px!important;}
.expression-btn input{width: 50%; height: 50px;}
}
@media(max-width:400px){
  .military-sec .grid-box
  .detail-sec .product-info.modal-431-3{left: 30px;top: 235px!important;}

  .detail-sec .product-info.modal-431-4 {bottom: -45px;left: 33px;}
  .detail-sec .product-info.modal-431-5{left: 40px;top: 230px!important;}
  .detail-sec .product-info.modal-686-4{left: 189px;}
  .detail-banner .container figure img{max-height: inherit; width: 100%;}
  .detail-sec .product-info.modal-60-5{right: 89px;top: 232px;}
  .detail-sec .product-info.modal-686-1{left: 20px;top: 180px;}
  .detail-sec .product-info.modal-686-3{left: 68px;top: 171px;}
  .detail-sec .product-info.modal-686-5 {right: 135px;top: 201px;}
  .detail-sec .product-info.modal-60-6{right: 94px;top: -62px;}
  .detail-sec .product-info.modal-60-3{left: 9px;top: 121px;}
  .detail-sec .product-info.modal-60-4{left: 112px;top: -71px;}
  .detail-sec .product-info.modal-60-2 {left: 13px!important;top: -67px!important;}

    .fp-auto-height .fp-slide, .fp-auto-height.fp-section{height: 100%!important;}
  .product-box.rifles{display: block!important;}
  .banner .slick-dots {
    top: -46px;
}
.banner figure figcaption img{width: 570px;}
  .apply-form .form h3 {font-size: 24px;}
  .military-sec .grid-box .products-box {height: 347px;margin-bottom: 20px;}
  .apply-form .form-group{width: 100%;}
  .filter-search.full-width .filter .form-group input[type="submit"] {
    width: 60%;}
    .dealer-address-box .container .address-area ul li span {
      width: calc(100% - 30px);
  }
  .career-sec h2 {
    font: 32px/80px 'Cormorant Infant';}
    .accordion-part .panel-group .panel-heading h4 a {
    font: 18px/34px 'SF Pro Display';}
    .career-sec {
      padding: 20px 0;     
  }
    .accordion-part h2 {
      padding-bottom: 0px;
  }
  #loadMore{font-size: 27px;margin: 20px auto;}
  .work-culture .text h3{margin-bottom: 0;}
  .work-culture .text p {
    font-size: 18px;}
    .work-culture{margin-top: 16px;}
}
img.progress-img {
    max-width: 100px;
    margin: 0 auto;
}
/* end */