/*
Theme Name:    Jagger Portfolio
Theme URI:     https://www.itsonmedia.com/
Author:         IOM
Author URI:    https://www.itsonmedia.com/
Description:   WooCommerce Theme
Version:       1.0.0
*/
/*@import url("../fonts/fonts.css");*/
*{ margin: 0; padding: 0; }
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td{ margin: 0; padding: 0; }
table{ border-collapse: collapse; border-spacing: 0; }
fieldset, img{ border: 0; }
address, caption, cite, code, dfn, em, strong, th, var{ font-style: normal; font-weight: normal; }
ol, ul, li{ list-style: none; display:inline; }
caption, th{ text-align: left; }
q:before, q:after{ content: ""; }
abbr, acronym{ border: 0; }
article, aside, figure, footer, header, nav, section{ display:block; }
a:hover, a:active, a:focus{ color:#aeaeae; text-decoration:none; }
img, a{ margin:0; padding:0; outline:none !important; max-width: 100%; height: auto; }
img:hover{ /*opacity: 0.7;*/ }
.img_holder{ height:auto; width:100%; border-radius: 0; overflow: hidden; }
.no_pad{ padding-left: 0; padding-right: 0; }
*:focus{ outline: none; }
.page_wrap{	width:90%; margin:0 auto; }
.sec{ width:100%; padding:70px 0; }
.owl-carousel{ direction: ltr; }
li:last-child{margin-bottom: 0;}
::-webkit-input-placeholder{ /* Chrome/Opera/Safari */ color: #767676; }
::-moz-placeholder{ /* Firefox 19+ */ color: #767676; opacity: 1; }
:-moz-placeholder{ /* Firefox 18- */ color: #767676; opacity: 1; }
:-ms-input-placeholder{ /* IE 10+ */ color: #767676; }
/* For Bootstrap */
.nav>li>a:focus, .nav>li>a:hover{background-color:transparent;}
.navbar{border-radius:0; margin:0; border:0; background-color: transparent; z-index: 3;}
.navbar .navbar-nav ul.dropdown-menu li a{color: #fff; padding: 5px 20px; background-color: #333;}
.navbar-nav>li>.dropdown-menu{background-color: #333;}
.navbar-toggle{background-color: #ccc;}
.navbar .navbar-nav li.active a{color: #7aac3d; background-color: transparent;}
.navbar .navbar-header .icon-bar{background-color: #fff;}
.navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav li a:hover, .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{color: #7aac3d; background-color: transparent;}
.navbar-default .navbar-nav>li>a, .navbar-default .navbar-nav>li>a span{color: #fff;}
/* END - For Bootstrap */
body{ font-style:normal; font-variant:normal; font-weight:normal; font-size:16px; line-height:normal; font-family: 'Montserrat', sans-serif; color: #333;
background-color: #FFF; /* background: #FFF url("../images/bg.jpg") no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;	background-size: cover;*/}
h1{	font-size:32px; font-weight:normal;	line-height:normal; font-style:normal; font-variant:normal;	font-family: "Oswald", sans-serif; color: #333; }
h2{	font-size:30px; font-weight:normal;	line-height:normal; font-style:normal; font-variant:normal;	font-family: "Oswald", sans-serif; color: #333; }
h3{	font-size:24px; font-weight:normal;	line-height:normal; font-style:normal; font-variant:normal;	font-family: "Oswald", sans-serif; color: #333; }
h4{	font-size:18px; font-weight:normal;	line-height:normal; font-style:normal; font-variant:normal;	font-family: 'Montserrat', sans-serif; color: #333; }
h5{	font-size:16px; font-weight:normal;	line-height:normal; font-style:normal; font-variant:normal;	font-family: 'Montserrat', sans-serif; color: #333; }
h6{	font-size:16px; font-weight:normal;	line-height:normal; font-style:normal; font-variant:normal;	font-family: 'Montserrat', sans-serif; color: #333; }
p{ font-size:16px; font-weight:normal; line-height:normal; font-style:normal; font-variant:normal; font-family: 'Montserrat', sans-serif; color: #333; }
span{ font-size:16px; font-weight:normal; line-height:normal; font-style:normal; font-variant:normal; font-family: 'Montserrat', sans-serif; color: #333; }
li{	font-size:16px; font-weight:normal;	line-height:normal; font-style:normal; font-variant:normal;	font-family: 'Montserrat', sans-serif; color: #333; }
a{ font-size:16px; font-weight:normal; line-height:normal; font-style:normal; font-variant:normal; font-family: 'Montserrat', sans-serif; color: #333; text-decoration:none; transition:all 1s ease 0s; cursor: pointer; }
.btn1{border: none; background: none; background-image: none; text-align: center; border-radius: 5px; padding: 10px 30px; color: #fff; background-color: #13171f; transition: all 1s ease 0s; display: inline-block;}
.btn1:hover{color: #fff; background-color: #00c3d0;}
div.center{text-align: center;}
/*Goto TOP*/
.go_to_top{position:fixed; opacity:0; visibility:hidden; overflow:hidden; text-align:center; z-index:9; background-color:#837e7e; color:#FFF; width:50px; line-height:50px; right:30px; bottom:30px; border-radius:7px; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; cursor:pointer;}
.go_to_top.show{visibility:visible; opacity:0.5;}
.go_to_top:hover{opacity:1; color:#FFF;}
.go_to_top i.fa{line-height:inherit;}
/*contact form css*/
.wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid>li{margin-bottom: 0px !important;}
.wpb_gmaps_widget .wpb_wrapper{padding:0 !important;}
.contact-from .wpcf7-form span{margin-bottom: 0px !important;}
.wpcf7-response-output.wpcf7-display-none.wpcf7-validation-errors, span.wpcf7-not-valid-tip{display:none !important;}
.wpcf7-not-valid{border-color:red !important;}
div.wpcf7-validation-errors{border:0 !important;}
div.wpcf7-mail-sent-ok{border:0 !important;}
/*Search Overlay Css*/
.mk-search-trigger { display: inline-table; font-size: 24px; color: #e1e1e1; }
.mk-search-trigger:hover{background: #111;border-color:#111;color:#fff;}
.mk-fullscreen-search-overlay #mk-fullscreen-search-wrapper #searchform input[type=submit] { position: absolute; width: 100px; height: 100%; background-color: #ce000c; border: 0; right: 0; top: 0; color: #fff; }
#searchform { position: relative; verticle-align: middle; }
.mk-fullscreen-search-overlay #mk-fullscreen-search-wrapper #searchform input[type="text"] { width: 800px; background-color: transparent; -webkit-box-shadow: 0 3px 0 0 rgba(255, 255, 255, 1); -moz-box-shadow: 0 3px 0 0 rgba(255, 255, 255, 1); box-shadow: 0 3px 0 0 rgba(255, 255, 255, 1); border: 0; text-align: center; font-size: 35px; color: #fff; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -ms-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; }
.mk-fullscreen-search-overlay.mk-fullscreen-search-overlay-show { visibility: visible; opacity: 1; }
.mk-fullscreen-search-overlay { width: 100%; height: 100%; position: fixed; top: 0; left: 0; opacity: 0; visibility: hidden; background-color: rgba(0, 0, 0, .94); text-align: center; -webkit-transition: all ease-in-out .25s; -moz-transition: all ease-in-out .25s; -ms-transition: all ease-in-out .25s; -o-transition: all ease-in-out .25s; transition: all ease-in-out .25s; }
.mk-animate-element, .mk-effect-bg-layer, .mk-fullscreen-search-overlay { -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); }
.mk-fullscreen-search-overlay { z-index: 999999;}
.mk-fullscreen-search-overlay .mk-fullscreen-close:link, .mk-fullscreen-search-overlay .mk-fullscreen-close:visited { color: #fff; }
.mk-fullscreen-search-overlay .mk-fullscreen-close { position: absolute; right: 50px; top: 70px; font-size: 26px; -webkit-transition: transform ease-out .2s; -moz-transition: transform ease-out .2s; -ms-transition: transform ease-out .2s; -o-transition: transform ease-out .2s; transition: transform ease-out .2s; transform: rotate(0deg); }
.mk-fullscreen-search-overlay.mk-fullscreen-search-overlay-show #mk-fullscreen-search-wrapper { opacity: 1; visibility: visible; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); ms-transform: scale(1); }
.mk-fullscreen-search-overlay #mk-fullscreen-search-wrapper { display: inline-block; max-width: 1000px; vertical-align: middle; text-align: center; font-size: 18px; -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); transform: scale(0.9); ms-transform: scale(0.9); opacity: 0; width: 100%; visibility: hidden; -webkit-transition: all ease-in-out .3s; -moz-transition: all ease-in-out .3s; -ms-transition: all ease-in-out .3s; -o-transition: all ease-in-out .3s; transition: all ease-in-out .3s; }
.mk-fullscreen-search-overlay #mk-fullscreen-search-wrapper form label{display:none;}
.mk-search-trigger { -webkit-transition: color .2s ease-in-out; -moz-transition: color .2s ease-in-out; -ms-transition: color .2s ease-in-out; -o-transition: color .2s ease-in-out; transition: color .2s ease-in-out }
#mk-search-overlay .searchform { left: 0; position: absolute; right: 0; top: 120px; }
#mk-search-overlay input[type="text"] { background: transparent none repeat scroll 0 0; border-color: grey; border-width: 0 0 1px; color: #fff; min-height: 60px; width: 70%; border-bottom: 1px solid; }
#searchform > input[type="submit"] { background: #838383 none repeat scroll 0 0; border: medium none; border-radius: 3px; color: #fff; font-size: 16px; padding: 10px 20px; vertical-align: bottom; transition: 0.35s; }
#mk-search-overlay #searchform input[type="text"] { bottom: 0; clip: auto; left: auto; top: auto; }
#mk-search-overlay .searchform::before { display: none; }
/*Search overlay End*/
div.wpcf7-mail-sent-ng, div.wpcf7-aborted{border: 2px solid transparent !important; color:#fff;}
/*Dropdown Css*/
/*.dropdown:hover > .dropdown-menu { display: block;}
.dropdown-submenu { position: relative;}
.dropdown-submenu>.dropdown-menu {top: 0; left: 100%; margin-top: -6px; margin-left: -1px; -webkit-border-radius: 0 6px 6px 6px; -moz-border-radius: 0 6px 6px; border-radius: 0 6px 6px 6px; }
.dropdown-submenu:hover > .dropdown-menu {display: block;}
.dropdown-submenu>a:after { display: block; content: " "; float: right; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 5px 0 5px 5px; border-left-color: #ccc; margin-top: 5px; margin-right: -10px; }
.dropdown-submenu:hover>a:after { border-left-color: #fff;}
.dropdown-submenu.pull-left {float: none;}
.dropdown-submenu.pull-left>.dropdown-menu { left: -100%; margin-left: 10px; -webkit-border-radius: 6px 0 6px 6px; -moz-border-radius: 6px 0 6px 6px; border-radius: 6px 0 6px 6px; }*/
/*./Dropdown Css*/
/*.sticky{z-index: 1000; position: fixed; top: 0; background: #fff; border-bottom: 1px solid #efefef; }*/
/*Woo-commerece Pages Setting css start*/
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
.u-columns{/*padding:70px 0px;*/}
.woocommerce form .form-row label{color:#000; text-transform: capitalize;}
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea{padding: 10px; border: 1px solid #cb9e44;}
.login input{padding: 5px;  border: 1px solid #ccc;}
.login .button{background-color: #f05d6c !important; color: #fff !important; font-weight: normal !important; text-transform: uppercase; border-radius: 0 !important; padding: 10px 30px !important;}
.login .button:hover{background-color: #000 !important; color: #fff !important; }
.woocommerce form .form-row label.inline{display: block; padding: 10px 0px;}
.woocommerce form .form-row label.inline span{font-size: 16px; font-weight: bold;}
.register label{ }
.register input{padding: 5px;  border: 1px solid #ccc;}
.register .button{background-color: #f05d6c !important; color: #fff !important; font-weight: normal !important; text-transform: uppercase; border-radius: 0 !important; padding: 10px 30px !important;}
.register .button:hover{background-color: #000 !important; color: #fff !important; }
#yith-wcwl-form{padding:70px 0px;}
.checkout{/*padding-top: 70px;*/}
.woocommerce-MyAccount-navigation{/*padding:70px 0px;*/}
.woocommerce-MyAccount-content{/*padding:70px 0px;*/}
.woocommerce-cart-form{/*padding-top:70px;*/}
.cart-collaterals{/*padding-bottom:50px;*/}
.wsmsb_title{color:#000; padding-bottom: 30px;}
.woocommerce div.product .woocommerce-product-rating{margin-bottom: 0; width: 70%; float: right; margin: 12px 0px;}
.product-page .star-rating{display:none !important;}
.checkout_coupon .button{background-color: #cb9e44 !important; color: #fff !important;}
.woocommerce-error{display:none;}
#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment{padding:0px 15px;}
/*.select2-results{overflow-y: scroll;}
.select2-results__option[aria-selected], .select2-results__option[data-selected]{display:block;}*/
.woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register{/*height:320px;*/}
.woocommerce form.register .woocommerce-privacy-policy-text p{padding: 30px 0px;}
#customer_login{}
#customer_login h2{text-transform: uppercase; font-weight: bold;}
.yith-wcwl-add-to-wishlist .show a{font-weight: bold; color: #cb9e44;}
.related{float: left; padding: 30px 0px; text-align: center;}
.related h2{text-transform: uppercase; border-top: 1px solid #000; border-bottom: 1px solid #000; width: 39%; margin: 50px auto;}
.related h2 span{font-size:28px; }
.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3{border: 0; width: 100%; font-weight:bold;}
.related .add_to_cart_button{background: transparent !important; text-decoration: underline !important; text-transform: capitalize;}
.cart-empty{/*padding: 70px 0px 0px 0px;*/ text-align: center; font-size: 16px; text-transform: capitalize; font-weight: bold;}
.return-to-shop{padding: 30px 0px 0px 0px; text-align: center;}
.return-to-shop a{background-color: #cb9e44 !important; color: #fff !important;    border-radius: 0 !important;}
.woocommerce .cart .button, .woocommerce .cart input.button{background-color: #cb9e44 !important; color: #000 !important;  }
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt{background-color: #cb9e44 !important; color:#000 !important;}
.woocommerce .quantity, .woocommerce-page .quantity{width: 100%;}
.product-detail{padding: 70px 0px;}
.woocommerce .woocommerce-breadcrumb{display:none;}
.product-detail .product_title{    text-transform: uppercase;}
.product-detail .price{padding:10px 0px;}
.product-detail .price .amount{font-weight: bold; color: #cb9e44; font-size: 24px;}
.product-detail .price .woocommerce-Price-currencySymbol{font-weight: bold; color: #cb9e44; font-size: 24px; }
.product-detail  .posted_in{display:none;}
.woocommerce div.product form.cart div.quantity{width: 100%;}
.entry-summary .cart{}
.entry-summary .cart h2{font-size: 18px; font-weight: bold; color: #252525; text-transform: uppercase; padding-bottom: 20px;}
.entry-summary .cart .quantity{float:none !important; margin-bottom: 30px !important;}
.entry-summary .cart .quantity input{border: 1px solid #cb9e44; color: #000; height: 30px;}
.woocommerce .quantity .plus:hover, .woocommerce .quantity .minus:hover, .woocommerce-page .quantity .plus:hover, .woocommerce-page .quantity .minus:hover{background-color: #cb9e44; color: #fff;}
.entry-summary .cart button{background-color: #cb9e44 !important; text-transform: uppercase; border-radius: 0; padding: 15px;}
.woocommerce .quantity input.qty, .woocommerce-page .quantity input.qty{width: 4.1em !important; left: 30px; position: relative; background-color: #cb9e44;}
.woocommerce .quantity .minus, .woocommerce-page .quantity .minus{position: absolute; left: 0px; top: 0px; height: 29px; background: transparent; width: 31px;}
.woocommerce .quantity .plus, .woocommerce-page .quantity .plus{position: absolute; width: 31px; height: 29px; background: transparent; left: 87px !important; border-bottom: 1px solid #e1e1e1;}
.entry-summary .yith-wcwl-add-to-wishlist{margin-top: 10px; float: left; top: -163px; position: relative; left: 148px;}
.entry-summary .yith-wcwl-add-button a:before{content: "\f08a"; font-family: fontawesome; padding-right: 10px;}
.entry-summary .yith-wcwl-add-button a{border: 1px solid #000; border-radius: 0; padding: 11px; font-weight: bold; text-transform:uppercase;}
.entry-summary .yith-wcwl-add-button a:hover{background-color: #cb9e44; color: #fff; border: 1px solid #cb9e44;}
.woocommerce-product-details__short-description{padding:30px 0px;}
.woocommerce-product-details__short-description p{line-height:25px; font-size: 16px; padding: 0;}
.woocommerce div.product .woocommerce-tabs ul.tabs{display: block; float: left; width: 20%; vertical-align: middle; margin:0;}
.woocommerce div.product .woocommerce-tabs .panel{margin: 0 0 2em; width: 78%; float: right; border: 1px solid #cb9e44; border-radius: 0; padding: 10px 30px;}
.woocommerce #content div.product .woocommerce-tabs ul.tabs li, .woocommerce div.product .woocommerce-tabs ul.tabs li, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li, .woocommerce-page div.product .woocommerce-tabs ul.tabs li{display:block !important; border: 0; border-bottom: 1px solid #e1e1e1; border-radius: 0; background-color: transparent;}
.woocommerce div.product .woocommerce-tabs ul.tabs{padding: 0;}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{display: block; font-weight: 600; text-decoration: none; color: #000 !important; padding: 10px 30px; text-align: left; font-size: 16px;}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a{color:#fff !important;}
.woocommerce div.product .woocommerce-tabs ul.tabs li::before{display:none; left: -6px; border-bottom-right-radius: 0 !important; border-width: 0 !important; -webkit-box-shadow: none; box-shadow: none;}
.woocommerce-Tabs-panel .yikes-custom-woo-tab-title{display:none; font-size:18px; color:#cb9e44; padding-bottom: 20px;}
.woocommerce-Tabs-panel p{font-size: 15px; line-height: 20px; padding-bottom: 20px;}
.woocommerce-Reviews .comments{}
.woocommerce #reviews #comments h2{font-size:18px !important; color:#7aac3d !important; padding-bottom: 20px;}
.woocommerce #review_form #respond .form-submit input{left: auto; background-color: #7aac3d; color: #fff; text-transform: uppercase;}
.select2-container--default .select2-results>.select2-results__options{display:grid !important;}
/*Dropdown Css*/
.dropdown:hover > .dropdown-menu { display: block;}
.dropdown-submenu { position: relative;}
.dropdown-submenu>.dropdown-menu {top: 0; left: 100%; margin-top: -6px; margin-left: -1px; -webkit-border-radius: 0 6px 6px 6px; -moz-border-radius: 0 6px 6px; border-radius: 0 6px 6px 6px; }
.dropdown-submenu:hover > .dropdown-menu {display: block;}
.dropdown-submenu>a:after { display: block; content: " "; float: right; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 5px 0 5px 5px; border-left-color: #ccc; margin-top: 5px; margin-right: -10px; }
.dropdown-submenu:hover>a:after { border-left-color: #fff;}
.dropdown-submenu.pull-left {float: none;}
.dropdown-submenu.pull-left>.dropdown-menu { left: -100%; margin-left: 10px; -webkit-border-radius: 6px 0 6px 6px; -moz-border-radius: 6px 0 6px 6px; border-radius: 6px 0 6px 6px; }
/*./Dropdown Css*/
/*Wocommerece Admin bar Start*/
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button{background-color: #cb9e44 !important; color: #000 !important; text-transform: uppercase; border-radius: 0 !important; padding: 15px 30px !important; font-weight: 600 !important;}
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover{background-color: #000 !important; color: #fff !important;}
.woocommerce .myAccountHeading{padding: 30px 0px; margin: 0; text-transform: uppercase; text-align: center; font-weight: 500; color: #cb9e44;}
.woocommerce-MyAccount-content{padding-bottom:15px;}
.woocommerce-MyAccount-content strong{color: #cb9e44; text-transform: capitalize;}
.woocommerce-MyAccount-content p a{color: #cb9e44; text-transform: capitalize;}
.woocommerce-MyAccount-content .woocommerce-Input{padding: 5px;}
.woocommerce-MyAccount-content .button{background-color: #e54408; padding: 10px; text-transform: uppercase;}
.woocommerce-MyAccount-content .button:hover{background-color: #14106e;}
.woocommerce-MyAccount-content fieldset{padding: 0; background: transparent;}
.woocommerce-MyAccount-content fieldset legend{background: transparent; color: #cb9e44;}
.woocommerce-MyAccount-content .woocommerce-info{background-color: #ddd; color: #000;}
.woocommerce-MyAccount-content .sliced-client-snapshot{text-align:right;}
.woocommerce-MyAccount-content .sliced-address{background-color: #ddd; padding: 7px !important;}
.woocommerce-MyAccount-content .woocommerce-address-fields input{padding:5px;}
.woocommerce-MyAccount-content .woocommerce-address-fields .select2-selection{border: 0; background-color: #f2f2f2; border-radius: 0;}
.woocommerce-MyAccount-content .woocommerce-address-fields .select2-selection .select2-selection__rendered{color:#000;}
.woocommerce-MyAccount-content .acc-quote{padding: 50px 30px; background-color: #eeecec; margin: 30px 0px; text-align:center;}
.woocommerce-MyAccount-content .acc-quote p{background-color: transparent; border: 0; color: #e34308; font-weight: 500; font-weight: bold;}
.woocommerce-MyAccount-content .acc-quote span{background-color: transparent; border: 0; color: #e34308; font-weight: 500; font-weight: bold; font-size: 13px;}
.woocommerce-MyAccount-content .acc-quote:hover{background-color:#e34308;-webkit-transition: background-color 1s ease-out; -moz-transition: background-color 1s ease-out; -o-transition: background-color 1s ease-out; transition: background-color 1s ease-out;}
.woocommerce-MyAccount-content .acc-quote:hover p{color:#fff;}
.woocommerce-MyAccount-content .acc-quote:hover span{color:#fff;}
.woocommerce-MyAccount-navigation{/*margin-bottom: 90px !important;*/ text-align: left; border: 1px solid #ddd; /*margin-top: 70px;*/}
.woocommerce-MyAccount-navigation ul li{display:block;}
.woocommerce-MyAccount-navigation ul li a{padding: 20px 15px !important;}
.woocommerce-MyAccount-navigation ul li a, .lost_password a{padding: 15px 10px; color: #000; display:block; font-size: 16px;}
.woocommerce-MyAccount-navigation ul li a:hover{background:#cb9e44;color:#fff; -webkit-transition: background-color 1s ease-out; -moz-transition: background-color 1s ease-out; -o-transition: background-color 1s ease-out; transition: background-color 1s ease-out;}
.woocommerce-MyAccount-navigation ul li.is-active a{background:#cb9e44;color:#fff;}
.woocomerce-form.woocommerce-form-login.login, .register{border: 1px solid #ececec;padding: 20px;min-height: 360px;}
.woocommerce-MyAccount-navigation ul li a:before{display: inline-block; font: normal normal normal 16px/1 FontAwesome; font-size: inherit; text-rendering: auto; content: "\f0f6"; line-height: 1.618; margin-left: 0.5407911001em; width: 1.41575em; text-align: right; float: right; opacity: .25;}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--dashboard a:before{content: "\f0e4";}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--orders a:before{content: "\f291";}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--downloads a:before{content: "\f019";}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-address a:before{content: "\f015";}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-account a:before{content: "\f007";}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a:before{content: "\f08b";}
/*Wocommerece Admin bar End*/

.woocommerce .woocommerce-result-count, .woocommerce .woocommerce-ordering{padding-bottom:20px;}
.woocommerce .woocommerce-result-count{font-size: 16px; text-transform: capitalize; width: 100%; background-color: #000; padding: 20px; color: #fff; margin-bottom: 50px;}
.woocommerce .woocommerce-ordering{position: absolute; right: 22px; padding: 0; margin: 0; top: 79px;}
.container .woocommerce {padding:70px 0px; position: relative; display: inline-block;}
.woocommerce .woocommerce-ordering select{padding: 10px 15px; border: 1px solid #cb9e44;}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product{text-align:center;}
.woocommerce div.product div.summary{/*top: 120px; position: relative;*/}
.woocommerce div.product div.summary .single-pro-title{}
.woocommerce div.product div.summary .single-pro-title h3{}
.woocommerce div.product div.summary .single-pro-title h3 a{font-size: 25px; color: #000;}
.woocommerce div.product div.summary .single-pro-title h3 a:hover{color: #7cfc00;}
.woocommerce-checkout #payment ul.payment_methods li{display: block;}
.woocommerce-MyAccount-navigation-link--downloads{display: none !important;}
.woocommerce-page div.product .woocommerce-tabs .woocommerce-Tabs-panel h2{font-size: 18px; font-weight: bold; padding-bottom: 20px;}
/*Woo-commerece Pages Setting css End*/

/*Single Product Page Start*/
.woocommerce-page .single-title{position:relative; padding: 0;}
.woocommerce-page .single-title h3{position: absolute; left: 585px; top: 0;}
.woocommerce-page .single-title h3 a{font-size: 32px;}
.woocommerce-page .product{}
.woocommerce-page .product .price{margin: 20px 0px;}
.woocommerce-page .product .price span{font-size: 30px; color: #cb9e44; font-weight: 600;}

.woocommerce button.button.alt{padding: 16px 26px !important; background-color: #cb9e44 !important; color: #000 !important; font-weight: 500 !important;}
.woocommerce button.button.alt:hover{background-color:#000 !important; color: #fff !important;}
.entry-summary .yith-wcwl-add-button a{border: 1px solid #2d2e2e; border-radius: 0; font-weight: bold; text-transform: uppercase; padding: 12px 27px !important; color: #2d2e2e !important;}
.entry-summary .yith-wcwl-add-button a:hover{border: 1px solid #cd2027; color: #fff !important; background-color: #cd2027 !important;}
.woocommerce .posted_in{display:none;}
.woocommerce-tabs{}
.woocommerce div.product .woocommerce-tabs ul.tabs{width: 100%; margin-top: 50px;}
.woocommerce div.product .woocommerce-tabs ul.tabs::before{border:0;}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active::after, .woocommerce div.product .woocommerce-tabs ul.tabs li::after, .woocommerce div.product .woocommerce-tabs ul.tabs li.active::after{box-shadow: none;}
.woocommerce div.product .woocommerce-tabs ul.tabs li{display: inline-block !important; border: 0; width: auto; border: 1px solid #cb9e44; margin: 0;}
.woocommerce div.product .woocommerce-tabs .panel{width: 100%; padding: 50px 30px;}
.woocommerce div.product .woocommerce-tabs .panel ul{}
.woocommerce div.product .woocommerce-tabs .panel ul li{display: block; padding: 5px 0px;}
.woocommerce div.product .woocommerce-tabs .panel ul li:before{content: "\f105"; font-family: "fontawesome"; padding-right: 10px; color: #cd2027;}
.woocommerce-cart table.cart td.actions .coupon .input-text{width:50%; margin: 0;}
.related{float: left; padding: 0; text-align: center; width: 100%;}
.related h2{text-transform: uppercase; border-top: 1px solid #000; border-bottom: 1px solid #000; width: 39%; margin: 50px auto;}
.related h2 span{font-size:28px; }
.woocommerce div.product p.price{margin: 0; padding: 0;}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active{background: #cb9e44; z-index: 2; border-bottom-color: #cb9e44;}
.woocommerce ul.products li.product:before{content:"";}
.woocommerce div.product div.images img{border: 1px solid #cb9e44;}
.post-details .single-content .woocommerce{padding:0;}
.post-details .single-content .woocommerce .products li{margin-bottom: 0;}


/*Single Product Page End*/

/*Cart Page Start*/
.woocommerce table.cart td.actions .coupon .button{padding: 10px 30px !important;}
.woocommerce .cart-collaterals, .woocommerce-page .cart-collaterals{}
.woocommerce-page .cart-collaterals .cart_totals{margin-top: 15px;}
.woocommerce-page .cart-collaterals .cart_totals h2{font-size: 32px; text-transform: capitalize; font-weight: 500; padding-bottom: 20px;}

/*Cart Page End*/

/*Check out Page Start*/
.checkout{}
.checkout .woocommerce-billing-fields{padding-bottom: 40px;}
.checkout .woocommerce-billing-fields h3 ,.woocommerce-additional-fields h3{padding-bottom: 30px; text-transform: capitalize; color: #000;}
.checkout .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper{}
.checkout .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper label{}
.checkout .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper input{border: 1px solid #cb9e44 !important; padding: 10px !important;}
.checkout .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper .select2-selection{border-radius: 0; border: 1px solid #cb9e44;}
.woocommerce-additional-fields textarea{border: 1px solid #cb9e44 !important; padding: 10px !important;}
#order_review_heading{padding-bottom: 30px; text-transform: capitalize; color: #000;}

/*Check out Page End*/
/*Lost Password Start*/
.lost_reset_password{}
.lost_reset_password p{font-size: 16px; font-weight: 500; padding-bottom: 30px;}
.lost_reset_password .woocommerce-form-row{}
.lost_reset_password .woocommerce-form-row label{text-transform: capitalize;}
.woocommerce-info, .woocommerce-message{border-top-color: #cb9e44 !important;}
.woocommerce-info::before, .woocommerce-message::before{color: #cb9e44 !important;}
.woocommerce-info a{color: #cb9e44 !important;}
.lost_password a{color: #cb9e44; text-decoration: underline; text-transform: capitalize;}
.lost_password a:hover{color:#000;}
.post-details{padding: 80px 0px;}
.woocommerce .post-details .single-title{display:none;}
.fa-twitter:before{content: "\e61b";}
/*Lost Password End*/


header { background-image: url(../../../wp-content/uploads/2025/11/Updated-Home.png); padding: 20px 0px; background-size: cover; background-position: bottom; background-repeat: no-repeat; }
header .navigation ul { border: 1px solid #fff; padding: 5px 5px; border-radius: 30px; width: 100%; justify-content: center; display: flex; margin-top: 29px; }
header .navigation a{color: #fff; padding: 12px 25px;}
header .navbar .navbar-nav li.active a{color: #000 !important; background-color: #fff; border-radius: 30px; }
header .hlogo {text-align: center;}
header .hlogo h1 { font-size: clamp(20px, 4vw, 38px); font-weight: 600; display: flex; align-items: center; gap: 0.5rem; color: #fff; font-size: 20px;}
header .hlogo .word { position: relative; display: inline-block; min-width: 150px;  text-align: right; }
header .hlogo .word span { position: absolute; top: -12px; left: 0; opacity: 0; transition: opacity 1s ease; color: #fff; font-size: 20px;}
header .hlogo .word span.active { opacity: 1; }
header .hlogo .by { color: #fff; font-size: 20px; display: flex; align-items: center; margin-left: 0px; gap: 10px;}
header .hlogo .by::after{content: ''; background-color: #fff; width: 30px; height: 1px; display: block;}
header .hlogo img{width: 94% !important;}
header .hlogo h1{margin-bottom: 15px !important; width: 92%; margin: auto;}

.awardsectionhome .award-slider { width: 100%; overflow: hidden; background: #000; padding: 30px 0; }
.awardsectionhome .award-track { display: flex; gap: 20px; animation: slide 15s linear infinite; }
.awardsectionhome .award-item { min-width: 300px; height: 120px; background: #000; display: flex; align-items: center; justify-content: center; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-image: repeating-linear-gradient( to right, white 0, white 5px, transparent 5px, transparent 15px ) 10; }
.awardsectionhome .award-item img { max-height: 90px; width: auto; filter: brightness(1.1); }

@keyframes slide {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}


.homebanner { height: 130vh; display: flex; align-items: end; padding-top: 80px !important; padding-bottom: 80px !important; background-size: cover; background-repeat: no-repeat; background-position: bottom;}
.homebanner h1 { color: #fff; font-size: 70px; line-height: 80px; font-weight: 700; letter-spacing: 1px; }
.homebanner p { color: #fff; width: 60%; margin-left: auto; line-height: 30px; }
.homebanner a{}
.homebanner .vc_row {left: 0px !important;}

/* custom button */ 
.animated-button { position: relative; display: flex; margin-top: 20px; align-items: center; gap: 4px; width: fit-content; margin-left: auto; padding: 16px 45px; border: 4px solid; border-color: transparent; font-size: 16px; background-color: inherit; border-radius: 100px; font-weight: 600; color: #E1B711; box-shadow: 0 0 0 2px #E1B711; cursor: pointer; overflow: hidden; transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1); }
.animated-button svg { position: absolute; width: 24px; fill: #E1B711; z-index: 9; background: #fff; border-radius: 50%; height: 35px; width: 35px; padding: 6px; transform: rotate(-45deg); transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1); }
.animated-button .arr-1 { right: 5px; }
.animated-button .arr-2 { left: -25%; }
.animated-button .circle { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 20px; height: 20px; background-color: #E1B711; border-radius: 50%; opacity: 0; transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1); }
.animated-button .text { position: relative; z-index: 1; transform: translateX(-12px); transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1); color: #fff; left: -10px;}
.animated-button:hover { box-shadow: 0 0 0 12px transparent; color: #212121; border-radius: 12px; }
.animated-button:hover .arr-1 { right: -25%; }
.animated-button:hover .arr-2 { left: 17px; }
.animated-button:hover .text { transform: translateX(28px); }
.animated-button:hover svg { fill: #212121; }
.animated-button:active { scale: 0.95; box-shadow: 0 0 0 4px #E1B711; }
.animated-button:hover .circle { width: 220px; height: 220px; opacity: 1; }

.homebanner .vc_row { left: 0px !important; padding: 0px 5.2%; }



.marquee { width: 100%; overflow: hidden; white-space: nowrap; background: #000; color: #fff; font-family: 'Arial Black', sans-serif; text-transform: uppercase; letter-spacing: 6px; padding: 20px 0; border-top: 5px solid #000; border-bottom: 5px solid #000; position: relative; }
.marquee-content { display: inline-block; padding-left: 100%; animation: scroll 30s linear infinite; }
.marquee-content span { font-size: 26px; font-weight: 700; color: #fff; font-family: 'Oswald'; }
.marqueejagger{padding-top: 0px !important;}
.marqueejagger h4{margin-bottom: 20px; font-size: 30px; color: #000;}

@keyframes scroll {
  0% { transform: translateX(0); }
  100% { transform: translateX(-100%); }
}


.craftingstories{padding-top: 80px !important; padding-bottom: 80px !important;}
.craftingstories h2 { font-size: 90px; color: #000; font-weight: 900; line-height: 120px; }
.craftingstories h4{color: #E1B711; margin-bottom: 15%;}
.craftingstories p { color: #5C5C5C; font-size: 16px !important; line-height: 26px; width: 50%; }
.craftingstories h3{color: #000; margin-bottom: 3%; font-size: 60px;}
.craftingstories h3::before{content: '+'; font-size: 49px; color: #000; margin-right: 4px;}
.craftingstories .secondh3{margin-top: 30px !important;}
.counterrowform{margin-top: 30px !important;}
.counterrowform p{width: 80% !important;}
.counterrowform .vc_figure{width: 100% !important; max-width: 100% !important;}
.counterrowform .vc_figure .vc_single_image-wrapper {width: 100% !important; max-width: 100% !important;}
.counterrowform .vc_figure .vc_single_image-wrapper img{width: 100% !important; max-width: 100% !important;}
.craftingstories .imagerow{margin-top: 30px !important;}
.craftingstories .imagerow img{width: 100% !important; max-width: 100% !important;}
.craftingstories .imagerow .vc_single_image-wrapper{width: 100% !important; max-width: 100% !important;}
.craftingstories .imagerow figure{width: 100% !important; max-width: 100% !important;}

.designthatworks{background-color: #000 !important; border-radius: 30px; padding-top: 80px !important; padding-bottom: 80px;}
.designthatworks h2 { font-size: 90px; color: #fff; font-weight: 900; line-height: 120px; }
.designthatworks h4{color: #E1B711; margin-bottom: 15%;}
.designthatworks p { color: #fff; font-size: 16px !important; line-height: 26px; width: 50%; }
.designthatworks h3{color: #fff; margin-bottom: 3%; font-size: 60px;}

.imagesection{}

.contentrow{margin-top: 40px !important;}
.contentrow p{width: 100% !important;}
.contentrow p strong{color: #E1B711 !important;}
.mainwrapper h3::before{content: '' !important; display: none !important;}
.contentrow .vc_col-sm-6 .vc_column-inner{transition: 0.5s !important;}
.contentrow .vc_col-sm-6 .vc_column-inner:hover{transform: scale(1.06);}

.createsometing {height: 100vh; background-position: top; background-repeat: no-repeat; background-size: cover; padding-top: 40px !important; border-bottom-left-radius: 30px !important; border-bottom-right-radius: 30px !important; }
.createsometing h2 { font-size: 90px; color: #fff; font-weight: 900; line-height: 120px; }
.createsometing p { color: #fff; font-size: 16px !important; line-height: 26px; width: 80%; }
.createsometing a{margin-left: 0 !important;}

footer {padding-top: 0px; padding-bottom: 20px;}
footer h2 { font-size: 170px; font-weight: 700; text-transform: uppercase; text-align: center; line-height: 150px; color: #000; }
footer h4{margin-bottom: 15px !important; margin-top: 10px ;}
footer .stayconnected ul{margin-bottom: 15px; display: flex; gap: 23px;}
footer .toprow {display: flex; align-items: center; margin-top: 30px !important; margin-bottom: 30px;}
footer .toprow .fmenu ul{display: flex; justify-content: end;}
footer .toprow .fmenu ul li{padding: 0px 10px !important;}
footer .toprow .fmenu ul li a{color: #000; font-size: 16px; font-weight: 500;}
footer .bringtext p{ width: 55%;  line-height: 27px; font-size: 16px;}
footer .copyright p{line-height: 27px; font-size: 16px; text-align: center;}
footer .bottomrow{display: flex; align-items: center;}
footer .stayconnected img{height: 28px; width: 28px ;}

body{overflow-x: hidden;}

/* preloader  */

#preloader { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #ffffff; display: flex; align-items: center; justify-content: center; z-index: 9999; transition: opacity 0.5s ease; }
#loadtype { width:260px; height:143px; overflow:visible; }
#preloader{overflow:visible;}
#preloader #percentTxt{  font-family: Oswald !important; font-size: 20px !important;}




@keyframes moveCursor1 {
    from {
        transform: scale(1);
    }

    to {
        transform: scale(.8);
    }
}

@keyframes moveCursor2 {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(2.5);
    }

    100% {
        transform: scale(1);
        opacity: 0;
    }
}

.innerbanner{height: 70vh !important; display: flex; align-items: center; padding-top: 0px !important; background-size: cover; background-position: center; background-repeat: no-repeat; justify-content: center;}
.innerbanner h4{font-size: 18px; color: #fff;}
.innerbanner h1{font-size: 120px; line-height: 130px; color: #fff; text-transform: uppercase; font-weight: 600;}
.innerbanner h3{color: #fff; font-size: 22px; font-weight: 600; padding: 10px 0px;}
.innerbanner p{color: #fff; font-size: 22px; font-style: italic; width: 40%; line-height: 34px;}
.innerbanner h5 { font-size: 18px; color: #ffffffa3; margin-bottom: 210px; line-height: 32px; margin-top: 20px; }


.meetjagerbanner { height: 120vh !important; display: flex; align-items: center; padding-top: 0px !important; background-size: cover; background-position: 40%; background-repeat: no-repeat; }
.meetjagerbanner h4{font-size: 18px; color: #fff;}
.bookslidersectionmeetjagger{margin-bottom:40px !important;}
.meetjagerbanner h1{font-size: 120px; line-height: 130px; color: #fff; text-transform: uppercase; font-weight: 600; margin-bottom:20px !important;}
.meetjagerbanner h3{color: #fff; font-size: 22px; margin-top: 40px; font-weight: 600; padding: 10px 0px;}
.meetjagerbanner p { color: #fff; font-size: 18px; font-style: italic; width: 50%; line-height: 30px; }
.meetjagerbanner h5 { font-size: 21px; color: #fff; margin-bottom: 210px; line-height: 32px; margin-top: 20px; display: flex; justify-content: end; text-transform: uppercase;}
.imagewithcontent .accolade { max-height: 310px; overflow-y: auto; padding: 10px; border-radius: 10px; }
.imagewithcontent .accolade ul{display:block !important;}
.imagewithcontent .accolade ul li { display: block; padding: 3px 0px; align-items: center; padding-left: 10px; }
.imagewithcontent .accolade ul li::before{content: ''; background: #000; height: 3px; width: 3px; border-radius: 50%; position: relative; left: -10px; top: 11px; display: block;}

.watchourvideo h2{margin-bottom:20px !important;}

/* Scrollbar styling (for Chrome, Edge, Safari) */
.imagewithcontent .accolade::-webkit-scrollbar {
  width: 10px;
}

.imagewithcontent .accolade::-webkit-scrollbar-track {
  background: #333;
  border-radius: 10px;
}

.imagewithcontent .accolade::-webkit-scrollbar-thumb {
  background: yellow;
  border-radius: 10px;
}

/* For Firefox */
.imagewithcontent .accolade { scrollbar-width: thin; scrollbar-color: #E1B711 #ffffff; border-radius: 10px; }


.bookslidersection {background-color: #000;}
.bookslidersection .slider-container { width: 100%; overflow: hidden; position: relative;  }
.bookslidersection .slider-track { display: flex; width: max-content; gap: 20px; } .slider-track img { width: 200px; height: 300px; object-fit: cover; border-radius: 10px; flex-shrink: 0; transition: transform 0.3s ease; } .slider-track img:hover { transform: scale(1.05); } /* Animation */ @keyframes scrollLeft { from { transform: translateX(0); } to { transform: translateX(-50%); } } @keyframes scrollRight { from { transform: translateX(-50%); } to { transform: translateX(0); } } .slide-left { animation: scrollLeft 25s linear infinite; } .slide-right { animation: scrollRight 25s linear infinite; }
.bookslidersection .slider-track { display: flex; width: max-content; gap: 20px; margin: 30px 0px; }
.bookslidersection .slider-track img { width: 360px; height: 480px; object-fit: cover; border-radius: 5px; flex-shrink: 0; transition: transform 0.3s ease; }
.bookslidersection .slider-track img:hover { transform: scale(1.05); }
  @keyframes scrollLeft {
    from { transform: translateX(0); }
    to { transform: translateX(-50%); }
  }

  @keyframes scrollRight {
    from { transform: translateX(-50%); }
    to { transform: translateX(0); }
  }
.bookslidersection .slide-left { animation: scrollLeft 25s linear infinite; }
.bookslidersection .slide-right { animation: scrollRight 25s linear infinite; }


.jaggerrow{padding-top: 40px !important; padding-bottom: 40px; border-top: 1px solid #ffffff4a;  margin-top: 30px; transition: 0.5s;}
.jaggerrow:hover h4{color: #fff !important;}
.jaggerrow:hover a {border: 1px solid #fff;}
.jaggerrow p{width: 100% !important;}
.jaggerrow h3 strong{color: #616161;}
.jaggerrow h4{margin-bottom: 0px !important; color: #616161 !important;}
.jaggerrow a::before{content: url(../../../wp-content/uploads/2025/11/Hover-Button.png);}
.jaggerrow a { font-size: 0px; border: 1px solid #ffffff57; height: 80px; width: 80px; border-radius: 50%; display: flex; align-items: center; justify-content: center; }
.jaggerrow .arrow p{position: relative; top: 50%; display: flex; justify-content: end; height: 240px; align-items: center;}
.myresume a{margin-left: 0px !important; width: 100% !important;}

.bookssection{padding-bottom: 80px !important;}
body .myresume{padding-bottom: 0px !important;}
/* .reel-section { width: 90%; margin: auto; padding: 30px 0; } */
.reel-title { font-size: 70px; font-weight: 800; color: #000;}
.slider-controls { display: flex; justify-content: end; gap: 15px; margin-bottom: 10px; }
.arrow-btn { background: #000; color: #fff; border: none; border-radius: 50%; font-size: 22px; cursor: pointer; height: 70px; width: 70px; margin-bottom: 20px; }
.myReelSlider { overflow: hidden; }
.slider-track { display: flex; gap: 20px; transition: transform 0.4s ease; }
.slide { min-width: 30%; border-radius: 10px; position: relative; overflow: hidden; }
.slide img { width: 100%; height: 460px; object-fit: cover; border-radius: 10px; }
.play-btn {  color: white; width: 80px; height: 80px; display: flex; justify-content: center; align-items: center; border-radius: 50%; font-size: 28px; cursor: pointer; }
.slide p { color: white; font-size: 16px; margin-left: 20px; line-height: 27px; font-weight: 400 !important; }
.video-modal { display: none; position: fixed; inset: 0; background: rgba(0,0,0,0.8); justify-content: center; align-items: center; }
.video-box { position: relative; width: 70%; }
#closeModal { position: absolute; right: -40px; top: -40px; font-size: 35px; color: white; cursor: pointer; }
#modalVideo { width: 100%; border-radius: 10px; }

.buttonandtext{display: flex; position: absolute; bottom: 30px; left: 20px; align-items: center;}
.buttonandtext img{height: 80px !important; width: 80px !important;}

.myresume .animated-button{background: #e1b711 !important;}
.myresume p{width: 100% !important; margin: 20px 0px !important;}


.ourrecentwork{padding-top: 80px !important; padding-bottom: 80px !important;}
.ourrecentwork h2{font-size: 50px ; color: #000; margin-bottom: 20px !important;  display: block; font-weight: 600;}
.ourrecentwork img{width: 100% !important; object-fit: cover; max-width: 100% !important;}
.ourrecentwork figure{width: 100% !important; max-width: 100% !important;}
.ourrecentwork .wpb_single_image{width: 100% !important; max-width: 100% !important;}
.ourrecentwork h3 { font-size: 40px; color: #000; margin-top: 12px !important; margin-bottom: 40px !important; display: block; font-weight: 500; }


.mycinematic{}
.mycinematic h2{font-size: 110px; font-weight: 700; text-transform: uppercase; text-align: center; padding: 20px 0px; line-height: 150px; color: #000;}
.mycinematic h3{font-size: 30px ; color: #000; font-weight: 500; margin-bottom: 5px; text-transform: uppercase;}
.mycinematic h4{font-size: 18px; color: #000; font-weight: 500; padding: 6px 0px;}
.mycinematic h4 strong{color: #767676 !important;}
.mycinematic p{color: #5C5C5C; font-weight: 400 !important; width: 80%; line-height: 28px; padding: 0px 0px 20px;}
.mycinematic .vc_col-sm-5 .vc_column-inner{padding-left: 0px !important;}
.mycinematic .janitorrow{border-top: 3px solid #000 !important;}


.filmfestivalmarquee{padding-top: 40px !important; padding-bottom: 40px;}
.filmfestivalmarquee .marquee-track { display: flex; gap: 20px; animation: scroll 10s linear infinite; }
.filmfestivalmarquee .marquee-track img { height: 100px; border-radius: 8px; }
@keyframes scroll {
    0% {
      transform: translateX(0);
    }
    100% {
      transform: translateX(-50%);
    }
}
.filmfestivalmarquee h3 { font-size: 28px; color: #000; font-weight: 600; margin-top: 30px !important; margin-bottom: 20px !important; }
.fade-left, .fade-right { position: absolute; top: 0; width: 100px; height: 100%; z-index: 2; pointer-events: none; }
.fade-left { left: 0; background: linear-gradient(to right, white, transparent); }
.fade-right { right: 0; background: linear-gradient(to left, white, transparent); }

.marquee-container{overflow: hidden; margin-top: 20px;}

.myyoutubevideos{margin-top: 20px !important;}

.meetthecrew{padding-top: 20px !important; padding-bottom: 80px;}
.meetthecrew img{width: 100% !important; border-radius: 10px; overflow: hidden;}
.meetthecrew .circle-container {width: 150px; height: 150px; animation: rotate 6s linear infinite; background: #fff !important; z-index: 9; position: relative; border-radius: 50%; padding: 20px; margin-top: -30px; margin-bottom: -30px;}
.meetthecrew .circle-container img { width: 100%; height: 100%; object-fit: contain; }
  @keyframes rotate {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
  }


.meetthecrew h2 { font-size: 50px; font-weight: 600; text-transform: uppercase; padding: 20px 0px; line-height: 90px; color: #000; }
.meetthecrew h3{font-size: 30px ; color: #000; font-weight: 500; margin-bottom: 5px;}
.meetthecrew h4{font-size: 20px ; color: #5C5C5C; font-weight: 500; margin-top: 7px;}
.meetthecrew p{color: #5C5C5C; font-weight: 400 !important;  line-height: 28px; padding-top: 10px; width: 90%;}
.meetthecrew p strong{font-weight:600 !important;}
.meetthecrew .wpb_raw_code {justify-content: center; display: flex;}


.aboutmilesstudios{background-color: #000; padding-top: 80px !important; padding-bottom: 80px;}
.aboutmilesstudios h2{color: #fff; font-size: 50px; font-weight: 600; margin-bottom: 10px;}
.aboutmilesstudios p{color: #fff; font-size: 16px; line-height: 27px; padding-top: 20px !important; width: 88%;}


.mansorryimagetaxt{padding-top: 80px !important; padding-bottom: 80px;}
.mansorryimagetaxt h3{font-size: 28px; font-weight: 500; padding-top: 10px; padding-bottom: 4px; text-transform: uppercase;}
.mansorryimagetaxt h2{font-size: 40px; font-weight: 500; padding-top: 00px; padding-bottom: 30px; text-transform: uppercase;}
.mansorryimagetaxt p{padding-bottom: 30px; color: 5C5C5C; font-weight: 400; line-height: 26px;}
.mansorryimagetaxt img{width: 100% !important; max-width: 100% !important;}
.mansorryimagetaxt .vc_single_image-wrapper{width: 100% !important; max-width: 100% !important;}
.mansorryimagetaxt figure{width: 100% !important; max-width: 100% !important;}
.demoparw{margin-top: 20px !important;}
.mansorryimagetaxt .wpb_text_column{padding-bottom: 0px !important;}

.ourrecentwork img{padding-bottom: 30px !important;}

.meetthecrew .vc_single_image-wrapper{    width: 100% !important; max-width: 100% !important;}
.meetthecrew figure{width: 100% !important;}
.jaggerrow{position: relative; z-index: -9; top: -70px;}


.mansorryimagetaxt .vc_row-fluid{margin-bottom: 30px !important;}
.mansorryimagetaxt h2 { font-size: 50px; font-weight: 500; padding-top: 00px; padding-bottom: 0px; text-transform: uppercase; color: #000; }

.news-cards-wrapper .news-thumb img{width:100% !important;}
.news-cards-wrapper .news-logo{margin:20px 0px !important;}
.news-cards-wrapper h3{font-size: 32px; color: #000; font-weight: 600; margin-bottom: 10px;}
.news-cards-wrapper p{color: #5C5C5C; line-height: 26px;}
.recentarrticals h2{color: #000; font-size: 90px; font-weight: 600; line-height: 100px; margin-bottom: 40px !important; margin-top: 20px; }
.recentarrticals h4{color: #E1B711; font-style: italic;}
.recentarrticals{padding-bottom:80px !important;}

/* Responsive */
@media (min-width: 1200px) {
    .container {
        width: 1420px;
    }
}

@media (max-width: 1280px) and (min-width: 1024px){

}
@media (max-width: 1023px) and (min-width: 992px){

}
@media (max-width: 991px){
	h1{font-size:28px !important; line-height: 38px !important;}
	h2{font-size:22px !important; line-height: 22px !important;}
	h3{font-size:18px !important; line-height: 28px !important;}
	h4{font-size:16px !important; line-height: 26px !important;}
	h5{font-size:14px !important; line-height: 24px !important;}
	h6{font-size:14px !important; line-height: 24px !important;}
	p{font-size:14px !important; line-height: 24px !important;}
	a{font-size:14px !important; line-height: 24px !important;}
	span{font-size:14px !important; line-height: 24px !important;}
	li{font-size:14px !important; line-height: 24px !important;}

  header .navigation a{padding: 12px 16px !important;}
  header .navigation ul{display: inline;}

  .aboutmilesstudios { background-color: #000; padding-top: 40px !important; padding-bottom: 40px; }
  .aboutmilesstudios p{padding-top: 10px !important;}
  .mycinematic iframe{width: auto !important; height: auto !important;}
  .filmfestivalmarquee .marquee-track img{height: auto;}
  .meetthecrew{padding-bottom: 0px !important; padding-top: 40px !important;}
  .aboutmilesstudios p{width: 100%;}

  .recentarrticals { padding-bottom: 40px !important; }
  
  .mansorryimagetaxt { padding-top: 40px !important; padding-bottom: 40px; }
  .ourrecentwork { padding-top: 40px !important; padding-bottom: 40px !important; }
  .watchourvideo iframe{height: 100% !important;}
  .watchourvideo p{padding-bottom: 0px !important;}
}
@media (max-width: 767px){
	.dropdown:hover > .dropdown-menu{width: 100%; text-align: center;}
	.head-menu .main-nav .navbar .navbar-nav li .dropdown-menu li a:hover{color: #fff;}
  .navbar .navbar-header .icon-bar {background-color: #000;}
  .navbar-toggle { background-color: #fff; margin-top: 30px;}
  
  .homebanner{height: 60vh; background: #282b2b; background-size: contain !important;}
  header .navbar .navbar-nav li.active a{width: fit-content;}
  .createsometing { height: 40vh;}
  .craftingstories { padding-top: 40px !important; padding-bottom: 40px !important; }

  footer {padding-top: 40px !important;}
  footer .toprow .fmenu ul{display: grid; width: max-content; }
  footer .toprow .fmenu ul li{padding-bottom: 10px !important;}
  footer .toprow{justify-content: center ; align-items: baseline;}
  footer .bottomrow{justify-content: center;}
  .meetjagerbanner p{width: 100% !important;}
  .meetjagerbanner { height: 60vh !important;}
  .craftingstories h4{margin-bottom: 2% !important;}
  .bookslidersection .slider-track img { width: 250px; height: 340px;}
  .menu-footer-navigation-container{display: flex; justify-content: center;}
  .news-card{margin-top: 10px !important;}
  .recentarrticals h2{margin-bottom: 20px !important; margin-top: 10px;}
  .mycinematic .vc_col-sm-5 .vc_column-inner{padding-right: 0px !important;}
  .mycinematic h3{padding-top: 20px !important;}
  .meetthecrew h3{padding-top: 20px !important;}
  
  .jaggerrow { flex-direction: column-reverse; top: 0 !important; margin-top: 0px !important; padding-top: 0px !important;} 
  .circle-container{display: none ;}
  .jaggerrow{margin-top: 40px !important;}
  .mycinematic p{width: 100% !important;}

  .mycinematic .wpb_single_image figure{width: 100% !important;}
  .mycinematic .wpb_single_image figure .vc_single_image-wrapper{width: 100% !important;}
  .mycinematic .wpb_single_image figure .vc_single_image-wrapper img{width: 100% !important;}

  video{height: 100% !important; width: 100% !important;}

  .mansorryimagetaxt .vc_row-fluid{margin-bottom: 0px !important;}

  
  
  header .navigation ul{border: 0px !important;}

}
@media (max-width: 577px){
.homebanner { height: 100%; background: #242424; background-size: contain !important; background-repeat: no-repeat !important; background-position: center !important; }
footer .toprow{display: grid;}
footer .fmenu{margin-top: 15px;}
.stayconnected h4 { text-align: center; font-weight: 600; color: #000; font-size: 20px !important; margin-bottom: 27px !important; }
footer .toprow .fmenu ul li{text-align: center;}


} 
@media (max-width:375px)
{

}
@media (max-width:320px){

}