*{ font-family: "Roboto", sans-serif;transition:.3s ease;padding:0;margin:0;box-sizing:border-box;}
img{object-fit:cover;max-width:100%;}
.container{max-width:1200px;}
a{text-decoration:none !important;display:inline-block;color: black;}
ul li{list-style:none;}
ul{padding: 0;}
.flexAll{display: flex;justify-content: center;align-items: center;}
p{margin-bottom:0px; }
.box15{width:15%}
.box95{width:95%}
.box20{width:20%}
.box30{width:30%}
.box40{width:40%}
.box75{width:75%}
.box33{width:33%}
.box100{width:100%}
.box62{width:62%}
.text-center{text-align: center;}
figure{margin: 0;}
ul{margin: 0;}
.mb70{margin-bottom: 70px;}


.text-center{text-align: center;}
figure{margin: 0;}
ul{margin: 0;}
.mb70{margin-bottom: 70px;}
section{overflow: hidden;}
body{overflow-x:hidden ;}
.menu-button{display: none;}
.close-button{display: none;}


header .lower-header .navigation nav ul li.active a{color:#ff9a25;}
header .lower-header .row-2{display: flex;align-items: center;justify-content: space-between;padding-top: 20px;}
header .lower-header .navigation nav ul{display: flex;margin: 0;align-items: center;    justify-content: space-between;}
header .lower-header .navigation nav ul li a{font-size: 16px;line-height: 40px;text-transform: uppercase;color: #000000;font-weight: 400;font-family: "Roboto";}
header .lower-header .navigation nav ul li a:hover{color:#ff9a25;}  
header .lower-header .navigation nav ul li i{font-size: 15px;margin-left: 6px;}
header .lower-header .navigation.right ul li:nth-child(4),header .lower-header .navigation.right ul li:nth-child(5),header .lower-header .navigation.right ul li:nth-child(6){display: none;}
header .lower-header .navigation.left ul li:nth-child(1),header .lower-header .navigation.left ul li:nth-child(2),header .lower-header .navigation.left ul li:nth-child(3){display: none;}
header .lower-header .navigation{flex:0 0 29%}
header .lower-header .logo{flex:0 0 33%;    text-align: center;margin-bottom: 7px;}




.members{padding: 40px 0;background:#181819;padding-bottom: 30px;}
.members .top h3{font-size: 32px;line-height: 40px;text-transform: uppercase;color: #ffffff;font-weight: 400;text-align: center;font-weight: bold;margin-bottom: 25px;}
.members .wrapper{position: relative;}
.members .wrapper ul{width: 140px;}
.members .wrapper ul li h4{font-size: 32px;line-height: 40px;text-transform: uppercase;color: #ffffff;font-weight: bold;}
.members .wrapper ul li b{font-size: 16px;line-height: 50px;color: #ffffff;font-weight: bold;}
.members .wrapper ul li p{font-size: 16px;line-height: 50px;color: #ffffff;font-weight: 400;}
.members .wrapper ul li{display: flex;    justify-content: space-between;}
.members .wrapper .overlay{    position: absolute;top: 0;background-color: #fd9700b5;width: 202px;height: 100%;align-items: center;display: flex;padding-left: 10px;display: none;}
.members .wrapper:hover .overlay{display: flex;}
.members .wrapper{margin-bottom: 25px;overflow: hidden;}
.members .button{text-align: center;margin-top: 30px;}
.members .button a{font-size: 16px;line-height: 44px;text-transform: uppercase;color: #fd9700;font-weight: bold;border-radius: 5px;border: 2px solid #fd9700;background-color: #181819;    padding: 2px 13px;}





.copyright{padding: 20px ;background: #181819;}
.copyright .wrapper{background: #000;padding: 10px;text-align: center;}
.copyright p{font-size: 14px;line-height: 30px;color: #ffffff;font-weight: 400;}
.copyright a{color: #fd9700;}




.gallery-container {background: #181819;display: flex;gap: 20px;padding: 20px;}
.main-image { flex: 0 0 50%;}
.main-image img {width: 100%;height: auto;object-fit: cover;}
.thumbs img {width: 175px;height: 190px;object-fit: cover;cursor: pointer;transition: 0.3s;margin: 6px;}
.thumbs img:hover {transform: scale(1.05);opacity: 0.8;}
.thumbs img.active {border: 2px solid orange; }




.name-head {background: #181819;padding: 40px 0;}
.name-head .wrapper a{font-size: 16px;line-height: 60px;color: #fe9800;font-weight: 400;}
.name-head .wrapper i{color: #fff;padding: 0 5px;font-size: 16px;}
.name-head .wrapper p{color: #ddddddb0;}




.gallery-container .caption{background: #fe9800;}
.gallery-container .caption ul{display: flex;justify-content: space-between;padding:15px 60px;}
.gallery-container .caption ul b{font-size: 16px;color: #ffffff;font-weight: bold;margin-bottom: 10px;display: block;}
.gallery-container .caption ul p{font-size: 16px;color: #ffffff;font-weight: 400;}
.gallery-container .description{padding-top: 25px;}
.gallery-container .description h4{font-size: 32px;line-height: 40px;text-transform: uppercase;color: #ffffff;font-weight: bold;}
.gallery-container .description p{font-size: 16px;line-height: 26px;color: #ffffff;font-weight: 400;}



.services{background: #181819; padding: 30px 0;;}
.services .wrapper{background-color: #272727;border: 1px solid #494949;text-align: center;}
.services .wrapper ul li p{font-size: 16px;;color: #ffffff;font-weight: 400;}
.services .wrapper ul li b{font-weight: bold;display: inline-flex;padding: 15px 0;margin-right:5px}
.services .wrapper ul h4{font-size: 26px;line-height: 60px;text-transform: uppercase;color: #ffffff;font-weight: bold;background: #494949;padding: 15px;}
.services .wrapper ul li{display: flex;    justify-content: space-around;border-bottom: 1px solid #494949;    padding: 12px;}
.services .wrapper ul li i{background: #51b155;color: #fff;padding: 4px;margin-right: 5px;font-size: 12px;}
.services .wrapper.bottom h4{background: #fe9800;   }
.services .wrapper.bottom{margin-top: -40px;}
.services .wrapper:hover h4{background: #fe9800;}
.services .wrapper.right ul li i{color: #c72214;background: none;font-size: 20px;}




.review {padding-bottom: 60px;background: #181819; }
.review .wrapper{margin-bottom: 25px;}
.review .wrapper figure img{width: 100%;height: 100%;}
.review .wrapper figure img.main{width: 491px;height: 510px;}
.review .row .col-lg-4{padding: 0;margin: 0;}
.review .row .box.normal{flex: 0 0 29%}
.review .row .box.main{flex: 0 0 42%;}
.review .row .box figure{position: relative;}
.review .row .box figure::before{position: absolute;inset: 0;backdrop-filter: blur(5px);}
.review .row .box figure a i{color:#fff;font-size: 38px;position: relative;border: 1px solid white;padding: 10px;border-radius: 50px;background: black;}
.review .row .box figure figcaption{position: absolute;display: flex;align-items: center;justify-content: center;inset: 0px;backdrop-filter: blur(5px);transform: scale(0);}
.review .row .box figure figcaption::before{position: absolute;inset: 10px;content: '';;background: rgba(0,0,0,0.5);}
.review .row .box figure:hover figcaption{transform: scale(1);}

.members .wrapper img{width: 100%;}


.contact{background: #181819; }
.contact .top {text-align: center;}
.contact .top h4{font-size: 26px;text-transform: uppercase;color: #ffffff;font-weight: bold;}
.contact .top p{font-size: 16px;color: #ffffff;font-weight: 400;margin-bottom: 30px;}
.contact ul{background: #272727;padding:30px;width: 100%;}
.contact .wrapper ul li{display: flex;align-items: center;margin-bottom: 15px;}
.contact .wrapper ul li a{font-size: 16px;line-height: 30px;color: #ffffff;font-weight: 400;margin-left: 20px;}
.contact .wrapper ul li a:hover{color: #fd9700;}
.contact .wrap ul li i{width: 48px;height: 48px;display: flex;align-items: center;background: #fff;color: #fd9700;justify-content: center;border-radius: 5px;font-size: 22px;}
.contact .wrap ul li{display: flex;margin-bottom: 23px;}
.contact .wrap ul li b{font-size: 16px;line-height: 30px;color: #ffffff;font-weight: bold;display: block;margin-left: 15px;}
.contact .wrap ul li a{font-size: 16px;line-height: 30px;color: #ffffff;font-weight: 400;margin-left: 15px;}
.contact .wrap ul li a:hover{color: #fd9700;}



.details{background: #181819;padding: 40px 0;}
.details .wrapper form input{width: 100%;background: #272727;padding: 15px;border: 0;color:#fe9800}
.details .wrapper form input::placeholder{font-size: 15px;color: #bababa;font-weight: 400;}
.details .wrapper form textarea{width: 100%;background: #272727;padding: 15px;border: 0;height: 150px;color:#bababa ;}
.details .wrapper form button{    background: #fe9800;border-radius: 5px;display: block;padding: 15px 20px;width: auto;margin: auto;margin-top: 25px;border: 0;font-weight: 600;}
.details .wrapper form input.wpcf7-submit{color:#000}
.details .wrapper form input.wpcf7-submit:hover{background:#000;color:#fff}
.story{background: #181819;padding: 40px 0;padding-top: 0;}
.story .wrapper ul{background-color: #fff;padding: 30px;border-radius: 8px;color: #000;max-width: 980px;margin: auto;}
.story .wrapper ul li{display: flex;margin-bottom: 30px;    border: 1px solid #bfbfbfbf;}
.story .wrapper ul li figure{flex: 0 0 40%;}
.story .wrapper ul li figure img{width: 100%;}
.story .wrapper ul li .date{display: flex;align-items: center;margin-bottom: 20px;}
.story .wrapper ul li .date i{margin-right: 5px;}
.story .wrapper ul li h4{font-size: 22px;    font-weight: bold;color: #000;margin-bottom: 15px;}
.story .wrapper ul li figcaption{padding: 40px 20px;}
.story .wrapper ul li .desc p{font-size: 16px;}
.story .wrapper .pagination a{padding: 10px 20px;color: #fff;background: #000;margin: 10px;}
.story .wrapper .pagination a:hover{background:#f4b625;}
.story .wrapper .pagination a a{font-size: 17px;color: #fff;}
.story .wrapper .pagination a:hover {color: #000;}


.story .wrapper .pagination span{padding: 10px 20px;color: #fff;background: #f4b625;margin: 10px;}
.story .wrapper .pagination span:hover{background:#000;}
.story .wrapper .pagination span{font-size: 17px;color: #fff;}
.story .wrapper .pagination span:hover {color: #f4b625;}


.pagination{justify-content:center}

.details .wrapper form input.wpcf7-submit{background:#fd9700;    margin-top: 20px;}





.members .wrapper ul li h4:hover a{color:#fff}
.wpcf7-not-valid-tip{color:#fd9700 !important} 
.wpcf7 form.invalid .wpcf7-response-output{color:#fff}


.blog-wrap figure img{    width: 300px;}
.blog-wrap .post-title{font-weight:bold}
.top-wrap{display:none}

 .post-title a{    font-weight: bold;font-size: 20px; color: #e98ffc;}

.author-info strong{    padding: 10px;background: #e98ffc;border-radius: 50%; height: 40px;width: 40px;position: absolute;top: 40px;}


.vit-i-blog-detail{background: #181819;}


.blog-wrap{    background: #fff;padding: 40px; border-radius: 20px;width: 980px;margin: auto;margin-top: 60px;    padding-top: 100px;}


@media(max-width:1024px){


.thumbs img{width: 205px;height: 180px;}


}


@media(max-width:768px){


.services .wrapper{margin-bottom: 40px;}

.thumbs img{width: 156px;height: auto;}


}

@media(max-width:767px){



.menu-button,.close-button {display: block}
  .close-button {text-align: right;margin: 30px;color: #f4b625;}
  .menu-button .fa-bars {font-size: 32px;color: #f4b625}
 header .logo {display: flex;align-items: center;justify-content: space-between;width: 100%}
 header .logo img{width: 130px;}
   header .navigation nav ul { flex-direction: column}
   header .navigation { position: fixed; width: 50vw; ; background: #000; right: -100%; top: 0; height: 100%;z-index: 999;overflow: scroll;}
header .lower-header .row-2{display: block;}
  header .lower-header .row-2 .navigation nav ul li {border-right: 0;border-bottom: 1px solid #000;width: 100%;text-align: left;  margin: 0;      padding: 6px 20px; background: #f4b625;}
header .lower-header .navigation nav ul li.active a{padding: 0;}

header .lower-header nav ul li a{color: #000;}
header .lower-header nav ul .button a{margin-left: 0;width: 100%;}


.members .wrapper img{width: 100%;}

header .lower-header .navigation.left ul li:nth-child(1),header .lower-header .navigation.left ul li:nth-child(2),header .lower-header .navigation.left ul li:nth-child(3){display: block;}

header .lower-header .navigation nav ul li.active a{color:#000}
header .lower-header .navigation nav ul li.active{background: #fff;}
.services .wrapper.bottom{margin-top: 0;}
.contact .wrapper{margin-bottom: 30px;}


	.name-head{padding:30px 0}


.story .wrapper ul li{display: block;}
.story .wrapper .pagination ul{padding: 0;}
.story .wrapper .pagination ul li{padding: 5px 10px;}

}