/*
Theme Name: Chikar
Author:chikar
Author URI: https://chikar.nl
Description: The chikar Theme based on the famous Wordpress CMS.
Version: 1.0
*/

@import url(fonts/stylesheet.css);

* {margin: 0;padding: 0;box-sizing: border-box;}
img {max-width: 100%;height: auto;}
body {background: #13130e;font-size:16px;line-height:20px;color: #cdc5b5;font-family: 'Dosis';font-weight: 300;}
ul {list-style: none;padding: 0;}
p {font-size:18px;margin-bottom: 20px;line-height:26px;}
a {text-decoration: none;transition: 0.4s;color: #ffffff;}
/* ----- Heading Font CSS ------ */

h1,h2,h3,h4,h5,h6 {margin-bottom:20px;font-family: 'Dosis';font-weight: 300;}
h1{font-size:50px;line-height: 60px;text-transform: uppercase;margin-bottom: 35px;}
h2{font-size:37.91px;line-height: 44px;text-transform: uppercase;margin-bottom: 35px;}
h3{font-size:24px;line-height: 28px;}
h4{font-size:18px;line-height: 22px;}
h5{font-size:16px;line-height: 20px;}
h6{font-size:14px;line-height: 18px;}
strong{font-family: 'Dosis';font-weight: bold;}
a:focus,.btn:focus,button:focus,.btn-primary:not(:disabled):not(.disabled):active:focus {outline: none;box-shadow: none;}
input:focus{border: none;outline: none;}

/* global css start */ 
.full_width{width: 100%;float: left;}
.wrapper{max-width:745px;margin: 0 auto;width: 100%;}
.home .logo_chikar{display: block;}
.logo_chikar{display: none;}
.title_box{text-align: center;margin-top: 30px;overflow-y: hidden;}
.title_box h1{color: #857550;}
.main-content{margin-top: 250px;width: 100%;float: left;}
.home .main-content{margin-top: 0;padding-bottom: 0;}
.home .hambuger_bottom{margin-top: 0;}
.home .hambuger{background: #000;}
.stop_scroll{overflow: hidden;}


.slick-arrow {z-index: 1;width: 39px;height: 76px;position: absolute;top: 40px;font-size: 0;border: none;cursor: pointer;}
.slick-prev {background: url(images/left-arrow.png)center center no-repeat;left: -60px;}
.slick-next {background: url(images/right-arrow.png)center center no-repeat;right: -60px;}
/* global css end */
/* ******************************* main css ***************************** */
/* header start */
.header{text-align: center;position: absolute;left: 0;top: 0;z-index: 999;padding-top: 70px;}
.logo{position: relative;z-index: 2;}
.logo img{width: 114px;display: block;margin: 0 auto 10px;z-index: 1;position: relative;}
.logo_chikar img{width: 248px;display: block;margin: 0 auto;}

.hambuger_bottom{position: fixed;bottom: 0;left: 0; z-index: 9999;text-align: center;margin-top: 60px;}
.hambuger {border: 1px solid #535446;width: 185px;float: left; padding: 30px 10px 60px;border-top-left-radius: 12px;border-top-right-radius: 12px;border-bottom: unset;cursor: pointer;transition: 0.4s;background: #000000;}
.hambuger ul{width:109px;margin: 0 auto;}
.hambuger li{width: 100%;float: left;display: flex;flex-wrap: wrap;justify-content: space-between;margin-bottom: 6px;transition: 0.4s;opacity: 1;}
.hambuger li span{width: 50%;height: 3px;display: inline-block; background: #535446;transition: 0.4s;}
.hambuger p{margin-bottom: 0;width: 109px;margin: 0 auto;text-transform: uppercase;display: flex;justify-content: space-between;}
.hambuger li span:first-child{border-top-left-radius: 10px;border-bottom-left-radius: 10px;transform: translateX(0px) rotate( 0deg);}
.hambuger li span:last-child{border-top-right-radius: 10px;border-bottom-right-radius: 10px;transform: translateX(0px) rotate(0deg)}
.menu_text{margin-top: 4px;transition: 0.4s all linear;transform: translateY(0);}
.hambuger:hover li span:first-child{transform: translateX(2px) rotate( -10deg) ;}
.hambuger:hover li span:last-child{transform: translateX(0px) rotate(10deg)}
.hambuger_bottom .wrapper{display: flex;justify-content: center;}

.hambuger.active li:last-child{opacity: 0;}
.hambuger.active li span:first-child{transform: translateX(2px) rotate( 10deg) ;}
.hambuger.active li span:last-child{transform: translateX(0px) rotate( -10deg) ;}
.hambuger.active .menu_text{transform: translateY(-20px);color: transparent;pointer-events: none;}
.hambuger.active {border: none;}
.hambuger.active li span{background: #ffffff;}

.hambuger.active:hover li span:first-child{transform: translateX(3px) rotate( 16deg) ;}
.hambuger.active:hover li span:last-child{transform: translateX(0px) rotate( -16deg)}
.hambuger.active{padding-bottom: 20px;background: unset;}

.menu_list{background: #83754e;position: fixed;left: 0;bottom: -100%;text-align: center;height: calc(100% - 155px);padding: 90px 0;display: flex;transition: 0.4s;}
.menu_list.show{bottom: 0;}
.menu_list .wrapper{margin: auto;}
.menu_list li{margin-bottom: 20px;}
.menu_list a{font-weight: bold;font-size: 49px;color: #D6D1CA;line-height: 40px;text-transform: lowercase;}
.menu_list a:hover,.menu_list li.current-menu-item a{color: #1D1D1B;}
/* header end */


/* banner start */
.banner{height: 100vh;display: flex;min-height: 820px;position: relative;}
.banner .wrapper{margin-top: auto;margin-bottom: 175px;position: relative;z-index: 1;}
.banner_text{text-align: center;}
.banner .text{background: rgba(133, 117, 80,0.5);max-width: 685px;margin: 0 auto;border-radius: 90px;padding: 22px;margin-bottom: 40px;width: 100%;}
.banner h1{font-size: 53px;color: #C0B7A3;margin-bottom: 0;}
.banner p{font-size: 22px;color: #D9D3C6;line-height: 26px;font-weight: bold;}
.top_shadow{position: absolute;left: 0;top: 0;width: 100%;height: 100%;pointer-events: none;background:url(images/shadow-top.png)top center no-repeat ;mix-blend-mode: multiply;background-size: cover;}
.bottom_shadow{position: absolute;left: 0;bottom: 0;width: 100%;height: 100%;pointer-events: none;background:url(images/shadow-bottom.png)bottom center no-repeat ;mix-blend-mode: multiply;background-size: cover;}
/* banner end */
/* company logo start */
.company_logo{background: #CFCBC2;padding-top: 90px;padding-bottom: 180px;}
.company_logo .wrapper{max-width: 1440px;}
.company_logo .inner_part{display:flex;flex-wrap: wrap;}
.company_logo .logo_img{width: 19%;float: left;margin-right: 1.2%;margin-bottom: 1.2%;}
.company_logo .logo_img:nth-child(5n){margin-right: 0;}
.company_logo .logo_img img{width: 100%;display: block;border-radius: 8px;}
/* company logo end */

/* content box start */
.content_box{text-align: center;padding-bottom: 100px;}
.content_with_bg{background: #4b442e;padding: 50px 0 30px;text-align: center;}
.content_with_bg p{color:#E5E1D9;}
.content_box.text_editor{padding: 60px 0;}
.content_box.text_editor p{font-size: 16px;line-height: 20px;}
/* content box end */

/* slider start */
.hassinchikar_slider{padding: 60px 0 180px;}
.hassinchikar_slider .left_part{width: 49%;float: left;}
.hassinchikar_slider .right_part{width: 49%;float: right;}
.hassinchikar_slider .image img{border-radius: 15px;display: block;border: 1px solid #535446;}
.hassinchikar_slider h3{font-family: 'Antipasto Pro';font-weight: bold;color: #535446;}
.contact_info{padding-top: 20px;}
.contact_info a{font-size: 16px;position: relative;padding-left: 35px;color: #d6d1ca;}
.contact_info a:hover{color: #535446;}
.contact_info a::before{content: ">";position: absolute;left: 20px;top: 0;font-size: 22px;color: #4b442e;font-weight: bold;}
.hassinchikar_slider .slick-slide{margin: 0 55px;}
.hassinchikar_slider .right_part .contact_info{display: none;}
/* slider end */

/* contact section start */
.contact_section{padding: 60px 0 60px;}
.contact_section h2{color: #857550;text-align: center;}
.contact_section .field{width: 100%;margin-bottom: 5px;float: left;}
.contact_section .field input{width: 100%;float: left; background: transparent;border: 2px solid rgba(133, 117, 80,0.5);border-radius: 8px;padding: 12px 15px;color: #CDC5B5;font-size: 16px;font-family: 'Dosis';font-weight: 300;}
.contact_section .field textarea{width: 100%;float: left; background: transparent;border: 2px solid rgba(133, 117, 80,0.5);border-radius: 8px;padding: 12px 15px;color: #CDC5B5;font-size: 16px;font-family: 'Dosis';font-weight: 300; height: 204px;resize: none;}
.contact_section .field input[type="submit"]{width: 110px;display: flex;justify-content: center;background:#4b442e ;border: none;border-radius: 100%;height: 110px;margin: 15px auto 0;float: unset;font-size: 19px;color: #FFFFFF;cursor: pointer;transition: 0.4s;}
.contact_section .field input[type="submit"]:hover{background: #000000;}

::placeholder {color: #CDC5B5; opacity: 1;}
:-ms-input-placeholder {color: #CDC5B5;}
::-ms-input-placeholder {color: #CDC5B5;}

input:focus,textarea:focus{outline: none;}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output{clear: left;width: 100%;float: left;text-align: center;padding: 15px;}
.wpcf7-spinner{position: absolute !important;}
.error404 a{text-decoration: underline;}
.wpcf7-form-control-wrap{width: 100%;float: left;}
.contact_section .wpcf7-not-valid-tip{display: none;}
.contact_section .field input.wpcf7-not-valid{border-color: #531616;}

.blank_space{height: 160px;}

/* contact section end */
.responsive_arrow_down{padding-bottom: 30px;display: none;}
.responsive_arrow_down img{display: block;margin: 0 auto;}

.content_box ul,.content_box ol{margin-bottom: 20px;}
.content_box ul{list-style-type: disc;}
.content_box li{margin-bottom: 5px;padding-left: 5px;font-size: 18px;line-height: 20px;}
.content_box.text_editor li{font-size: 16px;line-height: 20px;}
.content_box a{text-decoration: underline;color: #cdc5b5;}
.content_box a:hover{text-decoration: none;}

.content_with_bg ul,.content_with_bg ol{margin-bottom: 20px;}
.content_with_bg ul{list-style-type: disc;}
.content_with_bg li{margin-bottom: 5px;padding-left: 5px;font-size: 18px;line-height: 20px;color: #E5E1D9;}
.content_with_bg a{text-decoration: underline;color: #E5E1D9;}
.content_with_bg a:hover{text-decoration: none;}


.fadeoutin
{
  animation: fadeoutin 1s;
}

@keyframes fadeoutin
{
  0%{
    opacity:0;
  }
  100%
  {
    opacity:1;
  }
 
}


.fadeInDown_two
{
  animation: fadeInDown2 ;
  transition-property: opacity,transform;
  animation-duration: .8s;
  animation-timing-function: ease;
}

@keyframes fadeInDown2 {
  0% {
     opacity: 0;
     transform: translateY(60px);
  }
  100% {
     opacity: 1;
     transform: translateY(0);
  }
}






/* Responsive css start */

@media only screen and (max-width:1600px){
.company_logo .wrapper{max-width: 100%;padding: 0 40px;}
.logo img{width: 90px;}
.header{padding-top: 50px;}
.main-content{margin-top: 194px;}
.hambuger{padding: 20px 10px 30px;width: 155px;}
.hambuger p{font-size: 15px;}
.menu_list{height: calc(100% - 113px);padding: 80px 0;}
.menu_list a{font-size: 26px;line-height: 25px;}
.menu_list li{margin-bottom: 15px;}
h1 {font-size: 44px;line-height: 50px;}
h2 {font-size: 34px;line-height: 40px;}
.logo_chikar img{width: 200px;}
.banner h1{font-size: 30px;line-height: 1.2;}
.banner .text{padding: 10px;margin-bottom: 20px;max-width: 450px;}
.banner .wrapper{margin-bottom: 140px;}
.hambuger ul,.hambuger p{width: 100px;}
.hambuger.active{padding-bottom: 0;}
.banner{min-height: 620px;}
}


@media only screen and (max-width:991px){
.wrapper{max-width: 100%;padding: 0 40px;}
.company_logo .logo_img{width: 32%;margin-right: 2%;margin-bottom: 2%;}
.company_logo .logo_img:nth-child(5n){margin-right: 2%;}
.company_logo .logo_img:nth-child(3n){margin-right: 0;}
.content_box{padding-bottom: 60px;}
.company_logo{padding-top: 60px;padding-bottom: 160px;}

.banner .text{width: 80%;}
.hassinchikar_slider .right_part{width: 100%;}
.hassinchikar_slider .left_part{width: 100%;}
.hassinchikar_slider .left_part .contact_info{display: none;}
.hassinchikar_slider .right_part .contact_info{display: block;}
.hassinchikar_slider .card{text-align: center;}
.hassinchikar_slider .card .image{margin-bottom: 20px;}
.hassinchikar_slider .card:not(:last-child){margin-bottom: 50px;}
.hassinchikar_slider .image img{margin: 0 auto;}
.hambuger{width: 137px;}
.hambuger ul{width: 80px;}
.hambuger p{width: 80px;  font-size: 13px;}
.menu_text{margin-top: 0;}
.logo_chikar img{width: 158px;}
.logo img{width: 72px;}
.menu_list { height: calc(100% - 104px);}
.banner h1{font-size: 25px;}
.menu_list li{margin-bottom: 12px;}
.responsive_arrow_down{display: block;cursor: pointer;}
.content_with_bg{margin-bottom: 30px;}
.contact_section{padding-top: 10px;padding-bottom: 20px;}
.content_box.text_editor{padding: 40px 0;}
.blank_space{height: 140px;}
.slick-prev {left: -20px;}
.slick-next {right: -20px;}
}

@media only screen and (max-width:600px){
.wrapper{padding: 0 30px;}
h1, h2, h3, h4, h5, h6{margin-bottom: 20px;}
h1 {font-size: 35px;line-height: 42px;}
h2 {font-size: 31px;line-height: 37px;}
p,body{font-size: 16px;line-height: 20px;}
.menu_list a{font-size: 24px;line-height: 20px;}
.contact_section .field input[type="submit"]{font-size: 16px;}
.hambuger p{font-size: 12px;}
.banner p{font-size: 14px;}

.company_logo .logo_img{width: 49%;margin-right: 2%;margin-bottom: 2%;}
.company_logo .logo_img:nth-child(5n){margin-right: 2%;}
.company_logo .logo_img:nth-child(3n){margin-right: 2%;}
.company_logo .logo_img:nth-child(2n){margin-right: 0;}

.header {padding-top: 25px;}
.main-content {margin-top: 142px; }
.contact_section .field input[type="submit"]{width: 97px;height: 97px;}
.banner .text{width: 100%;}
.banner h1{font-size: 25px;line-height: 1.2;}
.menu_list { height: calc(100% - 78px);}

.logo {display: none;}
.logo_chikar{display: block;background: #525446;width: 222px;float: unset;margin: 0 auto;border: 1px solid #cdc5b4;border-top: unset;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;padding: 40px 0 25px;margin-top: -25px;}
.logo.logoshow{display: block;}
.logo_chikar.hide{display: none;}
.logo_chikar img{width: 136px;}
.home .logo{display: block;}
.home .logo_chikar{background: unset;border: unset;padding: 0;margin-top: 0;border-radius: unset;}
.content_box li,.content_with_bg li{font-size: 16px;}

.slick-prev {background-size: 25px;left: -30px;}
.slick-next {background-size: 25px;right: -30px;}
.hassinchikar_slider .slick-slide{margin: 0 10px;}

}
@media (max-width:991px) and (min-height:800px){

.menu_list a{font-size: 33px;line-height: 30px;}


}