@font-face {font-family: "Rob-400"; src: url('https://www.customkraftboxes.com/wp-content/themes/kraft/assets/img../../assets/font/Roboto-Regular.ttf'); font-display: block}
@font-face {font-family: "Rob-500"; src: url('https://www.customkraftboxes.com/wp-content/themes/kraft/assets/img../../assets/font/Roboto-Medium.ttf'); font-display: block}
@font-face {font-family: "Rob-700"; src: url('https://www.customkraftboxes.com/wp-content/themes/kraft/assets/img../../assets/font/Roboto-Bold.ttf'); font-display: block}
@font-face {font-family: "Rob-900"; src: url('https://www.customkraftboxes.com/wp-content/themes/kraft/assets/img../../assets/font/Roboto-Black.ttf'); font-display: block}

*{font-family:"Rob-400";transition:0.3s; color: #747474;}
h1,h2,h3,h4,h5,h6,label,span,a,ul,li{padding:0;margin:0;text-decoration:none;list-style:none;}
.container{max-width:1185px;} 
header,footer,section{float:left;width:100%;}

/*Scroll-style-start*/
.custom_scroll{scrollbar-width:thin;scrollbar-color:#fff #fff;}
.custom_scroll::-webkit-scrollbar{width:6px;visibility:hidden;}
.custom_scroll::-webkit-scrollbar-track{background:#e7e7e7;visibility:hidden;border-radius:20px;}
.custom_scroll::-webkit-scrollbar-thumb{background-color:#c09573;border-radius:20px;visibility:hidden;}
.custom_scroll:hover{scrollbar-width:thin;scrollbar-color:#c09573 #e7e7e7;}
.custom_scroll:hover::-webkit-scrollbar{width:6px;visibility:visible;}
.custom_scroll:hover::-webkit-scrollbar-track{background:#e7e7e7;visibility:visible;border-radius:20px;}
.custom_scroll:hover::-webkit-scrollbar-thumb{background-color:#c09573;border-radius:20px;visibility:visible;}

/* sticky starts */
#th-sticky-bar{position:fixed;top:-100%;box-shadow:0px 0px 5px 0px rgba(175, 175, 175, 0.75);z-index:9999; margin-bottom:0px;}
.sticky-head{float: left; width: 100%; position: relative; background-color: #fff; height: 100px;}
.sticky-head .sticky-logo{position: absolute; background-color: #fff; box-shadow: 0px 0px 5px 0px rgba(200,200,200,0.75); border-radius: 0px 0px 10px 10px; padding: 0px 40px; top: 0;}
.sticky-head .sticky-right{float: left; width: 100%; text-align: end;}
.sticky-head .sticky-right form{float: left; width: 65%; margin-top: 30px;}
.sticky-head .sticky-right form span {position: absolute;background: transparent; top: 38px; padding-left: 7px;}
.sticky-head .sticky-right form span i{ color: #597b8d;}
.sticky-head .sticky-right form span:after {position: absolute;top: -2px;content: '';margin: 0px 5px;height: 26px;width: 2px;background-color: #e4e4e4;}
.sticky-head .sticky-right form input{width: 200px; border: 2px solid #8aa2af; border-radius: 5px; outline: none; padding: 0px 32px; height: 38px; line-height: 38px;}  
::placeholder{color: #7a7a7a; font-size: 12px;}
.sticky-head .sticky-right .sticky-quote{display: flex; justify-content: end; margin-top: 30px;}
.sticky-head .sticky-right .sticky-quote a{display: inline-block; background-color: #c09573; color: #fff; padding: 0px 22px; height: 38px; line-height: 37px; border-radius: 5px; font-size: 14px; font-family: 'Rob-500';}
.sticky-head .sticky-right .sticky-quote a:hover{background-color:#bb8356; transition: .3s;}


/* header */
header {width:100%;float:left;position:relative; box-shadow: 0px 0px 5px 0px rgb(211 211 211 / 75%);}
footer,section{float:left;width:100%;}
.th_top_bar {height: 27px; background-color:#fef6f0;width:100%;float:left;}
.th_top_icon {width:85%;float: left;text-align: end}
.th_top_icon ul {width:100%;float:left;margin:0;padding:0;}
.th_top_icon ul li {display:inline-block;line-height: 28px;padding-right:10px}
.th_top_icon ul li a i{color:#8a9ea9; font-size: 14px;}
.th_top_contact {width:15%;float:left;text-align:end}
.th_top_contact a {color:#000;font-size:14px;font-family:'Rob-500';text-decoration:none;}
.th_top_contact a img {padding-right:10px;}
.th_logo_sec {float:left;position:absolute;padding:10px 40px;background-color:#fff; border-radius:0px 0px 10px 10px;box-shadow: 0px 0px 5px 0px rgba(215, 215, 215, 0.75);top:0;}
.th_menu {width:100%;float:left;height:70px;line-height:10px;margin-top: 10px;}
.th_menu ul {width:100%;float:left;margin:0;padding:0;}
.th_menu ul li {padding-right:40px;position:relative;}
.th_menu ul li a {text-decoration:none;color:#0a0a0a;font-family:'Rob-500';transition: 0.3s;font-size: 15px;}
.th_menu ul li a:hover {color:#c09573}
.th_menu ul li ul{outline:none;position:absolute;top:5px;left:0;width:170px; background-color:transparent;padding-top:30px;border:none;display:none;}
.th_menu ul li ul li{width:100%;float:left;padding:10px;background-color:#e7dbd2;border-bottom:1px solid #e1b99a; transition:0.3s;}
.th_menu ul li ul li:last-child {border-bottom:none;}
.th_menu ul li ul li:hover{background-color: #c09573;}
.th_menu ul li ul li:hover a{color:#fff!important;background-color:transparent;}
.th_menu ul li:hover ul{display:block}
.th_menu ul li ul li a{width:100%;float:left;}
.th_search_sec {position:relative;margin-left:50px}
.th_search_sec span {position:absolute;background:#fff;top:12px;left:8px;}
.th_search_sec span i {color:#597b8d; font-size: 14px;}
.th_search_sec span:after {position:absolute;top:-5px;content:'';margin:0px 5px;height:26px;width:2px; background-color:#e4e4e4;}
.th_search_sec input {width:160px; height:40px; outline:none;border:2px solid #725239; border-radius:5px; padding-left:33px;font-size:10px;color:#747474;}
.th_quote_btn_header {width:100%;float:left;display:flex;justify-content:end;}
.th_quote_btn_header a {background-color:#725239; font-size:14px;font-family:'Rob-500';border-radius:5px;border:none;outline:none;height:40px;line-height:41px; color:#fff;padding:0px 20px;float:left;text-decoration:none;}
.th_quote_btn_header a:hover {background-color:#bb8356; transition: .3s;}
.hidden {display: none;}
.marker {border: 1px solid red !important;}
.th_form_ans{position: relative;}
#content{position: absolute;bottom: -21px; font-size: 13px;}

/* media quries */
@media only screen and (max-width:1200px) {
.th_search_sec {display: none;}
}
@media screen and (max-width: 991px) {
.sticky-head .sticky-right form {float: left;width: 50%;}
.th_top_icon {width:80%;}
.th_top_contact {width:20%;}
.navbar-collapse {width:100%;float:left;}
.th_menu{height: unset; margin-top: 0px; line-height: unset;margin-bottom: 10px;}
.th_menu .navbar-toggler:focus{box-shadow: unset;}
.th_menu ul {width:100%;justify-content:start;}
.th_menu ul li{padding:10px 0px; border-bottom: 1px solid #dddd; margin-bottom: 10px;}
.th_menu ul li a{text-decoration:none;width:100%;float:left;}
.th_menu ul li ul{width:100%;border:none;float:left;z-index:9999;width:90%;margin-left:10px}
.th_menu ul li ul li {background:#e7dbd2;padding-left:15px;}
.th_menu ul li ul li {margin: 0px;}
.th_menu ul li ul li:last-child{border-bottom: none;}
.th_menu ul li:last-child{border-bottom: none;}
.th_search_sec span{bottom: 11px; top: unset;}
.th_quote_btn_header{text-align: center; display: unset; justify-content: unset;}
.th_quote_btn_header a{display: inline-block; float: unset;}
}
@media screen and (max-width: 767px) {
.sticky-head .sticky-right form{display: none;}
.th_top_icon {width:75%;}
.th_top_contact {width:25%;} 
}
@media screen and (max-width: 575px) {
.sticky-head {height: 50px; line-height: 49px; background-color: #fef6f0;text-align: center;}
.sticky-head .sticky-contact a img{padding-right: 5px;}
.sticky-head .sticky-contact a{color:#7a7a7a;font-size:14px;font-family:'Rob-700';text-decoration:none;}
.th_top_icon {display:none;}
.th_top_contact {width:100%; text-align: center;} 
}