/*
Theme Name: Siva Spices
Text Domain: twentytwenty
Version: 1.1
Description: Our Webyant theme for 2020 is designed to take full advantage of the flexibility.
Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks, accessibility-ready
Author: Webyant team
Author URI: https://www.webyant.com
Theme URI: https://www.webyant.com
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/
/*!* 	Theme Variables* ----------------------------------------------- */
:root {--body-font-family: 'Roboto', sans-serif; --body-font-size: 16px; --body-font-weight: 400; --body-font-color: #424242; --body-line-height: 1.55; --heading-font-family: 'Roboto', sans-serif; --heading-font-color: #000; --heading-font-weight: 700; --link-font-color: #AC0900; --link-hover-font-color: #000; }
/*!* 	Reset Styles* ----------------------------------------------- */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center, dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline; }
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section, img {display: block; }
body { line-height: 1; }
ol, ul {list-style: none; }
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: "";content: none; }
table {border-collapse: collapse;border-spacing: 0; }
* {outline: none !important;padding: 0px;margin: 0px; }
*, ::after, ::before {box-sizing: border-box;}
::-moz-selection {color: #fff;background:var(--link-hover-font-color);}
::selection {color: #fff;background: var(--link-hover-font-color);}
/*!*	Common* ----------------------------------------------- */
body {font-family: var(--body-font-family);font-size: var(--body-font-size);color: var(--body-font-color);line-height: var(--body-line-height);font-weight: var(--body-font-weight);background-color: #fff; overflow-x: hidden}
img {max-width: 100%; height: auto}
svg {display: block}
a {color: var(--link-font-color);text-decoration: none;/*-webkit-transition: all .5s;transition: all .5s;*/-webkit-transition: background-color 0.3s ease;-moz-transition: background-color 0.3s ease;transition: background-color 0.3s ease;}
a:hover {color: var(--link-hover-font-color);}
strong, b { font-weight: bold;}
em {font-style: italic}
p {margin-bottom: 24px;}
p:last-child, :last-child {margin-bottom: 0;}
#wrapper {overflow: hidden;position: relative;}
h1, h2, h3, h4, h5, h6,.h1, .h2, .h3, .h4, .h5, .h6 {font-family: var(--body-font-family); color: var(--heading-font-color);font-weight: var(--heading-font-weight);margin-bottom: 24px;line-height: 1.3;}
h1, .h1 {font-size: 4rem;font-weight:bold;line-height: 1.1;}
h2, .h2 {font-size: 3rem}
h3, .h3 {font-size: 2rem}
h4, .h4 {font-size: 1.5rem}
h5, .h5 {font-size: 1.1rem}
h6, .h6 {font-size: 1rem}
blockquote {font-weight:normal;font-style: italic;margin: 0;overflow: hidden;padding: 0;margin-bottom: 24px;}
.screen-reader-text, .screen-reader-text:focus {border: 0;clip: rect(1px, 1px, 1px, 1px);-webkit-clip-path: inset(50%);clip-path: inset(50%);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute !important;width: 1px;word-wrap: normal !important;word-break: normal;}
.skip-link {left: -9999rem;top: 2.5rem;z-index: 999999999;text-decoration: underline;}
.skip-link:focus {display: block;left: 6px;top: 7px;font-size: 14px;font-weight: 600;text-decoration: none;line-height: normal;padding: 15px 23px 14px;z-index: 100000;right: auto;}
/*!*	Typo* ----------------------------------------------- */
.text-uppercase {text-transform: uppercase !important;}
.text-left {text-align: left !important;}
.text-right {text-align: right !important;}
.text-center {text-align: center !important;}
.font-xl {font-size: 6rem;font-weight: bold;line-height: 1.1;}
.font-lg {font-size: 1.4rem;}
.font-md {font-size: 1.2rem;}
.font-sm {font-size: 0.8rem;}
.text-underline {text-decoration: underline;}
.text-light {font-weight: 300;}
.text-500 {font-weight: 500;}
/*!*	Spacer* ----------------------------------------------- */
.mr-auto, .mx-auto {margin-right: auto !important;}
.ml-auto, .mx-auto {margin-left: auto !important;}
.mt-10 {margin-top: 10px !important;}
.mt-20 {margin-top: 20px !important;}
.mt-40 {margin-top: 40px !important;}
.mt-50 {margin-top: 50px !important;}
.mt-80 {margin-top: 80px !important;}
.mb-0 {margin-bottom: 0 !important;}
.mb-10 {margin-bottom: 10px !important;}
.mb-20 {margin-bottom: 20px !important;}
.mb-30 {margin-bottom: 30px !important;}
.mb-40 {margin-bottom: 40px !important;}
.mb-50 {margin-bottom: 50px !important;}
.mb-80 {margin-bottom: 80px !important;}
.mb-150{margin-bottom: 150px !important;}
.pt-0 {padding-top: 0 !important;}
.pt-80 {padding-top: 80px !important;}
.px-0, .pr-0 {padding-right: 0 !important;}
.px-0, .pl-0 {padding-left: 0 !important;}
.pb-0 {padding-bottom: 0 !important;}
.pb-80 {padding-bottom: 80px !important;}
/*Main center wrap*/
.wrap, .wrap-fuild {width: 100%;padding-left: 15px;padding-right: 15px;}
.wrap *, .wrap-fuild * {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }
.wrap {max-width: 1170px;margin-left: auto;margin-right: auto;}

/*============= BUTTONS =============*/
.btn {padding:12px 32px;text-align: center;text-transform: uppercase;letter-spacing: 0.5px;border-radius: 50px;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;display: inline-block;border: none;cursor: pointer;font-size:16px}
.btn + .btn {margin-right: 10px;}
.btn--lg {padding:16px 48px;font-size: 22px;font-weight: bold;}
.btn--sm {padding:8px 16px; font-size:14px}
.btn--border{color:#AC0900;background-color:#fff;border:2px #AC0900 solid;}
.btn--border:hover{background:#AC0900;color:#fff;}
.btn--border-white{ color:#fff; border:2px solid #fff;}
.btn--border-white:hover{ background-color:#AC0900; color:#fff; border-color: #AC0900}
.btn--blue{color:#fff;background-color:#4353ff;}
.btn--blue:hover{color:#fff; background-color: #3545ee;}
.btn--white{color:#fff;background-color:transparent;border:1px #fff solid;}
.btn--white:hover{color:#fff;background:#AC0900;border:1px #AC0900 solid;}
.btn--red{background-color: #AC0900;color: #fff;border:1px #AC0900 solid;}
.btn--red:hover{color:#AC0900; background-color: #fff;}
.btn--black{ color:#fff; background-color: #000;}
.btn--black:hover{color:#000; background-color: #fff;}

.btn-link-arrow {}
.btn-link-arrow img{width: 22px;display: inline-block;margin-right: 5px;transform-style: preserve-3d;transition: transform 200ms ease 0s;transform: translateX(0px) translateY(0px) translateZ(0px);}
.btn-link-arrow:hover img {transform-style: preserve-3d;transition: transform 300ms ease 0s;transform: translateX(8px) translateY(0px) translateZ(0px);}
.btn--link {}
.btn--link:hover {}
/*Form Input*/
.form-group {margin-bottom: 20px;position: relative;}
.form-control-label {display: block; margin-bottom: 4px;}
.form-control {-webkit-appearance: none;-moz-appearance: none;width: 100%;border: none;border: 1px solid #E9E9EA;padding:12px 16px;background-color: #fff;font-family: var(--body-font-family);font-size: 15px;color: var(--body-font-color);font-weight: 500; border-radius: 5px;}
.form-control:focus {border-color: #333}
textarea.form-control {height: 110px;}
.form-control option{color: #000;}
/*Bullet List*/
.bullet-circle li { position:relative; padding-left:25px;}
.bullet-circle li:before { content:""; border:2px solid #262626; position:absolute; left:0; top:8px; width:12px; height:12px;-webkit-border-radius:50%;border-radius:50%;}
/*Grid*/
.row {margin-left: -15px;margin-right: -15px;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;flex-wrap: wrap;}
[class*='col-'] {min-height: 1px; padding-left: 15px;padding-right: 15px;}
.col-1 {max-width: 8.33333333%;flex: 0 0 8.33333333%;}
.col-2 { max-width: 16.66666667%;flex: 0 0 16.66666667%;}
.col-3 {max-width: 25%;flex: 0 0 25%;}
.col-4 {max-width: 33.33333333%; flex: 0 0 33.33333333%;}
.col-5 {max-width: 41.66666667%;flex: 0 0 41.66666667%;}
.col-6 {max-width: 50%;flex: 0 0 50%;}
.col-7 {max-width: 58.33333333%;flex: 0 0 58.33333333%;}
.col-8 {max-width: 66.66666667%; flex: 0 0 66.66666667%;}
.col-9 { max-width: 75%;flex: 0 0 75%;}
.col-10 {max-width: 83.33333333%;flex: 0 0 83.33333333%;}
.col-11 {max-width: 91.66666667%; flex: 0 0 91.66666667%;}
.col-12 {max-width: 100%;flex: 0 0 100%;}
.no-guttor {margin-right: 0;margin-left: 0;}
.no-guttor > [class*='col-'] {padding-right: 0;padding-left: 0;}
.row--reverse {-webkit-flex-direction: row-reverse;-moz-flex-direction: row-reverse;-ms-flex-direction: row-reverse;-o-flex-direction: row-reverse;flex-direction: row-reverse;}
.row--space-between {justify-content: space-between;}
.row--items-center {-ms-align-items: center;align-items: center;}

/*============= Section =============*/
.section{padding-bottom: 100px; padding-top: 100px;position: relative;}
.section--gray { background-color: #333; }
.section--light { background-color: #f5f5f5; }
.section--green {background-color: var(--link-hover-font-color);}
.section__heading {margin-bottom: 50px;text-align: center;}
.section__heading h2, .section__heading .h2 {margin-bottom:0;color: #AC0900; line-height: 1}
.section__heading p{color: #979797;font-size: 20px; font-weight: 300}
.section__heading p:last-child {margin-bottom: 0}


/*============= Header =============*/
#site-header{padding:8px 0;position: absolute;top: 0;left: 0;right: 0;z-index: 9; background-color: rgba(255, 255, 255, 0.8);-webkit-box-shadow: 0 1px 8px 0 rgba(0,0,0, 0.2);box-shadow: 0 1px 8px 0 rgba(0,0,0, 0.2);-webkit-transition: all .4s;transition: all .4s;}
.site-title {max-width: 120px;}
.header__wrap {display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;flex-wrap: wrap; justify-content: space-between;-ms-align-items: center;align-items: center;}
.header__menu ul{display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;flex-wrap: wrap;-ms-align-items: center;align-items: center;}
.header__menu > ul > li {margin-left: 40px}
.header__menu > ul > li:first-child {margin-left: 0}
.header__menu > ul > li > a {color: var(--body-font-color); display:block;letter-spacing: 1px; padding-top: 5px; padding-bottom: 5px; position: relative;text-transform: uppercase; font-weight: 500}
.header__menu ul li  a:hover{color: var(--link-font-color);}
.header__menu > ul > .current-menu-item a {color: var(--link-font-color);padding: 8px 24px; border:1px solid var(--link-font-color); border-radius: 50px;}
.header__menu > ul > .current-menu-item a:hover{background-color: var(--link-hover-font-color); color: var(--link-font-color); border-color: var(--link-hover-font-color)}
.header__menu > ul > .current-menu-item a:after {display: none}

.menu-toggle{position: relative; width: 30px; height: 100%; display: flex; flex-wrap: wrap; display: none;}
.menu-toggle .bar1, .menu-toggle .bar2, .menu-toggle .bar3 {height: 2px; background-color: #000; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; margin:8px 0; width: 100%; display:block;}
#site-header.fixed-header {-webkit-box-shadow: 0 1px 8px 0 rgba(0,0,0, 0.2);box-shadow: 0 1px 8px 0 rgba(0,0,0, 0.2);background: #fff;border-color: #009292; position: fixed; padding-top: 8px; padding-bottom: 8px;}
.fixed-header .site-title {max-width: 72px;}
.fixed-header {font-size: 13px;}
/*============ Main Banner ==============*/

.section.main-banner, .section.inner-banner {padding: 0}
.section.inner-banner img{margin-left: auto; margin-right: auto}

.banner__content {position: absolute; left: 0; top:50%; width: 100%; color: #fff;transform: translate(0, -50%);}
.main-banner .banner-img {width: 100%;}
.banner__content h1{font-size:6rem;font-weight: bold;font-family: var(--heading-font-family); color:#fff; margin-bottom: 0}
.banner__content p {font-size:1.5rem; font-weight: bold;color:#fff; margin-bottom: 40px;}
.main-banner .owl-theme .owl-nav.disabled+.owl-dots {bottom: 24px;}

/*============ Abouts Us ==============*/
.section--about .section__heading{margin-bottom: 0}
.section--about{position: relative;}
.section--about:after{content:"";position: absolute;top:0;right: 0;background: url(../images/about-after.png) no-repeat;width: 310px;height: 180px;}

/*============ Top Products ==============*/
.section--products{position: relative;}
.section--products .wrap { position: relative; z-index: 8 } 
.section--products:before{content:"";position: absolute;bottom: -300px;right: -360px;background: url(../images/product-before.png) no-repeat center right;width: 550px;background-size: 550px;height: 870px;}
.section--products .btn--red{margin: 0 auto;display: table;}
.section--products [class*='col-'] {margin-bottom: 30px;}
.product__card{text-align: center; margin-bottom: 0;border-radius:5px;background-color: #fff;box-shadow: 0 1px 1px 0 rgba(50, 52, 58, 0.15);-webkit-transition: box-shadow 100ms ease;transition: box-shadow 100ms ease;height: 100%; padding:24px 12px; overflow: hidden}
.product__card:hover {box-shadow: 0 15px 30px 0 rgba(50, 52, 58, 0.15);}
.product__card img{margin: 0 auto 12px;transition: all .3s;}
.product__card:hover img{transform: scale(1.1);}
.product__card h4{text-transform: uppercase;font-size: 18px;margin-bottom: 0}


.section--trade {background: #F6F6F6;position: relative;}
.section--trade .row { margin-left: -10px; margin-bottom: -10px; }
.section--trade [class*='col-'] {padding-left: 10px; padding-right: 10px; padding-bottom: 20px; }
.trade__card{text-align: center; margin-bottom: 0;border-radius:5px;background-color: #fff;box-shadow: 0 1px 1px 0 rgba(50, 52, 58, 0.15);-webkit-transition: box-shadow 100ms ease;transition: box-shadow 100ms ease;height: 100%; padding:24px 12px;}
.trade__card:hover {box-shadow: 0 15px 30px 0 rgba(50, 52, 58, 0.15);}
.trade__card img{margin: 0 auto 16px; max-width: 150px;transition: all .3s;}
.trade__card:hover img{transform: scale(1.1);}
.trade__card h4{font-size: 15px;margin-bottom: 0}

.card__design{text-align: center; margin-bottom: 0;border-radius:5px;background-color: #fff;box-shadow: 0 1px 1px 0 rgba(50, 52, 58, 0.15);-webkit-transition: box-shadow 100ms ease;transition: box-shadow 100ms ease;height: 100%; padding:24px 12px;}
.card__design.card__gray {background-color: #f8f8f8}
.card__design:hover {box-shadow: 0 15px 30px 0 rgba(50, 52, 58, 0.15);}
.card__design img{margin: 0 auto 16px; max-width: 100px;transition: all .3s;}
.card__design:hover img{transform: scale(1.1);}
.card__design h4{font-size: 15px;margin-bottom: 0}

/*============ Why Shiva ==============*/
.section--features{background-color: #566313;padding: 80px 0;position: relative;}
.section--features:after{content:"";position: absolute;bottom: -280px;left: -180px;background: url(../images/features-after.png) no-repeat center left;background-size: 450px;width: 450px;z-index: -1;height: 380px;}
.section--features .section__heading p{color: #fff;}
.section--features .section__heading h2{color: #fff;}
.features li + li{margin-top: 80px;}
.features-box{display: flex;align-items: center;}
.features__text {flex: 1 1 auto;margin: 0;text-align: right;color: #fff;font-size: 18px;font-weight: bold;}
.features__text span{display: block;}
.features__icon {flex: 0 0 60px;margin-left: 50px;}
.row--reverse .features-box{flex-direction: row-reverse;}
.row--reverse .features__text {text-align: left;}
.row--reverse .features__icon {margin-left: 0;margin-right: 50px;}

/*============ Get In Touch ==============*/
.contact__getintouch{background: url(../images/get-in-touch.jpg) no-repeat center center;justify-content: space-between; padding: 48px 48px; border-radius: 10px;}
.contact__getintouch h2, .contact__getintouch h4, .contact__getintouch p{color: #fff;margin-bottom: 0;}

/*============ gallery ==============*/
.section--gallery{}
.gallery__list{display: flex;display: -ms-flexbox;-ms-flex-wrap: wrap; flex-wrap: wrap; padding:0 5px;}
.gallery__list .column{flex: 0 0 33.33%;vertical-align: middle;}
.gallery__block{position: relative;margin:10px 5px; overflow: hidden}
.gallery__block img{transition: all .3s;}
.gallery__block:hover img{transform: scale(1.1);}
.gallery__text{position: absolute; top: 0;bottom: 0;left: 0;right: 0;height: 100%;width: 100%;opacity: 0;transition: .5s ease;background-color: #00000094;text-align: center;color: #fff;padding: 50px;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;flex-wrap: wrap;-ms-align-items: center;align-items: center;}
.gallery__text h4{color: #fff;margin-bottom:12px}
.gallery__text p{margin-bottom: 50px;font-size: 16px;font-weight: 300;}
.gallery__text :last-child {margin-bottom: 0}
.gallery__text:hover{opacity: 1;}

/*============ Testimonial ==============*/
.section--testimonial{position: relative;}
.section--testimonial:after{content:"";position: absolute;bottom: -20px;right: -50px;background: url(../images/testimonial-after.png) no-repeat center right;background-size: 320px;width: 290px;height: 325px;z-index: -1;}
.section--testimonial .wrap { position: relative; z-index: 8} 
.testimonial__block{text-align: center;}
.testimonial__block img{margin: 0 auto;margin-bottom: 24px}
.testimonial__block h3{color: #AC0900;text-transform: uppercase;font-size: 18px;margin-bottom: 10px}
.testimonial__block span{color: #000000;font-size: 16px;margin-bottom: 24px;display: block;}
#testimonial__photo {max-width: 650px; margin-left: auto; margin-right: auto;}
#testimonial__photo .swiper-slide img{border-radius: 50%; border:2px solid transparent;}
#testimonial__photo .swiper-slide-thumb-active img{border-radius: 50%; border:2px solid #AC0900;}

/*============ Our Blog ==============*/
.blog--wrap .entry-content *, .blog--wrap .entry-title{max-width: 768px; margin-right: auto; margin-left: auto;}
.blog--wrap .entry-content figure {max-width: 1170px; margin-bottom: 32px; text-align: center}
.blog--wrap .entry-content figure img {max-width: 100%;}
.section--blog{background: #F6F6F6;position: relative;}
.section--blog:after{content:"";position: absolute;bottom: 50px;left: -120px;background: url(../images/blog-after.png) no-repeat center right;background-size: 350px;width: 350px;height: 350px;}
.section--blog .wrap { position: relative; z-index: 8 } 
.section--blog .btn--red {margin: 50px auto 0;display: table;background-color: transparent;}
.blog__card {border-radius: 0px;background-color: #fff;box-shadow: 0 1px 1px 0 rgba(50, 52, 58, 0.15);
    -webkit-transition: box-shadow 100ms ease;transition: box-shadow 100ms ease;height: 100%;}
.blog__card:hover, .blog-row .blog__card {box-shadow: 0 15px 30px 0 rgba(50, 52, 58, 0.15);}
.blog__card img { width: 100% }
.blog__text{padding: 30px;}
.blog__text h5{font-size: 22px;margin-bottom: 24px;}
.blog__text h5 span{display: block;}
.certified__logo{margin-top: 80px;display: flex;align-items: center;justify-content: center;}
.certified__logo li{display: inline-block;padding: 8px 12px; margin:0 12px; background-color: #fff;box-shadow: 0 1px 1px 0 rgba(50, 52, 58, 0.15);
    -webkit-transition: box-shadow 100ms ease;transition: box-shadow 100ms ease;}
.certified__logo li:hover {box-shadow: 0 15px 30px 0 rgba(50, 52, 58, 0.15);}
/*============= Footer =============*/
#site-footer{background-color: #000; color: #fff; font-size:1rem;}
.footer-top{background: url(../images/footer-img.png) no-repeat center bottom;background-size:cover;padding: 50px 0;}
.footer-top h5{color: #fff; margin-bottom: 40px;font-size: 20px;}
.footer-top a{color:#fff; }
.footer-top a:hover{color:#fff; }
.footer__about{}
.footer__contect li{margin-bottom: 24px;position: relative;padding-left: 40px;}
.ico__footer:before{position: absolute;content: "";background-size: 20px;width: 20px;margin-left: -40px;height: 20px;background-position: center center;background-repeat: no-repeat;}
.home__ico:before{background-image: url(../images/icon-home.png)}
.phone__ico:before{background-image: url(../images/icon-phone.png)}
.phone__ico:before{background-image: url(../images/icon-phone.png)}
.mail__ico:before{background-image: url(../images/icon-mail.png)}
.footer__links li {margin-bottom: 12px;}
.footer__links li:last-child {margin-bottom: 0}
.footer__links li a {display: inline-block;color:#fff;text-decoration: none;font-size: 15px;}
.footer__links li a:hover {color: #AC0900;}

.footer__bottom {padding: 22px 0;background-color: #111;}
.footer__bottom a {color: #fff}
.footer__bottom a:hover {color: #AC0900;}
.footer__bottom .wrap{display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;flex-wrap: wrap;justify-content: space-between;}
.footer__bottom .copyright {font-size: 12px;}

.social-icon {display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;flex-wrap: wrap;-ms-align-items: center;align-items: center;}
.social-icon li {margin:0 8px;}
.social-icon a{ width: 20px; height: 20px;display: block; position: relative; color: #fff; fill: #fff;}
.social-icon a:hover{ color: #AC0900; fill: #AC0900;}
.social-icon svg {position: absolute;height: 100%;width: 100%;top: 0;left: 0;}
.whatsapp {position:fixed; right:15px; bottom:50px; z-index:9999; background-color: #4dc247;height: 50px;width: 50px;border-radius: 50%;overflow: hidden;box-shadow: 2px 2px 6px rgba(0,0,0,0.4); font-size: 28px; text-align: center; line-height: 50px;color:white;}

/*Arrow Button*/
.btn-arrow {width: 45px; height: 45px;background-color: #fff; display: block; border-radius: 50%; overflow: hidden; text-indent: -1000px; position: relative;cursor: pointer;-webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);-moz-box-shadow:0px 3px 3px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.2);margin: 0 auto;}
.btn-arrow span{height: 3px;width: 30px;position: absolute;}
.btn-arrow span:before, .btn-arrow span:after {content: "";background: #F38901;position: absolute;height: 3px;width: 15px;}
.btn-arrow span:before {right: -3px;bottom: -4px;transform: rotate(-45deg);}
.btn-arrow span:after {right: -3px;top: -4px;transform: rotate(45deg);}

/*Contact*/
.contact-block {background-color: #fff;border-radius:10px;-webkit-box-shadow: 0 19px 42px 0 rgba(101, 104, 115, 0.17);box-shadow: 0 19px 42px 0 rgba(101, 104, 115, 0.17);overflow: hidden;position: relative;}
.contact-block .contact-form, .contact-block .contact-info {padding:32px 48px;}
.contact-block .contact-form .btn {-webkit-box-shadow: none;box-shadow: none;}
.contact-block .contact-form .btn:hover {-webkit-box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.3);box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.3);}
.contact-form br{ display:none;}
.contact-block .contact-info {background-color: #f0f1f5;padding:32px 32px; font-size: 16px}
.contact-block .contact-info a {color: #000;}
.contact-block .contact-info a:hover {color: var(--link-font-color);text-decoration: underline}
.contact-block .contact-info img {max-width: 30px;}
.contact-block .contact-info {font-weight:normal;color: #6a6d76;}
.contact-block .contact-info strong {display: block;margin-bottom:0;margin-top:12px;color: #adb0b9; font-weight: normal;font-size: 14px;}
.contact-block .contact-info ul li + li {padding-top: 16px;margin-top: 16px;border-top: 1px solid #e3e5ec;}


/*Bullet List*/
.bullet-circle li, .section--feature ul li { position:relative; padding-left:25px; margin-bottom: 12px;}
.bullet-circle li:before, .section--feature ul li:before { content:""; border:2px solid #333; position:absolute; left:0; top:5px; width:12px; height:12px;-webkit-border-radius:50%;border-radius:50%;}
.bullet-check li, .section--benifits ul li { position:relative; padding-left:32px; margin-bottom: 16px;}
.bullet-check li:last-child {margin-bottom: 0}
.bullet-check li:before, .section--benifits ul li:before {content: '';display: block;position: absolute;top:0;left:8px;width: 8px;height: 16px;border: solid #AC0900;border-width: 0 3px 3px 0;transform: rotate(45deg);}
.section--feature [class*='col-']{margin-bottom: 32px;}
#breadcrumbs {padding: 16px 0; border-bottom: 1px solid #f5f5f5; font-size: 15px; background-color: #f7f7f7;}

.modal-container {position: fixed;top: 0;right: 0;bottom: 0;left: 0;background-color: rgba(0,0,0, .6);z-index: 1000;visibility: hidden;opacity: 0;-webkit-transition: all .4s;transition: all .4s;overflow: auto;}
.modal-open {overflow: hidden;padding-right: 17px;}
.modal-open .modal-container.show {visibility: visible;opacity: 1;}
.modal-container .modal {max-width: 700px;width: 100%;background-color: #fff;padding:32px 48px;position: relative;margin: 30px auto;}
.modal-container .modal #close {position: absolute;top: 10px;right: 10px; max-width: 20px; z-index: 888}
.modal-container .form-group br {display: none}
/*!*	Responsive* ----------------------------------------------- */
@media(max-width: 1170px) {

}
@media(max-width: 992px) {
.col-md-12 { max-width: 100%; flex: 0 0 100%; }
.col-md-6 { max-width: 50%; flex: 0 0 50%; }
.col-md-4 { max-width: 33.33%; flex: 0 0 33.33%; }
.section {padding-bottom: 64px;padding-top: 64px;}
.site-title {max-width: 100px}
#site-header {position: relative; z-index: 888}
.menu-toggle {display: block}
.header__menu {display: none; position: absolute; right: 0; top: 80px; background-color: #fff; min-width: 320px;-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);-moz-box-shadow:0px 0px 5px 0px rgba(0, 0, 0, 0.3);box-shadow:0px 0px 5px 0px rgba(0, 0, 0, 0.3);}
.fixed-header .header__menu {top: 65px;}
.header__menu ul {display: block}
.header__menu > ul > li {margin-left: 0}
.header__menu > ul > li + li {border-top: 1px solid #eee}
.header__menu > ul > li > a {padding:12px 24px;}
.header__menu > ul > .current-menu-item a {border-radius: none; border: none;}
.section--about:after, .section--products:before {display: none}
.features__icon {margin-left: 20px;}
.row--reverse .features__icon{margin-right: 20px;}
.footer-top [class*='col-'], .section--blog [class*='col-'] {margin-bottom: 24px;}
.footer-top h5 {margin-bottom: 24px;}
}
@media(max-width: 767px) {
.col-sm-12 { max-width: 100%; flex: 0 0 100%;}
.col-sm-6 { max-width: 50%; flex: 0 0 50%; }
.col-sm-4 { max-width: 33.33%; flex: 0 0 33.33%; }
.mb-sm-0 {margin-bottom: 0 !important;}
h2, .h2 {font-size: 2.2rem}
.section__heading p {font-size: 16px;}
.main-banner .owl-theme .owl-nav.disabled+.owl-dots {position: static; margin-top: 10px;}
.owl-theme .owl-dots .owl-dot span {height: 10px; width: 10px;}
.gallery__text {padding:24px;}
.blog--wrap .entry-content figure, .blog--wrap .entry-content *, .blog--wrap .entry-title {max-width: 100%}
}
@media(max-width: 576px) {
.col-xs-12 { max-width: 100%; flex: 0 0 100%; }
.col-xs-6 { max-width: 50%; flex: 0 0 50%; }
.section {padding-bottom: 48px;padding-top: 48px;} 
.features .features-box{display: block}
.features .features__icon {margin:0 ;}
.features .features__icon img{margin:12px auto 0;}
.features .features__text {text-align: center}
.features .features__text br {display: none}
.features li + li {margin-top: 24px;}
.contact__getintouch {display: block; text-align: center; padding:24px;}
.getintouch-btn {margin-top: 16px;}
.gallery__list {display: block}
.gallery__text {padding:12px;}
.gallery__text h4, .gallery__text .h4 {font-size: 18px; margin-bottom: 0}
.gallery__text p {font-size: 14px;}
.testimonial__block .font-lg {font-size: 16px;}
.certified__logo li {max-width: 135px; margin:0 4px;}
}
@media(max-width: 479px) {h2, .h2 { font-size: 24px }
.col-xxs-12 { max-width: 100%; flex: 0 0 100%; }
.section {padding-bottom: 32px;padding-top: 32px;}
.certified__logo{display: block}
.footer__bottom .wrap {display: block; text-align: center}
.social-icon {margin-top: 12px; margin-bottom: 12px;justify-content: center;}
.contact-block .contact-form, .contact-block .contact-info, .modal-container .modal {padding:24px;}
}
@media(max-width: 369px) {.intro-title, .page-title { font-size: 32px }

}