/*
Theme Name: Pioneer Amenities

*/

/*--================== 
    #Common
==================--*/
:root {
    --main-color: #2299d0;
    --color2: #e4cb6e;
}

*{ -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
body {position: relative;font-family: "Lato", sans-serif !important; margin: 0; padding: 0; } 
html, div, img, ul, li, a, p, ol, body, h1, h2, h3, h4, h5, h6,textarea{color:#404040;font-weight:400;}
ul, a, input,textarea{text-decoration: none;list-style: none;text-decoration: none;outline:none;}
:focus {outline: 0;}
.clear{ clear: both;}
a:hover{ text-decoration: none;}
p,li{font-size: 18px;line-height: 30px;color: #404040;font-weight: 400;}
p{margin: 0 0 15px;}

.container{width: 1200px; margin: auto;padding: 0 15px;}
.flex{display: flex;flex-wrap:wrap;}
section{float:left;width:100%;clear:both;}
.flex-align{align-items: center;display: flex;}
.align-centr{text-align: center;}


.btns-solid, input[type="submit"]{
	width: auto;
    display: inline-block;
    text-align: center;
    text-transform: capitalize;
    letter-spacing: 1px;
    font-size: 18px;
    border-radius: 8px;
    font-weight: 500;
    transition: 0.3s;
    background: var(--main-color);
    padding: 15px 20px;
    color: #fff;}

.btns-solid:hover{background:var(--color2);color:#fff;}

    .btns-border{
      width: auto;
    display: inline-block;
    text-align: center;
    text-transform: capitalize;
    letter-spacing: 1px;
    font-size: 18px;
    border-radius: 8px;
    font-weight: 500;
    transition: 0.3s;
    background: transparent;
    padding: 10px 20px;
    color:  var(--main-color);border: 2px solid;}  


.btn-border a{border: 2px solid;  background: transparent;color:var(--main-color); }
.btn-solid a{border: 2px solid var(--main-color);  background: var(--main-color);color: #fff;}
.btn-border a:hover,.btn-border a:focus{background: var(--main-color);color: #fff;}
.btn-border-white a{border: 2px solid;  background: transparent;color:#fff;}
.btn-border-white a:hover,.btn-border-white a:focus{background: #fff;color: var(--main-color);}

/*--================== 
    #Header 
==================--*/

/* .menu-toggle{display: none;} */

.header_block{background: #fff;float: left;width: 100%;clear: both;position: fixed;top: 0;    z-index: 11;    height: 100px;
    border-bottom: 3px solid var(--color2);}
.header_block .flex{justify-content: space-between;}


header.sticky-header {
    height: 85px;    transition: 0.3s;
}
header.sticky-header .logo img {
    width: 225px;    transition: 0.3s;
}
header.sticky-header .primary-menu ul li a{padding:26px 0; transition: 0.3s;}

.logo{float: left;position: relative;}
.logo a{display: inline-block;}
.logo img{width: 285px;}

.primary-menu {}
.primary-menu ul {float: right;margin: 0;padding: 0;}
.primary-menu ul li{    display: inline-block;}
.primary-menu ul li a{cursor: pointer;color: #000;text-decoration: none;font-size: 18px;letter-spacing: 0; text-transform: capitalize;padding: 38px 0;transition: 1s;margin-left:50px;font-weight: 500;display: inline-block;}
.primary-menu ul li a:hover,
.primary-menu ul li.current-menu-item a{color: var(--main-color);}
/*.primary-menu ul li:last-child a{border: 2px solid var(--main-color); padding: 4px 24px;}
.primary-menu ul li:last-child a:hover{background: var(--main-color);color: #fff;}*/
/*.primary-menu ul li:hover .submenu { display: block;transition: 1s;}
.submenu .current-menu-item a{color: #000 !important;}

.sub{position: relative;cursor: pointer;color: #fff;}
.sub .fa-angle-up, .submenu-hide .fa-angle-down{display: none; }
.sub .fa-angle-up, .sub .fa-angle-down{position: relative;    top: 0px;left: 5px;}
.submenu-hide .fa-angle-up{display: inherit;}
ul.submenu::before{content: "";}
ul.submenu {position: absolute;z-index: 1000;display: none;width: 250px;font-size: 14px;list-style: none; background: var(--main-color);border-top: 3px solid #fff;float: none;padding: 0;border-radius:0;}
*//*.primary-menu ul li:hover .submenu {display: block;transition:1s;}*/
/*ul.submenu li {width: 100%;float:none;    display: inherit;}
ul.submenu li a{color: #fff !important;padding: 15px;border-bottom:1px solid #464646;width:100%;line-height: 18px; margin-left: 0;}
ul.submenu li:last-child a{    border: none;
    padding: 15px;}
ul.submenu li a:hover{color:var(--color1) !important;}*/

.main-navigation li li:hover, .main-navigation li li.focus {
        background: transparent;
        color: #000;
    }
.primary-menu ul li ul.sub-menu li a{padding:10px;margin:0;font-size:16px;}


/*--================== 
    #home-page
==================--*/

/*hero*/
.hero_block{float: left;width: 100%;clear: both;position: relative;margin-top:100px;}
.hero_block img{width: 100%;}
.hero_block .caption {position: absolute;top: 0;left: 0;width: 100%;height: 100%;/*z-index:1;*/}
.hero_block .caption .table1 {width: 100%;height: 100%;display: table;}
.hero_block .caption .table2 {width: 100%;height: 100%;display: table-cell;vertical-align: middle;   /* background: rgb(0, 0, 0, 0.6);*/}
.hero_block .caption .content {z-index: 1;text-align: center;width:100%;height: auto; background:transparent;float: left;padding:0;position: relative;display: inline-table;margin-top: -100px;}

.hero_block .caption .content h1 { font-size: 50px;font-weight:600;color: #fff;margin: 0;padding:0;}
.hero_block .caption .content h2{position: relative; color: #fff;font-size: 14px;font-weight:500;margin-bottom: 0;margin-top: 15px;line-height: 30px;text-transform: capitalize;letter-spacing: 1px}

.hero_block hr.title-hr{margin-bottom:0;}

 .hero_block .item{position:relative;}

.hero_block .item:before {
    width: 100%;
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    background: rgb(0 0 0 / 30%);
    display: inline-block;
    z-index: 0;
    height: 100%;
}
/* 
.hero_block .owl-theme .owl-nav [class*=owl-]{
	font-size: 70px !important;
    color: #fff !important;    
}
 */
.hero_block .owl-theme{position: relative;}
.hero_block .owl-theme .owl-nav.disabled{  display: block;}
.hero_block .owl-theme .owl-nav button {color: #fff;width: 38px;height: 58px;/* text-indent: -999em; */opacity: 9;margin: 0;position: absolute;top: 50%;margin-top: 0;border: 2px solid #fff;border-radius: 0;background: transparent;}
.hero_block .owl-theme .owl-nav .owl-prev {left: 22px;}
.hero_block .owl-theme .owl-nav .owl-next {right: 22px;}
.hero_block .owl-theme .owl-nav button span{font-size: 24px;position: relative;top: -2px;}
.hero_block .owl-theme .owl-nav [class*=owl-]:hover{background: var(--color2) !important;border: none !important;}

.hero_block.hero_block_in{margin-top:0;}

.hero_block.hero_block_in img {
    width: 100%;
    height: 500px;
    vertical-align: bottom;
    object-fit: cover;
}
.hero_block.hero_block_in .caption .table2{background: rgb(0, 0, 0, 0.6);}


hr.title-hr{
      background: var(--color2);
    height: 3px;
    border: none;
    width: 50px;
    display: inline-block;
    border-radius: 20px;
}
 .hero_block .caption .content h2:after{    margin-left: 10px;}
 .hero_block .caption .content h2:before{margin-left: -90px;}

.hero_block .caption .content .text{padding-left: 15px;border-left: 2px solid var(--main-color);display: inline-block;}
.hero_block .caption .content .text1{display: inherit;font-size: 25px;margin-bottom: 10px;font-weight: 400;}
.hero_block .caption .content .text2{color: var(--main-color);}
.hero_block .caption .content p{color: #fff;font-size: 20px;line-height: 16px;}




/*.owl-dots{text-align: center;width: 100%;bottom: 30px;position: absolute;}
.owl-theme .owl-dots .owl-dot span{width: 18px;height: 18px;background: transparent;outline: 1px solid #fff;border-radius: 0;margin-right: 30px;opacity: 1;transition: all 0.3s ease 0s;border-radius: 100px;}
.owl-theme .owl-dots .owl-dot.active span{outline: 1px solid #fff;outline-offset: 3px;background: #fff;}
*/

.counter-wrap{
        position: absolute;
    top: 50%;
    left: 0;
    display: inline-block;
    right: 0;
    bottom: 0;
    margin-top: 50px;
}
.counter-wrap .flex{/*width: 840px;*/width:480px; margin: auto;}

.counter{
        border: 2px solid #ffffff;
    text-align: center;
    width: 180px;
    height: 140px;
    padding: 10px;
    margin: 0 auto;
    border-radius: 20px;
    position: relative;
    z-index: 1;
}

.counter-in {
    background:rgb(255 255 255 / 94%);
    height: 100%;
    border-radius: 20px;padding: 10px;
}

.counter h4{
    font-size: 15px;
    font-weight: 500;
    text-transform: capitalize;
    margin:0;
}
.counter .counter-value{
    font-size: 40px;
    font-weight: bold;
       color: var(--main-color);
    /*display: block;*/
}
.counter small {
    font-size: 15px;    color: var(--main-color);
}


/*page-heading*/
.title-wrap{text-align: center;margin-bottom: 30px;}
.title-section{
    margin-top: 0;
    margin-bottom: 15px;
    font-size: 50px;
    font-weight: 600;
    color: #000;
    line-height: 55px;
    padding: 0;
}
/*about-us*/
.home-about{margin-top: 75px;}
.home-about .flex{align-items: center;}
.home-about .title-wrap {
    text-align: left;
    margin-bottom: 0px;
}
.home-about .boxes{width: 585px;}
.home-about .boxes:last-child{padding-left: 60px;}
/* .home-about .img{border:2px solid #d0cccd;padding: 10px;border-radius: 20px;} */
.home-about .img img{width: 100%;border-radius: 20px;}
.home-about .heading h2:before {content: none;}
.home-about .heading h3{margin-bottom: 0;}
/*.home-about .content p{font-size: 14px;font-weight: bold;color: #7e7a79;line-height: 24px;}*/


.home-products{
        margin-top: 80px;
    background: rgb(34 153 208 / 5%);
    padding-top: 60px;
    padding-bottom: 60px;
}
.home-products .flex{justify-content:space-between;}

.product-box{    width: 360px;
    margin: 15px;
    border: 2px solid #d0cccd;
    padding: 15px;
    border-radius: 20px;text-align: center;}
.product-box img{width: 100%;    border-radius: 20px 20px 0 0;}
.product-box h3{
        padding: 0;
    font-size: 28px;
    text-align: center;
    font-weight: 500;
    margin-top: 15px;
    margin-bottom: 25px;
}
.product-box:hover .btns-border{background:var(--color2); border:2px solid var(--color2); color:#fff;}
.product-box:hover{background:var(--main-color);}
.product-box:hover h3{color:#fff;}


.home-catalog{margin-top: 80px;padding-bottom: 60px;}

.catalog-box {
	width:100%;
    padding: 5px;
    border-radius: 20px;
    text-align: center;
    background: var(--main-color);
}
.catalog-box .img-wrapper{    width: 100%;
    margin: 0;
    padding: 0;
    border-radius: 15px;
    position: relative;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;
    background: #fff;}

 .catalog-box .img-wrapper img{    width: 100%;
    vertical-align: bottom;
    border-radius: 8px;}
 .img-wrapper a{ display: flex;}

.catalog-box h3 {
 color: #fff;
    padding: 15px;
    margin: 0;
    font-size: 28px;
}


.catalog-box .img-overlay {
     background: rgb(228 203 110 / 34%);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
	    border-radius: 14px;
  
	cursor:pointer;
}

.catalog-box:hover .img-overlay{opacity:1 !important;}
.catalog-box .img-overlay i {
  color: var(--main-color);
  font-size: 45px;
}
.catalog-box .catalog-number {text-align: center;
    display: flex;
    justify-content: center;
    margin: 20px 0;}
.catalog-box .catalog-number span{
	background: transparent;
    display: flex;
    width: 80px;
    height: 80px;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    font-size: 30px;
    color: #fff;
    font-weight: 500;
	border:2px solid;
}

.catalog-box:hover .catalog-number span{background: var(--color2);}

#nextButton,#prevButton{display:none;} 

#overlay {
  background: rgba(0, 0, 0, 0.7);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 999;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#overlay img {
  margin: 0;
  width: 80%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
  padding: 5%;
}
@media screen and (min-width: 768px) {
  #overlay img {
    width: 60%;
  }
}
@media screen and (min-width: 1200px) {
  #overlay img {
    width: 50%;
  }
}

#nextButton {
  color: #fff;
  font-size: 2em;
  transition: opacity 0.8s;
}
#nextButton:hover {
  opacity: 0.7;
}
@media screen and (min-width: 768px) {
  #nextButton {
    font-size: 3em;
  }
}

#prevButton {
  color: #fff;
  font-size: 2em;
  transition: opacity 0.8s;
}
#prevButton:hover {
  opacity: 0.7;
}
@media screen and (min-width: 768px) {
  #prevButton {
    font-size: 3em;
  }
}

#exitButton {
  color: #fff;
  font-size: 2em;
  transition: opacity 0.8s;
  position: absolute;
  top: 15px;
  right: 15px;
}
#exitButton:hover {
  opacity: 0.7;
}
@media screen and (min-width: 768px) {
  #exitButton {
    font-size: 3em;
  }
}




.demo-gallery.owl-theme{position: relative;}
.demo-gallery.owl-theme .owl-nav.disabled{  display: block;}
.demo-gallery.owl-theme .owl-nav button {color: #000;width: 38px;height: 58px;/* text-indent: -999em; */opacity: 9;margin: 0;position: absolute;top: 50%;margin-top: 0;border: 2px solid #000;border-radius: 0;background: transparent;}
.demo-gallery.owl-theme .owl-nav .owl-prev {left: -50px;}
.demo-gallery.owl-theme .owl-nav .owl-next {right: -50px;}
.demo-gallery.owl-theme.owl-nav button span{font-size: 24px;position: relative;top: -2px;}
.demo-gallery.owl-theme .owl-nav [class*=owl-]:hover{background: var(--color2) !important;border: none !important;}

.home-catalog .buttons{
	display: flex;
    justify-content: center;
}
.catalog-in .flex{justify-content:space-between}
.catalog-in .catalog-box.image {
    width: 370px;
    margin: 15px 0;
}
/* =================
 Footer
================== */

.footer_block{
	background: #393939;padding-top:50px;
}

/* .footer_block .flex{justify-content: center;} */

.footer_block .social-media ul{
	    justify-content: center;
    display: flex;
}

.footer_block .boxes{width:390px}

.footer_block .boxes h3{font-size: 24px;
    color: #fff;
    margin: 0;}
.footer_block .boxes hr{
	    width: 50px;
    text-align: left;
    display: inline-block;background-color: var(--color2);height:3px;
}


.footer_block .contact-info .icon{padding-right: 15px;}
.footer_block .contact-info .value{font-size: 16px;color: #fff;display: inherit;}
.footer_block .contact-info .key{color: #fff;font-size: 16px;font-weight: bold;}
.footer_block .contact-info .value{display: table; margin-top: 15px;}
.footer_block .contact-info a{display: inline-block;color: #fff;font-size: 16px;font-weight: 400;}
.footer_block .contact-info div:hover a{color: var(--main-color);}
.footer_block .contact-info div{display: flex;    margin-bottom: 30px;    align-items: center;}

.footer_block .contact-info .fa{
	    color: #fff;
    background: var(--main-color);
    display: flex;
    border-radius: 100px;
    height: 30px;
    width: 30px;
    justify-content: center;
    align-items: center;
    margin-right: 15px;
}

.quick-link ul li a{color:#fff;font-size: 16px;}
.quick-link ul li a:hover{color:var(--main-color);}
.quick-link.boxes{text-align:right;}

.boxes .logo-footer {
	    display: flex;
    margin-bottom: 39px;
    justify-content: center;
}

.boxes .logo-footer img{    width: 320px;
    border: 1px solid #505050;
    padding: 8px;}

.copyright{float: left;width: 100%;clear: both;    text-align: center;border-top: 1px solid #484848;    margin-top: 30px;    padding: 30px;}
.copyright p{    color: #fff;
    font-size: 15px;
    margin: 0;}

.copyright p a{    color: var(--color2);}

.social-media{float: left;width: 100%;}
.social-media ul {margin: 0;padding: 0;}
.social-media ul li {float: left;}
.social-media ul li a {color: #fff;font-size: 22px;display: inline-block;width: 40px;height: 40px;line-height: 40px;text-align: center;border:1px solid #fff;border-radius:4px; margin-right: 15px;}
.social-media ul li a:hover{color: #fff;border: 1px solid #000;transform: scale(1.1);}
.social-media ul li.fa a:hover {background: #4867aa;}
.social-media ul li.insta a:hover { background: radial-gradient(circle farthest-corner at 35% 90%, #fec564, transparent 50%), radial-gradient(circle farthest-corner at 0 140%, #fec564, transparent 50%), radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent), linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%);}
.social-media ul li.tw a:hover {background: #000;}



.error-404.not-found .flex{align-items:center;}
.error-404.not-found .boxes{
	width:585px;
}

.error-404.not-found .boxes img{width:100%;}
.error-404.not-found h1{
	font-size: 170px;
    font-weight: 600;
    padding: 0;
    margin: 0;
    color: var(--color2);
}
.error-404.not-found .boxes:last-child{    text-align: center;}



/*  about Page */
.padtop{padding-top:60px;}
.padbot{padding-bottom:60px;}
.about_mission{margin-top:0;}
.about_mission h2{
	    font-size: 30px;
    font-weight: 600;
    color: #000;
    line-height: 35px;
}

.about_location{
	    background:rgb(34 153 208 / 5%);
    padding: 50px 0;
    margin-top: 60px;
}
.about_location h3{
	    font-size: 30px;
    color: var(--main-color);
    font-weight: 600;
    text-transform: capitalize;line-height:35px;
}

.about_leadership {margin-top:50px;}
.about_leadership h2{    font-size: 45px;
    font-weight: 600;
    color: #000;
    line-height: 50px;}
.about_leadership .flex{align-items:center;margin-top:30px;    border-bottom: 1px solid #ccc;
    padding-bottom: 40px;}
.about_leadership .flex:last-child{border-bottom:none;padding-bottom:0;}
.about_leadership .right-side{width:40%;    text-align: center;
    background: var(--main-color);
    padding: 20px;}
.about_leadership .left-side{width:60%;    padding-left: 50px;}

.about_leadership .right-side img{
	    width: 300px;
    height: 300px;
    border: 2px solid #d0cccd;
    border-radius: 100%;
    padding: 10px;
}
.about_leadership .right-side h4{
font-size: 30px;
    color: #fff;
    font-weight: 700;
    padding: 0;
    margin: 10px 0;}
.about_leadership .right-side p{color: #fff;}
.about_leadership .left-side h3{
	    color: #000;
    font-size: 30px;
    font-weight: 600;
    line-height: 35px;
}

/* contact page */

.contact_form form{
	    width: 800px;
    margin: auto;
    border: 2px solid #d0cccd;
    padding: 60px;
    border-radius: 20px;
}

.contact_form form h2{
	    padding: 0;
    font-size: 30px;
    font-weight: 600;
    text-transform: capitalize;color:#000;
}

.accordion {
  margin: 1rem 0;
  padding: 0;
  list-style: none;
  border-top: 1px solid #e5e5e5;
}

.accordion-item {
  border-bottom: 1px solid #e5e5e5;padding: 30px 0;
}

/* Thumb */
.accordion-thumb {
     margin: 0;
    padding: 0;
    cursor: pointer;
    line-height: 30px;
    font-size: 30px;
    font-weight: 600;
    color: #000;
}
.accordion-thumb::before {
  content: "";
  display: inline-block;
  height: 7px;
  width: 7px;
  margin-right: 1rem;
  margin-left: 0.5rem;
  vertical-align: middle;
  border-right: 1px solid;
  border-bottom: 1px solid;
  transform: rotate(-45deg);
  transition: transform 0.2s ease-out;
}

/* Panel */
.accordion-panel {
  margin: 0;
  padding: 35px 35px 0;
  display: none;
}

/* Active */
.accordion-item.is-active .accordion-thumb::before {
  transform: rotate(45deg);
}

.accordion ul{    padding-left: 30px;}
.accordion ul li{list-style:disc;}



/* ----------- */
.product_in_block{padding-top:60px;padding-bottom:60px;position:relative;}
.product_in_block .flex{justify-content:space-between;    margin-bottom: 15px;}
.product_in_block .left-side{width:350px;}
.product_in_block .right-side{width:780px;}

.box-key {
    width: 175px;
    border: 1px solid #ccc;
    text-align: center;
    padding: 10px;margin:10px;
}
.box-key h4{
	    text-align: center;
    font-size: 20px;
    font-weight: 600;
    color: #000;
    width: 100%;
    margin: 0 auto 15px;
}
.box-key h4 span{
	    display: flex;
    border: 1px solid;
    background: var(--color2);
    width: 40px;
    height: 40px;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
    font-size: 18px;
    font-weight: 600;
       margin: 0 auto 10px;
}
.box-key.box-3{width:240px;}

.product_in_block .right-side .flex{
	justify-content: left;
    width: 100%;
}

.product_in_block .right-side h2{
	    font-size: 45px;
    color: #000;
    margin-bottom: 15px;
    margin-top: 0;
    padding: 0;
    line-height: 55px;
    font-weight: 600;
}

.product_in_block .right-side h3{
	color: var(--main-color);
    font-size: 30px;
    margin-top: 15px;
    margin-bottom: 15px;
    padding: 0;
    line-height: 35px;
}

.product_in_block .right-side hr{
	    margin-top: 50px;
    margin-bottom: 50px;
    background-color: #eaeaea;
}

.product_in_block .right-side h5{
	    padding: 0;
    margin: 15px 0;
    font-size: 24px;
    letter-spacing: 0;
    text-transform: none;
    font-weight: 600;
    line-height: 28px;
    color: #000;
}

.product_in_block .right-side ul li{
	list-style: disc;
}
.product_in_block .right-side ul{padding-left: 20px;}

.product-nav{
	    border: 1px solid var(--main-color);
    padding: 15px;
    background: rgb(34 153 208 / 8%);
}
.product-nav ul li{  position: relative;
    background: #fff;
    border-radius: 4px;
    margin: 10px 0;
    padding: 0 10px;}
.product-nav ul li:last-child{border-bottom:none;}
.product-nav ul li a{
   display: inline-block;
    font-size: 18px;
    font-weight: 500;
    color: #000;
    width: 100%;
    padding: 10px 10px 10px 15px;
}
.product-nav ul li .fa{
	    position: absolute;
    top: 15px;
    left: 15px;
}
.product-nav ul li a:hover, .product-nav ul li.active a{color:var(--main-color);}


/* --------- */

.help-box{
border: 1px solid #787878;
    text-align: center;
    position: absolute;
    top: 100px;
    width: 350px;
    margin-top: 310px;
}
.help-box .box-in{padding:15px;}
.help-box .box-in h6{
	font-size: 36px;
    font-weight: 700;
    text-transform: capitalize;
    line-height: 45px;
    color: #000;
}
.default-page{padding-top:60px;padding-bottom:60px;}
.default-page .entry-header{display:none;}

.aioseo-html-sitemap h4{font-size:40px;}
.aioseo-html-sitemap ul li a{box-shadow:none;}
.aioseo-html-sitemap ul li a:hover{box-shadow:none;color:var(--main-color);}

.aioseo-html-sitemap ul li{list-style:disc;}
.aioseo-html-sitemap ul li ul li{list-style:circle;}

.default-page h2{
	color: #000;
    font-size: 30px;
    font-weight: 600;
    line-height: 35px;
    margin: 0 0 15px;
}

.default-page ul{padding-left:30px;}
.default-page ul li{list-style:disc;    margin-bottom: 15px;}

.content-holder ul{padding-left: 20px;}
.content-holder ul li{list-style:disc;}
.content-holder2{margin-top:30px;}

.about-choose{       background: var(--main-color);
    padding-top: 60px;
    padding-bottom: 60px;
    margin-top: 60px;}
.about-choose .flex{justify-content:space-between;}
.about-choose .boxes {width:560px;}

.about-choose .boxes p, .about-choose .boxes li{color:#fff;}
.about-choose .boxes h2{
	    color: #fff;
    font-size: 40px;
    font-weight: 600;
}

.boxes .img img{
/* 	box-shadow: rgba(34 ,153 ,208, 0.4) -5px 5px, rgba(34 ,153 ,208, 0.3) -10px 10px, rgba(34 ,153 ,208, 0.2) -15px 15px, rgba(34 ,153 ,208, 0.1) -20px 20px, rgba(34 ,153 ,208, 0.05) -25px 25px; */
	box-shadow: rgba(6, 24, 44, 0.4) 0px 0px 0px 2px, rgba(6, 24, 44, 0.65) 0px 4px 6px -1px, rgba(255, 255, 255, 0.08) 0px 1px 0px inset; 
	border-radius:30px;
}

.about-values{    padding-top: 60px;}
.about-values h2{
	    font-size: 30px;
    font-weight: 600;
    color: #000;
    line-height: 35px;
}
.about-values .content{text-align:center;}
.about-values .content ul{    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;}
.about-values .content li {
    width: 214px;
    border: 1px solid #ccc;
    margin: 10px;
    padding: 30px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    border-radius: 10px;
}


.about-values .content li .fa{
	    display: block;
    font-size: 40px;
    margin-bottom: 30px;
    color: var(--color2);
}
 /*--================== 
    #responsive
==================--*/

@media (max-width:1200px){
	.container{width:100%;} 
	.counter-wrap .flex{width:100%;}
	.home-about .boxes{width:50%;}
	.about_leadership .right-side img{width:80%;height:80%;}
	.footer_block .boxes { width: 33.33339%;}
	.quick-link.boxes {text-align: center;}
	.product_in_block .left-side{width:40%;}
	.product_in_block .right-side{width:55%;}
	.help-box{width:38%;}
	.catalog-in .catalog-box.image{width:100%;}
	.product-box{width:29%;}
	.demo-gallery.owl-theme .owl-nav button{position:relative;margin-bottom: 30px;}
	.about-values .content ul{justify-content:center;}
	.about-choose .boxes{width:48%;}
}

@media (max-width:1024px){
.header_block{height:85px;position:relative;}
	.hero_block{margin-top:0;}
.logo img { width: 245px;}
	button.menu-toggle{
	        border: 2px solid;
        margin-top: 22px;
        padding: 8px;
        position: absolute;
        right: 20px;
        top: 0;
        background: transparent !important;
	}
	.toggled-on button.menu-toggle{    color: #f87272;}
	
.primary-menu,.primary-menu ul#top-menu {  width: 100%;}
.primary-menu ul#top-menu li {display: block;        float: left;
        width: 100%;}
	.contact_form form{width:95%;padding:30px;}
	
	.main-navigation ul ul.toggled-on{position:relative;width:100%;}
	
	.product-box h3{font-size:20px;}
	.btns-border{font-size:16px;}
	.hero_block .owl-carousel .owl-item img{height:560px;object-fit:cover;}
	
	.about-values .content li{width:28%;}
}

@media (max-width:768px){
		
	.home .hero_block .caption{position:relative;}
	.home .hero_block .caption .table2{    background: var(--main-color);}
	.hero_block.hero_block_in img{height:250px;}
	.counter-wrap{position:relative;    background: #2299d0b3;
    width: 100%;
    padding: 30px;margin-top: 0;top:0;}
	.hero_block .caption .content{padding:30px;margin-top:0;}
	.hero_block .caption hr.title-hr{margin:0;}
	.counter{    width: 46%;margin:2%;height: auto;}
	.home-about .boxes {width: 100%;}
	.home-about .boxes:last-child {
    padding-left: 0;
    padding-top: 30px;
    text-align: center;}
	.product-box{width:100%;margin:2% auto;padding:10px;}
	
	.img-wrapper{  width: 46%;margin:2%;}
	
	.footer_block .boxes {
    width: 100%;
    text-align: center;
}
	
	.footer_block .boxes img[alt="logo"]{width:290px;}
	.quick-link.boxes {
    text-align: center;
    margin-top: 30px;}
	.footer_block .contact-info div{justify-content:center;}
	
	.about_leadership .left-side {
    width: 100%;
    padding-left: 0;
    text-align: center;
    padding-top: 30px;
}
	.about_leadership .right-side{width:100%;}
	.about_location{text-align:center;}
	.box-key{width:46% !important;}
	.product_in_block .right-side,
	.product_in_block .left-side{width:100%;}
	.help-box {position: relative;
    top: 0;
    width: 100%;
    margin-top: 0;
}
	.home-about .title-wrap{text-align:center;}
	.catalog-in .catalog-box.image{width:100%;}
	.about-choose .boxes {
    width: 100%;}
	.about-values .content li{width:45%;}
	
}

@media (max-width:486px){

	.logo img {width: 200px;  position: relative;  top: 8px;}
	.counter{    width: 100%;margin:2% auto;height: auto;}
	.img-wrapper{width:100%;margin:2% auto;}
	
	.box-key, .about-values .content li{width:100% !important;}
}

@media (min-width: 769px) and (max-width:1250px){
	.hero_block .caption .content{margin-left:5%;width:90%;}
	.hero_block .owl-theme .owl-nav .owl-prev { left: 0;}
	.hero_block .owl-theme .owl-nav .owl-next {right: 0;}
}

@media (min-width: 1201px) and (max-width:1250px){
	.demo-gallery.owl-theme .owl-nav .owl-next {
    right: 0;
}
	.demo-gallery.owl-theme .owl-nav .owl-prev {
    left: 0;
}
}