h3{ font-family: arial,helvetica,sans-serif; letter-spacing:  -1px;  margin:3% 0;font-size:2em; color:#c51016; font-weight: 900;}
h3.proname span{font-size:.575em; font-weight: normal; letter-spacing: 0px; float: left;width: 100%;}

body{overflow-x: hidden; background-color: #efefef; font-family: 'Helvetica', Arial, sans-serif !important; }
    .swiper-container {
    width: 100%; 
    height: 500px;
    /*font-family: 'Poppins', sans-serif;*/

}
h1,h2,h3,h4,p{font-family: 'Helvetica', Arial, sans-serif !important; }
a{ outline: none;}
.mainmenu{background-color: #fff;  padding-bottom: 0; border-bottom: 1px solid #fff; box-shadow:/* inset 0px 40px 40px rgba(255,255,255,.3), */0px 3px 4px rgba(0,0,0,0.3); height: 60px;
font-weight: bold; }
.navbar-toggler{background-color:transparent; border: 1px solid #ccc; outline: none !important; }
.navbar-toggler-icon{}
.navbar-collapse{margin-top: 10px; padding: 8px;background-color: #fff; border-radius: 8px; }
.navbar-collapse.collapse.show{box-shadow: 0px -10px  10px rgba(0,0,0,0.3) }
.navbar-nav.mr-auto{}



ul.navbar-nav li.nav-item .dropdown-menu{box-shadow: 2px 3px 4px rgba(0,0,0,0.3);}
ul.navbar-nav li.nav-item{margin:0px 14px; padding: 0 9px;   }
ul.navbar-nav li.nav-item a.nav-link:hover{color:#749941;}
ul.navbar-nav li.nav-item.active{  background-color: #749941;  box-shadow: 3px 4px 7px rgba(0,0,0,0.2); border-top-left-radius: 32px; border-bottom-right-radius: 32px;}
ul.navbar-nav li.nav-item.show{background-color: #749941;  box-shadow: 0px 2px 3px rgba(0,0,0,0.2); border-top-left-radius: 32px; border-bottom-right-radius: 32px }

ul.navbar-nav .dropdown{  }
ul.navbar-nav .dropdown-menu{color:#333;}
ul.navbar-nav .dropdown-menu.show .dropdown-item:hover{background-color: #749941; color:#fff;}
ul.navbar-nav li.nav-item a.nav-link{ color:#666; line-height: normal}
ul.navbar-nav li.nav-item.active a.nav-link,
ul.navbar-nav li.nav-item.show a.nav-link{ color:#fff;}
/*ul.navbar-nav li.nav-item a.nav-link i{float: left;}
ul.navbar-nav li.nav-item a.nav-link span{float:left;margin-top: 3px; margin-left: 7px}*/
.navbar-brand{margin-bottom: 8px;}
.navbar-toggler{margin: 0}
.logo{max-width: 140px; margin-top:5px}
@media(max-width: 1200px){
	 
  ul.navbar-nav li.nav-item{margin:0px 3px; }

  
}

@media(max-width: 768px){
	.mainmenu{min-height:80px}
  .logo{margin-top: -5px;}
  .navbar-brand{margin-bottom:-5px;}
  ul.navbar-nav li.nav-item{margin-bottom: 5px; }

  
  ul.navbar-nav li.nav-item.active{   border-radius: 0px;}
  ul.navbar-nav li.nav-item.show{     border-radius: 0px;}
}


.prolist{
	width: 18%;
	margin-bottom: 2.5%;

	margin-right: 2.5%;
	min-height:380px;
	background-color: #fff;
	border: 1px solid #cdcdcd; 
	text-align: center;

}
.prolist:nth-child(5n){margin-right: 0px}

.prolist .img{width:94%; margin:3%; border:1px solid #cdcdcd; min-height: 46%; text-align:center;}
	.prolist .img:hover{background-color: #dadce2}
	.prolist .img img{max-width: 100%;}


.prolist h3{font-size: 1.4em; text-align: center; margin-top: 14px; letter-spacing: -2px }
.prolist h4{font-size:1.3em;text-align: center; letter-spacing: -1.2px}
.prolist .divider{margin:0 auto;width:50%; height: 3px; background-color: #c51016; }
.prolist .btn-danger{ margin-top: 14px;  background-color: #c51016; color:#fff; border-radius: 0px;  }
.prolist .btn-danger:hover{background-color: #fff; color:red !important; border-color: #c51016; box-shadow: 3px 3px 4px rgba(0,0,0,0.3);}


.prolist:hover{
	background-color: #fff; box-shadow:inset  0px 150px 150px rgba(150,250,0,0.1), 0px 15px 15px rgba(0,0,0,0.3);
}/*
@media(max-width: 990px){
	 .prolist{
		width: 23%;
	}
	.prolist:nth-child(5n){margin-right: 2.5%}
	.prolist:nth-child(4n){margin-right: 0px}
}

@media(max-width: 768px){
	 .prolist{
		width: 48.5%;
	}
	.prolist:nth-child(5n){margin-right: 2.5%}
	.prolist:nth-child(4n){margin-right: 2.5%}
	.prolist:nth-child(2n){margin-right: 0px}
}

@media(max-width: 414px){
	 .prolist{
		width: 96%;
	}
	.prolist:nth-child(5n){margin-right: 2.5%}
	.prolist:nth-child(4n){margin-right: 2.5%}
	.prolist:nth-child(2n){margin-right: 2.5%}
	.prolist:nth-child(1n){margin-right: 0px; margin-left: 2%}
}
*/


ul.pagination{font-family: 'Poppins', sans-serif; }
ul.pagination li{margin:3px -1px; }
ul.pagination li a{background-color: green; color:white; padding:2px 17px;  text-decoration: none; border-top-left-radius:26px;border-bottom-right-radius:26px;  }
ul.pagination li a:hover{background-color: #000}
ul.pagination li a.current{background-color: #dadce2; color:#000;}




.swiper-slide a{}
.slider-description h4{max-width:85%; margin:0 auto;/**/ }
    .slider-description h4 span{background-color: rgba(0,0,0,0.6); padding: 5px 10px;}

h3.slider-text-shadow{text-shadow:2px 3px 4px rgba(0,0,0,.7); font-size:9vh;  }
h4.slider-text-shadow{text-shadow:1px 2px 3px rgba(0,0,0,.4)}

/*.swiper-container-bp .swiper-slide{max-width: 20%; height:390px;   }
*/
.swiper-container-bp .swiper-button-prev{display:block;position:absolute; z-index:999; left:5px;  font-size: 2em;margin-top:  -7px; }
.swiper-container-bp .swiper-button-next{display:block;position:absolute; z-index:999; right:5px;  font-size: 2em;margin-top: -7px; }

.slider-pagination .spbp{background-color: #000}
.swiper-container-bp{max-width: 100%; padding-bottom: 40px;}

.swiper-container-bp .img{max-width: 100%; height:auto; border-radius: 8px; margin-bottom: 10px; }
.swiper-container-bp .img img{max-width:100%;
  transition: .6s ;
  margin-left: 0%;}
.swiper-paginationx{text-align: center;}

.swiper-container-bp .swiper-button-next,.swiper-container-bp .swiper-button-prev{color:#dadce2; background-image: none  }

.swiper-container-bp .swiper-button-next:hover,.swiper-container-bp .swiper-button-prev:hover{color:gray;}

.swiper-container-banner .swiper-button-next:hover,.swiper-container-banner .swiper-button-prev:hover{}
.swiper-container-banner .swiper-button-next,.swiper-container-banner .swiper-button-prev{display: none;}


.home-banner{height: 255px; background-image: url(../images/home-banner.jpg); background-position: center}

@media(max-width: 768px){
  .home-banner{height: 150px; background-size: cover;}
    .slider-description h4{max-width:85%; margin:0 auto;}
    .slider-description h4 span{background-color: transparent;}
    .swiper-container-bp .swiper-button-prev{display:block;position:absolute; z-index:999;  left:20px ;  font-size: 2em}
.swiper-container-bp .swiper-button-next{display:block;position:absolute; z-index:999;     right:20px ;  font-size: 2em}


    ul.footer_categories li{width:100%; text-align: center; margin: 0; padding: 0 }
    ul.footer_categories li ol li:nth-child(even){background-color: rgba(0,0,0,0.2)}
    /*ul.footer_categories li h5{background-color: #000; color:#fff !important;}
    ul.footer_categories li h5.beauty-health{background-color: purple}
    ul.footer_categories li h5.accommodation{background-color: #3e7ec7}
    ul.footer_categories li h5.gastronomy{background-color: #92591a}
    ul.footer_categories li h5.art-entertainment{background-color: orange}
    ul.footer_categories li h5.shopping{background-color: red}*/
    ul.footer_categories li ol li a{display: block; background-color: rgba(0,0,0,.1); margin-bottom: 1px; padding: 7px}
}




.parallaxParent {
    height: /*100vh*/450px;
    overflow: hidden;
}
.parallaxParent > div {
    height: /*200%*/450px;
    position: relative;
    top: /*-100%*/-225px;
}

.bg-danger{background-color: #b71a00 !important}
.text-danger{color:#b71a00 !important;}
.btn-danger{background-color: #b71a00}
.btn.choose-a-plan{text-shadow: 1px 2px 3px rgba(0,0,0,.4);  }
.btn.choose-a-plan:hover{color:#000;box-shadow: 2px 3px 4px rgba(0,0,0,0.3);}


.goomap{padding-top: 40px; background-color: #fff}
.footer{min-height:300px; background-color: #749941}

button.submit-btn{ float: right;  padding-left: 14px; padding-right: 46px;  background-image: url(../images/submit-btn.png); background-position: 93%; background-repeat: no-repeat; background-color: white; border-radius: 20px; font-weight: bold; color: #7f807e;}
button.submit-btn:hover{background-color: #7f807e; color:#fff;}
.footer .divline{background-color: #ff0000; height: 6px; width:40%; margin-top: 40px; margin-left: 60%; float: right;}
.footer h4{ padding-top: 50px; color: #fff}
.footer p{text-align: right; font-size:1.4em; color: #fff}
.footer a{color:#fff;}
.footer ul.social{ float: right; }
.footer ul.social li{ display: inline-block; width: 52px; height: 52px; background-repeat: no-repeat; }
.footer ul.social li.instagram{background-image: url(../images/instagram.png);}
.footer ul.social li.instagram:hover{background-position: 0 -55px }
.footer ul.social li.facebook{background-image: url(../images/facebook.png);}
.footer ul.social li.facebook:hover{background-position: 0 -55px}
.footer ul.social li.youtube{background-image: url(../images/youtube.png);}
.footer ul.social li.youtube:hover{background-position: 0 -55px}
.footer ul.social li a{display: block;  float: left; width: 100%; height:100%;}



.about-top{min-height: 500px;    background-image: url(../images/cigir-sut-hakkinda.jpg); background-size: cover;}
.vm-top{min-height: 250px;    background-image: url(../images/cigir-sut-vizyon-misyon.jpg); background-size: cover;}
.about-banner{min-height: 810px; background-image: url(../images/cigir-sut-lezzetin-tarifi.jpg); background-size: cover; background-position: center;}
.diary-top{
   margin-top:81px;
  min-height: 255px; background-image: url(../images/lezzet-gunlugu-banner.jpg); background-position: center;
}
.products-top{
   margin-top:81px;
  min-height: 255px; background-image: url(../images/urunler-banner.jpg); background-position: center;
}
.pro-top{

  min-height: 482px;  background-position: center;position: relative;
}
.pro-bezier{position: absolute;bottom: 0; left: 0; width:100%; min-height: 71px;  background-image: url(../images/pro-bezier.png); background-position: center;}
.products-container{
  padding-bottom:420px;min-height: 1910px; height: auto; background-image: url(../images/products-footer.jpg); background-position: center bottom; background-repeat: no-repeat;
}

.pro-container{
  
}
.hr-top{
    margin-top:81px;
  min-height: 255px; background-image: url(../images/insan-kaynaklari-banner.jpg); background-position:  center ;
}
.gallery-top{
  margin-top:81px;
  min-height: 255px; background-image: url(../images/galeri-banner.jpg); background-position:  center;
}
.contact-top{
  min-height: 355px; /*background-image: url(../images/cigir-sut-iletisim.jpg); background-position:  center 30px;*/
  background-image: url(../images/iletisim-cigir-company.jpg);/* background-size: cover; min-height: 520px;*/
}
@media (max-width: 768px){
  .products-top{background-image: url(../images/urunler-banner-mobile.jpg); background-position: center;}
  .diary-top{background-size:cover;  background-image: url(../images/lezzet-gunlugu-banner-mobile.jpg); background-position: center center !important;}
  .hr-top{background-image: url(../images/insan-kaynaklari-banner-mobile.jpg);}
  .gallery-top{
    margin-top:81px;
    min-height: 255px; background-image: url(../images/galeri-banner-mobile.jpg); background-position:  center;
  }
  .contact-top{
    min-height: 355px; /*background-image: url(../images/cigir-sut-iletisim.jpg); background-position:  center 30px;*/
    background-image: url(../images/iletisim-cigir-company.jpg); background-size: cover; /* background-size: cover; min-height: 520px;*/
  }

}

.gallery-2{margin-top: 30px;}
.gallery-2 img{width:100%;}

h4.breadcrumb{margin-top: 37px; color:#666; font-size:1.1em; font-weight: normal; background-color: transparent;}
h4.breadcrumb a{margin-left: 7px; margin-right: 7px; color:green; /* padding: 4px 20px; background-color:green; color:white;  border-top-left-radius: 32px; border-bottom-right-radius: 32px*/ }
h4.breadcrumb span{display: inline-block; margin-left: 7px; height: 16px; background-color: transparent;}

h4.breadcrumb span > span.line{margin-top:17px; float:left;width:300px; height: 1px; background-color: #cdcdcd}

ul.procats{

}
ul.procats li{
display: inline;
margin-right: 35px;
text-align: center;
font-size: 1.2em
}

ul.procats li a{ padding: 15px;background-color: transparent; color:#666; border:1px solid #cdcdcd; display: inline-block; min-width: 225px; }
/*ul.procats li:nth-child(2n) a{background-color: transparent; color:#666;}*/
ul.procats li a.active{ color:#fff; background-color: #c51016;}
ul.procats li a:hover{background-color: #fff; color:red; border-color:red; text-decoration: none;box-shadow: 2px 3px 3px rgba(0,0,0,.3)}
a.product-list{background-color: #f4f4ec; color:#666; margin-top: 30px;}
a.product-list:hover{background-color: #fff; box-shadow: 2px 3px 4px rgba(0,0,0,0.2)}
a.product-list:hover h3{color:#c51016;}

 .prodetail{/*background-color: #f4f4ec;*/ margin-top: 30px;}
.prodetail .text{float: left; width:30%; padding: 30px  0  0 50px;}
.prodetail .text p{font-size:1.3em;}
.prodetail .image{float: left; width:70%; min-height: 400px;/* background-image: url(../images/single-product-bg.png); background-repeat: no-repeat; background-position: center 200px*/}

.prodetail h3{color: #79a33d}


.pro-detail{ margin-top: 30px;}
.pro-detail .text{float: left; width:40%; padding: 30px  0  0 50px;}
  .pro-detail .text p{font-size:1.3em;}
  .pro-detail .text a{padding: 15px; color:#fff; background-color: #c51016; border:1px solid #cdcdcd; display: inline-block; min-width: 100%; text-align: center; }
  .pro-detail .text a:hover{background-color: #fff; color:#c51016; border-color: #c51016; text-decoration: none; box-shadow: 2px 3px 4px rgba(0,0,0,0.2)}
.pro-detail .image{float: left; width:60%; min-height: 400px;/* background-image: url(../images/single-product-bg.png); background-repeat: no-repeat; background-position: center 200px*/}
.pro-detail .image img{max-width: 100%}
.pro-detail h3{color: #79a33d; font-size:1.5em;}



.corporate-pages{min-height: 500px;background-size:cover; background-position: center}
.private-policy{}
@media(max-width: 768px){
  .private-policy{background-image: url(../images/private-policy.png) !important ;}
  .corporate-pages{min-height:450px;
  }
  .special-header{background-position: 10% 0; background-size:cover; min-height: 300px;}
.pro-top{background-position:70% center ;}

  .footer-logo{min-height: 120px; justify-content: center;}

  .about-top{min-height: 300px;   } 
.about-banner{min-height:350px; }
h4.breadcrumb {font-size:1.3em;}

  ul.procats li a{min-width: 90%}
  h4.breadcrumb span > span.line{width:100px;}
  .prodetail .text,.pro-detail .text{width: 100%; padding: 30px  0  0 0px;}
  .prodetail .image,.pro-detail .image{width: 100%; min-height: auto;}
  .prodetail .image img{width: 100%}
}


.diary-grid,.diary-grid-reverse,
.gallery-grid,.gallery-grid-reverse{
  background-size: 150%;
  min-height: 308px;
  display:flex;
  text-align: center;
  justify-content: center;
  opacity: .9;
}
.gallery-grid,.gallery-grid-reverse{
min-height: 300px;   
}
.diary-grid:hover,.diary-grid-reverse:hover,
.gallery-grid:hover,.gallery-grid-reverse:hover{
  box-shadow: inset 0px -100px 100px rgba(0,0,0 ,.4)
}
.diary-grid:hover a,.diary-grid-reverse:hover a,
.gallery-grid:hover a,.gallery-grid-reverse:hover a{
  background-color: rgba(255,0,0,.7) !important;
  border-color:#000 !important;
}
.diary-grid a,.diary-grid-reverse a,
.gallery-grid a,.gallery-grid-reverse a{
  float: none;
  display: table; vertical-align: baseline;
  padding: 20px;
  /*display: flex; align-items: center; justify-content: center;text-align: center;*/
  margin-top: 48%;
  /*padding: 30px;*/
  max-height: 80px;
  
  color:#fff;
  border:2px solid transparent;
}
.diary-grid a:hover,.diary-grid-reverse a:hover,
.gallery-grid a:hover,.gallery-grid-reverse a:hover{
  background-color:  rgba(0,0,0,0.7) !important;
}
.diary-grid a,
.gallery-grid a{background-color: rgba(0,166,81,.8);}
.diary-grid:nth-child(2n) a{background-color: transparent; border:2px solid #fff;}
.diary-grid-reverse a,
.gallery-grid-reverse a{background-color: transparent;border:2px solid #fff;}
.diary-grid-reverse:nth-child(2n) a,
.gallery-grid-reverse:nth-child(2n) a{background-color: rgba(0,166,81,.8); border:2px solid transparent; }


@media(max-width: 768px){

.diary-grid a,
.gallery-grid a{background-color: rgba(0,166,81,.8); border:2px solid transparent;}
.diary-grid:nth-child(2n) a,
.gallery-grid:nth-child(2n) a{background-color:rgba(0,166,81,.8); border:2px solid transparent;}
.diary-grid-reverse a,
.gallery-grid-reverse a{background-color:  rgba(0,166,81,.8);border:2px solid transparent;}
.diary-grid-reverse:nth-child(2n) a,
.gallery-grid-reverse:nth-child(2n) a{background-color: rgba(0,166,81,.8); border:2px solid transparent; }
 
.gr a{background-color:transparent !important; border:2px solid #fff !important;}
 .diary-grid a,.diary-grid-reverse a,
 .gallery-grid a,.gallery-grid-reverse a{margin-top: 30% !important;  }

 .gallery-grid a,.gallery-grid-reverse a{background-color: rgba(0,0,0,0.7) !important;}
}

@media(max-width: 414px){
.diary-grid a,
.gallery-grid a{background-color: rgba(0,166,81,.8); border:2px solid transparent;}
.diary-grid:nth-child(2n) a,
.gallery-grid:nth-child(2n) a{background-color:rgba(0,166,81,.8); border:2px solid transparent;}
.diary-grid-reverse a,
.gallery-grid-reverse a{background-color:  rgba(0,166,81,.8);border:2px solid transparent;}
.diary-grid-reverse:nth-child(2n) a,
.gallery-grid-reverse:nth-child(2n) a{background-color: rgba(0,166,81,.8); border:2px solid transparent; }
 
.gr a{background-color:  rgba(0,166,81,.8) !important; border:2px solid transparent !important;}
.wh a{  background-color:transparent !important; border:2px solid #fff !important;}
.diary-grid a,.diary-grid-reverse a,
.gallery-grid a,.diary-grid-reverse a{margin-top: 30% !important;  }



.gallery-grid div,.gallery-grid-reverse div{}
.gallery-grid a,.gallery-grid-reverse a{background-color: rgba(0,0,0,0.7) !important; min-height: 100px !important; border:none !important;}
}



#hr_form .form-control,
#hr_form .input-group .form-control{border-radius: 2px !important;  border:1px solid #f5f5f5 !important;  background-color: #fff; box-shadow: inset 2px 3px 4px rgba(0,0,0,.1);}
#hr_form p{color:#666; padding-top: 7px}

.input-group-addon{min-width: 0px; background-color: transparent; width: auto; margin: 0; padding: 0; border:none;}
.input-group-addon:before{content:'-'}

.form-inline.label.checks i{ margin-left: 7px; margin-right: 7px;}
.form-inline.label.checks.no,
.form-inline.label.checks.yes{
  float: left; 
  padding: 0px 5px;
  border-radius: 4px;  box-shadow: inset 0px 2px 3px rgba(0,0,0,.2);
  cursor: pointer;
  color:#333;

}

.form-inline.label.checks.no:hover{
  background-color: red;
  color:white;
}
.form-inline.label.checks.yes:hover,
.form-inline.label.checks.yes.checked,
.form-inline.label.checks.no.checked{
  background-color: #0a72ba;
  color:white;

}
.form-inline.label.checks.yes.checked,
.form-inline.label.checks.no.checked{
  box-shadow: 1px 2px 3px rgba(0,0,0,0.3);
  color:white;
}

.form-inline.label.checks.no input,
.form-inline.label.checks.yes input{
  position: absolute;z-index: -1;
  float: left;
  outline: none !important; margin-left: 0px;margin-right: 2px;
  box-shadow: none !important
} 
.form-inline.label.checks{line-height: 32px;}
.form-inline.label.checks i{color:#000;}
.form-inline.label.checks:hover i,
.form-inline.label.checks.yes.checked i,
.form-inline.label.checks.no.checked i{
  color:white;
}


@media(max-width: 1200px){
  .modal-xl{min-width:90% !important;}
  .form-inline.label.checks{  }
  .form-inline.label.checks span{/*display: none;*/}
}

.classno{display: none;}
.edugroup .row.pt-2.border-bottom:nth-child(odd){background-color: #f5f5f5}
                        .reference.row{border-top: 1px solid #dadce2}
                        .experience.row:nth-child(odd){background-color: #f5f5f5}
 .reference.row:nth-child(odd){background-color: #f5f5f5 !important; /*border-top:1px solid #dadce2;*/}
 .reference.row:nth-child(even){ /*border-top:1px solid #f5f5f5;*/}
      .hr_step{background-color: #f5f5f5;border-bottom:3px solid transparent;border-top:3px solid transparent;border-bottom-color: #68a4ce; color:#999; text-shadow: 0px 1px 1px #fff; cursor: pointer; text-align: center; }
      .hr_step.active,
      .hr_step.actemp,
      .hr_step.completed,
      .hr_step.temp{ border-bottom-color: transparent; border-top-color:green;color:green; background-color: #fff; box-shadow: 0px -3px 4px rgba(0,0,0,0.2);  }
.hr_step:hover{border-bottom-color: green ; color:green;}
.hr_step.active:hover{border-bottom-color:transparent;}
.steps{ padding-bottom: 0; margin-bottom: 0; }
.steps h5{font-size: 18px; letter-spacing: -1px; margin: 0; padding: 7px 0; background-color: #dadce2 }
#hr_form fieldset{margin-bottom: 15px; padding: 0; margin: 0;}

#hr_form legend{font-size:1em; margin: 0; padding: 0}
#hr_form fieldset label{width: 100%; padding: 7px; min-height: 48px; margin-bottom: 3px; color:#333; cursor: pointer;}
#hr_form fieldset label span{
  margin-left: 7px
}
#hr_form fieldset label:hover{background-color: #f5f5f5}

.row.pt-2.bg-light.border-bottom{
  background-color: #fff !important;
}
.border-bottom{
 border-bottom: 1px solid #dadce1; 
}
.row.pt-2.bg-light.border-bottom:last-child{
  border-color: transparent !important; 
}


@media(max-width: 980px){
  #main-body .container{background-size: auto 150px; background-position:top center;}
  .row.border-bottom{
    border-bottom: none !important;
  }
}
@media(max-width: 768px){
  
  .steps h5{font-size: 14px; letter-spacing: 0px; }
  .steps h5 span.line{display: block; width:100%;}
  .form-inline.label.checks{border-radius: 16px !important; }
  .steps h5 span.en{letter-spacing: -1px;}
}
@media(max-width: 375px){
.steps h5{font-size: 13px; letter-spacing: -1px; }
}

@media(max-width: 320px){
.steps h5{font-size: 12px; letter-spacing: -1px; }
}


.form-inline.label.checks{min-height: 32px !important; margin-top: 4px; margin-right: 4px}

.control-label{ font-weight: 500 !important; color:#333;line-height: 36px}
 
/*.form-inline.label.checks input{ display: none; }

*/
.step0,.step1,.step2,.step3,.step4{
  padding: 0 15px;
}
.hs{float:left; width:20%;}
.d-none{display:none !important;}
.add_new_group_btn{position: relative; display: table; z-index: 9; margin: 0 auto; margin-bottom: -15px; border-radius: 16px; color:white; }

.quote .scaleA h3{margin-left:11%; }

.formsuccess{
  position: relative;
  padding: 7px;
  margin-top:40px;
  background-color: #fff; border-radius: 8px;
  color:black;
  text-align: center;
  font-size:1em; font-weight: bold;
  box-shadow: 2px 3px 4px rgba(0,0,0,0.3);
}
.formsuccess h2{color:green;font-weight: bold; border-bottom: 1px solid #dadce2; padding-bottom: 7px;}
.formsuccess::before{
   content:"\A";
    border-style: solid;
    border-width: 10px 15px 10px 0;
    border-color: transparent #fff transparent transparent;
    position: absolute;
    left: -14px;
    top: 7px;
}
.formerror{
  position: relative;
  padding: 7px;
  margin-top:40px;
  background-color: #fff; border-radius: 8px;
  color:black;
  text-align: center;
  font-size:1em; font-weight: bold;
  box-shadow: 2px 3px 4px rgba(0,0,0,0.3);
}
.formerror h2{color:red;font-weight: bold; border-bottom: 1px solid #dadce2; padding-bottom: 7px;}
.formerror::before{
   content:"\A";
    border-style: solid;
    border-width: 10px 15px 10px 0;
    border-color: transparent #fff transparent transparent;
    position: absolute;
    left: -14px;
    top: 7px;
}



/* :: 4.0 Header Area CSS */
.header_area {
  position: fixed;
  z-index: 900;
  top: 0;
  left: 0;
  width: 100%;
  border-bottom: 1px solid #ebebeb;
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms; background-color: 
  #fff }
  /*.header_area .classynav {background-color: #000; width: 700px;  }
  .header_area .classynav ul li ul{min-width:initial; }*/
  @media only screen and (max-width: 767px) {
    .header_area .classy-nav-container {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; } }
  @media only screen and (max-width: 767px) {
    .header_area .classy-nav-container .classy-navbar-toggler {
      margin-left: auto;
      margin-right: 15px; } }
  .header_area .classy-navbar{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 70%;
    flex: 0 0 100%;
    min-width: 100%; 
    width: 100%; }

/*  .header_area .header-meta {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 30%;
    min-width: 30%; 
    width: 30%; }*/
    @media only screen and (max-width: 767px) {
      .header_area .classy-navbar,
      .header_area .header-meta {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        min-width: 100%;
        width: 100%; } }
  .header_area .classy-navbar {
    height: 85px;
    padding: 5px 0 5px 5%; }
    @media only screen and (max-width: 767px) {
      .header_area .classy-navbar {
        height: 80px;
        border-bottom: 1px solid #ebebeb; } }
  .header_area .header-meta {
    height: 85px;
    position: relative;
    z-index: 1; }
    @media only screen and (max-width: 767px) {
      .header_area .header-meta {
        height: 40px; } }
  .header_area .classynav ul li a {
    font-size: 16px;
    color: #787878; }
    .header_area .classynav ul li a:hover {
      color: #000000; }
  .header_area .classynav ul li .megamenu li a,
  .header_area .classynav ul li .dropdown li a {
    font-size: 14px;
    color: #787878; }
    .header_area .classynav ul li .megamenu li a:hover,
    .header_area .classynav ul li .dropdown li a:hover {
      color: #000000; }
  .header_area .search-area form {
    position: relative;
    z-index: 1;
    height: 85px;
    border-left: 1px solid #ebebeb; }
    @media only screen and (max-width: 767px) {
      .header_area .search-area form {
        height: 40px;
        border-left: none; } }
    .header_area .search-area form input {
      border: none;
      background-color: #ffffff;
      width: 200px;
      height: 85px;
      padding: 0 15px 0 60px;
      color: #787878;
      font-size: 14px;
      font-weight: 500;
      -webkit-transition-duration: 500ms;
      transition-duration: 500ms; }
      @media only screen and (max-width: 767px) {
        .header_area .search-area form input {
          width: 170px;
          height: 40px;
          padding: 0 10px 0 30px; } }
      .header_area .search-area form input:focus {
        outline: none !important;
        width: 350px; }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          .header_area .search-area form input:focus {
            width: 300px; } }
        @media only screen and (max-width: 767px) {
          .header_area .search-area form input:focus {
            width: 170px; } }
        @media only screen and (min-width: 480px) and (max-width: 767px) {
          .header_area .search-area form input:focus {
            width: 270px; } }
        @media only screen and (min-width: 576px) and (max-width: 767px) {
          .header_area .search-area form input:focus {
            width: 300px; } }
    .header_area .search-area form button {
      position: absolute;
      z-index: 10;
      top: 50%;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
      left: 30px;
      background-color: transparent;
      border: none;
      color: #787878;
      font-size: 14px; }
      @media only screen and (max-width: 767px) {
        .header_area .search-area form button {
          left: 10px;
          height: 40px; } }
  .header_area .favourite-area a,
  .header_area .user-login-info a,
  .header_area .cart-area a {
    position: relative;
    z-index: 1;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 90px;
    flex: 0 0 90px;
    width: 90px;
    display: block;
    text-align: center;
    border-left: 1px solid #ebebeb;
    height: 100%;
    line-height: 80px; }
    @media only screen and (max-width: 767px) {
      .header_area .favourite-area a,
      .header_area .user-login-info a,
      .header_area .cart-area a {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50px;
        flex: 0 0 50px;
        width: 50px;
        line-height: 40px; } }
    .header_area .favourite-area a img,
    .header_area .user-login-info a img,
    .header_area .cart-area a img {
      max-width: 20px; }
    .header_area .favourite-area a span,
    .header_area .user-login-info a span,
    .header_area .cart-area a span {
      font-family: "Ubuntu", sans-serif;
      font-size: 18px;
      color: #0315ff;
      font-weight: 700;
      position: absolute;
      top: -10px; }
      @media only screen and (max-width: 767px) {
        .header_area .favourite-area a span,
        .header_area .user-login-info a span,
        .header_area .cart-area a span {
          font-size: 14px; } }
  .header_area.sticky {
    position: fixed;
    z-index: 900;
    top: 0;
    left: 0;
    width: 100%;
    box-shadow: 0 5px 30px rgba(0, 0, 0, 0.15); }

.cart-bg-overlay.cart-bg-overlay-on {
  -webkit-transition-duration: 1000ms;
  transition-duration: 1000ms;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 1050; }

/* Cart Area CSS */
.right-side-cart-area {

  position: fixed;
  width: 670px;
  height: 100%;
  top: 0;
  right: -800px;
  background-color: #ffffff;
  z-index: 1100;
  box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
  -webkit-transition-duration: 800ms;
  transition-duration: 800ms; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .right-side-cart-area {
      width: 500px;
      right: -600px; } }
  @media only screen and (max-width: 767px) {
    .right-side-cart-area {
      width: 270px;
      right: -400px; } }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .right-side-cart-area {
      width: 400px;
      right: -550px; } }
  .right-side-cart-area.cart-on {
    right: 0; }
  .right-side-cart-area .cart-button a {
    position: absolute;
    top: 0;
    right: 100%;
    z-index: 100;
    width: 90px;
    display: block;
    text-align: center;
    border-left: 1px solid #ebebeb;
    height: 85px;
    line-height: 80px;
    background-color: #f5f7f9; }
    @media only screen and (max-width: 767px) {
      .right-side-cart-area .cart-button a {
        width: 50px;
        height: 50px;
        line-height: 50px; } }
    .right-side-cart-area .cart-button a img {
      max-width: 20px; }
    .right-side-cart-area .cart-button a span {
      font-family: "Ubuntu", sans-serif;
      font-size: 18px;
      color: #0315ff;
      font-weight: 700;
      position: absolute;
      top: -10px; }
  .right-side-cart-area .cart-content {
    position: relative;
    z-index: 1;
    width: 100%;
    overflow-x: hidden;
    overflow-y: scroll;
    height: 100%; }
    .right-side-cart-area .cart-content .cart-list {
      position: relative;
      z-index: 10;
      -webkit-box-flex: 0;
      -ms-flex: 0 0 190px;
      flex: 0 0 190px;
      width: 190px; }
      @media only screen and (max-width: 767px) {
        .right-side-cart-area .cart-content .cart-list {
          -webkit-box-flex: 0;
          -ms-flex: 0 0 100px;
          flex: 0 0 100px;
          width: 100px; } }
      @media only screen and (min-width: 576px) and (max-width: 767px) {
        .right-side-cart-area .cart-content .cart-list {
          -webkit-box-flex: 0;
          -ms-flex: 0 0 150px;
          flex: 0 0 150px;
          width: 150px; } }
      .right-side-cart-area .cart-content .cart-list .single-cart-item {
        position: relative;
        z-index: 1;
        -webkit-transition-duration: 500ms;
        transition-duration: 500ms; }
        .right-side-cart-area .cart-content .cart-list .single-cart-item .product-image {
          position: relative;
          z-index: 1;
          display: block; }
          .right-side-cart-area .cart-content .cart-list .single-cart-item .product-image .cart-item-desc {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.6);
            padding: 50px 15px 15px;
            -webkit-transition-duration: 500ms;
            transition-duration: 500ms; }
            @media only screen and (max-width: 767px) {
              .right-side-cart-area .cart-content .cart-list .single-cart-item .product-image .cart-item-desc {
                padding: 5px; } }
            @media only screen and (min-width: 576px) and (max-width: 767px) {
              .right-side-cart-area .cart-content .cart-list .single-cart-item .product-image .cart-item-desc {
                padding: 30px 20px; } }
            .right-side-cart-area .cart-content .cart-list .single-cart-item .product-image .cart-item-desc .product-remove {
              position: absolute;
              top: 15px;
              right: 15px;
              color: #ffffff;
              font-size: 12px;
              padding: 5px; }
              @media only screen and (max-width: 767px) {
                .right-side-cart-area .cart-content .cart-list .single-cart-item .product-image .cart-item-desc .product-remove {
                  top: 5px;
                  right: 5px; } }
            .right-side-cart-area .cart-content .cart-list .single-cart-item .product-image .cart-item-desc .badge {
              display: block;
              font-weight: 600;
              font-size: 10px;
              color: rgba(255, 255, 255, 0.5);
              text-transform: uppercase;
              margin-bottom: 5px;
              text-align: left;
              padding: 0; }
            .right-side-cart-area .cart-content .cart-list .single-cart-item .product-image .cart-item-desc h6 {
              font-size: 12px;
              color: #ffffff;
              text-transform: capitalize;
              margin-bottom: 30px; }
              @media only screen and (max-width: 767px) {
                .right-side-cart-area .cart-content .cart-list .single-cart-item .product-image .cart-item-desc h6 {
                  margin-bottom: 10px; } }
            .right-side-cart-area .cart-content .cart-list .single-cart-item .product-image .cart-item-desc .size,
            .right-side-cart-area .cart-content .cart-list .single-cart-item .product-image .cart-item-desc .color {
              display: block;
              font-weight: 600;
              font-size: 10px;
              color: rgba(255, 255, 255, 0.5);
              text-transform: uppercase;
              margin-bottom: 5px;
              line-height: 1; }
            .right-side-cart-area .cart-content .cart-list .single-cart-item .product-image .cart-item-desc .price {
              font-family: "Ubuntu", sans-serif;
              font-size: 16px;
              font-weight: 700;
              margin-bottom: 0;
              margin-top: 30px;
              color: #ffffff; }
              @media only screen and (max-width: 767px) {
                .right-side-cart-area .cart-content .cart-list .single-cart-item .product-image .cart-item-desc .price {
                  margin-top: 10px;
                  font-size: 12px; } }
        .right-side-cart-area .cart-content .cart-list .single-cart-item:hover .product-image .cart-item-desc {
          background-color: rgba(0, 0, 0, 0.8); }
    .right-side-cart-area .cart-content .cart-amount-summary {

      padding: 100px 10%;
      position: relative;
      z-index: 10;
      -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(100% - 190px);
      flex: 0 0 calc(100% - 190px);
      width: calc(100% - 190px); }
      @media only screen and (max-width: 767px) {
        .right-side-cart-area .cart-content .cart-amount-summary {
          -webkit-box-flex: 0;
          -ms-flex: 0 0 calc(100% - 100px);
          flex: 0 0 calc(100% - 100px);
          width: calc(100% - 100px);
          padding: 50px 15px; } }
      @media only screen and (min-width: 576px) and (max-width: 767px) {
        .right-side-cart-area .cart-content .cart-amount-summary {
          -webkit-box-flex: 0;
          -ms-flex: 0 0 calc(100% - 150px);
          flex: 0 0 calc(100% - 150px);
          width: calc(100% - 150px);
          padding: 50px 30px; } }
      .right-side-cart-area .cart-content .cart-amount-summary h2 {
        font-size: 30px;
        margin-bottom: 100px; }
        @media only screen and (max-width: 767px) {
          .right-side-cart-area .cart-content .cart-amount-summary h2 {
            font-size: 24px;
            margin-bottom: 30px; } }
        @media only screen and (max-width: 767px) {
          .right-side-cart-area .cart-content .cart-amount-summary h2 {
            font-size: 30px;
            margin-bottom: 50px; } }
      .right-side-cart-area .cart-content .cart-amount-summary .summary-table li {
        margin-bottom: 20px;
        color: #000000;
        font-size: 14px;
        letter-spacing: 0.75px;
        text-transform: uppercase;
        font-weight: 600;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between; }
        @media only screen and (max-width: 767px) {
          .right-side-cart-area .cart-content .cart-amount-summary .summary-table li {
            font-size: 12px;
            margin-bottom: 10px; } }
        @media only screen and (min-width: 576px) and (max-width: 767px) {
          .right-side-cart-area .cart-content .cart-amount-summary .summary-table li {
            font-size: 14px;
            margin-bottom: 15px; } }
        .right-side-cart-area .cart-content .cart-amount-summary .summary-table li span:last-child {
          font-weight: 700;
          font-family: "Ubuntu", sans-serif; }
      @media only screen and (max-width: 767px) {
        .right-side-cart-area .cart-content .cart-amount-summary .essence-btn {
          min-width: 140px;
          width: 140px;
          padding: 0 15px; } }

          .classy-nav-container.d-flex.align-items-center.justify-content-between.light.left.breakpoint-off{max-width: 1152px; margin: 0 auto }
            .classynav ul li {margin-right: 22px}
           .classynav ul li a{font-size:19px; font-weight: bold;  }
           
          
         

           .classynav ul li:hover a{font-weight: bold; }
            .classynav ul li ul li a,.classynav ul li:hover ul li a{font-weight: normal;}
            .classynav ul li.title{  padding-left: 0px !important; margin-left: 0px !important}
          .classynav ul li.title a{ font-weight: bold !important; }
         /* .classynav ul li {padding: 0 20px !important;border-top-left-radius:36px;border-bottom-right-radius:36px; }
            .classynav ul li ul li{padding: initial !important;border-top-left-radius:0px;border-bottom-right-radius:0px;}
          .classynav ul li:hover{background-color: #749941;  }
            .classynav ul li a{font-size:19px; font-weight: bold; }
            .classynav ul li:hover a{font-weight: bold; color:white !important;}
            .classynav ul li:hover ul li a{font-weight: normal; color:#333 !important;}
              .classynav ul li:hover ul li a:hover{ color:#fff !important;}
          .classynav ul li ul li a{font-weight: normal;}
          .classynav ul li.title{  padding-left: 0px !important; margin-left: 0px !important}
          .classynav ul li.title a{ font-weight: bold; }*/
/* @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap');*/
 .classynav ul li ul.dropdown li{margin:0;padding: 0px}
 .classynav ul li.activex a,
.classynav ul li a:hover{border-bottom: 2px solid #749941;  }

  .classynav ul li.activex ul li a{border-bottom: none}

   .classynav ul li ul li.title {border-bottom: none}
            .classynav ul li ul li{border-bottom:1px solid  #ccc}
            .classynav ul li:hover ul li a:hover{/*border-bottom:1px solid  #749941*/ background-color:#749941; color:white !important; }

/*.classynav ul li ul.dropdown li a:hover{background-color:  #749941 !important; color:white !important;}*/
@media (max-width: 991px){
  
   li.cn-dropdown-item.has-down.active ul.dropdown li a,
  .classynav ul li.megamenu-item.active div.megamenu ul.single-mega li a{color:#333 !important;}
  
  .classynav ul li a,
  .classynav ul li ul li a{background-color: #fff !important; }
  .classynav ul li a:hover,
  .classynav ul li ul li a:hover,
  li.cn-dropdown-item.has-down:hover a,
  .classynav ul li.megamenu-item:hover a,
  .classynav ul li.cn-dropdown-item ul.dropdown li a:hover,
  .classynav ul li.cn-dropdown-item.has-down.pr12.active ul.dropdown li a:hover,
  .classynav ul li.megamenu-item.active div.megamenu ul.single-mega li a:hover 
  
  {background-color:  #749941 !important; color:white !important;}
  .classynav ul li a{border-bottom: 1px solid #ccc !important}
  .classynav ul li ul li a{border-bottom: none !important;}
}