/**************common css start**************/ body { color: #000; font-size: 14px; line-height: 1.8; font-weight: 300; font-family: 'Montserrat', sans-serif; -webkit-font-smoothing: antialiased; overflow-x: hidden; } ol, ul { padding: 0; margin: 0; list-style: none } * { border: none; margin: 0; padding: 0; vertical-align: baseline; outline: none!important; } img { height: auto; max-width: 100%; user-drag: none; user-select: none; -moz-user-select: none; -webkit-user-drag: none; -webkit-user-select: none; -ms-user-select: none; } .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { margin: 0; font-family: 'Lora', serif; color: #000; font-weight: 400 } b, strong { font-weight: 500 } p { margin: 0 } body.admin-bar header { margin-top: 32px } @media screen and (max-width:782px) { body.admin-bar header { margin-top: 42px } .head-fix body.admin-bar header { margin-top: 0 } } /***************Link Color**************/ a { color: #d4af37; } a:hover, a:focus { color: #000; text-decoration: none } /***************Link Color End**************/ /***************Tel Link**************/ @media screen and (min-width:1024px) { a[href^="tel:"] { pointer-events: none; } } /***************Tel Link End**************/ /****************Label********/ label { display: block; font-weight: normal } label.auto { display: inline-block; margin: 0 15px 5px 0 } label.auto:last-child { margin-right: 0 } /****************Label********/ /****************Input Fields****************/ input[type="text"], input[type="email"], input[type="password"], input[type="search"], input[type="tel"], input[type="file"], input[type="url"], input[type="number"], input[type="date"], input[type="file"], select, textarea { background-color: #fff; border: 1px solid #dedbdb; border-left-color: rgba(0,0,0,0); border-right-color: rgba(0,0,0,0); border-top-color: rgba(0,0,0,0); border-radius: 0; color: #000; display: block; font-size: 14px; line-height: 24px!important; padding: 12px 15px; position: relative; width: 100%; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; -moz-appearance: none; -webkit-appearance: none; } input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="number"]:focus, input[type="date"]:focus, input[type="file"]:focus, select:focus, textarea:focus, input[type="url"]:focus { border-color: #000; } textarea { height: 130px; resize: none; font-family: 'Montserrat', sans-serif; font-size: 14px; border-radius: 0 } select { -webkit-appearance: menulist; -moz-appearance: menulist; } select option { font-size: 14px; } input[type="checkbox"], input[type="radio"] { display: inline-block; margin-right: 5px; vertical-align: top; } ::-webkit-input-placeholder { color:#000; opacity:1 } :-moz-placeholder { color:#000; opacity:1 } ::-moz-placeholder { color:#000; opacity:1 } :-ms-input-placeholder { color:#000; opacity:1 } /***************Browser Compatibility***************/ input::-moz-focus-inner, button::-moz-focus-inner { padding:0; border:0; } input[type="button"], input[type="submit"], input[type="reset"] { -moz-appearance: none; -webkit-appearance: none; } input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button { -webkit-appearance:none; } input[type=number] { -moz-appearance: textfield!important; } /****************Input Fields End****************/ /***************wpcf7 error***************/ .wpcf7-validation-errors { border: 0!important; float: left; display: block; overflow: hidden; clear: both; color: #fff!important; font-size: 13px; padding: 15px; margin: 10px 0 0!important; text-align: center; width: 100%; background-color: #F00 } .wpcf7-not-valid-tip { display: none!important; position: relative; clear: both; overflow: hidden; color: #F00; font-size: 13px!important; padding: 0; margin: -5px 0 10px; text-align: left!important } .wpcf7-mail-sent-ok { border: 0!important; float: left; display: block; overflow: hidden; clear: both; color: #fff!important; font-size: 13px; padding: 15px; margin: 10px 0 0!important; text-align: center; width: 100%; background-color: #398f14 } .wpcf7-not-valid { border: 1px solid #F00!important } /****************wpcf7 error End****************/ /****************Space Control Top Bottom****************/ .m-0 { margin: 0!important } .m-1 { margin: 10px 0!important } .m-2 { margin: 20px 0!important } .m-3 { margin: 30px 0!important } .m-4 { margin: 40px 0!important } .m-5 { margin: 50px 0!important } .m-6 { margin: 60px 0!important } .m-7 { margin: 70px 0!important } .p-0 { padding: 0!important } .p-1 { padding: 10px 0!important } .p-2 { padding: 20px 0!important } .p-3 { padding: 30px 0!important } .p-4 { padding: 40px 0!important } .p-5 { padding: 50px 0!important } .p-6 { padding: 60px 0!important } .p-7 { padding: 70px 0!important } .m-t0 { margin-top: 0!important } .m-t2 { margin-top: 20px!important } .m-t3 { margin-top: 30px!important } .m-t4 { margin-top: 40px!important } .m-t5 { margin-top: 50px!important } .m-t6 { margin-top: 60px!important } .m-t7 { margin-top: 70px!important } .m-b0 { margin-bottom: 0!important } .m-b2 { margin-bottom: 20px!important } .m-b3 { margin-bottom: 30px!important } .m-b4 { margin-bottom: 40px!important } .m-b5 { margin-bottom: 50px!important } .m-b6 { margin-bottom: 60px!important } .m-b7 { margin-bottom: 70px!important } .p-t0 { padding-top: 0!important } .p-t2 { padding-top: 20px!important } .p-t3 { padding-top: 30px!important } .p-t4 { padding-top: 40px!important } .p-t5 { padding-top: 50px!important } .p-t6 { padding-top: 60px!important } .p-t7 { padding-top: 70px!important } .p-b0 { padding-bottom: 0!important } .p-b2 { padding-bottom: 20px!important } .p-b3 { padding-bottom: 30px!important } .p-b4 { padding-bottom: 40px!important } .p-b5 { padding-bottom: 50px!important } .p-b6 { padding-bottom: 60px!important } .p-b7 { padding-bottom: 70px!important } /****************Space Control Top Bottom End****************/ /*****************Social Icons****************/ ul.social-icon { display: inline-block; padding: 0; margin: 0; vertical-align: middle } ul.social-icon li { display: inline-block; width: auto; margin: 3px 4px 3px 0; background: none; padding: 0; vertical-align: middle; color: #fff; } ul.social-icon li a { display: inline-block; padding: 0; width: auto; } ul.social-icon li a:before { display: none!important } ul.social-icon li i { text-align: center; display: inline-block; border: 0; border-radius: 100%; vertical-align: middle; font-size: 14px; line-height: 25px; width: 25px; height: 25px; color: #d4af37; } ul.social-icon li a:hover i { color: #fff; } ul.social-icon li a:hover .fa-facebook-f { background-color: #3b5999; } ul.social-icon li a:hover .fa-twitter { background-color: #0eb1f2; } ul.social-icon li a:hover .fa-google-plus-g { background-color: #de4b39; } ul.social-icon li a:hover .fa-linkedin-in { background-color: #007bb6; } ul.social-icon li a:hover .fa-instagram { background-color: #d82370; } ul.social-icon li a:hover .fa-pinterest-p { background-color: #cb2027; } ul.social-icon li a:hover .fa-tumblr { background-color: #395976; } ul.social-icon li a:hover .fa-youtube { background-color: #ff0000; } ul.social-icon li a:hover .fa-rss { background-color: #ea7819; } /*****************Social Icons End****************/ /*********Hundred% Start********/ .hundred, section, header, footer { position: relative; float: left; width: 100%; } /*********Hundred% End********/ /*********frm_forms Style********/ .form-max-width { max-width: 600px } .frm_forms { text-align: left } .frm_forms .frm_fields_container { margin-left: -12px; margin-right: -12px } .frm_forms .frm_submit, .frm_forms .form-field { padding-right: 12px; padding-left: 12px; padding-top: 15px; } .frm_forms [class^="form-"] [class^="form-"], .frm_forms [class*="form-"] [class*="form-"] { padding-left: 8px; padding-right: 8px; } .frm_forms p { padding: 10px 0 0 0; margin: 0 } .frm_forms .frm_error, .frm_forms .frm_required { display: none } .frm_forms label { margin: 0; padding: 0 } .frm_error_style { border: 0!important; display: block; overflow: hidden; clear: both; color: #fff!important; font-size: 16px; padding: 5px; margin: 10px 0 0!important; text-align: center; background-color: #F00 } .frm_message { border: 0!important; display: block; overflow: hidden; clear: both; color: #fff!important; font-size: 16px; padding: 5px; margin: 10px 0 0!important; text-align: center; background-color: #398f14 } .frm_error_style p, .frm_message p { padding: 0!important } .frm_blank_field textarea, .frm_blank_field input { border: 1px solid #F00!important } /*********Form Style********/ .form-max-width { max-width: 600px } .form-field { text-align: left } .form-field .row, .row.form-field { margin-left: -12px; margin-right: -12px } .form-field .row .row, .row.form-field .row { margin-left: -8px; margin-right: -8px; margin-top: -20px } .form-field [class^="col-"], .form-field [class*="col-"] { padding-right: 12px; padding-left: 12px; padding-top: 20px; } .form-field [class^="col-"] [class^="col-"], .form-field [class*="col-"] [class*="col-"] { padding-left: 8px; padding-right: 8px; } .form-field p { padding: 10px 0 0 0; margin: 0 } .form-field [class^="col-"] p, .form-field [class*="col-"] p { position: relative; padding: 0; margin: 0 } .form-field i { position: absolute; font-size: 18px; right: 15px; color: #bebebe; top: 15px; z-index: 2; padding: 10px; background: #fff; border-radius: 4px; font-weight: 300; } .form-field i.fa-globe-asia { font-weight: normal } .form-field i+ input, .form-field i + textarea { padding-right: 50px } /*********Custom Select********/ .selectric-wrapper { position: relative; cursor: pointer; } .selectric-responsive { width: 100%; } .selectric-open { z-index: 9999; } .selectric-open .selectric-items { display: block; } .selectric-disabled { filter: alpha(opacity=50); opacity: 0.5; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .selectric-hide-select { position: relative; overflow: hidden; width: 0; height: 0; } .selectric-hide-select select { position: absolute; left: -100%; height: 0; width: 0; } .selectric-hide-select.selectric-is-native { position: absolute; width: 100%; height: 100%; z-index: 10; } .selectric-hide-select.selectric-is-native select { position: absolute; top: 0; left: 0; right: 0; height: 100%; width: 100%; border: none; z-index: 1; box-sizing: border-box; opacity: 0; } .selectric-input { position: absolute!important; top: 0!important; left: 0!important; overflow: hidden!important; clip: rect(0, 0, 0, 0)!important; margin: 0!important; padding: 0!important; width: 1px!important; height: 1px!important; outline: none!important; border: none!important; *font:0/0 a!important; background: none!important; } .selectric-temp-show { position: absolute!important; visibility: hidden!important; display: block!important; } /***************Front label**************/ .selectric { border: 1px solid #dedbdb; background-color: #fff; position: relative; border-radius: 0; } .selectric .label { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 0 40px 0 20px; font-size: 16px; font-weight: normal; line-height: 48px; color: #000; height: 48px; padding: 0; text-align: left } .selectric-below .selectric .label { color: #000 } .selectric .button { display: block; position: absolute; right: 0px; top: 0; bottom: 0; margin: auto; width: 40px; height: 30px; color: #909090; font-size: 0; text-align: center; } .selectric .button:after { content: "\f107"; font-family: Font Awesome\ 5 Pro; font-size: 18px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; color: #909090; line-height: 30px; font-weight: normal } /***************Front label End**************/ /****************Select Drop Down**************/ .selectric-items { display: none; position: absolute; top: 100%; left: 0; border: 1px solid #000; z-index: -1; margin: -1px 0 0 } .selectric-items .selectric-scroll { height: 100%; overflow: auto; } .selectric-above .selectric-items { top: auto; bottom: 100%; } .selectric-items ul { padding: 0!important; background: #fff; margin: 0!important } .selectric-items li { font-size: 16px!important; min-height: 20px; margin-bottom: 1px; display: block; padding: 6px 22px!important; color: #000!important; line-height: normal!important; font-weight: normal!important; } .selectric-items li + li { border-top: 1px solid rgba(0,0,0,.1); } .selectric-items li:last-child { margin-bottom: 0 } .selectric-items li:before, .selectric-items li:after { display: none!important } .selectric-open .selectric { border-color: #000!important; } .selectric-items li.selected, .selectric-items li.highlighted, .selectric-items li:hover { background-color: #000; color: #fff!important } .selectric-items .disabled { filter: alpha(opacity=50); opacity: 0.5; cursor: default!important; background: none!important; color: #666!important; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .selectric-items .selectric-group .selectric-group-label { font-weight: normal; padding-left: 10px; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background: none; color: #000000; } .selectric-items .selectric-group.disabled li { filter: alpha(opacity=100); opacity: 1; } .selectric-items .selectric-group li.selectric-group-label { padding-left: 12px!important; } .selectric-items .selectric-group li { padding-left: 25px!important; } /*****************Custom Checkbox & Radio ****************/ .csHiddenFile { width: 1px; height: 0; visibility: hidden; display: none; } .csOpaque { opacity: 0; filter: alpha(opacity=0); } .csFileInput { display: none!important; } /**************Checkbox**/ .csRadio input[type=radio], .csCheckbox input[type=checkbox] { position: absolute; color: white; width: 20px; height: 20px; cursor: pointer; left: 0; top: 0; bottom: 0; right: 0; z-index: 2; margin: 0; } .csRadio, .csCheckbox { display: inline-block; position: relative; margin: -2px 5px 0 0; vertical-align: middle; height: 20px; width: 20px; } .radio .csRadio, .checkbox .csCheckbox { margin-left: -14px } .csRadioElem { border-radius: 9px; } .csRadioElem, .csCheckboxElem { display: inline-block; background: #fff; height: 18px; width: 18px; cursor: pointer; position: absolute; top: 0; left: 0; border: 1px solid #dddddd } .csCheckedR, .csChecked { border-color: #000000 } .csCheckedR:after { content: ""; background: #005188; padding: 4px; border-radius: 8px; width: 8px; line-height: 8px; position: absolute; left: 50%; top: 50%; -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } .csChecked:after { content: "\f00c"; font-size: 12px; font-family: Font Awesome\ 5 Pro; font-weight: bold; color: #005188; position: absolute; left: 50%; top: 50%; -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } /*********Form Style End********/ /*****************Button & Scroll Up Start***************/ .btn { min-width: 140px; border-radius: 0; margin: 0; padding: 12px 15px; color: #000!important; text-decoration: none; font-size: 14px; line-height: 20px!important; font-weight: 500; text-transform: uppercase; display: inline-block; vertical-align: top; white-space: normal; cursor: pointer; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; font-style: normal; position: relative; border: 1px solid #000; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); background: none } .white-btn { border: 1px solid #fff; color: #fff!important } .yellow-border-btn { border: 1px solid #d4af37; color: #d4af37!important } .btn:focus, .btn:hover, .btn:before, .btn:focus:before, .btn:hover:before, .product-box a:hover .btn, .product-box a:hover .btn:before { background-color: #d4af37; border-color: #000; color: #fff!important; } .white-btn:focus, .white-btn:hover, .white-btn:before { border-color: #fff; color: #fff!important } .btn:before { content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; border-radius: 0; } .btn:focus:before, .btn:hover:before { -webkit-transform: scaleY(1); transform: scaleY(1); } .btn:before, .htb-btn:before { display: none !important; } .btn:focus, .btn:hover, .htb-btn:hover, .htb-btn:focus { background: #d4af37 !important; border-color: #d4af37 !important; color: #fff !important } .scrollup { position: fixed; right: 15px; bottom: -40px; z-index: 50; -webkit-transition: all ease 1.5s; -moz-transition: all ease 1.5s; -ms-transition: all ease 1.5s; -o-transition: all ease 1.5s; transition: all ease 1.5s; filter: alpha(opacity=0); opacity: 0; background-color: #d4af37; z-index: 150 } .scrollup i { color: #fff; width: 30px; height: 30px; font-size: 16px; line-height: 30px; cursor: pointer; text-align: center; border-radius: 0; position: relative; z-index: 5 } .scrollup i:hover { color: #fff; } .scrollup:hover { background-color: #333 } .scrollup.show { filter: alpha(opacity=100); opacity: 1; bottom: 15px; } .progress-container { width: 30px; height: 100%; display: block; position: absolute; top: 0 } .progress-bar { height: 100%; background-color: #000; width: 0%; } /****************Button & Scroll Up End********/ /*********Contact Form 7 Message********/ div.wpcf7-validation-errors, div.wpcf7-mail-sent-ng, div.wpcf7-mail-sent-ok { float: left; margin: 15px 0; text-align: center; width: 100%; } .wpcf7-not-valid { background-color: transparent!important; border: 0!important; border-bottom: 1px solid #f00!important; } .inverse-form .wpcf7-not-valid { background-color: transparent!important; } span.wpcf7-not-valid-tip { display: none!important } .wpcf7-captchac { background: #fff; float: left; padding: 3px; width: 134px; } .wpcf7-captchar { float: left; max-width: 210px; margin-left: 5px!important; width: 100%!important; width: -moz-calc(100% - 185px)!important; width:-webkit-calc(100% - 185px!important); width: -o-calc(100% - 185px)!important; width: calc(100% - 185px)!important; } /*********Contact Form 7 Message End********/ .container-fluid { max-width: 1280px } /*********Header********/ header { position: fixed; top: 0!important; left: 0; right: 0; padding: 0 15px; z-index: 99; background: -moz-linear-gradient(top, rgba(0,0,0,0.70) 0%, rgba(0,0,0,0) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0.70) 0%, rgba(0,0,0,0) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0.70) 0%, rgba(0,0,0,0) 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000', GradientType=0 ); } /***************logo-wrap starts**************/ header .logo-wrap { width: 100%; padding: 5px 0 } header .logo-wrap .content { display: table; width: 100%; } header .logo { width: auto; display: table-cell; vertical-align: middle; } header .logo a { display: inline-block; width: auto; } .top-right-content { width: auto; display: table-cell; vertical-align: middle; text-align: right; } .top-right-content .right-icons { display: inline-block; vertical-align: middle; padding: 0 0 0 30px } .top-right-content .right-icons li { float: left; width: auto; padding: 0; vertical-align: middle; position: relative; font-size: 14px; line-height: 20px; text-transform: uppercase; letter-spacing: 1px; text-align: center } .top-right-content .right-icons li + li { margin-left: 10px } .top-right-content .right-icons li a { display: inline-block; padding: 10px; width: auto; border: 1px solid #fff; color: #fff; } .top-right-content .right-icons .appointment a { font-weight: 600; } .top-right-content .right-icons li.appointment i { display: none } .top-right-content .right-icons li a:hover { color: #fff; background-color: #d4af37; } .top-right-content .right-icons li a:hover i { color: #fff; background-color: #d4af37; } /**********nav starts************/ .trigger, .nav-trigger { display: none } .nav-wrap { position: relative; float: none; display: inline-block; vertical-align: middle; width: auto; margin: 0; z-index: 99 } .nav_trigger, nav #menu-button { display: none } .nav-wrap nav, .nav-wrap nav ul, .nav-wrap nav ul li, .nav-wrap nav ul li a, .nav-wrap nav #menu-button { margin: 0; padding: 0; border: 0; list-style: none; display: block; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; z-index: 99 } .nav-wrap nav #menu-button, .nav-wrap nav ul li:before { display: none; } .nav-wrap nav { float: left; display: block; position: static; padding: 0; margin: 0 } .nav-wrap nav ul.nav > li { float: left; margin: 0; padding: 0; overflow: visible; position: relative } .nav-wrap nav ul.nav > li + li { margin-left: 30px } .nav-wrap nav ul.nav > li > a { display: inline-block; padding: 23px 0; margin: 0; font-size: 14px; line-height: 21px; color: #fff; text-decoration: none; text-transform: uppercase } /*.nav-wrap nav ul.nav > li.has-sub > a:after{content:"\f107";display:inline-block;font-size:14px;line-height:18px;font-family:Font Awesome\ 5 Pro;margin-left:5px;color:#fff}*/ /*.nav-wrap nav ul.nav > li:after{content:"/";font-size:14px;line-height:18px;color:#fff;display:inline-block;left:20px;top:0px;position:relative}*/ .nav-wrap nav ul.nav > li:last-child:after { display: none } /****************sub nav menu****************/ .nav>li>a:focus, .nav>li>a:hover { background-color: transparent } .nav-wrap nav ul.nav ul { position: absolute; border-radius: 0; padding: 0; visibility: hidden; text-align: left; left: 0; opacity: 0; top: 0; -webkit-transition: opacity 0.6s ease-in; -moz-transition: opacity 0.6s ease-in; -o-transition: opacity 0.6s ease-in; transition: opacity 0.6s ease-in; -moz-box-shadow: 0 3px 5px rgba(0,0,0,0.08); -webkit-box-shadow: 0 3px 5px rgba(0,0,0,0.08); box-shadow: 0 3px 5px rgba(0,0,0,0.08); border: 0!important; background-color: #fff;/*border-bottom:5px solid #d4af37!important*/ } .nav-wrap nav ul.nav ul ul:after { display: none } .nav-wrap nav > ul.nav > li > ul:before { content: ""; position: absolute; margin-bottom: 0; left: 15px; bottom: 100%; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #d4af37; display: none } .nav-wrap nav > ul.nav > li > ul { top: 100%; } .nav-wrap nav ul.nav ul ul { left: 100%; padding-top: 0 } .nav-wrap nav ul.nav ul ul:before { top: 0 } .nav-wrap nav ul.nav li:hover > ul { display: block; visibility: visible; left: 0; top: 100%; opacity: 1; -webkit-transition: opacity 0.3s ease-in; -moz-transition: opacity 0.3s ease-in; -o-transition: opacity 0.3s ease-in; transition: opacity 0.3s ease-in; } .nav-wrap nav ul.nav li ul { top: 100%; max-height: 0; overflow: hidden; } .nav-wrap nav > ul.nav li:hover ul { top: 100%; max-height: 500px; overflow: visible; } @media only screen and (min-width:1024px) { .nav-wrap nav ul.nav li ul { -moz-transition: all 0.3s linear 0s!important; -webkit-transition: all 0.3s linear 0s!important; -ms-transition: all 0.3s linear 0s!important; transition: all 0.3s linear 0s!important; } } .nav-wrap nav ul.nav ul > li:hover > ul { left: 100%; top: 0; } .nav-wrap nav ul.nav .reverse-menu ul > li:hover > ul { right: 100%; left: auto; } .nav-wrap nav ul.nav .align-left-menu:hover > ul { right: 0; left: auto; } .nav-wrap nav ul.nav ul .align-left-menu:hover ul, .nav-wrap nav ul.nav ul .align-left-menu li:hover ul { right: 100%; left: auto; } .nav-wrap nav ul.nav ul .align-right-menu:hover ul, .nav-wrap nav ul.nav ul .align-right-menu li:hover ul { left: 100%!important; right: auto!important; } .nav-wrap nav .z-h { z-index: 99999!important } .nav-wrap nav ul.nav .align-right-menu .has-sub:after, .nav-wrap nav ul.nav .align-right-menu:after { left: 100%!important; right: auto!important; } .nav-wrap nav ul.nav ul li.has-sub:after { content: "\f067"; position: absolute; left: auto; right: 15px; top: 0; bottom: 0; width: auto; font-family: Font Awesome\ 5 Pro; font-size: 11px; line-height: 33px; color: #fff; z-index: 99 } .nav-wrap nav ul.nav ul li.has-sub:hover:after { content: "\f068"; } .nav-wrap nav ul.nav ul li { float: left; width: 100%; min-width: 250px; padding: 7px 0; margin: 0; vertical-align: top; overflow: visible; } .nav-wrap nav ul.nav ul li:last-child { border-bottom: none } .nav-wrap nav ul.nav ul li a { font-weight: normal; width: auto; white-space: normal; text-transform: capitalize; text-transform: uppercase!important; font-size: 13px!important; line-height: normal; font-weight: 300; color: #000; padding: 0; text-decoration: none; transition: none; -moz-transition: none; -webkit-transition: none; -ms-transition: none; -o-transition: none; } /*.nav-wrap nav ul.nav ul li a:before{content:"\f105";font-family:Font Awesome\ 5 Pro;font-size:13px;line-height:20px;position:absolute;top:19px;left:15px;margin:auto;-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);}*/ .nav-wrap nav ul.nav li > ul > li:hover:after { display: block; } .nav-wrap nav ul.nav li:hover > a, .nav-wrap nav ul.nav li > a:hover, .nav-wrap nav ul.nav li.current-menu-item > a, .nav-wrap nav ul.nav li.current-menu-ancestor > a { color: #d4af37; } .nav-wrap nav ul.nav> li> a:before { content: ''; height: 1px; left: 0; bottom: 0px; position: absolute; width: 100%; z-index: -1; overflow: hidden; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: right center; -ms-transform-origin: right center; transform-origin: right center; -webkit-transition: -webkit-transform .4s cubic-bezier(0.645, .045, .355, 1); transition: transform .4s cubic-bezier(0.645, .045, .355, 1); background: #d4af37; } .nav-wrap nav ul.nav > li:hover > a:before, .nav-wrap nav ul.nav > li > a:hover:before, .nav-wrap nav ul.nav > li.current-menu-item > a:before, .nav-wrap nav ul.nav > li.current-menu-ancestor > a:before { -webkit-transform: none; -ms-transform: none; transform: none; -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center; width: 100% } .nav-wrap nav ul.nav ul li:hover > a, .nav-wrap nav ul.nav ul li > a:hover, .nav-wrap nav ul.nav ul li.current-menu-item > a, .nav-wrap nav ul.nav ul li.current-menu-ancestor > a { color: #d4af37; background-color: transparent } .nav-wrap nav ul.nav ul.conditions-dropdown { padding: 10px 15px } /**********Nav ends************/ /*******Mega DropDown*******/ /*body:not(.woocommerce) .nav-wrap nav ul.nav > li.has-sub{position:static!important}*/ .nav-wrap nav ul.nav > li.has-sub { position: relative } .nav-wrap nav, .nav-wrap nav ul, .nav-wrap nav ul li, .nav-wrap nav ul.nav > li.has-mega.has-sub { position: static } .mega-dropdown { opacity: 0; max-height: 0; visibility: hidden; position: absolute; left: 0; right: 0; top: 100%; max-width: 1130px; margin: 0 auto; background: #fff; border-radius: 0; overflow: hidden; -moz-transition: all 0.1s linear 0s; -webkit-transition: all 0.1s linear 0s; -ms-transition: all 0.1s linear 0s; -o-transition: all 0.1s linear 0s; transition: all 0.1s linear 0s; z-index: -1;/*border-bottom:5px solid #d4af37!important;*/ -moz-box-shadow: 0 3px 5px rgba(0,0,0,0.08); -webkit-box-shadow: 0 3px 5px rgba(0,0,0,0.08); box-shadow: 0 3px 5px rgba(0,0,0,0.08); } .nav-wrap nav ul.nav > li:hover .mega-dropdown { visibility: visible; opacity: 1.0; max-height: 800px; -moz-transition: all 0.3s linear 0s; -webkit-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; } .mega-dropdown .allData { text-align: left; float: left; width: 100%; } @media (min-width:1024px) { .open .mega-dropdown { display: block; padding: 0; text-align: center; clear: both; } } .mega-dropdown ul { position: static!important; display: block!important; max-height: inherit!important; opacity: 1!important; visibility: visible!important; background: none!important; -moz-box-shadow: none!important; -webkit-box-shadow: none!important; box-shadow: none!important; } .nav-wrap nav ul.nav .mega-dropdown ul { border: 0!important; } .mega-dropdown ul li { min-width: inherit!important; border-bottom: 0 } .mega-dropdown [class^="col-"] .submenu-button, .mega-dropdown [class^="col-"] [class^="col-"] .submenu-button, .mega-dropdown [class^="col-"] [class^="col-"] .submenu-button { display: none } .mega-dropdown h3 { font-size: 14px; line-height: 1.5; font-family: 'Montserrat', sans-serif; padding-bottom: 10px; text-transform: uppercase; font-weight: 600; } .mega-dropdown h3 a { color: #000; } .mega-dropdown h3 a:hover { color: #d4af37; } .mega-dropdown ul li { padding: 8px 0!important } .mega-dropdown ul li a { } .mega-dropdown .row { display: table; width: 100%; margin-left: 0; margin-right: 0 } .mega-dropdown [class^="col-"] { padding: 15px 15px 55px; float: none; display: table-cell; position: relative } .mega-dropdown [class^="col-"] + [class^="col-"] { border-left:1px solid #ddd } .mega-dropdown .view-all { font-size: 13px; line-height: 1.5; font-family: 'Montserrat', sans-serif; text-transform: uppercase; font-weight: 600; border-top: 1px solid #ddd; position: absolute; left: 0; bottom: 0; width: 100%; padding: 15px } .mega-dropdown .view-all a { color: #d4af37; } .mega-dropdown .view-all a:hover { color: #000; } /*******Mega DropDown ends*******/ /*********Transition Starts********/ a, header, input[type="button"], input[type="submit"], input[type="reset"], header .logo img, header .logo-wrap .content, footer ul li a:before, footer ul li a, .btn, .btn i, .social-icon *, .brand img, .mainMenu #menu-button, input[type="text"], input[type="email"], input[type="password"], input[type="tel"], input[type="number"], input[type="file"], select, textarea, .owl-theme .owl-dots .owl-dot span, .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .mfp-arrow-left, .mfp-arrow-right, .mfp-close, .nav-trigger i, ul.aside-menu li a, .top-right-content .right-icons li i, .product-box .detail, header .top-right-content, .over-btn .product-box .over, .popup-details .product-box a:before { transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -webkit-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; } /*********Transition ends********/ /****************Shrink Header**************/ .head-fix header { background-color: #000; } /*.head-fix header .top-right-content{padding-top:15px}*/ .head-fix .logo img { max-width: 150px; } /****************Shrink Header end**************/ /*****************Flexslider*********/ .flexslider { position: relative; overflow: hidden; } .flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; } .flexslider .photo, .flexslider .photo>img { width: 100%; display: block; position: relative; display: none } html[xmlns] .flexslider .slides { display: block; } * html .flexslider .slides { height: 1%; } .no-js .flexslider .slides > li:first-child { display: block; } .flexslider .flex-control-paging { position: absolute; bottom: 15px; left: 0px; z-index: 50; width: 100%; text-align: center; height: auto; font-size: 0; line-height: 0; opacity: 1; list-style: none; margin: 0; padding: 0; display: inline-block; } .flexslider .flex-control-paging li, .flexslider .flex-control-paging li a { height: auto; width: auto; margin: 1px; display: inline-block; font-size: 0; line-height: 0; } .flexslider .flex-control-paging li a:before { content: ''; height: 10px; width: 10px; display: inline-block; border: 1px solid #fff; border-radius: 30px; cursor: pointer; transition: all 300ms ease; background-color: rgba(255,255,255,.6) } .flexslider .flex-control-paging li a.flex-active:before { width: 18px; border-color: #d4af37; background-color: #d4af37 } .flexslider .flex-direction-nav a { transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; -webkit-transition: .3s ease-in-out; position: fixed } .flexslider .flex-direction-nav .flex-prev { width: 34px; height: 34px; position: absolute; left: 0px; top: 50%; z-index: 20; display: inline-block; margin-top: -17px; font-size: 0; cursor: pointer; background-color: rgba(0,0,0,.3); text-align: center; opacity: 0 } .flexslider .flex-direction-nav .flex-prev:before { content: "\f104"; font-family: Font Awesome\ 5 Pro; color: #fff; display: block; position: absolute; bottom: 0; left: 0; font-size: 15px; line-height: 34px; height: 100%; width: 100%; } .flexslider .flex-direction-nav .flex-next { width: 34px; height: 34px; position: absolute; right: 0px; top: 50%; z-index: 20; display: inline-block; margin-top: -17px; font-size: 0; cursor: pointer; background-color: rgba(0,0,0,.3); text-align: center; opacity: 0 } .flexslider .flex-direction-nav .flex-next:before { content: "\f105"; font-family: Font Awesome\ 5 Pro; color: #fff; display: block; position: absolute; bottom: 0; left: 0; font-size: 15px; line-height: 34px; height: 100%; width: 100%; } .flexslider .flex-direction-nav .flex-prev:hover, .flexslider .flex-direction-nav .flex-next:hover { background: #d4af37; } .flexslider .flex-direction-nav .flex-prev:hover:before, .flexslider .flex-direction-nav .flex-next:hover:before { border-color: #ffffff; } .flexslider:hover .flex-control-paging, .flexslider:hover .flex-direction-nav a { opacity: 1 } .flexslider:hover .flex-direction-nav .flex-prev { left: 0; } .flexslider:hover .flex-direction-nav .flex-next { right: 0; } .flexslider:hover .flex-direction-nav .flex-prev { left: 0; } .flexslider:hover .flex-direction-nav .flex-next { right: 0; } .flexslider .flex-disabled { display: none!important } /*****************Flexslider End*********/ /***************home banner starts**************/ .margin-top { margin-top: 98px!important; } .home-banner { min-height: 200px; background-color: #eee; } .home-banner .flex-control-paging { bottom: auto; left: auto; right: 5px; top: 5px; width: auto; } .home-banner .slides li { background-position: center center; background-repeat: no-repeat; background-size: cover; } .home-banner .slides li:after { display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; content: ''; background: rgba(0,0,0,.4); z-index: 5; } /*.home-banner .slides > li:after{content:'';display:block;width:100%;height:100%;position:absolute;left:0;top:0;background-color:rgba(0,0,0,.5)}*/ .home-banner .slide-img img { width: 100% } .home-banner .caption { position: absolute; left: 0; right: 0; bottom: 0; top: 0; margin: 0; padding: 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; z-index: 15 } .home-banner .max-width { text-align: center; position: relative; } .home-banner .heading { color: #fff; } .home-banner .heading em { font-size: 100px; line-height: .5; color: #fff; display: block; font-family: 'Italianno', cursive; } .home-banner .heading strong { font-size: 100px; line-height: 1.1; color: #fff; display: block; font-weight: 400 } .home-banner .heading small { font-size: 32px; line-height: 1.1; color: #fff; display: block; font-family: 'Montserrat', sans-serif; font-weight: 300 } .home-banner .btn-row { padding-bottom: 0 } .home-banner .heading em { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .home-banner .heading strong { -webkit-animation-duration: 1.3s; animation-duration: 1.3s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .home-banner .heading small { -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } /***************fadeInDown , bounceInDown , slideUp ****************/ .home-banner .heading em { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } .home-banner .heading strong { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } .home-banner .heading small { -webkit-animation-name: slideUp; animation-name: slideUp; } /**************videoBox starts**************/ .home-banner video { display: block;/*background-image:url(../img/video-cover.jpg);*/ background-position: center; -webkit-background-size: cover; background-size: cover;/*Disable play button in iOS */ pointer-events: none; } .home-banner video { min-width: 100%; min-height: 100%;/* Center it */ position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .home-banner .video-cover { display: none } /*************videoBox ends**************/ .scrolldown { height: 36px; width: 36px; position: absolute; left: 50%; bottom: 0; cursor: pointer; margin: 0 0 0 -18px; z-index: 9; text-align: center; -webkit-animation: arrow-down 3s infinite; -moz-animation: arrow-down 3s infinite; -o-animation: arrow-down 3s infinite; animation: arrow-down 3s infinite; } .scrolldown a:before { content: "\f103"; font-family: Font Awesome\ 5 Pro; color: #fff; display: block; position: absolute; bottom: 0; left: 0; font-size: 25px; line-height: 36px; height: 36px; width: 36px; } /***************home banner ends**************/ /**************common content*************/ .common-content { padding: 50px 0 0; } .common-content .btn { white-space: normal; } .common-content h1, .common-content h2, .common-content h3, .common-content h4, .common-content h5, .common-content h6 { padding: 15px 0 5px 0; line-height: 1.1; } .common-content h1, .common-content .h1 { font-size: 35px; } .common-content h2, .common-content .h2 { font-size: 28px; } .common-content h3, .common-content .h3 { font-size: 20px; } .common-content h4, .common-content .h4 { font-size: 18px; } .common-content h5, .common-content .h5 { font-size: 17px; } .common-content h6, .common-content .h6 { font-size: 16px; } .common-content .b-heading { border-bottom: 2px solid #bd9f5f; padding-bottom: 0.8em; margin: 0 0 6px; overflow: hidden } .aligncenter { display: block; margin: 5px auto; } .alignright { float: right; margin: 16px 0 12px 40px; } .alignleft { float: left; margin: 16px 40px 12px 0; } .alignnone { margin: 10px 0 } .alignblock { margin: 10px 0; float: none; width: 100%; display: block } .common-content > div > h1:first-child, .common-content > div > h2:first-child, .common-content > div > h3:first-child, .common-content > div > h4:first-child, .common-content > div > h5:first-child, .common-content > div > h6:first-child, .common-content > div > div > h1:first-child, .common-content > div > div > h2:first-child, .common-content > div > div > h3:first-child, .common-content > div > div > h4:first-child, .common-content > div > div > h5:first-child, .common-content > div > div > h6:first-child, .common-content > div > p:first-child, .common-content > div > div > p:first-child, .common-content div > .big-col > h1:first-child, .common-content div > .big-col > h2:first-child, .common-content div > .big-col > h3:first-child, .common-content div > .big-col > h4:first-child, .common-content div > .big-col > h5:first-child, .common-content div > .big-col > h6:first-child, .common-content div > .aside > h1:first-child, .common-content div > .aside > h2:first-child, .common-content div > .aside > h3:first-child, .common-content div > .aside > h4:first-child, .common-content div > .aside > h5:first-child, .common-content div > .aside > h6:first-child, .common-content div > .big-col > p:first-child { padding-top: 0; margin-top: 0 } .common-content > div > .iframe-video:first-child, .common-content > .iframe-video:first-child, .common-content > div > div > .iframe-video:first-child { margin-top: 0 } /*.common-content ol li, .common-content ul li, .common-content p{line-height:1.5;}*/ .common-content ul, .common-content ol, .common-content p { padding: 5px 0 15px; margin: 0; } .common-content ul li { position: relative; padding: 0 0 5px 20px; overflow: hidden; } .common-content ul.col-2 { overflow: hidden; clear: both } .common-content ul.col-2 li { float: left; width: 50%; padding-right: 5px; } .common-content ul.col-2 li:nth-child(odd) { clear: left } .common-content ul li:before { content: "\f105"; font-family: Font Awesome\ 5 Pro; color: #000; display: inline-block; vertical-align: middle; position: absolute; left: 0; top: 0.5em; line-height: 1; font-size: 15px } .common-content ul.check-list li { padding-left: 52px; padding-bottom: 14px } .common-content ul.check-list li:before { left: 15px; top: 5px; content: "\f058"; font-size: 24px; font-weight: 300; } .common-content ol { padding-left: 25px; text-align: left; overflow: hidden } .common-content ol li { list-style: decimal; padding: 0 0 10px 0; } .common-content ol li ul > li { padding-left: 30px; list-style: none } .common-content ol li ul > li:before { display: block; left: 13px } .common-content ul li:last-child, .common-content ol li:last-child { padding-bottom: 0 } .common-content ul ol li { overflow: visible } .common-content ul ol li:before { display: none; overflow: visible } .common-content ol ol li { list-style: lower-alpha } .common-content ol ol ol li { list-style: lower-roman } .common-content p.pn { padding: 0; margin: 0 } .text-center ul li { padding-left: 0 } .text-center ul li:before { position: static; margin-right: 10px; vertical-align: middle; } .common-content .list-none li { padding-left: 0 } .common-content .list-none li:before { display: none; } .common-two-col { overflow: hidden; display: block; clear: both; margin-left: -15px; margin-right: -15px } .common-two-col .big-col, .common-two-col .aside { float: left; padding-left: 15px; padding-right: 15px } .common-two-col .big-col { width: 70%; } .common-two-col .aside { width: 30%; } .sept-right { border-right: 1px solid rgba(0,0,0,.06) } .sept-left { border-left: 1px solid rgba(0,0,0,.06) } .vertical-middle { display: table; width: 100%; } .vertical-middle .col { display: table-cell; vertical-align: middle; float: none } .vertical-middle .small-col { width: 45% } .vertical-middle .big-col { width: 55% } .vertical-middle .col50 { display: table-cell; width: 50%; vertical-align: middle; float: none } .vertical-flex { display: flex; justify-content: center; flex-direction: column; text-align: center; } .vertical-flex .col { display: table-cell; } /**************Table*************/ .table-responsive { border: none; margin: 8px 0; overflow: auto; } table { width: 100%; } table tr td, table tr th { border: 1px solid #dddddd; font-size: 15px; padding: 15px; vertical-align: top; text-align: left; font-weight: 300; background: #fff; color: #3e3935 } table tr th { font-weight: 500; background-color: rgba(0,0,0,.05) } table img { display: inline-block; } table.center tr td, table.center tr th { text-align: center } .table-border-none th, .table-border-none td { border: 0!important } table:after, table:before { display: none } /**************Table End*************/ /***************Breadcrumbs**************/ div.breadcrumbs, section.breadcrumbs { position: relative; display: block; background: #f6f6f6; padding: 10px 0; margin: 0; overflow: hidden; clear: both; text-align: left; z-index: 11; } ul.breadcrumbs { padding: 0; clear: both; margin: 0 } ul.breadcrumbs li { position: relative; display: inline-block; font-size: 13px; line-height: normal; vertical-align: top; padding: 0 22px 0 0; margin-right: 11px; color: #66cce8; font-style: normal; font-weight: 500; } ul.breadcrumbs li:before { display: none } ul.breadcrumbs li a { position: relative; display: inline-block; font-size: 14px; color: #485a5f; vertical-align: top; font-weight: normal } ul.breadcrumbs li:after { content: "\f105"; font-family: Font Awesome\ 5 Pro; position: absolute; font-size: 14px; right: 0; top: 3px; line-height: 1; color: #6f6f6f; font-style: normal } ul.breadcrumbs li:last-child { padding: 0; margin: 0 } ul.breadcrumbs li:last-child:after { display: none } ul.breadcrumbs li:before { display: none } ul.breadcrumbs li a:hover { color: #66cce8; } ul.breadcrumbs li.active a { color: #000000; } /**************Breadcrumbs End*************/ /**************Vertically Middle*************/ .lazy-image { position: relative; background: rgba(0,0,0,.05); width: 100%; padding-top: 71.33%; overflow: hidden; z-index: 2; } .lazy-image img { position: absolute; bottom: 0; left: 0; right: 0; top: 0; margin: auto!important; max-width: 100%; max-height: 100%; width: auto!important; opacity: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; transition: opacity 3s ease-in, -webkit-transform 3s ease-in; transition: opacity 3s ease-in, transform 3s ease-in; transition: opacity 3s ease-in, transform 3s ease-in, -webkit-transform .6s ease-in; -webkit-transform: scale(1.02, 1.02); -ms-transform: scale(1.02, 1.02); transform: scale(1.02, 1.02); } a:hover .lazy-image img { -webkit-transform: scale(1.09, 1.09); -ms-transform: scale(1.09, 1.09); -moz-transform: scale(1.09, 1.09); -o-transform: scale(1.09, 1.09); transform: scale(1.09, 1.09); } img.lazyFade { opacity: 1; } .bg-photo { background-repeat: no-repeat; background-position: center center; background-size: cover } .bg-photo:before, .bg-photo img { display: none } .google-map { position: relative; padding-top: 57%; } .iframe-video { position: relative; display: inline-block; width: 100%; padding-top: 54%; margin: 10px 0; } .google-map iframe, .google-map img, .iframe-video iframe { position: absolute; left: 0; top: 0; right: 0; bottom: 0; height: 100%; width: 100%; } .height-map, .height-map iframe { height: 500px; padding: 0 } /**************Content End*************/ /**********product box starts************/ .product-row { clear: both; overflow: hidden; } .product-box { float: left; width: 100%; text-align: center; position: relative } .product-box a { display: block; color: #fff; text-decoration: none; position: relative; } .product-box h3 { text-transform: uppercase; font-size: 24px; font-family: 'Montserrat', sans-serif; color: #fff; text-shadow: 1px 1px 1px rgba(0,0,0,.5); display: inline-block; padding: 0; position: relative } .product-box .detail { padding: 15px; position: absolute; left: 0; right: 0; bottom: 10%; z-index: 15; } .product-box a:hover { border-color: #fa8d29 } .two-col, .three-col, .four-col, .five-col { margin-left: -2% } .two-col .product-box { width: 48%; margin: 1% 0 1% 2% } .three-col .product-box { width: 31.33%; margin: 1% 0 1% 2% } .four-col .product-box { width: 23%; margin: 1% 0 1% 2% } .five-col .product-box { width: 18%; margin: 1% 0 1% 2% } .two-col.no-space, .three-col.no-space, .four-col.no-space, .five-col.no-space { margin-left: 0 } .two-col.no-space .product-box { width: 50%; margin-left: 0 } .three-col.no-space .product-box { width: 33.33%; margin-left: 0 } .four-col.no-space .product-box { width: 25%; margin-left: 0 } .five-col.no-space .product-box { width: 20%; margin-left: 0 } .heading-bottom .product-box .detail { position: static; border-bottom: 1px solid rgba(0,0,0,0); padding: 15px 0 } .heading-bottom .product-box a:hover .detail { border-bottom: 1px solid #d4af37; } .heading-bottom .product-box h3 { text-shadow: none; color: #000; font-size: 14px; font-weight: 300; padding-left: 0 } .heading-bottom .product-box h3:before { display: none } .common-popup .lazy-image, .popup-details .product-box .lazy-image, .heading-bottom .product-box .lazy-image { padding-top: 80% } .over-btn .product-box h3 { padding: 25px 0 0 } .over-btn .product-box h3:after { content: ''; position: absolute; left: 50%; top: 0; width: 76px; height: 1px; background-color: #d4af37; margin-left: -38px; } .over-btn .product-box .over { position: absolute; top: 0%; left: 0%; width: 100%; height: 100%; background-color: rgba(0,0,0,.3); opacity: 0 } .over-btn .product-box .over .btn { position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 5; } .over-btn .product-box a .over .btn:before { display: none } .over-btn .product-box .lazy-image { padding-top: 90% } .over-btn .product-box a:hover .over .btn { background-color: transparent; border-color: #fff } .over-btn .product-box a:hover .over { opacity: 1 } .popup-details .product-box a:before { position: absolute; top: 70%; right: 15px; background-color: rgba(0,0,0,.3); text-align: center; content: '\f00e'; z-index: 15; font-family: Font Awesome\ 5 Pro; font-weight: 400; font-size: 20px; line-height: 30px; height: 30px; width: 30px; opacity: 0 } .popup-details .product-box a:hover:before { opacity: 1 } .heading-line .product-box h3 { padding-top: 0 } .heading-line .product-box h3:after { display: none } .container.max-container { max-width: 960px } .our-work .product-box a:before { display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; content: ''; background: rgba(0,0,0,.4); z-index: 5; } .three-col .product-box a:hover .lazy-image img, .three-col .product-box .lazy-image img { -webkit-transform: scale(1.0, 1.0); -ms-transform: scale(1.0, 1.0); -moz-transform: scale(1.0, 1.0); -o-transform: scale(1.0, 1.0); transform: scale(1.0, 1.0); } /**********product box ends************/ /***************two col starts**************/ .two-aside { overflow: hidden; display: block; margin: 0 -15px } .two-aside .big-col { float: left; width: 55%; padding: 0 15px; } .two-aside .aside { float: left; width: 45%; padding: 0 15px; } /***************two col End**************/ /***************home about**************/ .home-about { overflow: hidden } .home-about h2, .head-style2 h2 { position: relative; } .home-about h2 em, .head-style2 h2 em { font-size: 3em; line-height: 1; color: #d4af37; font-family: 'Italianno', cursive; } .home-about .content { max-width: 810px; margin: 0 auto } .home-about h2 img { margin-bottom: 15px } .gray-bg { background-color: #f5f5f5 } .dark-bg { background-color: #efefef } p.uppercase { text-transform: uppercase; } .uppercase h2 { text-transform: uppercase; padding-top: 0!important } .uppercase h2:before { display: none } .gallery-custom h2 { padding-top: 0 !important } .home-about .gallery-custom { margin-bottom: 30px !important } .gallery-custom .elementor-button { position: relative; font-family: "Montserrat", Sans-serif !important; font-weight: 500 !important; line-height: 1.4 !important; padding: 49% 0 !important; } .gallery-custom .elementor-button-wrapper { margin: 0; padding: 0; line-height: 1 !important; } .gallery-custom .elementor-button:hover:before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; right: 0; background: rgba(0,0,0,0.3); } .gallery-custom .elementor-button-content-wrapper { position: absolute; padding: 0 22%; top: 50%; left: 0; right: 0; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 11 } .gallery-custom .elementor-button:hover { color: #d4af37 !important } .custom-grid .elementor-widget-image { margin-bottom: 0 !important } .custom-grid .elementor-image { position: relative; padding-top: 100%; overflow: hidden; } .custom-grid .elementor-image img { position: absolute; bottom: 0; left: 0; right: 0; top: 0; margin: auto !important; max-width: 100%; width: 100% !important; -webkit-backface-visibility: hidden; backface-visibility: hidden; } /***************home about ends**************/ /**************left and right row starts**************/ .left-right-row { background-position: center center; background-repeat: no-repeat; background-size: cover; overflow: hidden; text-align: center; padding: 0; } .page-template-manufacturing-php .left-right-row { margin-top: 30px; } .left-right-row .lazy-image { padding-top: 45%; } .inner-banner .lazy-image img, .why-vakari .lazy-image img, .left-right-row .lazy-image img { width: 100%!important } .left-right-row .caption { position: absolute; left: 0; right: 0; bottom: 0; top: 0; margin: 0; padding: 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; z-index: 15 } .left-right-row h2 { text-transform: uppercase } .left-right-row .text { padding: 30px; width: 40%; position: absolute; right: 0; bottom: 0; top: 0; } .left-right-row .text:before { background-color: #fff; position: absolute; left: 0; top: 0; bottom: 0; content: '';/*transform:skewX(15deg) skewY(0);*/ z-index: -1; padding-right: 3000px } /*.left-right-row .text:after{background-color:rgba(255,255,255,.2);position:absolute;left:-70px;top:0;bottom:0;content:'';transform:skewX(15deg) skewY(0);width:70px}*/ .left-right-row .vertical-text { position: absolute; left: 50%; top: 50%; -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 15; width: 90% } .left-right-row.text-small .vertical-text { width: 70% } .left-right-row.black-bg * { color: #fff } .left-right-row.black-bg .text:before { background-color: rgba(0,0,0,.8); } .left-right-row.black-bg .text:after { background-color: rgba(255,255,255,.2); } .left-right-row.white-bg .text:before { background-color: #fff; } .left-right-row.white-bg .text:after { background-color: rgba(255,255,255,.2); } .left-right-row.left-text .text { left: 0; right: auto; } .left-right-row.left-text .text:before {/*transform:skewX(-15deg) skewY(0);*/ left: auto; right: 0; padding-left: 3000px; padding-right: 0; bottom: -1px; } .left-right-row.left-text .text:after { left: auto; right: -70px; transform: skewX(-15deg) skewY(0); } .left-right-row.slider-img.left-text .owl-carousel { float: right } .left-right-row.slider-img .owl-carousel .lazy-image { padding-top: 70%; } .left-right-row.slider-img .owl-carousel .lazy-image img { max-height: inherit } .left-right-row.slider-img .owl-carousel { width: 50%; } .left-right-row.slider-img .text { width: 100%; } .left-right-row.slider-img .caption { right: 50%; } .left-right-row.slider-img.right-text .caption { left: 50%; right: 0 } .left-right-row.slider-img .owl-carousel, .left-right-row.slider-img .caption { float: left !important; width: 100%; } .service-layout .container { max-width: 900px } .service-layout .owl-carousel, .page-id-995 .owl-carousel { max-width: 600px; margin-left: auto !important; margin-right: auto !important } .service-layout h2+ .owl-carousel, .page-id-995 h2+ .owl-carousel { margin-top: 20px; } .service-layout .owl-carousel { margin: 15px 0 0 } .service-layout .lazy-image { padding-top: 72.33%; } .service-layout#drying .lazy-image { padding-top: 65.33%; } .slider-video { position: relative; padding-top: 72.33%; overflow: hidden; background: #000 } .slider-video video { max-width: 100%; width: auto; max-height: 100%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } /**************left and right row ends**************/ /******Usefull Info starts*******/ .usefull-info { padding: 50px 0; text-align: center; } .usefull-info .box { padding: 15px; display: block; overflow: hidden } .usefull-info .icon { width: 25%; float: left; margin-right: 5%; } .usefull-info h3 { font-size: 24px; line-height: 1.4; text-transform: uppercase; padding: 15px; border-bottom: 1px solid #000; border-top: 1px solid #000; margin: 10px 0; float: left; width: 70% } .info-slider.owl-carousel .owl-dots { margin: 0 } /******Usefull Info ends*******/ /***************our work starts**************/ .our-work { text-align: center; overflow: hidden; padding-bottom: 0 } .our-work h2 { position: relative; text-transform: uppercase; padding-top: 30px!important; } /*.our-work .lazy-image{padding-top:55%;}*/ .our-work .product-box a { position: relative } .our-work .product-box .lazy-image img { width: 100%!important } /***************our work ends**************/ /************text center heading starts************/ .text-center-heading { text-align: center; overflow: hidden; } .text-center-heading h2 { position: relative; text-transform: uppercase; padding-top: 30px!important; } /************inner banner starts************/ .inner-banner { position: relative; overflow: hidden; min-height: 100px; background-position: 0 center; background-repeat: no-repeat; background-size: cover; background-color: #000; } .inner-banner:after { display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; content: ''; background: rgba(0,0,0,.2); z-index: 5 } .inner-banner .lazy-image { padding-top: 29%; } .inner-banner .caption { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: 0; padding: 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; z-index: 15 } .inner-banner .container-fluid { max-width: 1270px; margin: 0 auto; width: 100% } .inner-banner .max-width { width: 100%; float: none; text-align: left; padding: 0 } .inner-banner .heading { color: #fff; text-align: center; font-size: 3em; line-height: 1.2; text-transform: uppercase } .inner-banner .heading em { font-style: normal } .term-residential .inner-banner:after { background: rgba(0,0,0,.4); } /************inner banner ends************/ /**************carousel arrows starts**************/ .owl-carousel.col-2-slider { margin-top: 30px } .owl-carousel.col-2-slider .lazy-image img { display: none!important } .owl-carousel.col-2-slider .owl-nav .owl-next, .owl-carousel.col-2-slider .owl-nav .owl-prev { height: 80px; margin-top: -40px; background-color: rgba(0,0,0,.9) } .owl-carousel.col-2-slider .owl-nav .owl-prev:before, .owl-carousel.col-2-slider .owl-nav .owl-next:before { line-height: 80px; } /**************carousel arrows ends**************/ /***************specialize starts**************/ .specialize .content { position: relative } .specialize .heading { position: absolute; left: 0; top: 30px; z-index: 5; max-width: 725px; } .specialize h2 { position: relative; padding: 0 0 0 100px; font-size: 40px; } .specialize h2 span { color: #fffbee; position: absolute; left: 10%; top: -50%; content: ''; font-size: 200px; z-index: -1; text-transform: uppercase } .specialize .text { max-width: 640px; margin: 0 auto; border: 1px solid #d4af37; padding: 20% 10% 5% } /***************specialize ends**************/ .why-vakari .lazy-image { padding-top: 31%; margin-bottom: 50px } .let-talk label.auto { padding: 10px } .let-talk ul.add { margin-top: 20px; overflow: hidden } .let-talk ul.add li { float: left; width: 33.33%; padding: 15px 0; font-size: 15px; position: relative } .let-talk ul.add li:after { background-color: #999; position: absolute; left: 0; top: 0; content: ''; width: 15px; height: 1px; } .let-talk ul.add li:before { display: none } .let-talk ul.add li span { display: block; overflow: hidden; color: #000 } .let-talk ul.add li a { color: #000; text-decoration: none } .let-talk ul.add li a:hover, .let-talk ul.add li a:focus { color: #d4af37; text-decoration: none } /**************faqs starts**************/ .faqs .accordingHead { display: block; padding: 10px 60px 10px 15px!important; cursor: pointer; width: 100%; text-align: left; background-color: #f5f5f5; margin-top: 15px; position: relative; overflow: hidden; border: 1px solid rgba(0,0,0,.09); } .faqs .accordingHead:after { position: absolute; top: 0; right: 00; border: 0; text-align: center; content: "\f067"; font-family: Font Awesome\ 5 Pro; font-weight: 300; font-size: 20px; line-height: 46px; height: 100%; width: 46px; background-color: #fff; color: #d4af37 } .faqs .accordingHead.current:after { content: "\f068"; } .faqs .accordianContent { display: none; padding: 0 15px; border: 1px solid rgba(0,0,0,.09); border-top: 0 } .nav-tabs, .nav-tabs > li { padding: 0!important } .nav-tabs { margin-top: 15px!important } .nav-tabs > li + li { margin-left: 10px!important } .nav-tabs > li > a { background-color: #f5f5f5; padding: 10px 15px; color: #000; } .nav-tabs > li:before { display: none!important } .nav-tabs > li > a:hover, .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover { background-color: #fff; color: #d4af37; } /**************faq ends**************/ /************common-popup starts************/ .common-popup { background-color: #fff; box-shadow: 0 0 10px rgba(0,0,0,.4); padding: 30px; max-width: 550px; border-radius: 0; margin: 35px auto 6px; position: relative; } p:empty { display: none } /************common-popup ends************/ .manufacturing .content { max-width: 800px; margin: 0 auto } .manufacturing .lazy-image { padding-top: 67.33% } /**********footer starts************/ footer .top-content { padding: 35px 0 } footer h3 { font-size: 13px; line-height: 1.3; font-weight: 500; text-transform: uppercase; color: #d4af37; border-bottom: 1px solid rgba(0,0,0,.1); border-top: 1px solid rgba(0,0,0,.1); padding: 15px 0; letter-spacing: 1px; font-family: 'Montserrat', sans-serif; } footer p { font-size: 12px; line-height: 26px; padding: 15px 0; } footer ul.social-icon, footer ul { padding: 15px 0 0; overflow: hidden; margin: 0 } footer ul li { font-size: 12px; line-height: 26px; color: #fff; vertical-align: top; padding: 4px 0; overflow: hidden; display: block; } footer ul.two-col li { float: left; width: 50% } footer ul li a { position: relative; display: inline-block;/*padding-left:15px*/ } /*footer ul li a:after{content:"";position:absolute;background-color:#d4af37;left:0;top:11px;width:4px;height:4px;}*/ footer ul li a:before { content: ""; position: absolute; left: 0; bottom: 0px; font-size: 0; line-height: 0; width: 0; height: 1px; background: -moz-linear-gradient(left, rgba(212,175,55,1) 0%, rgba(255,255,255,0) 100%); background: -webkit-linear-gradient(left, rgba(212,175,55,1) 0%, rgba(255,255,255,0) 100%); background: linear-gradient(to right, rgba(212,175,55,1) 0%, rgba(255,255,255,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4af37', endColorstr='#00ffffff', GradientType=1 ); } footer ul.add li { display: block; width: auto; text-transform: none } footer ul.add li a { padding: 0 } footer ul.add li a:before, footer ul.add li a:after { display: none } footer ul.add li i { float: left; margin: 5px 10px 0 0; color: #d4af37; font-size: 18px; } footer ul.add li span { display: block; overflow: hidden; color: #000 } footer ul.add li b { font-weight: normal!important } footer a { color: #000; text-decoration: none } footer a:hover, footer a:focus, footer ul li.current-menu-item a, footer ul li.current-menu-item a:hover, footer ul li.current-menu-item a:focus, footer ul li.current-menu-parent a, footer ul li.current-menu-parent a:hover, footer ul li.current-menu-parent a:focus { color: #d4af37; text-decoration: none } footer ul li a:hover:before, footer ul li.current-menu-item a:before, footer ul li.current-menu-item a:hover:before, footer ul li.current-menu-item a:focus:before, footer ul li.current-menu-parent a:before, footer ul li.current-menu-parent a:hover:before, footer ul li.current-menu-parent a:focus:before { width: calc(100% - 15px) } footer .copyright { position: relative; border-top: 1px solid rgba(0,0,0,.1); padding: 8px 0 } /*footer .copyright:before{position:absolute;top:0;left:50%;text-align:center;content:"";height:80px;width:80px;background:#fff url(../img/heading-logo.png) no-repeat center center;background-size:50px auto;margin:-40px 0 0 -40px;}*/ footer .copyright p { float: left; } footer .copyright p + p { float: right; } footer ul.social-icon li { display: block; margin-right: 0 } footer ul.social-icon li a:after { display: none } footer ul.social-icon li a i { margin-right: 10px } @media (min-width:992px) { footer .mobile-collapse { display: block!important; height: auto!important } } /**********footer ends************/ @media only screen and (max-width:1199px) { .nav-wrap nav ul.nav > li + li { margin-left: 16px } .top-right-content .right-icons li { font-size: 13px } .nav-wrap nav ul.nav > li:after { left: 8px; display: none } .top-right-content .right-icons { padding-left: 15px } header .logo img { max-width: 150px; } } @media only screen and (max-width:1024px) { .top-right-content .right-icons li i { display: inline-block } .top-right-content .right-icons li.appointment span { display: none } .top-right-content .right-icons li.appointment i { width: 45px; line-height: 45px; height: 45px; font-size: 25px; display: inline-block } .top-right-content .right-icons li.appointment a { padding: 0; border: 0 } .top-right-content .right-icons { padding: 0 } .trigger, .nav-trigger { display: inline-block } .blak-overlay { position: fixed; z-index: 150; background: rgba(0,0,0,0.5); top: 0; left: 0; right: 0; bottom: 0 } .nav-trigger { position: relative; display: inline-block; float: right; width: 47px; height: 47px; border: none; cursor: pointer; margin: 0; background-color: transparent!important; border: 0 } .nav-trigger i { width: 100%; height: 100%; color: #fff!important; font-size: 30px!important; line-height: 45px!important; } .nav-trigger i:hover { color: #9F8370; } .nav-trigger.closemenu i:before { content: '\f00d'; font-weight: 300; } .nav-trigger.closemenu i { background-color: #d4af37!important; color: #fff; } #push_sidebar { right: -260px; z-index: -1; top: 0!important; bottom: 0; position: fixed; width: 260px; overflow-x: hidden; overflow-y: auto; margin: 0!important; padding: 0; transition: all 0.2s linear 0s; -moz-transition: all 0.2s linear 0s; -webkit-transition: all 0.2s linear 0s; -ms-transition: all 0.2s linear 0s; -o-transition: all 0.2s linear 0s; background: #1c1c1b; } html, header { transition: all 0.2s linear 0s; -moz-transition: all 0.2s linear 0s; -webkit-transition: all 0.2s linear 0s; -ms-transition: all 0.2s linear 0s; -o-transition: all 0.3s linear 0s; } .sidebar_active { overflow: hidden; margin-left: -260px; margin-right: 260px } .sidebar_active #push_sidebar { right: 0; z-index: 999999; } .nav-wrap nav ul.nav > li.has-sub > a:after { display: none } .sidebar_active header { position: fixed; left: -260px; right: 260px; top: 0!important; } .nav-wrap nav ul.nav > li.has-sub:hover > a:before { display: none } .nav-wrap nav ul, nav ul ul, .nav-wrap nav ul ul ul, .nav-wrap nav ul.nav, nav.align-center > ul, .nav-wrap nav ul.nav > li > ul, .nav-wrap nav ul.nav > li:hover > ul, .nav-wrap nav ul ul li:hover > ul, .nav-wrap nav ul ul ul li:hover > ul { position: relative; left: 0; right: auto; top: 100%; width: 100%; display: none; padding: 0; opacity: 1; text-align: left; } .nav-wrap nav ul.nav { padding: 0; margin: 0; border: 0; } .nav-wrap nav ul.nav > li { width: 100%; margin: 0!important; padding: 0; border: 0!important; border-bottom: 1px solid rgba(255,255,255,0.12)!important } .nav-wrap nav ul.nav > li:after, .nav-wrap nav ul.nav > li:first-child:before { display: none } .nav-wrap nav ul.nav > li:last-child { border-bottom: none } .nav-wrap nav ul.nav ul li { border: none; opacity: 1.0; padding: 0 } .nav-wrap nav ul.nav > li > a { font-size: 15px; color: #fff; padding: 15px 35px 15px 15px!important; margin: 0!important; white-space: inherit; border-radius: 0; display: block } .nav-wrap nav ul.nav > li > a:before { display: none } .nav-wrap nav ul.nav > li > a:after { content: "\f105"; font-size: 14px; line-height: 18px; font-family: Font Awesome\ 5 Pro; color: #fff; position: absolute; right: 15px!important; left: auto; top: 15px; background: none; width: auto; height: auto } .nav-wrap nav ul.nav > li.fa-home a { font-size: 14px; font-weight: normal } .nav-wrap nav ul.nav > li.fa-home a:after { margin-left: 10px; font-weight: bold } .nav-wrap nav ul.nav > li.has-sub > a { padding-right: 50px!important; } .nav-wrap nav ul.nav ul { position: static!important; opacity: 1.0; visibility: visible; padding: 0; border-radius: 0; background: none } .nav-wrap nav ul.nav ul:before, .nav-wrap nav ul.nav ul:after { display: none } .nav-wrap nav ul.nav > li > ul > li { padding: 0!important; margin: 0; float: left; width: 100%!important; background-color: transparent; border-bottom: none; min-width: inherit } .nav-wrap nav ul.nav > li > ul li a { font-size: 14px; color: #fff; padding: 10px 15px; white-space: inherit; border-top: 1px solid rgba(255,255,255,0.1) } .nav-wrap nav ul.nav li ul li a { padding: 8px 15px } .nav-wrap nav ul.nav ul.conditions-dropdown { padding: 0; } .nav-wrap nav ul.nav li ul ul li a { padding-left: 42px } .nav-wrap nav ul.nav li ul ul ul li a { padding-left: 50px } .nav-wrap nav ul.nav li ul ul ul ul li a { padding-left: 55px } .nav-wrap nav ul.nav li ul li a:before { left: 18px; top: 18px; } .nav-wrap nav ul.nav li ul ul li a:before { left: 30px } .nav-wrap nav ul.nav li ul ul ul li a:before { left: 35px } .nav-wrap nav ul.nav li ul ul ul ul li a:before { left: 41px } .nav-wrap nav .submenu-button { position: absolute; right: 0; display: block; width: 51px; height: 51px; cursor: pointer; z-index: 111; } .nav-wrap nav .submenu-button { background-color: rgba(0,0,0,0.5) } .nav-wrap nav .submenu-button:before { content: "\f067"; font-family: Font Awesome\ 5 Pro; position: absolute; color: rgba(255,255,255,0.7); left: 0; right: 0; text-align: center; top: 50%; margin-top: -14px; font-size: 14px; line-height: 26px; font-weight: normal; border-radius: 0; } .nav-wrap nav .submenu-button.submenu-opened:before { content: '\f068'; } .nav-wrap nav ul.nav { visibility: visible!important; display: block!important; top: 0 } .nav-wrap nav ul.nav li:hover > a, .nav-wrap nav ul.nav li > a:hover, .nav-wrap nav ul.nav li.current-menu-item > a, .nav-wrap nav ul.nav li.current-menu-ancestor > a { background-color: #d4af37; color: #fff } .nav-wrap nav ul.nav ul li:hover > a, .nav-wrap nav ul.nav ul li > a:hover, .nav-wrap nav ul.nav ul li.current-menu-item > a, .nav-wrap nav ul.nav ul li.current-menu-ancestor > a { background-color: rgba(0,0,0,0.3); color: #fff } .nav-wrap nav > ul.nav > li > ul { max-height: inherit; border: 0!important; background-color: rgba(0,0,0,.3)!important } .nav-wrap nav ul.nav ul li.has-sub:after, .nav-wrap nav ul.nav ul ul { display: none!important } .nav-wrap nav ul.nav ul ul.open { display: block!important } .mega-dropdown { width: 100%; position: static; left: 0; right: 0; top: 0; -moz-transform: none; -webkit-transform: none; -ms-transform: none; -o-transform: none; transform: none; border-radius: 0; display: none; opacity: 1; max-height: none; visibility: inherit; border: 0!important; background-color: rgba(0,0,0,.3)!important } .mega-dropdown .allData { padding: 0px } .mega-dropdown ul { background-color: transparent!important } .mega-dropdown ul li a { color: #fff!important; border-top: 1px solid rgba(255,255,255,0.1)!important; border-bottom: 0!important } .mega-dropdown h3 { color: #fff; padding: 0; font-size: 15px; border: 0!important; } .mega-dropdown ul li:hover h3 { display: block } .mega-dropdown h3 a { color: #d4af37; padding: 10px 0px 10px 15px!important; overflow: hidden; display: block!important; border-top: 1px solid rgba(255,255,255,0.1)!important; } .mega-dropdown h3 a:hover { color: #fff; } .mega-dropdown .row { display: block; width: auto } .mega-dropdown ul li { padding: 0 !important } .mega-dropdown [class^="col-"] { padding: 0; display: block } .mega-dropdown [class^="col-"] + [class^="col-"] { border-left:0 } .mega-dropdown .view-all { display: none } header .logo, .top-right-content { width: auto } .usefull-info h3 { font-size: 20px } header .logo-wrap { padding: 20px 0 } header .logo-wrap .content { padding: 0 } .head-fix header .top-right-content, .nav-wrap { display: block } .nav-wrap [class^="col-"] { width: 100% } .top-right-content { padding: 0; text-align: left; display: block; vertical-align: middle; width: 100% } .head-fix header .top-right-content { padding: 0 } .top-right-content .right-icons { display: block } .top-right-content .right-icons li.trigger { float: right } header .logo { position: absolute; left: 0; top: 9px; right: 0; text-align: center; } header .logo img, .head-fix .logo img { max-width: 150px; } .inner-banner .heading, .inner-banner .heading em, .inner-banner .heading strong { font-size: 2.4em; } .inner-banner .heading small { font-size: 1.6em; } } @media only screen and (max-width:991px) { .alignleft, .alignright { max-width: 300px } .aside-left, .aside-right { float: left; clear: both; width: 100%; } .home-banner .slides li { min-height: inherit!important } .home-banner .video-cover { display: block; } .home-banner .video-cover img { display: block; width: 100% } .usefull-info, .common-content, footer h2 { padding: 15px 0 } .why-vakari .lazy-image { margin-bottom: 15px } footer .copyright { padding: 0 0 30px } footer .top-content { padding: 0 0 45px } .common-two-col { margin: 0 } footer h3 { padding: 10px 15px; position: relative; cursor: pointer; overflow: hidden; clear: both; background: rgba(0,0,0,.05); border: 1px solid rgba(0,0,0,.08); border-radius: 0; display: block; margin-top: 15px; color: #000; } footer h3:before { content: "\f067"; font-family: Font Awesome\ 5 Pro; position: absolute; color: #000; right: 15px; top: 10px; font-size: 22px; line-height: 22px; font-weight: 300 } footer h3.active:before { content: "\f068"; } footer .mobile-collapse { display: none; padding: 8px 15px; margin: 0; overflow: hidden; border: 1px solid rgba(0,0,0,.08); border-top: 0; } .plush-to-the-touch { margin-top: 15px } .common-content h1, .common-content .h1 { font-size: 30px } .common-content ul, .common-content ol, .common-content p { padding: 8px 0; } .alignnone { margin: 6px 0; } .alignright { margin-left: 30px; } .alignleft { margin-right: 30px; } .flexslider .flex-direction-nav .flex-next, .flexslider .flex-direction-nav .flex-prev { opacity: 1 } .common-two-col .big-col, .common-two-col .aside { width: auto; float: none; padding: 0 } .sept-right, .sept-left { border: 0 } .common-two-col .aside { margin-top: 15px } .left-right-row .text, .left-right-row .vertical-text, .left-right-row .caption { position: static; } .left-right-row .caption { background-color: #000 } .left-right-row .vertical-text { width: 100% } .left-right-row .vertical-text { transform: none; } .left-right-row .text { width: 100%; padding: 15px } .left-right-row .text:after, .left-right-row .text:before { display: none } .left-right-row.white-bg .caption { background-color: #fff } .inner-banner .heading, .inner-banner .heading em, .inner-banner .heading strong { font-size: 2.5em; } .inner-banner .heading small { font-size: 0.8em; } .specialize .heading { position: static; margin-bottom: 15px } .specialize .text { padding: 15px } .let-talk ul.add { margin: 0; background-color: rgba(0,0,0,.06); padding: 15px; overflow: hidden } .let-talk .form-field { margin-bottom: 15px } .three-col .product-box, .five-col .product-box, .four-col .product-box { width: 48%; } .three-col.no-space .product-box, .five-col.no-space .product-box, .four-col.no-space .product-box { width: 50%; } .common-popup { padding: 0 15px 15px; } } @media only screen and (max-width:767px) { footer .copyright { padding-top: 15px } footer .copyright p, footer .copyright p + p { float: none; text-align: center; padding: 5px 0 0; position: relative; z-index: 5 } .usefull-info h3 { font-size: 18px } .inner-banner .heading, .inner-banner .heading em, .inner-banner .heading strong { font-size: 2em; } .inner-banner .heading small { font-size: 0.8em; } .home-banner .heading, .home-banner .heading strong, .home-banner .heading em { font-size: 60px; } } @media only screen and (max-width:639px) { .alignleft, .alignright { max-width: 220px } .common-content h2, .common-content .h2, .common-content h3, .common-content .h3 { font-size: 22px; } .let-talk ul.add li { float: none; width: auto } .home-about h2 em, .head-style2 h2 em { font-size: 2em; } .home-banner .heading small { font-size: 25px; } .specialize h2 span { font-size: 70px; top: -18px; } .inner-banner .max-width { position: relative; z-index: 10 } } @media only screen and (max-width:579px) { div.alignleft, div.alignright, .alignleft, .alignright { float: none; display: block; max-width: 100%; margin: 10px 0 } .home-banner { background-color: #000; } .home-banner .slides li { background: none !important } .home-banner .caption { padding: 25px 0; position: relative; } .home-banner .scrolldown { display: none } .home-banner .heading, .home-banner .heading strong, .home-banner .heading em { font-size: 40px; } .two-col .product-box { width: 98% } .two-col .product-box + .product-box { margin-top: 15px } .vertical-middle .col { display: block; width: auto } .height-map, .height-map iframe { height: 250px } .common-content h1, .common-content .h1 { font-size: 25px } .common-content h2, .common-content .h2, footer h2 { font-size: 23px } .common-content h3, .common-content .h3 { font-size: 16px; } footer ul { padding: 0 } footer h2 img { max-width: 60% } /*.home-about h2 em{display:block}*/ .faqs .accordingHead { font-size: 16px; line-height: 1.5; } .faqs .accordingHead:after { line-height: 40px } /*.home-banner .slides li{background-image:url(../img/video-banner-mobile.jpg)!important}*/ .home-banner video { display: none } .inner-banner .caption { position: static; margin-top: 0!important; padding: 10px 0 } .product-box .detail { bottom: 0px } .two-col .product-box, .three-col .product-box { width: 98% } .text-center-heading h2 { padding-top: 15px !important } header .logo-wrap { transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -webkit-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; } .home-about h2, .head-style2 h2 { padding-top: 15px!important; } .container.max-container { max-width: 486px; } } @media only screen and (max-width:479px) { } @media only screen and (max-width:419px) { .top-right-content .right-icons li.appointment i { width: 34px; height: 34px; } .nav-trigger { width: 36px; height: 36px; } .top-right-content .right-icons li i, .nav-trigger i { line-height: 34px!important; font-size: 25px!important } .usefull-info .icon { float: none; display: inline-block; margin-right: 0 } .usefull-info h3 { display: block; float: none; margin: 0; width: auto } header .logo { top: 4px; } .inner-banner .heading, .inner-banner .heading em, .inner-banner .heading strong { font-size: 1.4em; } .inner-banner .heading small { font-size: 1em; } .specialize h2 { padding-left: 50px } .specialize h2:before { width: 40px; top: 13px; } .heading-bottom .product-box h3 { font-size: 16px; } .heading-bottom .product-box h3 { font-size: 14px; } } @media only screen and (max-width:389px) { .three-col .product-box, .five-col .product-box, .four-col .product-box { width: 98%; } .three-col .product-box + .product-box, .five-col .product-box + .product-box, .four-col .product-box + .product-box { margin-top: 15px; } } /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under:SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ .owl-carousel, .owl-carousel .owl-item { -webkit-tap-highlight-color: transparent; position: relative } .owl-carousel { display: none; width: 100%; z-index: 1 } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; touch-action: manipulation; -moz-backface-visibility: hidden } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; -webkit-transform: translate3d(0, 0, 0) } .owl-carousel .owl-item, .owl-carousel .owl-wrapper { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0) } .owl-carousel .owl-item { min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-touch-callout: none } .owl-carousel .owl-item img { display: block; width: 100% } .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled { display: none } .no-js .owl-carousel, .owl-carousel.owl-loaded { display: block } .owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev { cursor: pointer; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot { color: inherit; border: none; padding: 0!important; font: inherit } .owl-carousel.owl-loading { opacity: 0; display: block } .owl-carousel.owl-hidden { opacity: 0 } .owl-carousel.owl-refresh .owl-item { visibility: hidden } .owl-carousel.owl-drag .owl-item { -ms-touch-action: pan-y; touch-action: pan-y; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .owl-carousel.owl-grab { cursor: move; cursor: grab } .owl-carousel.owl-rtl { direction: rtl } .owl-carousel.owl-rtl .owl-item { float: right } .owl-carousel .animated { animation-duration: 1s; animation-fill-mode: both } .owl-carousel .owl-animated-in { z-index: 0 } .owl-carousel .owl-animated-out { z-index: 1 } .owl-carousel .fadeOut { animation-name: fadeOut } @keyframes fadeOut { 0% { opacity:1 } 100% { opacity:0 } } .owl-height { transition: height .5s ease-in-out } .owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity .4s ease } .owl-carousel .owl-item .owl-lazy:not([src]), .owl-carousel .owl-item .owl-lazy[src^=""] { max-height: 0 } .owl-carousel .owl-item img.owl-lazy { transform-style: preserve-3d } .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000 } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url(owl.video.play.png) no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform .1s ease } .owl-carousel .owl-video-play-icon:hover { -ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3) } .owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn { display: none } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity .4s ease } .owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100% } .owl-carousel .owl-nav .owl-prev { width: 34px; height: 34px; position: absolute; left: 0px; top: 50%; z-index: 90; display: inline-block; margin-top: -17px; font-size: 0; cursor: pointer; border-radius: 0; border: 0!important; background: #d4af37 } .owl-carousel .owl-nav .owl-prev:before { content: "\f104"; font-family: Font Awesome\ 5 Pro; color: #fff; display: block; position: absolute; bottom: 0; left: 0; font-size: 15px; line-height: 34px; height: 100%; width: 100%; } .owl-carousel .owl-nav .owl-next { width: 34px; height: 34px; position: absolute; right: 0px; top: 50%; z-index: 90; display: inline-block; margin-top: -17px; font-size: 0; cursor: pointer; border-radius: 0; border: 0!important; background: #d4af37 } .owl-carousel .owl-nav .owl-next:before { content: "\f105"; font-family: Font Awesome\ 5 Pro; color: #fff; display: block; position: absolute; bottom: 0; left: 0; font-size: 15px; line-height: 34px; height: 100%; width: 100%; } .owl-carousel .owl-nav .owl-prev span, .owl-carousel .owl-nav .owl-next span { display: none } .owl-carousel:hover .owl-nav .owl-prev, .owl-carousel:hover .owl-nav .owl-next, .owl-carousel:hover .owl-nav .owl-prev.disabled, .owl-carousel:hover .owl-nav .owl-next.disabled { opacity: 1; } .owl-carousel .owl-nav .owl-prev.disabled, .owl-carousel .owl-nav .owl-next.disabled { cursor: not-allowed; border-color: #c8b2de!important; } .owl-carousel .owl-nav .owl-prev.disabled:before, .owl-carousel .owl-nav .owl-next.disabled:before, .owl-carousel .owl-nav .owl-prev.disabled:hover:before, .owl-carousel .owl-nav .owl-next.disabled:hover:before { color: #c8b2de; } .owl-carousel .owl-nav .owl-prev:hover:before, .owl-carousel .owl-nav .owl-next:hover:before { color: #fff; } .owl-carousel .owl-nav .owl-prev.disabled, .owl-carousel .owl-nav .owl-next.disabled, .owl-carousel .owl-nav .owl-prev.disabled:hover, .owl-carousel .owl-nav .owl-next.disabled:hover { background-color: rgba(255,255,255,.06)!important } .owl-carousel .owl-nav .owl-prev.disabled:before, .owl-carousel .owl-nav .owl-next.disabled:before { background-color: rgba(255,255,255,.06) } .owl-carousel .owl-nav .owl-prev:hover, .owl-carousel .owl-nav .owl-next:hover { background-color: #3e3935!important } .owl-carousel .owl-dots .owl-dots { align-self: center; list-style: none; margin: 0; padding: 0; display: flex; } .owl-carousel .owl-dots .owl-dot, .owl-carousel .owl-dots .owl-dot span { width: auto; margin: 2px; display: inline-block; height: auto; font-size: 0; line-height: 0; border: 0; box-shadow: none; background: none } .owl-carousel .owl-dots .owl-dot span:before { content: ''; height: 6px; width: 6px; display: inline-block; background: #000; border-radius: 10px; cursor: pointer; transition: all 300ms ease; } .owl-carousel .owl-dots .owl-dot.active span:before { width: 15px; background: #d4af37; } @media only screen and (max-width:1024px) { .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel:hover .owl-nav .owl-prev, .owl-carousel:hover .owl-nav .owl-next { opacity: 1 } } /**************lightbox popup starts**********/ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #000; opacity: 0.8; } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none!important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } /*.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out;} .mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in;}*/ .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none!important; } .mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #CCC; } .mfp-preloader a:hover { color: #FFF; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; box-shadow: none; touch-action: manipulation; } button::-moz-focus-inner { padding:0; border:0; } .mfp-close { width: 30px; height: 30px; line-height: 30px; font-size: 28px; border-radius: 30px 30px 0 0; position: absolute; right: 0; top: 10px!important; text-decoration: none; text-align: center; opacity: 0.65; padding: 0; color: #FFF; font-style: normal; font-family: Arial, Baskerville, monospace; background: rgba(255,255,255,.3)!important } .mfp-close:hover, .mfp-close:focus { opacity: 1; background-color: #F00!important } .mfp-close:active { top: 1px; } /*.mfp-close-btn-in .mfp-close{color:#333;}*/ .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #FFF; } .common-popup .mfp-close { top: -30px!important; } .mfp-counter { position: absolute; top: 0; right: 0; color: #fff; font-size: 12px; line-height: 18px; white-space: nowrap; } .mfp-arrow-left { width: 30px; height: 50px; position: absolute; left: 0px; top: 50%; z-index: 90; display: inline-block; margin-top: -25px; font-size: 0; cursor: pointer; border-radius: 0 30px 30px 0; background-color: #3e3935 } .mfp-arrow-left:before { content: ''; height: 16px; width: 16px; display: block; border: 2px solid #fff; border-right-width: 0; border-bottom-width: 0; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); position: absolute; top: 16px; left: 8px; } .mfp-arrow-right { width: 30px; height: 50px; position: absolute; right: 0px; top: 50%; z-index: 90; display: inline-block; margin-top: -25px; font-size: 0; cursor: pointer; border-radius: 30px 0 0 30px; background-color: #3e3935 } .mfp-arrow-right:before { content: ''; height: 16px; width: 16px; display: block; border: 2px solid #fff; border-left-width: 0; border-top-width: 0; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); position: absolute; top: 16px; right: 8px; } .mfp-arrow-left:hover, .mfp-arrow-right:hover { background-color: #d4af37 } .mfp-arrow-left:hover:before, .mfp-arrow-right:hover:before { border-color: #fff; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -30px!important; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; } .mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-no-margins img.mfp-img { padding: 0; } .mfp-no-margins .mfp-figure:after { top: 0; bottom: 0; } .mfp-no-margins .mfp-container { padding: 0; } .mfp-with-zoom .mfp-container, .mfp-with-zoom.mfp-bg { opacity: 0; -webkit-backface-visibility: hidden; transition: all 0.3s ease-out; } .mfp-with-zoom.mfp-ready .mfp-container { opacity: 1; } .mfp-with-zoom.mfp-ready.mfp-bg { opacity: 0.8; } .mfp-with-zoom.mfp-removing .mfp-container, .mfp-with-zoom.mfp-removing.mfp-bg { opacity: 0; } /*.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer;}*/ @media screen and (max-width:800px) and (orientation:landscape), screen and (max-height:300px) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width:900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } /**************lightbox Popup ends**********/ /****FadeInDown****/ @-webkit-keyframes fadeInDown { 0% { opacity:0; -webkit-transform:translateY(-400px); } 50% { opacity:0.3; } 100% { opacity:1; -webkit-transform:translateY(0); } } @keyframes fadeInDown { 0% { opacity:0; -webkit-transform:translateY(-400px); } 50% { opacity:0.3; } 100% { opacity:1; -webkit-transform:translateY(0); } } @-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, to { animation-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity:0; transform:translate3d(0, -3000px, 0); } 60% { opacity:1; transform:translate3d(0, 25px, 0); } 75% { transform:translate3d(0, -10px, 0); } 90% { transform:translate3d(0, 5px, 0); } to { transform: none; } } @keyframes bounceInDown { from, 60%, 75%, 90%, to { animation-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity:0; transform:translate3d(0, -3000px, 0); } 60% { opacity:1; transform:translate3d(0, 25px, 0); } 75% { transform:translate3d(0, -10px, 0); } 90% { transform:translate3d(0, 5px, 0); } to { transform: none; } } /***** slideUp *******/ @-webkit-keyframes slideUp { 0% { opacity:0; -webkit-transform:translateY(200px); } 50% { opacity:0.3; } 100% { opacity:1; -webkit-transform:translateY(0); } } @keyframes slideUp { 0% { opacity:0; -webkit-transform:translateY(200px); } 50% { opacity:0.3; } 100% { opacity:1; -webkit-transform:translateY(0); } } .animateblock { opacity: 0; transition: none; -moz-transition: none; -webkit-transition: none; } .animateblock.animated { opacity: 1; } .animated { -webkit-animation-duration: 1.3s; animation-duration: 1.3s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; } @-webkit-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform:translateY(0); } 40% { -webkit-transform:translateY(-10px); } 60% { -webkit-transform:translateY(5px); } } @-moz-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -moz-transform:translateY(0); } 40% { -moz-transform:translateY(10px); } 60% { -moz-transform:translateY(5px); } } @-o-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -o-transform:translateY(0); } 40% { -o-transform:translateY(10px); } 60% { -o-transform:translateY(5px); } } @keyframes bounce { 0%, 20%, 50%, 80%, 100% { transform:translateY(0); } 40% { transform:translateY(10px); } 60% { transform:translateY(5px); } } .bounce { animation: bounce 2s infinite; -webkit-animation: bounce 2s infinite; -moz-animation: bounce 2s infinite; -o-animation: bounce 2s infinite; text-decoration: none; outline: none } @-webkit-keyframes swing { 20% { -webkit-transform:rotate3d(0, 0, 1, 15deg); transform:rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform:rotate3d(0, 0, 1, -10deg); transform:rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform:rotate3d(0, 0, 1, 5deg); transform:rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform:rotate3d(0, 0, 1, -5deg); transform:rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { -webkit-transform:rotate3d(0, 0, 1, 15deg); transform:rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform:rotate3d(0, 0, 1, -10deg); transform:rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform:rotate3d(0, 0, 1, 5deg); transform:rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform:rotate3d(0, 0, 1, -5deg); transform:rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .swing.animated { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes fadeInLeft { from { opacity:0; -webkit-transform:translate3d(-100%, 0, 0); transform:translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeft { from { opacity:0; -webkit-transform:translate3d(-100%, 0, 0); transform:translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeft.animated { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInRight { from { opacity:0; -webkit-transform:translate3d(100%, 0, 0); transform:translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRight { from { opacity:0; -webkit-transform:translate3d(100%, 0, 0); transform:translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRight.animated { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInUp { from { opacity:0; -webkit-transform:translate3d(0, 100%, 0); transform:translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { from { opacity:0; -webkit-transform:translate3d(0, 100%, 0); transform:translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUp.animated { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInDown { from { opacity:0; -webkit-transform:translate3d(0, -100%, 0); transform:translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { from { opacity:0; -webkit-transform:translate3d(0, -100%, 0); transform:translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDown.animated { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeIn { from { opacity:0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity:0; } to { opacity: 1; } } .fadeIn.animated { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity:0; -webkit-transform:scale3d(.3, .3, .3); transform:scale3d(.3, .3, .3); } 20% { -webkit-transform:scale3d(1.1, 1.1, 1.1); transform:scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform:scale3d(.9, .9, .9); transform:scale3d(.9, .9, .9); } 60% { opacity:1; -webkit-transform:scale3d(1.03, 1.03, 1.03); transform:scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform:scale3d(.97, .97, .97); transform:scale3d(.97, .97, .97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @-webkit-keyframes bounceIn { 0% { opacity:0; -webkit-transform:scale(.3); transform:scale(.3); } 50% { opacity:1; -webkit-transform:scale(1.05); transform:scale(1.05); } 70% { -webkit-transform:scale(.9); transform:scale(.9); } 100% { -webkit-transform:scale(1); transform:scale(1); } } @keyframes bounceIn { 0% { opacity:0; -webkit-transform:scale(.3); -ms-transform:scale(.3); transform:scale(.3); } 50% { opacity:1; -webkit-transform:scale(1.05); -ms-transform:scale(1.05); transform:scale(1.05); } 70% { -webkit-transform:scale(.9); -ms-transform:scale(.9); transform:scale(.9); } 100% { -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1); } } .bounceIn.animated { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes slideInUp { from { -webkit-transform:translate3d(0, 100%, 0); transform:translate3d(0, 100%, 0); visibility:visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { from { -webkit-transform:translate3d(0, 100%, 0); transform:translate3d(0, 100%, 0); visibility:visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInUp.animated { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes zoomIn { from { opacity:0; -webkit-transform:scale3d(.3, .3, .3); transform:scale3d(.3, .3, .3); } 50% { opacity:1; } } @keyframes zoomIn { from { opacity:0; -webkit-transform:scale3d(.3, .3, .3); transform:scale3d(.3, .3, .3); } 50% { opacity:1; } } .zoomIn.animated { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes hinge { 0% { -webkit-transform-origin:top left; transform-origin:top left; -webkit-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out; } 20%, 60% { -webkit-transform:rotate3d(0, 0, 1, 80deg); transform:rotate3d(0, 0, 1, 80deg); -webkit-transform-origin:top left; transform-origin:top left; -webkit-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out; } 40%, 80% { -webkit-transform:rotate3d(0, 0, 1, 60deg); transform:rotate3d(0, 0, 1, 60deg); -webkit-transform-origin:top left; transform-origin:top left; -webkit-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out; opacity:1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform-origin:top left; transform-origin:top left; -webkit-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out; } 20%, 60% { -webkit-transform:rotate3d(0, 0, 1, 80deg); transform:rotate3d(0, 0, 1, 80deg); -webkit-transform-origin:top left; transform-origin:top left; -webkit-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out; } 40%, 80% { -webkit-transform:rotate3d(0, 0, 1, 60deg); transform:rotate3d(0, 0, 1, 60deg); -webkit-transform-origin:top left; transform-origin:top left; -webkit-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out; opacity:1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge.animated { -webkit-animation-name: hinge; animation-name: hinge; } [class*="border-"]:before, [class*="border-"]:after { content: ''; position: absolute; width: 100%; height: 100%; } .border-draw { transition: color 0.25s; } .border-draw:before, .border-draw:after { border: 1px solid transparent; width: 0; height: 0; } .border-draw:before { top: 0; left: 0; } .border-draw:after { bottom: 0; right: 0; } .border-draw:hover { color: #d4af37; } .border-draw:hover:before, .border-draw:hover:after { width: 100%; height: 100%; } .border-draw:hover:before { border-top-color: #d4af37; border-right-color: #d4af37; transition: width 0.25s ease-out, height 0.25s ease-out 0.25s; } .border-draw:hover:after { border-bottom-color: #d4af37; border-left-color: #d4af37; transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s; } .draw-2:hover { color: #d4af37; } .draw-2:after { top: 0; left: 0; } .draw-2:hover:before { border-top-color: #d4af37; border-right-color: #d4af37; } .draw-2:hover:after { border-bottom-color: #d4af37; border-left-color: #d4af37; transition: height 0.25s ease-out, width 0.25s ease-out 0.25s; } .shine { position: relative; overflow: hidden } .shine:after { position: absolute; top: 0; left: -100%; z-index: 15; display: block; content: ''; width: 50%; height: 100%; background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%); -webkit-transform: skewX(-25deg); transform: skewX(-25deg); } .shine:hover:after { -webkit-animation: shine .9s; animation: shine .9s; } @-webkit-keyframes shine { 100% { left:125%; } } @keyframes shine { 100% { left:125%; } } @-webkit-keyframes pulse { 0%, to { -webkit-transform:translateZ(0) scale(1); transform:translateZ(0) scale(1) } 10%, 30%, 50%, 70%, 90% { -webkit-transform:translate3d(-5px, 0, 0) scale(1.05); transform:translate3d(-5px, 0, 0) scale(1.05); } 20%, 40%, 60%, 80% { -webkit-transform:translate3d(5px, 0, 0) scale(1.05); transform:translate3d(5px, 0, 0) scale(1.05); } } @keyframes pulse { 0%, to { -webkit-transform:translateZ(0) scale(1); transform:translateZ(0) scale(1) } 10%, 30%, 50%, 70%, 90% { -webkit-transform:translate3d(-5px, 0, 0) scale(1.05); transform:translate3d(-5px, 0, 0) scale(1.05); } 20%, 40%, 60%, 80% { -webkit-transform:translate3d(5px, 0, 0) scale(1.05); transform:translate3d(5px, 0, 0) scale(1.05); } } /******Spiner******/ .fa-spinner:before, .lazy-image:before, #on-load:before, .home-banner:before { border: 0.1rem solid rgba(255,255,255,0); border-top-color: #d4af37; border-bottom-color: #d4af37; border-radius: 50%; content: ""; left: 50%; top: 50%; margin: -12px 0 0 -12px; position: absolute; width: 24px; height: 24px; animation: fa-spinners .9s infinite linear; -o-animation: fa-spinners .9s infinite linear; -ms-animation: fa-spinners .9s infinite linear; -webkit-animation: fa-spinners .9s infinite linear; -moz-animation: fa-spinners .9s infinite linear; } @keyframes fa-spinners { 0% { transform:rotateZ(0) } 100% { transform:rotateZ(360deg) } } @-o-keyframes fa-spinners { 0% { -o-transform:rotateZ(0) } 100% { -o-transform:rotateZ(360deg) } } @-ms-keyframes fa-spinners { 0% { -ms-transform:rotateZ(0) } 100% { -ms-transform:rotateZ(360deg) } } @-webkit-keyframes fa-spinners { 0% { -webkit-transform:rotateZ(0) } 100% { -webkit-transform:rotateZ(360deg) } } @-moz-keyframes fa-spinners { 0% { -moz-transform:rotateZ(0) } 100% { -moz-transform:rotateZ(360deg) } } /******Spiner End******/ /*********banner arrow animate*********/ @-webkit-keyframes arrow-down { 0%, 100% { bottom:20px; } 60% { bottom:0px; } } @-moz-keyframes arrow-down { 0%, 100% { bottom:20px; } 60% { bottom:0px; } } @-o-keyframes arrow-down { 0%, 100% { bottom:20px; } 60% { bottom:0px; } } @keyframes arrow-down { 0%, 100% { bottom:20px; } 60% { bottom:0px; } } @-webkit-keyframes line-increase { 0%, 100% { height:10px; } 60% { height:20px; } } @-moz-keyframes line-increase { 0%, 100% { height:10px; } 60% { height:20px; } } @-o-keyframes line-increase { 0%, 100% { height:10px; } 60% { height:20px; } } @keyframes line-increase { 0%, 100% { height:10px; } 60% { height:20px; } } /*********banner arrow animate ends*********/ h1.heading small { display: block; color: #fff; } #projects .container { max-width: 900px; width: 100% } /**************common css start**************/ body { color: #000; font-size: 14px; line-height: 1.8; font-weight: 300; font-family: 'Montserrat', sans-serif; -webkit-font-smoothing: antialiased; overflow-x: hidden; } ol, ul { padding: 0; margin: 0; list-style: none } * { border: none; margin: 0; padding: 0; vertical-align: baseline; outline: none!important; } img { height: auto; max-width: 100%; user-drag: none; user-select: none; -moz-user-select: none; -webkit-user-drag: none; -webkit-user-select: none; -ms-user-select: none; } .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { margin: 0; font-family: 'Lora', serif; color: #000; font-weight: 400 } b, strong { font-weight: 500 } p { margin: 0 } body.admin-bar header { margin-top: 32px } @media screen and (max-width:782px) { body.admin-bar header { margin-top: 42px } .head-fix body.admin-bar header { margin-top: 0 } } /***************Link Color**************/ a { color: #d4af37; } a:hover, a:focus { color: #000; text-decoration: none } /***************Link Color End**************/ /***************Tel Link**************/ @media screen and (min-width:1024px) { a[href^="tel:"] { pointer-events: none; } } /***************Tel Link End**************/ /****************Label********/ label { display: block; font-weight: normal } label.auto { display: inline-block; margin: 0 15px 5px 0 } label.auto:last-child { margin-right: 0 } /****************Label********/ /****************Input Fields****************/ input[type="text"], input[type="email"], input[type="password"], input[type="search"], input[type="tel"], input[type="file"], input[type="url"], input[type="number"], input[type="date"], input[type="file"], select, textarea { background-color: #fff; border: 1px solid #dedbdb; border-left-color: rgba(0,0,0,0); border-right-color: rgba(0,0,0,0); border-top-color: rgba(0,0,0,0); border-radius: 0; color: #000; display: block; font-size: 14px; line-height: 24px!important; padding: 12px 15px; position: relative; width: 100%; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; -moz-appearance: none; -webkit-appearance: none; } input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="number"]:focus, input[type="date"]:focus, input[type="file"]:focus, select:focus, textarea:focus, input[type="url"]:focus { border-color: #000; } textarea { height: 130px; resize: none; font-family: 'Montserrat', sans-serif; font-size: 14px; border-radius: 0 } select { -webkit-appearance: menulist; -moz-appearance: menulist; } select option { font-size: 14px; } input[type="checkbox"], input[type="radio"] { display: inline-block; margin-right: 5px; vertical-align: top; } ::-webkit-input-placeholder { color:#000; opacity:1 } :-moz-placeholder { color:#000; opacity:1 } ::-moz-placeholder { color:#000; opacity:1 } :-ms-input-placeholder { color:#000; opacity:1 } /***************Browser Compatibility***************/ input::-moz-focus-inner, button::-moz-focus-inner { padding:0; border:0; } input[type="button"], input[type="submit"], input[type="reset"] { -moz-appearance: none; -webkit-appearance: none; } input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button { -webkit-appearance:none; } input[type=number] { -moz-appearance: textfield!important; } /****************Input Fields End****************/ /***************wpcf7 error***************/ .wpcf7-validation-errors { border: 0!important; float: left; display: block; overflow: hidden; clear: both; color: #fff!important; font-size: 13px; padding: 15px; margin: 10px 0 0!important; text-align: center; width: 100%; background-color: #F00 } .wpcf7-not-valid-tip { display: none!important; position: relative; clear: both; overflow: hidden; color: #F00; font-size: 13px!important; padding: 0; margin: -5px 0 10px; text-align: left!important } .wpcf7-mail-sent-ok { border: 0!important; float: left; display: block; overflow: hidden; clear: both; color: #fff!important; font-size: 13px; padding: 15px; margin: 10px 0 0!important; text-align: center; width: 100%; background-color: #398f14 } .wpcf7-not-valid { border: 1px solid #F00!important } /****************wpcf7 error End****************/ /****************Space Control Top Bottom****************/ .m-0 { margin: 0!important } .m-1 { margin: 10px 0!important } .m-2 { margin: 20px 0!important } .m-3 { margin: 30px 0!important } .m-4 { margin: 40px 0!important } .m-5 { margin: 50px 0!important } .m-6 { margin: 60px 0!important } .m-7 { margin: 70px 0!important } .p-0 { padding: 0!important } .p-1 { padding: 10px 0!important } .p-2 { padding: 20px 0!important } .p-3 { padding: 30px 0!important } .p-4 { padding: 40px 0!important } .p-5 { padding: 50px 0!important } .p-6 { padding: 60px 0!important } .p-7 { padding: 70px 0!important } .m-t0 { margin-top: 0!important } .m-t2 { margin-top: 20px!important } .m-t3 { margin-top: 30px!important } .m-t4 { margin-top: 40px!important } .m-t5 { margin-top: 50px!important } .m-t6 { margin-top: 60px!important } .m-t7 { margin-top: 70px!important } .m-b0 { margin-bottom: 0!important } .m-b2 { margin-bottom: 20px!important } .m-b3 { margin-bottom: 30px!important } .m-b4 { margin-bottom: 40px!important } .m-b5 { margin-bottom: 50px!important } .m-b6 { margin-bottom: 60px!important } .m-b7 { margin-bottom: 70px!important } .p-t0 { padding-top: 0!important } .p-t2 { padding-top: 20px!important } .p-t3 { padding-top: 30px!important } .p-t4 { padding-top: 40px!important } .p-t5 { padding-top: 50px!important } .p-t6 { padding-top: 60px!important } .p-t7 { padding-top: 70px!important } .p-b0 { padding-bottom: 0!important } .p-b2 { padding-bottom: 20px!important } .p-b3 { padding-bottom: 30px!important } .p-b4 { padding-bottom: 40px!important } .p-b5 { padding-bottom: 50px!important } .p-b6 { padding-bottom: 60px!important } .p-b7 { padding-bottom: 70px!important } /****************Space Control Top Bottom End****************/ /*****************Social Icons****************/ ul.social-icon { display: inline-block; padding: 0; margin: 0; vertical-align: middle } ul.social-icon li { display: inline-block; width: auto; margin: 3px 4px 3px 0; background: none; padding: 0; vertical-align: middle; color: #fff; } ul.social-icon li a { display: inline-block; padding: 0; width: auto; } ul.social-icon li a:before { display: none!important } ul.social-icon li i { text-align: center; display: inline-block; border: 0; border-radius: 100%; vertical-align: middle; font-size: 14px; line-height: 25px; width: 25px; height: 25px; color: #d4af37; } ul.social-icon li a:hover i { color: #fff; } ul.social-icon li a:hover .fa-facebook-f { background-color: #3b5999; } ul.social-icon li a:hover .fa-twitter { background-color: #0eb1f2; } ul.social-icon li a:hover .fa-google-plus-g { background-color: #de4b39; } ul.social-icon li a:hover .fa-linkedin-in { background-color: #007bb6; } ul.social-icon li a:hover .fa-instagram { background-color: #d82370; } ul.social-icon li a:hover .fa-pinterest-p { background-color: #cb2027; } ul.social-icon li a:hover .fa-tumblr { background-color: #395976; } ul.social-icon li a:hover .fa-youtube { background-color: #ff0000; } ul.social-icon li a:hover .fa-rss { background-color: #ea7819; } /*****************Social Icons End****************/ /*********Hundred% Start********/ .hundred, section, header, footer { position: relative; float: left; width: 100%; } /*********Hundred% End********/ /*********frm_forms Style********/ .form-max-width { max-width: 600px } .frm_forms { text-align: left } .frm_forms .frm_fields_container { margin-left: -12px; margin-right: -12px } .frm_forms .frm_submit, .frm_forms .form-field { padding-right: 12px; padding-left: 12px; padding-top: 15px; } .frm_forms [class^="form-"] [class^="form-"], .frm_forms [class*="form-"] [class*="form-"] { padding-left: 8px; padding-right: 8px; } .frm_forms p { padding: 10px 0 0 0; margin: 0 } .frm_forms .frm_error, .frm_forms .frm_required { display: none } .frm_forms label { margin: 0; padding: 0 } .frm_error_style { border: 0!important; display: block; overflow: hidden; clear: both; color: #fff!important; font-size: 16px; padding: 5px; margin: 10px 0 0!important; text-align: center; background-color: #F00 } .frm_message { border: 0!important; display: block; overflow: hidden; clear: both; color: #fff!important; font-size: 16px; padding: 5px; margin: 10px 0 0!important; text-align: center; background-color: #398f14 } .frm_error_style p, .frm_message p { padding: 0!important } .frm_blank_field textarea, .frm_blank_field input { border: 1px solid #F00!important } /*********Form Style********/ .form-max-width { max-width: 600px } .form-field { text-align: left } .form-field .row, .row.form-field { margin-left: -12px; margin-right: -12px } .form-field .row .row, .row.form-field .row { margin-left: -8px; margin-right: -8px; margin-top: -20px } .form-field [class^="col-"], .form-field [class*="col-"] { padding-right: 12px; padding-left: 12px; padding-top: 20px; } .form-field [class^="col-"] [class^="col-"], .form-field [class*="col-"] [class*="col-"] { padding-left: 8px; padding-right: 8px; } .form-field p { padding: 10px 0 0 0; margin: 0 } .form-field [class^="col-"] p, .form-field [class*="col-"] p { position: relative; padding: 0; margin: 0 } .form-field i { position: absolute; font-size: 18px; right: 15px; color: #bebebe; top: 15px; z-index: 2; padding: 10px; background: #fff; border-radius: 4px; font-weight: 300; } .form-field i.fa-globe-asia { font-weight: normal } .form-field i+ input, .form-field i + textarea { padding-right: 50px } /*********Custom Select********/ .selectric-wrapper { position: relative; cursor: pointer; } .selectric-responsive { width: 100%; } .selectric-open { z-index: 9999; } .selectric-open .selectric-items { display: block; } .selectric-disabled { filter: alpha(opacity=50); opacity: 0.5; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .selectric-hide-select { position: relative; overflow: hidden; width: 0; height: 0; } .selectric-hide-select select { position: absolute; left: -100%; height: 0; width: 0; } .selectric-hide-select.selectric-is-native { position: absolute; width: 100%; height: 100%; z-index: 10; } .selectric-hide-select.selectric-is-native select { position: absolute; top: 0; left: 0; right: 0; height: 100%; width: 100%; border: none; z-index: 1; box-sizing: border-box; opacity: 0; } .selectric-input { position: absolute!important; top: 0!important; left: 0!important; overflow: hidden!important; clip: rect(0, 0, 0, 0)!important; margin: 0!important; padding: 0!important; width: 1px!important; height: 1px!important; outline: none!important; border: none!important; *font:0/0 a!important; background: none!important; } .selectric-temp-show { position: absolute!important; visibility: hidden!important; display: block!important; } /***************Front label**************/ .selectric { border: 1px solid #dedbdb; background-color: #fff; position: relative; border-radius: 0; } .selectric .label { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 0 40px 0 20px; font-size: 16px; font-weight: normal; line-height: 48px; color: #000; height: 48px; padding: 0; text-align: left } .selectric-below .selectric .label { color: #000 } .selectric .button { display: block; position: absolute; right: 0px; top: 0; bottom: 0; margin: auto; width: 40px; height: 30px; color: #909090; font-size: 0; text-align: center; } .selectric .button:after { content: "\f107"; font-family: Font Awesome\ 5 Pro; font-size: 18px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; color: #909090; line-height: 30px; font-weight: normal } /***************Front label End**************/ /****************Select Drop Down**************/ .selectric-items { display: none; position: absolute; top: 100%; left: 0; border: 1px solid #000; z-index: -1; margin: -1px 0 0 } .selectric-items .selectric-scroll { height: 100%; overflow: auto; } .selectric-above .selectric-items { top: auto; bottom: 100%; } .selectric-items ul { padding: 0!important; background: #fff; margin: 0!important } .selectric-items li { font-size: 16px!important; min-height: 20px; margin-bottom: 1px; display: block; padding: 6px 22px!important; color: #000!important; line-height: normal!important; font-weight: normal!important; } .selectric-items li + li { border-top: 1px solid rgba(0,0,0,.1); } .selectric-items li:last-child { margin-bottom: 0 } .selectric-items li:before, .selectric-items li:after { display: none!important } .selectric-open .selectric { border-color: #000!important; } .selectric-items li.selected, .selectric-items li.highlighted, .selectric-items li:hover { background-color: #000; color: #fff!important } .selectric-items .disabled { filter: alpha(opacity=50); opacity: 0.5; cursor: default!important; background: none!important; color: #666!important; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .selectric-items .selectric-group .selectric-group-label { font-weight: normal; padding-left: 10px; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background: none; color: #000000; } .selectric-items .selectric-group.disabled li { filter: alpha(opacity=100); opacity: 1; } .selectric-items .selectric-group li.selectric-group-label { padding-left: 12px!important; } .selectric-items .selectric-group li { padding-left: 25px!important; } /*****************Custom Checkbox & Radio ****************/ .csHiddenFile { width: 1px; height: 0; visibility: hidden; display: none; } .csOpaque { opacity: 0; filter: alpha(opacity=0); } .csFileInput { display: none!important; } /**************Checkbox**/ .csRadio input[type=radio], .csCheckbox input[type=checkbox] { position: absolute; color: white; width: 20px; height: 20px; cursor: pointer; left: 0; top: 0; bottom: 0; right: 0; z-index: 2; margin: 0; } .csRadio, .csCheckbox { display: inline-block; position: relative; margin: -2px 5px 0 0; vertical-align: middle; height: 20px; width: 20px; } .radio .csRadio, .checkbox .csCheckbox { margin-left: -14px } .csRadioElem { border-radius: 9px; } .csRadioElem, .csCheckboxElem { display: inline-block; background: #fff; height: 18px; width: 18px; cursor: pointer; position: absolute; top: 0; left: 0; border: 1px solid #dddddd } .csCheckedR, .csChecked { border-color: #000000 } .csCheckedR:after { content: ""; background: #005188; padding: 4px; border-radius: 8px; width: 8px; line-height: 8px; position: absolute; left: 50%; top: 50%; -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } .csChecked:after { content: "\f00c"; font-size: 12px; font-family: Font Awesome\ 5 Pro; font-weight: bold; color: #005188; position: absolute; left: 50%; top: 50%; -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } /*********Form Style End********/ /*****************Button & Scroll Up Start***************/ .btn { min-width: 140px; border-radius: 0; margin: 0; padding: 12px 15px; color: #000!important; text-decoration: none; font-size: 14px; line-height: 20px!important; font-weight: 500; text-transform: uppercase; display: inline-block; vertical-align: top; white-space: normal; cursor: pointer; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; font-style: normal; position: relative; border: 1px solid #000; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); background: none } .white-btn { border: 1px solid #fff; color: #fff!important } .yellow-border-btn { border: 1px solid #d4af37; color: #d4af37!important } .btn:focus, .btn:hover, .btn:before, .btn:focus:before, .btn:hover:before, .product-box a:hover .btn, .product-box a:hover .btn:before { background-color: #d4af37; border-color: #000; color: #fff!important; } .white-btn:focus, .white-btn:hover, .white-btn:before { border-color: #fff; color: #fff!important } .btn:before { content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; border-radius: 0; } .btn:focus:before, .btn:hover:before { -webkit-transform: scaleY(1); transform: scaleY(1); } .scrollup { position: fixed; right: 15px; bottom: -40px; z-index: 50; -webkit-transition: all ease 1.5s; -moz-transition: all ease 1.5s; -ms-transition: all ease 1.5s; -o-transition: all ease 1.5s; transition: all ease 1.5s; filter: alpha(opacity=0); opacity: 0; background-color: #d4af37; z-index: 150 } .scrollup i { color: #fff; width: 30px; height: 30px; font-size: 16px; line-height: 30px; cursor: pointer; text-align: center; border-radius: 0; position: relative; z-index: 5 } .scrollup i:hover { color: #fff; } .scrollup:hover { background-color: #333 } .scrollup.show { filter: alpha(opacity=100); opacity: 1; bottom: 15px; } .progress-container { width: 30px; height: 100%; display: block; position: absolute; top: 0 } .progress-bar { height: 100%; background-color: #000; width: 0%; } /****************Button & Scroll Up End********/ /*********Contact Form 7 Message********/ div.wpcf7-validation-errors, div.wpcf7-mail-sent-ng, div.wpcf7-mail-sent-ok { float: left; margin: 15px 0; text-align: center; width: 100%; } .wpcf7-not-valid { background-color: transparent!important; border-color: #f00; border-bottom: 1px solid #f00!important; } .inverse-form .wpcf7-not-valid { background-color: transparent!important; } span.wpcf7-not-valid-tip { display: none!important } .wpcf7-captchac { background: #fff; float: left; padding: 3px; width: 134px; } .wpcf7-captchar { float: left; max-width: 210px; margin-left: 5px!important; width: 100%!important; width: -moz-calc(100% - 185px)!important; width:-webkit-calc(100% - 185px!important); width: -o-calc(100% - 185px)!important; width: calc(100% - 185px)!important; } /*********Contact Form 7 Message End********/ .container-fluid { max-width: 1280px } /*********Header********/ header { position: fixed; top: 0!important; left: 0; right: 0; padding: 0 15px; z-index: 99; background: -moz-linear-gradient(top, rgba(0,0,0,0.70) 0%, rgba(0,0,0,0) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0.70) 0%, rgba(0,0,0,0) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0.70) 0%, rgba(0,0,0,0) 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000', GradientType=0 ); } /***************logo-wrap starts**************/ header .logo-wrap { width: 100%; padding: 5px 0 } header .logo-wrap .content { display: table; width: 100%; } header .logo { width: auto; display: table-cell; vertical-align: middle; } header .logo a { display: inline-block; width: auto; } .top-right-content { width: auto; display: table-cell; vertical-align: middle; text-align: right; } .top-right-content .right-icons { display: inline-block; vertical-align: middle; padding: 0 0 0 30px } .top-right-content .right-icons li { float: left; width: auto; padding: 0; vertical-align: middle; position: relative; font-size: 14px; line-height: 20px; text-transform: uppercase; letter-spacing: 1px; text-align: center } .top-right-content .right-icons li + li { margin-left: 10px } .top-right-content .right-icons li a { display: inline-block; padding: 10px; width: auto; border: 1px solid #fff; color: #fff; } .top-right-content .right-icons .appointment a { font-weight: 600; } .top-right-content .right-icons li.appointment i { display: none } .top-right-content .right-icons li a:hover { color: #fff; background-color: #d4af37; } .top-right-content .right-icons li a:hover i { color: #fff; background-color: #d4af37; } /**********nav starts************/ .trigger, .nav-trigger { display: none } .nav-wrap { position: relative; float: none; display: inline-block; vertical-align: middle; width: auto; margin: 0; z-index: 99 } .nav_trigger, nav #menu-button { display: none } .nav-wrap nav, .nav-wrap nav ul, .nav-wrap nav ul li, .nav-wrap nav ul li a, .nav-wrap nav #menu-button { margin: 0; padding: 0; border: 0; list-style: none; display: block; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; z-index: 99 } .nav-wrap nav #menu-button, .nav-wrap nav ul li:before { display: none; } .nav-wrap nav { float: left; display: block; position: static; padding: 0; margin: 0 } .nav-wrap nav ul.nav > li { float: left; margin: 0; padding: 0; overflow: visible; position: relative } .nav-wrap nav ul.nav > li + li { margin-left: 30px } .nav-wrap nav ul.nav > li > a { display: inline-block; padding: 23px 0; margin: 0; font-size: 14px; line-height: 21px; color: #fff; text-decoration: none; text-transform: uppercase } /*.nav-wrap nav ul.nav > li.has-sub > a:after{content:"\f107";display:inline-block;font-size:14px;line-height:18px;font-family:Font Awesome\ 5 Pro;margin-left:5px;color:#fff}*/ /*.nav-wrap nav ul.nav > li:after{content:"/";font-size:14px;line-height:18px;color:#fff;display:inline-block;left:20px;top:0px;position:relative}*/ .nav-wrap nav ul.nav > li:last-child:after { display: none } /****************sub nav menu****************/ .nav>li>a:focus, .nav>li>a:hover { background-color: transparent } .nav-wrap nav ul.nav ul { position: absolute; border-radius: 0; padding: 0; visibility: hidden; text-align: left; left: 0; opacity: 0; top: 0; -webkit-transition: opacity 0.6s ease-in; -moz-transition: opacity 0.6s ease-in; -o-transition: opacity 0.6s ease-in; transition: opacity 0.6s ease-in; -moz-box-shadow: 0 3px 5px rgba(0,0,0,0.08); -webkit-box-shadow: 0 3px 5px rgba(0,0,0,0.08); box-shadow: 0 3px 5px rgba(0,0,0,0.08); border: 0!important; background-color: #fff;/*border-bottom:5px solid #d4af37!important*/ } .nav-wrap nav ul.nav ul ul:after { display: none } .nav-wrap nav > ul.nav > li > ul:before { content: ""; position: absolute; margin-bottom: 0; left: 15px; bottom: 100%; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #d4af37; display: none } .nav-wrap nav > ul.nav > li > ul { top: 100%; } .nav-wrap nav ul.nav ul ul { left: 100%; padding-top: 0 } .nav-wrap nav ul.nav ul ul:before { top: 0 } .nav-wrap nav ul.nav li:hover > ul { display: block; visibility: visible; left: 0; top: 100%; opacity: 1; -webkit-transition: opacity 0.3s ease-in; -moz-transition: opacity 0.3s ease-in; -o-transition: opacity 0.3s ease-in; transition: opacity 0.3s ease-in; } .nav-wrap nav ul.nav li ul { top: 100%; max-height: 0; overflow: hidden; } .nav-wrap nav > ul.nav li:hover ul { top: 100%; max-height: 500px; overflow: visible; } @media only screen and (min-width:1024px) { .nav-wrap nav ul.nav li ul { -moz-transition: all 0.3s linear 0s!important; -webkit-transition: all 0.3s linear 0s!important; -ms-transition: all 0.3s linear 0s!important; transition: all 0.3s linear 0s!important; } } .nav-wrap nav ul.nav ul > li:hover > ul { left: 100%; top: 0; } .nav-wrap nav ul.nav .reverse-menu ul > li:hover > ul { right: 100%; left: auto; } .nav-wrap nav ul.nav .align-left-menu:hover > ul { right: 0; left: auto; } .nav-wrap nav ul.nav ul .align-left-menu:hover ul, .nav-wrap nav ul.nav ul .align-left-menu li:hover ul { right: 100%; left: auto; } .nav-wrap nav ul.nav ul .align-right-menu:hover ul, .nav-wrap nav ul.nav ul .align-right-menu li:hover ul { left: 100%!important; right: auto!important; } .nav-wrap nav .z-h { z-index: 99999!important } .nav-wrap nav ul.nav .align-right-menu .has-sub:after, .nav-wrap nav ul.nav .align-right-menu:after { left: 100%!important; right: auto!important; } .nav-wrap nav ul.nav ul li.has-sub:after { content: "\f067"; position: absolute; left: auto; right: 15px; top: 0; bottom: 0; width: auto; font-family: Font Awesome\ 5 Pro; font-size: 11px; line-height: 33px; color: #fff; z-index: 99 } .nav-wrap nav ul.nav ul li.has-sub:hover:after { content: "\f068"; } .nav-wrap nav ul.nav ul li { float: left; width: 100%; min-width: 250px; padding: 7px 0; margin: 0; vertical-align: top; overflow: visible; } .nav-wrap nav ul.nav ul li:last-child { border-bottom: none } .nav-wrap nav ul.nav ul li a { font-weight: normal; width: auto; white-space: normal; text-transform: capitalize; text-transform: uppercase!important; font-size: 13px!important; line-height: normal; font-weight: 300; color: #000; padding: 0; text-decoration: none; transition: none; -moz-transition: none; -webkit-transition: none; -ms-transition: none; -o-transition: none; } /*.nav-wrap nav ul.nav ul li a:before{content:"\f105";font-family:Font Awesome\ 5 Pro;font-size:13px;line-height:20px;position:absolute;top:19px;left:15px;margin:auto;-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);}*/ .nav-wrap nav ul.nav li > ul > li:hover:after { display: block; } .nav-wrap nav ul.nav li:hover > a, .nav-wrap nav ul.nav li > a:hover, .nav-wrap nav ul.nav li.current-menu-item > a, .nav-wrap nav ul.nav li.current-menu-ancestor > a { color: #d4af37; } .nav-wrap nav ul.nav> li> a:before { content: ''; height: 1px; left: 0; bottom: 0px; position: absolute; width: 100%; z-index: -1; overflow: hidden; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: right center; -ms-transform-origin: right center; transform-origin: right center; -webkit-transition: -webkit-transform .4s cubic-bezier(0.645, .045, .355, 1); transition: transform .4s cubic-bezier(0.645, .045, .355, 1); background: #d4af37; } .nav-wrap nav ul.nav > li:hover > a:before, .nav-wrap nav ul.nav > li > a:hover:before, .nav-wrap nav ul.nav > li.current-menu-item > a:before, .nav-wrap nav ul.nav > li.current-menu-ancestor > a:before { -webkit-transform: none; -ms-transform: none; transform: none; -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center; width: 100% } .nav-wrap nav ul.nav ul li:hover > a, .nav-wrap nav ul.nav ul li > a:hover, .nav-wrap nav ul.nav ul li.current-menu-item > a, .nav-wrap nav ul.nav ul li.current-menu-ancestor > a { color: #d4af37; background-color: transparent } .nav-wrap nav ul.nav ul.conditions-dropdown { padding: 10px 15px } /**********Nav ends************/ /*******Mega DropDown*******/ /*body:not(.woocommerce) .nav-wrap nav ul.nav > li.has-sub{position:static!important}*/ .nav-wrap nav ul.nav > li.has-sub { position: relative } .nav-wrap nav, .nav-wrap nav ul, .nav-wrap nav ul li, .nav-wrap nav ul.nav > li.has-mega.has-sub { position: static } .mega-dropdown { opacity: 0; max-height: 0; visibility: hidden; position: absolute; left: 0; right: 0; top: 100%; max-width: 1130px; margin: 0 auto; background: #fff; border-radius: 0; overflow: hidden; -moz-transition: all 0.1s linear 0s; -webkit-transition: all 0.1s linear 0s; -ms-transition: all 0.1s linear 0s; -o-transition: all 0.1s linear 0s; transition: all 0.1s linear 0s; z-index: -1;/*border-bottom:5px solid #d4af37!important;*/ -moz-box-shadow: 0 3px 5px rgba(0,0,0,0.08); -webkit-box-shadow: 0 3px 5px rgba(0,0,0,0.08); box-shadow: 0 3px 5px rgba(0,0,0,0.08); } .nav-wrap nav ul.nav > li:hover .mega-dropdown { visibility: visible; opacity: 1.0; max-height: 800px; -moz-transition: all 0.3s linear 0s; -webkit-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; } .mega-dropdown .allData { text-align: left; float: left; width: 100%; } @media (min-width:1024px) { .open .mega-dropdown { display: block; padding: 0; text-align: center; clear: both; } } .mega-dropdown ul { position: static!important; display: block!important; max-height: inherit!important; opacity: 1!important; visibility: visible!important; background: none!important; -moz-box-shadow: none!important; -webkit-box-shadow: none!important; box-shadow: none!important; } .nav-wrap nav ul.nav .mega-dropdown ul { border: 0!important; } .mega-dropdown ul li { min-width: inherit!important; border-bottom: 0 } .mega-dropdown [class^="col-"] .submenu-button, .mega-dropdown [class^="col-"] [class^="col-"] .submenu-button, .mega-dropdown [class^="col-"] [class^="col-"] .submenu-button { display: none } .mega-dropdown h3 { font-size: 14px; line-height: 1.5; font-family: 'Montserrat', sans-serif; padding-bottom: 10px; text-transform: uppercase; font-weight: 600; } .mega-dropdown h3 a { color: #000; } .mega-dropdown h3 a:hover { color: #d4af37; } .mega-dropdown ul li { padding: 8px 0!important } .mega-dropdown ul li a { } .mega-dropdown .row { display: table; width: 100%; margin-left: 0; margin-right: 0 } .mega-dropdown [class^="col-"] { padding: 15px 15px 55px; float: none; display: table-cell; position: relative } .mega-dropdown [class^="col-"] + [class^="col-"] { border-left:1px solid #ddd } .mega-dropdown .view-all { font-size: 13px; line-height: 1.5; font-family: 'Montserrat', sans-serif; text-transform: uppercase; font-weight: 600; border-top: 1px solid #ddd; position: absolute; left: 0; bottom: 0; width: 100%; padding: 15px } .mega-dropdown .view-all a { color: #d4af37; } .mega-dropdown .view-all a:hover { color: #000; } /*******Mega DropDown ends*******/ /*********Transition Starts********/ a, header, input[type="button"], input[type="submit"], input[type="reset"], header .logo img, header .logo-wrap .content, footer ul li a:before, footer ul li a, .btn, .btn i, .social-icon *, .brand img, .mainMenu #menu-button, input[type="text"], input[type="email"], input[type="password"], input[type="tel"], input[type="number"], input[type="file"], select, textarea, .owl-theme .owl-dots .owl-dot span, .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .mfp-arrow-left, .mfp-arrow-right, .mfp-close, .nav-trigger i, ul.aside-menu li a, .top-right-content .right-icons li i, .product-box .detail, header .top-right-content, .over-btn .product-box .over, .popup-details .product-box a:before { transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -webkit-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; } /*********Transition ends********/ /****************Shrink Header**************/ .head-fix header { background-color: #000; } /*.head-fix header .top-right-content{padding-top:15px}*/ .head-fix .logo img { max-width: 150px; } /****************Shrink Header end**************/ /*****************Flexslider*********/ .flexslider { position: relative; overflow: hidden; } .flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; } .flexslider .photo, .flexslider .photo>img { width: 100%; display: block; position: relative; display: none } html[xmlns] .flexslider .slides { display: block; } * html .flexslider .slides { height: 1%; } .no-js .flexslider .slides > li:first-child { display: block; } .flexslider .flex-control-paging { position: absolute; bottom: 15px; left: 0px; z-index: 50; width: 100%; text-align: center; height: auto; font-size: 0; line-height: 0; opacity: 1; list-style: none; margin: 0; padding: 0; display: inline-block; } .flexslider .flex-control-paging li, .flexslider .flex-control-paging li a { height: auto; width: auto; margin: 1px; display: inline-block; font-size: 0; line-height: 0; } .flexslider .flex-control-paging li a:before { content: ''; height: 10px; width: 10px; display: inline-block; border: 1px solid #fff; border-radius: 30px; cursor: pointer; transition: all 300ms ease; background-color: rgba(255,255,255,.6) } .flexslider .flex-control-paging li a.flex-active:before { width: 18px; border-color: #d4af37; background-color: #d4af37 } .flexslider .flex-direction-nav a { transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; -webkit-transition: .3s ease-in-out; position: fixed } .flexslider .flex-direction-nav .flex-prev { width: 34px; height: 34px; position: absolute; left: 0px; top: 50%; z-index: 20; display: inline-block; margin-top: -17px; font-size: 0; cursor: pointer; background-color: rgba(0,0,0,.3); text-align: center; opacity: 0 } .flexslider .flex-direction-nav .flex-prev:before { content: "\f104"; font-family: Font Awesome\ 5 Pro; color: #fff; display: block; position: absolute; bottom: 0; left: 0; font-size: 15px; line-height: 34px; height: 100%; width: 100%; } .flexslider .flex-direction-nav .flex-next { width: 34px; height: 34px; position: absolute; right: 0px; top: 50%; z-index: 20; display: inline-block; margin-top: -17px; font-size: 0; cursor: pointer; background-color: rgba(0,0,0,.3); text-align: center; opacity: 0 } .flexslider .flex-direction-nav .flex-next:before { content: "\f105"; font-family: Font Awesome\ 5 Pro; color: #fff; display: block; position: absolute; bottom: 0; left: 0; font-size: 15px; line-height: 34px; height: 100%; width: 100%; } .flexslider .flex-direction-nav .flex-prev:hover, .flexslider .flex-direction-nav .flex-next:hover { background: #d4af37; } .flexslider .flex-direction-nav .flex-prev:hover:before, .flexslider .flex-direction-nav .flex-next:hover:before { border-color: #ffffff; } .flexslider:hover .flex-control-paging, .flexslider:hover .flex-direction-nav a { opacity: 1 } .flexslider:hover .flex-direction-nav .flex-prev { left: 0; } .flexslider:hover .flex-direction-nav .flex-next { right: 0; } .flexslider:hover .flex-direction-nav .flex-prev { left: 0; } .flexslider:hover .flex-direction-nav .flex-next { right: 0; } .flexslider .flex-disabled { display: none!important } /*****************Flexslider End*********/ /***************home banner starts**************/ .margin-top { margin-top: 98px!important; } .home-banner { min-height: 200px; background-color: #eee; } .home-banner .flex-control-paging { bottom: auto; left: auto; right: 5px; top: 5px; width: auto; } .home-banner .slides li { background-position: center center; background-repeat: no-repeat; background-size: cover; } .home-banner .slides li:after { display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; content: ''; background: rgba(0,0,0,.4); z-index: 5; } /*.home-banner .slides > li:after{content:'';display:block;width:100%;height:100%;position:absolute;left:0;top:0;background-color:rgba(0,0,0,.5)}*/ .home-banner .slide-img img { width: 100% } .home-banner .caption { position: absolute; left: 0; right: 0; bottom: 0; top: 0; margin: 0; padding: 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; z-index: 15 } .home-banner .max-width { text-align: center; position: relative; } .home-banner .heading { color: #fff; } .home-banner .heading em { font-size: 100px; line-height: .5; color: #fff; display: block; font-family: 'Italianno', cursive; } .home-banner .heading strong { font-size: 100px; line-height: 1.1; color: #fff; display: block; font-weight: 400 } .home-banner .heading small { font-size: 32px; line-height: 1.1; color: #fff; display: block; font-family: 'Montserrat', sans-serif; font-weight: 300 } .home-banner .btn-row { padding-bottom: 0 } .home-banner .heading em { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .home-banner .heading strong { -webkit-animation-duration: 1.3s; animation-duration: 1.3s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .home-banner .heading small { -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .home-banner .btn { margin-top: 40px; border-color: #ffffff; color: #ffffff !important } /***************fadeInDown , bounceInDown , slideUp ****************/ .home-banner .heading em { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } .home-banner .heading strong { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } .home-banner .heading small { -webkit-animation-name: slideUp; animation-name: slideUp; } /**************videoBox starts**************/ .home-banner video { display: block;/*background-image:url(../img/video-cover.jpg);*/ background-position: center; -webkit-background-size: cover; background-size: cover;/*Disable play button in iOS */ pointer-events: none; } .home-banner video { min-width: 100%; min-height: 100%;/* Center it */ position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .home-banner .video-cover { display: none } /*************videoBox ends**************/ .scrolldown { height: 36px; width: 36px; position: absolute; left: 50%; bottom: 0; cursor: pointer; margin: 0 0 0 -18px; z-index: 9; text-align: center; -webkit-animation: arrow-down 3s infinite; -moz-animation: arrow-down 3s infinite; -o-animation: arrow-down 3s infinite; animation: arrow-down 3s infinite; } .scrolldown a:before { content: "\f103"; font-family: Font Awesome\ 5 Pro; color: #fff; display: block; position: absolute; bottom: 0; left: 0; font-size: 25px; line-height: 36px; height: 36px; width: 36px; } /***************home banner ends**************/ /**************common content*************/ .common-content { padding: 50px 0 0; } .common-content .btn { white-space: normal; } .common-content h1, .common-content h2, .common-content h3, .common-content h4, .common-content h5, .common-content h6 { padding: 15px 0 12px 0; line-height: 1.3; } .common-content h1, .common-content .h1 { font-size: 35px; } .common-content h2, .common-content .h2 { font-size: 28px; } .common-content h3, .common-content .h3 { font-size: 20px; } .common-content h4, .common-content .h4 { font-size: 18px; } .common-content h5, .common-content .h5 { font-size: 17px; } .common-content h6, .common-content .h6 { font-size: 16px; } .common-content .b-heading { border-bottom: 2px solid #bd9f5f; padding-bottom: 0.8em; margin: 0 0 6px; overflow: hidden } .aligncenter { display: block; margin: 5px auto; } .alignright { float: right; margin: 16px 0 12px 40px; } .alignleft { float: left; margin: 16px 40px 12px 0; } .alignnone { margin: 10px 0 } .alignblock { margin: 10px 0; float: none; width: 100%; display: block } .common-content > div > h1:first-child, .common-content > div > h2:first-child, .common-content > div > h3:first-child, .common-content > div > h4:first-child, .common-content > div > h5:first-child, .common-content > div > h6:first-child, .common-content > div > div > h1:first-child, .common-content > div > div > h2:first-child, .common-content > div > div > h3:first-child, .common-content > div > div > h4:first-child, .common-content > div > div > h5:first-child, .common-content > div > div > h6:first-child, .common-content > div > p:first-child, .common-content > div > div > p:first-child, .common-content div > .big-col > h1:first-child, .common-content div > .big-col > h2:first-child, .common-content div > .big-col > h3:first-child, .common-content div > .big-col > h4:first-child, .common-content div > .big-col > h5:first-child, .common-content div > .big-col > h6:first-child, .common-content div > .aside > h1:first-child, .common-content div > .aside > h2:first-child, .common-content div > .aside > h3:first-child, .common-content div > .aside > h4:first-child, .common-content div > .aside > h5:first-child, .common-content div > .aside > h6:first-child, .common-content div > .big-col > p:first-child { padding-top: 0; margin-top: 0 } .common-content > div > .iframe-video:first-child, .common-content > .iframe-video:first-child, .common-content > div > div > .iframe-video:first-child { margin-top: 0 } /*.common-content ol li, .common-content ul li, .common-content p{line-height:1.5;}*/ .common-content ul, .common-content ol, .common-content p { padding: 5px 0 15px; margin: 0; } .common-content ul li { position: relative; padding: 0 0 5px 20px; overflow: hidden; } .common-content ul.col-2 { overflow: hidden; clear: both } .common-content ul.col-2 li { float: left; width: 50%; padding-right: 5px; } .common-content ul.col-2 li:nth-child(odd) { clear: left } .common-content ul li:before {/* content: "\f105"; font-family: Font Awesome\ 5 Pro; */ content: ""; color: #000; display: inline-block; vertical-align: middle; position: absolute; left: 0; top: 0.5em; line-height: 1; font-size: 15px; padding: 4px; background: #d4d4d4; border-radius: 4px } .common-content ul.check-list li { padding-left: 52px; padding-bottom: 14px } .common-content ul.check-list li:before { left: 15px; top: 5px; content: "\f058"; font-size: 24px; font-weight: 300; } .common-content ol { padding-left: 25px; text-align: left; overflow: hidden } .common-content ol li { list-style: decimal; padding: 0 0 10px 0; } .common-content ol li ul > li { padding-left: 30px; list-style: none } .common-content ol li ul > li:before { display: block; left: 15px } .common-content ul li:last-child, .common-content ol li:last-child { padding-bottom: 0 } .common-content ul ol li { overflow: visible } .common-content ul ol li:before { display: none; overflow: visible } .common-content ol ol li { list-style: lower-alpha } .common-content ol ol ol li { list-style: lower-roman } .common-content p.pn { padding: 0; margin: 0 } .text-center ul li { padding-left: 0 } .text-center ul li:before { position: static; margin-right: 10px; vertical-align: middle; } .common-content .list-none li { padding-left: 0 } .common-content .list-none li:before { display: none; } .common-two-col { overflow: hidden; display: block; clear: both; margin-left: -15px; margin-right: -15px } .common-two-col .big-col, .common-two-col .aside { float: left; padding-left: 15px; padding-right: 15px } .common-two-col .big-col { width: 70%; } .common-two-col .aside { width: 30%; } .sept-right { border-right: 1px solid rgba(0,0,0,.06) } .sept-left { border-left: 1px solid rgba(0,0,0,.06) } .vertical-middle { display: table; width: 100%; } .vertical-middle .col { display: table-cell; vertical-align: middle; float: none } .vertical-middle .small-col { width: 45% } .vertical-middle .big-col { width: 55% } .vertical-middle .col50 { display: table-cell; width: 50%; vertical-align: middle; float: none } .vertical-flex { display: flex; justify-content: center; flex-direction: column; text-align: center; } .vertical-flex .col { display: table-cell; } /**************Table*************/ .table-responsive { border: none; margin: 8px 0; overflow: auto; } table { width: 100%; } table tr td, table tr th { border: 1px solid #dddddd; font-size: 15px; padding: 15px; vertical-align: top; text-align: left; font-weight: 300; background: #fff; color: #3e3935 } table tr th { font-weight: 500; background-color: rgba(0,0,0,.05) } table img { display: inline-block; } table.center tr td, table.center tr th { text-align: center } .table-border-none th, .table-border-none td { border: 0!important } table:after, table:before { display: none } /**************Table End*************/ /***************Breadcrumbs**************/ div.breadcrumbs, section.breadcrumbs { position: relative; display: block; background: #f6f6f6; padding: 10px 0; margin: 0; overflow: hidden; clear: both; text-align: left; z-index: 11; } ul.breadcrumbs { padding: 0; clear: both; margin: 0 } ul.breadcrumbs li { position: relative; display: inline-block; font-size: 13px; line-height: normal; vertical-align: top; padding: 0 22px 0 0; margin-right: 11px; color: #66cce8; font-style: normal; font-weight: 500; } ul.breadcrumbs li:before { display: none } ul.breadcrumbs li a { position: relative; display: inline-block; font-size: 14px; color: #485a5f; vertical-align: top; font-weight: normal } ul.breadcrumbs li:after { content: "\f105"; font-family: Font Awesome\ 5 Pro; position: absolute; font-size: 14px; right: 0; top: 3px; line-height: 1; color: #6f6f6f; font-style: normal } ul.breadcrumbs li:last-child { padding: 0; margin: 0 } ul.breadcrumbs li:last-child:after { display: none } ul.breadcrumbs li:before { display: none } ul.breadcrumbs li a:hover { color: #66cce8; } ul.breadcrumbs li.active a { color: #000000; } /**************Breadcrumbs End*************/ /**************Vertically Middle*************/ .lazy-image { position: relative; background: rgba(0,0,0,.05); width: 100%; padding-top: 71.33%; overflow: hidden; z-index: 2; } .lazy-image img { position: absolute; bottom: 0; left: 0; right: 0; top: 0; margin: auto!important; max-width: 100%; max-height: inherit !important; width: auto!important; opacity: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; transition: opacity 3s ease-in, -webkit-transform 3s ease-in; transition: opacity 3s ease-in, transform 3s ease-in; transition: opacity 3s ease-in, transform 3s ease-in, -webkit-transform .6s ease-in; -webkit-transform: scale(1.02, 1.02); -ms-transform: scale(1.02, 1.02); transform: scale(1.02, 1.02); } a:hover .lazy-image img { -webkit-transform: scale(1.09, 1.09); -ms-transform: scale(1.09, 1.09); -moz-transform: scale(1.09, 1.09); -o-transform: scale(1.09, 1.09); transform: scale(1.09, 1.09); } img.lazyFade { opacity: 1; } .bg-photo { background-repeat: no-repeat; background-position: center center; background-size: cover } .bg-photo:before, .bg-photo img { display: none } .google-map { position: relative; padding-top: 57%; } .iframe-video { position: relative; display: inline-block; width: 100%; padding-top: 54%; margin: 10px 0; } .google-map iframe, .google-map img, .iframe-video iframe { position: absolute; left: 0; top: 0; right: 0; bottom: 0; height: 100%; width: 100%; } .height-map, .height-map iframe { height: 500px; padding: 0 } /**************Content End*************/ /**********product box starts************/ .product-row { clear: both; overflow: hidden; } .product-box { float: left; width: 100%; text-align: center; position: relative } .product-box a { display: block; color: #fff; text-decoration: none; position: relative; } .product-box h3 { text-transform: uppercase; font-size: 24px; font-family: 'Montserrat', sans-serif; color: #fff; text-shadow: 1px 1px 1px rgba(0,0,0,.5); display: inline-block; padding: 0; position: relative } .product-box .detail { padding: 15px; position: absolute; left: 0; right: 0; bottom: 10%; z-index: 15; } .product-box a:hover { border-color: #fa8d29 } .two-col, .three-col, .four-col, .five-col { margin-left: -2% } .two-col .product-box { width: 48%; margin: 1% 0 1% 2% } .three-col .product-box { width: 31.33%; margin: 1% 0 1% 2% } .four-col .product-box { width: 23%; margin: 1% 0 1% 2% } .five-col .product-box { width: 18%; margin: 1% 0 1% 2% } .two-col.no-space, .three-col.no-space, .four-col.no-space, .five-col.no-space { margin-left: 0 } .two-col.no-space .product-box { width: 50%; margin-left: 0 } .three-col.no-space .product-box { width: 33.33%; margin-left: 0 } .four-col.no-space .product-box { width: 25%; margin-left: 0 } .five-col.no-space .product-box { width: 20%; margin-left: 0 } .heading-bottom .product-box .detail { position: static; border-bottom: 1px solid rgba(0,0,0,0); padding: 15px 0 } .heading-bottom .product-box a:hover .detail { border-bottom: 1px solid #d4af37; } .heading-bottom .product-box h3 { text-shadow: none; color: #000; font-size: 14px; font-weight: 300; padding-left: 0 } .heading-bottom .product-box h3:before { display: none } .common-popup .lazy-image, .popup-details .product-box .lazy-image, .heading-bottom .product-box .lazy-image { padding-top: 80% } .over-btn .product-box h3 { padding: 25px 0 0 } .over-btn .product-box h3:after { content: ''; position: absolute; left: 50%; top: 0; width: 76px; height: 1px; background-color: #d4af37; margin-left: -38px; } .over-btn .product-box .over { position: absolute; top: 0%; left: 0%; width: 100%; height: 100%; background-color: rgba(0,0,0,.3); opacity: 0 } .over-btn .product-box .over .btn { position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 5; } .over-btn .product-box a .over .btn:before { display: none } .over-btn .product-box .lazy-image { padding-top: 90% } .over-btn .product-box a:hover .over .btn { background-color: transparent; border-color: #fff } .over-btn .product-box a:hover .over { opacity: 1 } .popup-details .product-box a:before { position: absolute; top: 70%; right: 15px; background-color: rgba(0,0,0,.3); text-align: center; content: '\f00e'; z-index: 15; font-family: Font Awesome\ 5 Pro; font-weight: 400; font-size: 20px; line-height: 30px; height: 30px; width: 30px; opacity: 0 } .popup-details .product-box a:hover:before { opacity: 1 } .heading-line .product-box h3 { padding-top: 0 } .heading-line .product-box h3:after { display: none } .container.max-container { max-width: 960px } .our-work .product-box a:before { display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; content: ''; background: rgba(0,0,0,.4); z-index: 5; } .three-col .product-box a:hover .lazy-image img, .three-col .product-box .lazy-image img { -webkit-transform: scale(1.0, 1.0); -ms-transform: scale(1.0, 1.0); -moz-transform: scale(1.0, 1.0); -o-transform: scale(1.0, 1.0); transform: scale(1.0, 1.0); } .allprojects { clear: both; overflow: hidden; margin: 0 0 -3% -3%; position: relative } .allprojects .number { display: none; position: absolute; bottom: 15px; right: 15px; font-size: 30px; color: #d4af37; font-weight: bold; z-index: 11 } .allprojects .box { float: left; width: 30.33333333%; margin: 0 0 3% 3%; overflow: hidden; } .allprojects .box .photo { position: relative; width: 100%; padding-top: 90%; overflow: hidden; background-color: #f5f5f5 } .allprojects .box.h-big .photo { padding-top: 32.8733333333%; } .allprojects .box.v-big .photo { padding-top: 148%; } .allprojects .box.h-big { width: 63.66666667% } .allprojects .box.v-big .photo img { width: auto!important; max-width: none; max-height: none; height: 100% } .allprojects .box .photo img { position: absolute; bottom: 0; left: 0; right: 0; top: 0; margin: auto !important; max-width: 100%; width: 100% !important; -webkit-transform: scale(1.02, 1.02); -ms-transform: scale(1.02, 1.02); transform: scale(1.0, 1.0); } .allprojects .box a { display: block; overflow: hidden; position: relative; color: #fff; } .allprojects .box a:hover .vertical-box { opacity: 1; display: block } .allprojects .vertical-box { display: none !important } /**********product box ends************/ /***************two col starts**************/ .two-aside { overflow: hidden; display: block; margin: 0 -15px } .two-aside .big-col { float: left; width: 55%; padding: 0 15px; } .two-aside .aside { float: left; width: 45%; padding: 0 15px; } /***************two col End**************/ /***************home about**************/ .home-about { overflow: hidden } .home-about h2 { position: relative; } .home-about h2 em { font-size: 3em; line-height: 1; color: #d4af37; font-family: 'Italianno', cursive; } .home-about .content { max-width: 810px; margin: 0 auto } .home-about h2 img { margin-bottom: 15px } .gray-bg { background-color: #f5f5f5 } .dark-bg { background-color: #efefef } p.uppercase { text-transform: uppercase; } .uppercase h2 { text-transform: uppercase; padding-top: 0!important } .uppercase h2:before { display: none } .htmega-btn-effect-1::before { background: #D4AF37; } .htmega-button .htb-btn { text-transform: uppercase !important; border-width: 1px !important; font-family: inherit !important; } .home-side-image h2 { padding-bottom: 10px } .home-side-image .elementor-element { font-family: 'Montserrat', sans-serif !important; font-weight: 300 !important } .home-side-image .elementor-column-wrap { align-items: center; } .common-form.home-about h2, .home-about .common-form h2, .common-form h2 { padding-top: 0!important; } .common-form .htmega-form-style-1 form input, .common-form .htmega-form-style-1 form textarea { margin-top: 0 !important } .common-form .htmega-form-style-1 form input[type="submit"] { border-width: 1px !important } .common-form { background: #f9f9f9; padding: 40px 0 } .common-form .elementor-container { padding-left: 15px !important; padding-right: 15px !important } /***************home about ends**************/ /**************left and right row starts**************/ .left-right-row { background-position: center center; background-repeat: no-repeat; background-size: cover; overflow: hidden; text-align: center; padding: 0; } .page-template-manufacturing-php .left-right-row { margin-top: 30px; } .left-right-row .lazy-image { padding-top: 45%; } .inner-banner .lazy-image img, .why-vakari .lazy-image img, .left-right-row .lazy-image img { width: 100%!important } .left-right-row .caption { position: absolute; left: 0; right: 0; bottom: 0; top: 0; margin: 0; padding: 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; z-index: 15 } .left-right-row h2 { text-transform: uppercase } .left-right-row .text { padding: 30px; width: 40%; position: absolute; right: 0; bottom: 0; top: 0; } .left-right-row .text:before { background-color: #fff; position: absolute; left: 0; top: 0; bottom: 0; content: '';/*transform:skewX(15deg) skewY(0);*/ z-index: -1; padding-right: 3000px } /*.left-right-row .text:after{background-color:rgba(255,255,255,.2);position:absolute;left:-70px;top:0;bottom:0;content:'';transform:skewX(15deg) skewY(0);width:70px}*/ .left-right-row .vertical-text { position: absolute; left: 50%; top: 50%; -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 15; width: 90% } .left-right-row.text-small .vertical-text { width: 70% } .left-right-row.black-bg * { color: #fff } .left-right-row.black-bg .text:before { background-color: rgba(0,0,0,.8); } .left-right-row.black-bg .text:after { background-color: rgba(255,255,255,.2); } .left-right-row.white-bg .text:before { background-color: #fff; } .left-right-row.white-bg .text:after { background-color: rgba(255,255,255,.2); } .left-right-row.left-text .text { left: 0; right: auto; } .left-right-row.left-text .text:before {/*transform:skewX(-15deg) skewY(0);*/ left: auto; right: 0; padding-left: 3000px; padding-right: 0; bottom: -1px; } .left-right-row.left-text .text:after { left: auto; right: -70px; transform: skewX(-15deg) skewY(0); } .left-right-row.slider-img.left-text .owl-carousel { float: right } .left-right-row.slider-img .owl-carousel .lazy-image { padding-top: 70%; } .left-right-row.slider-img .owl-carousel .lazy-image img { max-height: inherit } .left-right-row.slider-img .owl-carousel { width: 50%; } .left-right-row.slider-img .text { width: 100%; } .left-right-row.slider-img .caption { right: 50%; } .left-right-row.slider-img.right-text .caption { left: 50%; right: 0 } .left-right-row.slider-img .owl-carousel, .left-right-row.slider-img .caption { float: left !important; width: 100%; } .service-layout .container { max-width: 900px } .service-layout .owl-carousel, .page-id-995 .owl-carousel { max-width: 600px; margin-left: auto !important; margin-right: auto !important } .service-layout h2+ .owl-carousel, .page-id-995 h2+ .owl-carousel { margin-top: 20px; } .service-layout .owl-carousel { margin: 15px 0 0 } .service-layout .lazy-image { padding-top: 72.33%; } .service-layout#drying .lazy-image { padding-top: 65.33%; } .slider-video { position: relative; padding-top: 72.33%; overflow: hidden; background: #000 } .slider-video video { max-width: 100%; width: auto; max-height: 100%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .side-img-row .elementor-col-100 .elementor-column { padding: 30px !important; } .side-img-row .elementor-col-100 .elementor-column img { width: 100% } .side-img-row .elementor-col-100 .elementor-column .elementor-widget-image .elementor-widget-container { margin: -30px !important } .side-img-row .elementor-inner-section:nth-child(even) .elementor-row { flex-direction: row-reverse; } /**************left and right row ends**************/ /******Usefull Info starts*******/ .usefull-info { padding: 50px 0; text-align: center; } .usefull-info .box { padding: 15px; display: block; overflow: hidden } .usefull-info .icon { width: 25%; float: left; margin-right: 5%; } .usefull-info h3 { font-size: 24px; line-height: 1.4; text-transform: uppercase; padding: 15px; border-bottom: 1px solid #000; border-top: 1px solid #000; margin: 10px 0; float: left; width: 70% } .info-slider.owl-carousel .owl-dots { margin: 0 } /******Usefull Info ends*******/ /***************our work starts**************/ .our-work { text-align: center; overflow: hidden; padding-bottom: 0 } .our-work h2 { position: relative; text-transform: uppercase; padding-top: 30px!important; } /*.our-work .lazy-image{padding-top:55%;}*/ .our-work .product-box a { position: relative } .our-work .product-box .lazy-image img { width: 100%!important } /***************our work ends**************/ /************text center heading starts************/ .text-center-heading { text-align: center; overflow: hidden; } .text-center-heading h2 { position: relative; text-transform: uppercase; padding-top: 30px!important; } /************inner banner starts************/ .inner-banner { position: relative; overflow: hidden; min-height: 100px; background-position: 0 center; background-repeat: no-repeat; background-size: cover; background-color: #000; } .inner-banner:after { display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; content: ''; background: rgba(0,0,0,.2); z-index: 5 } .inner-banner .lazy-image { padding-top: 29%; } .inner-banner .caption { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: 0; padding: 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; z-index: 15 } .inner-banner .container-fluid { max-width: 1270px; margin: 0 auto; width: 100% } .inner-banner .max-width { width: 100%; float: none; text-align: left; padding: 0 } .inner-banner .heading { color: #fff; text-align: center; font-size: 3em; line-height: 1.2; text-transform: uppercase } .inner-banner .heading em { font-style: normal } .term-residential .inner-banner:after { background: rgba(0,0,0,.4); } /************inner banner ends************/ /**************carousel arrows starts**************/ .owl-carousel.col-2-slider { margin-top: 30px } .owl-carousel.col-2-slider .lazy-image img { display: none!important } .owl-carousel.col-2-slider .owl-nav .owl-next, .owl-carousel.col-2-slider .owl-nav .owl-prev { height: 80px; margin-top: -40px; background-color: rgba(0,0,0,.9) } .owl-carousel.col-2-slider .owl-nav .owl-prev:before, .owl-carousel.col-2-slider .owl-nav .owl-next:before { line-height: 80px; } /**************carousel arrows ends**************/ /***************specialize starts**************/ .specialize .content { position: relative } .specialize .heading { position: absolute; left: 0; top: 30px; z-index: 5; max-width: 725px; } .specialize h2 { position: relative; padding: 0 0 0 100px; font-size: 40px; } .specialize h2 span { color: #fffbee; position: absolute; left: 10%; top: -50%; content: ''; font-size: 200px; z-index: -1; text-transform: uppercase } .specialize .text { max-width: 640px; margin: 0 auto; border: 1px solid #d4af37; padding: 20% 10% 5% } /***************specialize ends**************/ .why-vakari .lazy-image { padding-top: 31%; margin-bottom: 50px } .let-talk label.auto { padding: 10px } .let-talk ul.add { margin-top: 20px; overflow: hidden } .let-talk ul.add li { float: left; width: 33.33%; padding: 15px 0; font-size: 15px; position: relative } .let-talk ul.add li:after { background-color: #999; position: absolute; left: 0; top: 0; content: ''; width: 15px; height: 1px; } .let-talk ul.add li:before { display: none } .let-talk ul.add li span { display: block; overflow: hidden; color: #000 } .let-talk ul.add li a { color: #000; text-decoration: none } .let-talk ul.add li a:hover, .let-talk ul.add li a:focus { color: #d4af37; text-decoration: none } /**************faqs starts**************/ .faqs .accordingHead { display: block; padding: 10px 60px 10px 15px!important; cursor: pointer; width: 100%; text-align: left; background-color: #f5f5f5; margin-top: 15px; position: relative; overflow: hidden; border: 1px solid rgba(0,0,0,.09); } .faqs .accordingHead:after { position: absolute; top: 0; right: 00; border: 0; text-align: center; content: "\f067"; font-family: Font Awesome\ 5 Pro; font-weight: 300; font-size: 20px; line-height: 46px; height: 100%; width: 46px; background-color: #fff; color: #d4af37 } .faqs .accordingHead.current:after { content: "\f068"; } .faqs .accordianContent { display: none; padding: 0 15px; border: 1px solid rgba(0,0,0,.09); border-top: 0 } .nav-tabs, .nav-tabs > li { padding: 0!important } .nav-tabs { margin-top: 15px!important } .nav-tabs > li + li { margin-left: 10px!important } .nav-tabs > li > a { background-color: #f5f5f5; padding: 10px 15px; color: #000; } .nav-tabs > li:before { display: none!important } .nav-tabs > li > a:hover, .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover { background-color: #fff; color: #d4af37; } /**************faq ends**************/ /************common-popup starts************/ .common-popup { background-color: #fff; box-shadow: 0 0 10px rgba(0,0,0,.4); padding: 30px; max-width: 550px; border-radius: 0; margin: 35px auto 6px; position: relative; } p:empty { display: none } /************common-popup ends************/ .manufacturing .content { max-width: 800px; margin: 0 auto } .manufacturing .lazy-image { padding-top: 67.33% } /**********footer starts************/ footer .top-content { padding: 35px 0 } footer h3 { font-size: 13px; line-height: 1.3; font-weight: 500; text-transform: uppercase; color: #d4af37; border-bottom: 1px solid rgba(0,0,0,.1); border-top: 1px solid rgba(0,0,0,.1); padding: 15px 0; letter-spacing: 1px; font-family: 'Montserrat', sans-serif; } footer p { font-size: 12px; line-height: 26px; padding: 15px 0; } footer ul.social-icon, footer ul { padding: 15px 0 0; overflow: hidden; margin: 0 } footer ul li { font-size: 12px; line-height: 26px; color: #fff; vertical-align: top; padding: 4px 0; overflow: hidden; display: block; } footer ul.two-col li { float: left; width: 50% } footer ul li a { position: relative; display: inline-block;/*padding-left:15px*/ } /*footer ul li a:after{content:"";position:absolute;background-color:#d4af37;left:0;top:11px;width:4px;height:4px;}*/ footer ul li a:before { content: ""; position: absolute; left: 0; bottom: 0px; font-size: 0; line-height: 0; width: 0; height: 1px; background: -moz-linear-gradient(left, rgba(212,175,55,1) 0%, rgba(255,255,255,0) 100%); background: -webkit-linear-gradient(left, rgba(212,175,55,1) 0%, rgba(255,255,255,0) 100%); background: linear-gradient(to right, rgba(212,175,55,1) 0%, rgba(255,255,255,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4af37', endColorstr='#00ffffff', GradientType=1 ); } footer ul.add li { display: block; width: auto; text-transform: none } footer ul.add li a { padding: 0 } footer ul.add li a:before, footer ul.add li a:after { display: none } footer ul.add li i { float: left; margin: 5px 10px 0 0; color: #d4af37; font-size: 18px; } footer ul.add li span { display: block; overflow: hidden; color: #000 } footer ul.add li b { font-weight: normal!important } footer a { color: #000; text-decoration: none } footer a:hover, footer a:focus, footer ul li.current-menu-item a, footer ul li.current-menu-item a:hover, footer ul li.current-menu-item a:focus, footer ul li.current-menu-parent a, footer ul li.current-menu-parent a:hover, footer ul li.current-menu-parent a:focus { color: #d4af37; text-decoration: none } footer ul li a:hover:before, footer ul li.current-menu-item a:before, footer ul li.current-menu-item a:hover:before, footer ul li.current-menu-item a:focus:before, footer ul li.current-menu-parent a:before, footer ul li.current-menu-parent a:hover:before, footer ul li.current-menu-parent a:focus:before { width: calc(100% - 15px) } footer .copyright { position: relative; border-top: 1px solid rgba(0,0,0,.1); padding: 8px 0 } /*footer .copyright:before{position:absolute;top:0;left:50%;text-align:center;content:"";height:80px;width:80px;background:#fff url(../img/heading-logo.png) no-repeat center center;background-size:50px auto;margin:-40px 0 0 -40px;}*/ footer .copyright p { float: left; } footer .copyright p + p { float: right; } footer ul.social-icon li { display: block; margin-right: 0 } footer ul.social-icon li a:after { display: none } footer ul.social-icon li a i { margin-right: 10px } @media (min-width:992px) { footer .mobile-collapse { display: block!important; height: auto!important } } /**********footer ends************/ @media only screen and (max-width:1199px) { .nav-wrap nav ul.nav > li + li { margin-left: 16px } .top-right-content .right-icons li { font-size: 13px } .nav-wrap nav ul.nav > li:after { left: 8px; display: none } .top-right-content .right-icons { padding-left: 15px } header .logo img { max-width: 150px; } } @media only screen and (max-width:1024px) { .top-right-content .right-icons li i { display: inline-block } .top-right-content .right-icons li.appointment span { display: none } .top-right-content .right-icons li.appointment i { width: 45px; line-height: 45px; height: 45px; font-size: 25px; display: inline-block } .top-right-content .right-icons li.appointment a { padding: 0; border: 0 } .top-right-content .right-icons { padding: 0 } .trigger, .nav-trigger { display: inline-block } .blak-overlay { position: fixed; z-index: 150; background: rgba(0,0,0,0.5); top: 0; left: 0; right: 0; bottom: 0 } .nav-trigger { position: relative; display: inline-block; float: right; width: 47px; height: 47px; border: none; cursor: pointer; margin: 0; background-color: transparent!important; border: 0 } .nav-trigger i { width: 100%; height: 100%; color: #fff!important; font-size: 30px!important; line-height: 45px!important; } .nav-trigger i:hover { color: #9F8370; } .nav-trigger.closemenu i:before { content: '\f00d'; font-weight: 300; } .nav-trigger.closemenu i { background-color: #d4af37!important; color: #fff; } #push_sidebar { right: -260px; z-index: -1; top: 0!important; bottom: 0; position: fixed; width: 260px; overflow-x: hidden; overflow-y: auto; margin: 0!important; padding: 0; transition: all 0.2s linear 0s; -moz-transition: all 0.2s linear 0s; -webkit-transition: all 0.2s linear 0s; -ms-transition: all 0.2s linear 0s; -o-transition: all 0.2s linear 0s; background: #1c1c1b; } html, header { transition: all 0.2s linear 0s; -moz-transition: all 0.2s linear 0s; -webkit-transition: all 0.2s linear 0s; -ms-transition: all 0.2s linear 0s; -o-transition: all 0.3s linear 0s; } .sidebar_active { overflow: hidden; margin-left: -260px; margin-right: 260px } .sidebar_active #push_sidebar { right: 0; z-index: 999999; } .nav-wrap nav ul.nav > li.has-sub > a:after { display: none } .sidebar_active header { position: fixed; left: -260px; right: 260px; top: 0!important; } .nav-wrap nav ul.nav > li.has-sub:hover > a:before { display: none } .nav-wrap nav ul, nav ul ul, .nav-wrap nav ul ul ul, .nav-wrap nav ul.nav, nav.align-center > ul, .nav-wrap nav ul.nav > li > ul, .nav-wrap nav ul.nav > li:hover > ul, .nav-wrap nav ul ul li:hover > ul, .nav-wrap nav ul ul ul li:hover > ul { position: relative; left: 0; right: auto; top: 100%; width: 100%; display: none; padding: 0; opacity: 1; text-align: left; } .nav-wrap nav ul.nav { padding: 0; margin: 0; border: 0; } .nav-wrap nav ul.nav > li { width: 100%; margin: 0!important; padding: 0; border: 0!important; border-bottom: 1px solid rgba(255,255,255,0.12)!important } .nav-wrap nav ul.nav > li:after, .nav-wrap nav ul.nav > li:first-child:before { display: none } .nav-wrap nav ul.nav > li:last-child { border-bottom: none } .nav-wrap nav ul.nav ul li { border: none; opacity: 1.0; padding: 0 } .nav-wrap nav ul.nav > li > a { font-size: 15px; color: #fff; padding: 15px 35px 15px 15px!important; margin: 0!important; white-space: inherit; border-radius: 0; display: block } .nav-wrap nav ul.nav > li > a:before { display: none } .nav-wrap nav ul.nav > li > a:after { content: "\f105"; font-size: 14px; line-height: 18px; font-family: Font Awesome\ 5 Pro; color: #fff; position: absolute; right: 15px!important; left: auto; top: 15px; background: none; width: auto; height: auto } .nav-wrap nav ul.nav > li.fa-home a { font-size: 14px; font-weight: normal } .nav-wrap nav ul.nav > li.fa-home a:after { margin-left: 10px; font-weight: bold } .nav-wrap nav ul.nav > li.has-sub > a { padding-right: 50px!important; } .nav-wrap nav ul.nav ul { position: static!important; opacity: 1.0; visibility: visible; padding: 0; border-radius: 0; background: none } .nav-wrap nav ul.nav ul:before, .nav-wrap nav ul.nav ul:after { display: none } .nav-wrap nav ul.nav > li > ul > li { padding: 0!important; margin: 0; float: left; width: 100%!important; background-color: transparent; border-bottom: none; min-width: inherit } .nav-wrap nav ul.nav > li > ul li a { font-size: 14px; color: #fff; padding: 10px 15px; white-space: inherit; border-top: 1px solid rgba(255,255,255,0.1) } .nav-wrap nav ul.nav li ul li a { padding: 8px 15px } .nav-wrap nav ul.nav ul.conditions-dropdown { padding: 0; } .nav-wrap nav ul.nav li ul ul li a { padding-left: 42px } .nav-wrap nav ul.nav li ul ul ul li a { padding-left: 50px } .nav-wrap nav ul.nav li ul ul ul ul li a { padding-left: 55px } .nav-wrap nav ul.nav li ul li a:before { left: 18px; top: 18px; } .nav-wrap nav ul.nav li ul ul li a:before { left: 30px } .nav-wrap nav ul.nav li ul ul ul li a:before { left: 35px } .nav-wrap nav ul.nav li ul ul ul ul li a:before { left: 41px } .nav-wrap nav .submenu-button { position: absolute; right: 0; display: block; width: 51px; height: 51px; cursor: pointer; z-index: 111; } .nav-wrap nav .submenu-button { background-color: rgba(0,0,0,0.5) } .nav-wrap nav .submenu-button:before { content: "\f067"; font-family: Font Awesome\ 5 Pro; position: absolute; color: rgba(255,255,255,0.7); left: 0; right: 0; text-align: center; top: 50%; margin-top: -14px; font-size: 14px; line-height: 26px; font-weight: normal; border-radius: 0; } .nav-wrap nav .submenu-button.submenu-opened:before { content: '\f068'; } .nav-wrap nav ul.nav { visibility: visible!important; display: block!important; top: 0 } .nav-wrap nav ul.nav li:hover > a, .nav-wrap nav ul.nav li > a:hover, .nav-wrap nav ul.nav li.current-menu-item > a, .nav-wrap nav ul.nav li.current-menu-ancestor > a { background-color: #d4af37; color: #fff } .nav-wrap nav ul.nav ul li:hover > a, .nav-wrap nav ul.nav ul li > a:hover, .nav-wrap nav ul.nav ul li.current-menu-item > a, .nav-wrap nav ul.nav ul li.current-menu-ancestor > a { background-color: rgba(0,0,0,0.3); color: #fff } .nav-wrap nav > ul.nav > li > ul { max-height: inherit; border: 0!important; background-color: rgba(0,0,0,.3)!important } .nav-wrap nav ul.nav ul li.has-sub:after, .nav-wrap nav ul.nav ul ul { display: none!important } .nav-wrap nav ul.nav ul ul.open { display: block!important } .mega-dropdown { width: 100%; position: static; left: 0; right: 0; top: 0; -moz-transform: none; -webkit-transform: none; -ms-transform: none; -o-transform: none; transform: none; border-radius: 0; display: none; opacity: 1; max-height: none; visibility: inherit; border: 0!important; background-color: rgba(0,0,0,.3)!important } .mega-dropdown .allData { padding: 0px } .mega-dropdown ul { background-color: transparent!important } .mega-dropdown ul li a { color: #fff!important; border-top: 1px solid rgba(255,255,255,0.1)!important; border-bottom: 0!important } .mega-dropdown h3 { color: #fff; padding: 0; font-size: 15px; border: 0!important; } .mega-dropdown ul li:hover h3 { display: block } .mega-dropdown h3 a { color: #d4af37; padding: 10px 0px 10px 15px!important; overflow: hidden; display: block!important; border-top: 1px solid rgba(255,255,255,0.1)!important; } .mega-dropdown h3 a:hover { color: #fff; } .mega-dropdown .row { display: block; width: auto } .mega-dropdown ul li { padding: 0 !important } .mega-dropdown [class^="col-"] { padding: 0; display: block } .mega-dropdown [class^="col-"] + [class^="col-"] { border-left:0 } .mega-dropdown .view-all { display: none } header .logo, .top-right-content { width: auto } .usefull-info h3 { font-size: 20px } header .logo-wrap { padding: 20px 0 } header .logo-wrap .content { padding: 0 } .head-fix header .top-right-content, .nav-wrap { display: block } .nav-wrap [class^="col-"] { width: 100% } .top-right-content { padding: 0; text-align: left; display: block; vertical-align: middle; width: 100% } .head-fix header .top-right-content { padding: 0 } .top-right-content .right-icons { display: block } .top-right-content .right-icons li.trigger { float: right } header .logo { position: absolute; left: 0; top: 9px; right: 0; text-align: left; padding-left: 20px; } header .logo img, .head-fix .logo img { max-width: 150px; } .inner-banner .heading, .inner-banner .heading em, .inner-banner .heading strong { font-size: 2.4em; } .inner-banner .heading small { font-size: 1.6em; } } @media only screen and (max-width:991px) { .alignleft, .alignright { max-width: 300px } .aside-left, .aside-right { float: left; clear: both; width: 100%; } .home-banner .slides li { min-height: inherit!important } .home-banner .video-cover { display: block; } .home-banner .video-cover img { display: block; width: 100% } .usefull-info, .common-content, footer h2 { padding: 15px 0 } .why-vakari .lazy-image { margin-bottom: 15px } footer .copyright { padding: 0 0 30px } footer .top-content { padding: 0 0 45px } .common-two-col { margin: 0 } footer h3 { padding: 10px 15px; position: relative; cursor: pointer; overflow: hidden; clear: both; background: rgba(0,0,0,.05); border: 1px solid rgba(0,0,0,.08); border-radius: 0; display: block; margin-top: 15px; color: #000; } footer h3:before { content: "\f067"; font-family: Font Awesome\ 5 Pro; position: absolute; color: #000; right: 15px; top: 10px; font-size: 22px; line-height: 22px; font-weight: 300 } footer h3.active:before { content: "\f068"; } footer .mobile-collapse { display: none; padding: 8px 15px; margin: 0; overflow: hidden; border: 1px solid rgba(0,0,0,.08); border-top: 0; } .plush-to-the-touch { margin-top: 15px } .common-content h1, .common-content .h1 { font-size: 30px } .common-content ul, .common-content ol, .common-content p { padding: 8px 0; } .alignnone { margin: 6px 0; } .alignright { margin-left: 30px; } .alignleft { margin-right: 30px; } .flexslider .flex-direction-nav .flex-next, .flexslider .flex-direction-nav .flex-prev { opacity: 1 } .common-two-col .big-col, .common-two-col .aside { width: auto; float: none; padding: 0 } .sept-right, .sept-left { border: 0 } .common-two-col .aside { margin-top: 15px } .left-right-row .text, .left-right-row .vertical-text, .left-right-row .caption { position: static; } .left-right-row .caption { background-color: #000 } .left-right-row .vertical-text { width: 100% } .left-right-row .vertical-text { transform: none; } .left-right-row .text { width: 100%; padding: 15px } .left-right-row .text:after, .left-right-row .text:before { display: none } .left-right-row.white-bg .caption { background-color: #fff } .inner-banner .heading, .inner-banner .heading em, .inner-banner .heading strong { font-size: 2.5em; } .inner-banner .heading small { font-size: 0.8em; } .specialize .heading { position: static; margin-bottom: 15px } .specialize .text { padding: 15px } .let-talk ul.add { margin: 0; background-color: rgba(0,0,0,.06); padding: 15px; overflow: hidden } .let-talk .form-field { margin-bottom: 15px } .three-col .product-box, .five-col .product-box, .four-col .product-box { width: 48%; } .three-col.no-space .product-box, .five-col.no-space .product-box, .four-col.no-space .product-box { width: 50%; } .common-popup { padding: 0 15px 15px; } .side-img-row.home-side .elementor-col-100 .elementor-column { width: 100%; } .side-img-row.home-side .elementor-col-100 .elementor-column h2 { padding-top: 0 !important } .side-img-row .elementor-col-100 .elementor-column { width: 100% !important } .side-img-row .elementor-col-100 .elementor-column h3 { padding-top: 0 !important } .side-img-row .elementor-col-100 .elementor-column .elementor-widget-container { padding: 0 !important } .allprojects .box { width: 47%; } .allprojects .box.h-big { width: 97% } .allprojects .box.current { width: 47%!important } .allprojects .box.v-big .photo { padding-top: 144.3333333%; } } @media only screen and (max-width:767px) { footer .copyright { padding-top: 15px } footer .copyright p, footer .copyright p + p { float: none; text-align: center; padding: 5px 0 0; position: relative; z-index: 5 } .usefull-info h3 { font-size: 18px } .inner-banner .heading, .inner-banner .heading em, .inner-banner .heading strong { font-size: 2em; } .inner-banner .heading small { font-size: 0.8em; } .home-banner .heading, .home-banner .heading strong, .home-banner .heading em { font-size: 60px; } .home-side-image { padding: 30px 0 !important } .home-side-image .elementor-element.elementor-element-350097c > .elementor-widget-container { padding: 0 !important } .gallery-custom { max-width:639px; margin:0 auto} } @media only screen and (max-width:639px) { .alignleft, .alignright { max-width: 220px } .common-content h2, .common-content .h2, .common-content h3, .common-content .h3 { font-size: 22px; } .let-talk ul.add li { float: none; width: auto } .home-about h2 em { font-size: 2em; } .home-banner .heading small { font-size: 25px; } .specialize h2 span { font-size: 70px; top: -18px; } .inner-banner .max-width { position: relative; z-index: 10 } .allprojects .box .vertical-box { position: static; opacity: 1!important; display: block; background: rgba(16,16,16,0.81); padding: 5px 15px 10px; margin-top: -2px; } .allprojects .box a:hover .vertical-box { background-color: #0099da } .allprojects .box .icon { display: none } .allprojects .box, .allprojects .box.h-big { width: 97% } .allprojects .box.current { width: 97%!important } .allprojects .box .photo img { width: 100% !important; max-height: inherit } } @media only screen and (max-width:579px) { div.alignleft, div.alignright, .alignleft, .alignright { float: none; display: block; max-width: 100%; margin: 10px 0 } .home-banner { background-color: #000; } .home-banner .slides li { background: none !important } .home-banner .caption { padding: 25px 0; position: relative; } .home-banner .scrolldown { display: none } .home-banner .heading, .home-banner .heading strong, .home-banner .heading em { font-size: 40px; } .two-col .product-box { width: 98% } .two-col .product-box + .product-box { margin-top: 15px } .vertical-middle .col { display: block; width: auto } .height-map, .height-map iframe { height: 250px } .common-content h1, .common-content .h1 { font-size: 25px } .common-content h2, .common-content .h2, footer h2 { font-size: 23px } .common-content h3, .common-content .h3 { font-size: 16px; } footer ul { padding: 0 } footer h2 img { max-width: 60% } /*.home-about h2 em{display:block}*/ .faqs .accordingHead { font-size: 16px; line-height: 1.5; } .faqs .accordingHead:after { line-height: 40px } /*.home-banner .slides li{background-image:url(../img/video-banner-mobile.jpg)!important}*/ .home-banner video { display: none } .inner-banner .caption { position: static; margin-top: 0!important; padding: 10px 0 } .product-box .detail { bottom: 0px } .two-col .product-box, .three-col .product-box { width: 98% } .text-center-heading h2 { padding-top: 15px !important } header .logo-wrap { transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -webkit-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; } .home-about h2 { padding-top: 15px!important; } .container.max-container { max-width: 486px; } } @media only screen and (max-width:479px) { } @media only screen and (max-width:419px) { .top-right-content .right-icons li.appointment i { width: 34px; height: 34px; } .nav-trigger { width: 36px; height: 36px; } .top-right-content .right-icons li i, .nav-trigger i { line-height: 34px!important; font-size: 25px!important } .usefull-info .icon { float: none; display: inline-block; margin-right: 0 } .usefull-info h3 { display: block; float: none; margin: 0; width: auto } header .logo { top: 4px; } .inner-banner .heading, .inner-banner .heading em, .inner-banner .heading strong { font-size: 1.4em; } .inner-banner .heading small { font-size: 1em; } .specialize h2 { padding-left: 50px } .specialize h2:before { width: 40px; top: 13px; } .heading-bottom .product-box h3 { font-size: 16px; } .heading-bottom .product-box h3 { font-size: 14px; } } @media only screen and (max-width:389px) { .three-col .product-box, .five-col .product-box, .four-col .product-box { width: 98%; } .three-col .product-box + .product-box, .five-col .product-box + .product-box, .four-col .product-box + .product-box { margin-top: 15px; } } /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under:SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ .owl-carousel, .owl-carousel .owl-item { -webkit-tap-highlight-color: transparent; position: relative } .owl-carousel { display: none; width: 100%; z-index: 1 } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; touch-action: manipulation; -moz-backface-visibility: hidden } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; -webkit-transform: translate3d(0, 0, 0) } .owl-carousel .owl-item, .owl-carousel .owl-wrapper { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0) } .owl-carousel .owl-item { min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-touch-callout: none } .owl-carousel .owl-item img { display: block; width: 100% } .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled { display: none } .no-js .owl-carousel, .owl-carousel.owl-loaded { display: block } .owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev { cursor: pointer; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot { color: inherit; border: none; padding: 0!important; font: inherit } .owl-carousel.owl-loading { opacity: 0; display: block } .owl-carousel.owl-hidden { opacity: 0 } .owl-carousel.owl-refresh .owl-item { visibility: hidden } .owl-carousel.owl-drag .owl-item { -ms-touch-action: pan-y; touch-action: pan-y; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .owl-carousel.owl-grab { cursor: move; cursor: grab } .owl-carousel.owl-rtl { direction: rtl } .owl-carousel.owl-rtl .owl-item { float: right } .owl-carousel .animated { animation-duration: 1s; animation-fill-mode: both } .owl-carousel .owl-animated-in { z-index: 0 } .owl-carousel .owl-animated-out { z-index: 1 } .owl-carousel .fadeOut { animation-name: fadeOut } @keyframes fadeOut { 0% { opacity:1 } 100% { opacity:0 } } .owl-height { transition: height .5s ease-in-out } .owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity .4s ease } .owl-carousel .owl-item .owl-lazy:not([src]), .owl-carousel .owl-item .owl-lazy[src^=""] { max-height: 0 } .owl-carousel .owl-item img.owl-lazy { transform-style: preserve-3d } .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000 } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url(owl.video.play.png) no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform .1s ease } .owl-carousel .owl-video-play-icon:hover { -ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3) } .owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn { display: none } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity .4s ease } .owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100% } .owl-carousel .owl-nav .owl-prev { width: 34px; height: 34px; position: absolute; left: 0px; top: 50%; z-index: 90; display: inline-block; margin-top: -17px; font-size: 0; cursor: pointer; border-radius: 0; border: 0!important; background: #d4af37 } .owl-carousel .owl-nav .owl-prev:before { content: "\f104"; font-family: Font Awesome\ 5 Pro; color: #fff; display: block; position: absolute; bottom: 0; left: 0; font-size: 15px; line-height: 34px; height: 100%; width: 100%; } .owl-carousel .owl-nav .owl-next { width: 34px; height: 34px; position: absolute; right: 0px; top: 50%; z-index: 90; display: inline-block; margin-top: -17px; font-size: 0; cursor: pointer; border-radius: 0; border: 0!important; background: #d4af37 } .owl-carousel .owl-nav .owl-next:before { content: "\f105"; font-family: Font Awesome\ 5 Pro; color: #fff; display: block; position: absolute; bottom: 0; left: 0; font-size: 15px; line-height: 34px; height: 100%; width: 100%; } .owl-carousel .owl-nav .owl-prev span, .owl-carousel .owl-nav .owl-next span { display: none } .owl-carousel:hover .owl-nav .owl-prev, .owl-carousel:hover .owl-nav .owl-next, .owl-carousel:hover .owl-nav .owl-prev.disabled, .owl-carousel:hover .owl-nav .owl-next.disabled { opacity: 1; } .owl-carousel .owl-nav .owl-prev.disabled, .owl-carousel .owl-nav .owl-next.disabled { cursor: not-allowed; border-color: #c8b2de!important; } .owl-carousel .owl-nav .owl-prev.disabled:before, .owl-carousel .owl-nav .owl-next.disabled:before, .owl-carousel .owl-nav .owl-prev.disabled:hover:before, .owl-carousel .owl-nav .owl-next.disabled:hover:before { color: #c8b2de; } .owl-carousel .owl-nav .owl-prev:hover:before, .owl-carousel .owl-nav .owl-next:hover:before { color: #fff; } .owl-carousel .owl-nav .owl-prev.disabled, .owl-carousel .owl-nav .owl-next.disabled, .owl-carousel .owl-nav .owl-prev.disabled:hover, .owl-carousel .owl-nav .owl-next.disabled:hover { background-color: rgba(255,255,255,.06)!important } .owl-carousel .owl-nav .owl-prev.disabled:before, .owl-carousel .owl-nav .owl-next.disabled:before { background-color: rgba(255,255,255,.06) } .owl-carousel .owl-nav .owl-prev:hover, .owl-carousel .owl-nav .owl-next:hover { background-color: #3e3935!important } .owl-carousel .owl-dots .owl-dots { align-self: center; list-style: none; margin: 0; padding: 0; display: flex; } .owl-carousel .owl-dots .owl-dot, .owl-carousel .owl-dots .owl-dot span { width: auto; margin: 2px; display: inline-block; height: auto; font-size: 0; line-height: 0; border: 0; box-shadow: none; background: none } .owl-carousel .owl-dots .owl-dot span:before { content: ''; height: 6px; width: 6px; display: inline-block; background: #000; border-radius: 10px; cursor: pointer; transition: all 300ms ease; } .owl-carousel .owl-dots .owl-dot.active span:before { width: 15px; background: #d4af37; } @media only screen and (max-width:1024px) { .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel:hover .owl-nav .owl-prev, .owl-carousel:hover .owl-nav .owl-next { opacity: 1 } } /**************lightbox popup starts**********/ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #000; opacity: 0.8; } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none!important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } /*.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out;} .mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in;}*/ .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none!important; } .mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #CCC; } .mfp-preloader a:hover { color: #FFF; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; box-shadow: none; touch-action: manipulation; } button::-moz-focus-inner { padding:0; border:0; } .mfp-close { width: 30px; height: 30px; line-height: 30px; font-size: 28px; border-radius: 30px 30px 0 0; position: absolute; right: 0; top: 10px!important; text-decoration: none; text-align: center; opacity: 0.65; padding: 0; color: #FFF; font-style: normal; font-family: Arial, Baskerville, monospace; background: rgba(255,255,255,.3)!important } .mfp-close:hover, .mfp-close:focus { opacity: 1; background-color: #F00!important } .mfp-close:active { top: 1px; } /*.mfp-close-btn-in .mfp-close{color:#333;}*/ .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #FFF; } .common-popup .mfp-close { top: -30px!important; } .mfp-counter { position: absolute; top: 0; right: 0; color: #fff; font-size: 12px; line-height: 18px; white-space: nowrap; } .mfp-arrow-left { width: 30px; height: 50px; position: absolute; left: 0px; top: 50%; z-index: 90; display: inline-block; margin-top: -25px; font-size: 0; cursor: pointer; border-radius: 0 30px 30px 0; background-color: #3e3935 } .mfp-arrow-left:before { content: ''; height: 16px; width: 16px; display: block; border: 2px solid #fff; border-right-width: 0; border-bottom-width: 0; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); position: absolute; top: 16px; left: 8px; } .mfp-arrow-right { width: 30px; height: 50px; position: absolute; right: 0px; top: 50%; z-index: 90; display: inline-block; margin-top: -25px; font-size: 0; cursor: pointer; border-radius: 30px 0 0 30px; background-color: #3e3935 } .mfp-arrow-right:before { content: ''; height: 16px; width: 16px; display: block; border: 2px solid #fff; border-left-width: 0; border-top-width: 0; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); position: absolute; top: 16px; right: 8px; } .mfp-arrow-left:hover, .mfp-arrow-right:hover { background-color: #d4af37 } .mfp-arrow-left:hover:before, .mfp-arrow-right:hover:before { border-color: #fff; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -30px!important; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; } .mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-no-margins img.mfp-img { padding: 0; } .mfp-no-margins .mfp-figure:after { top: 0; bottom: 0; } .mfp-no-margins .mfp-container { padding: 0; } .mfp-with-zoom .mfp-container, .mfp-with-zoom.mfp-bg { opacity: 0; -webkit-backface-visibility: hidden; transition: all 0.3s ease-out; } .mfp-with-zoom.mfp-ready .mfp-container { opacity: 1; } .mfp-with-zoom.mfp-ready.mfp-bg { opacity: 0.8; } .mfp-with-zoom.mfp-removing .mfp-container, .mfp-with-zoom.mfp-removing.mfp-bg { opacity: 0; } /*.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer;}*/ @media screen and (max-width:800px) and (orientation:landscape), screen and (max-height:300px) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width:900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } /**************lightbox Popup ends**********/ /****FadeInDown****/ @-webkit-keyframes fadeInDown { 0% { opacity:0; -webkit-transform:translateY(-400px); } 50% { opacity:0.3; } 100% { opacity:1; -webkit-transform:translateY(0); } } @keyframes fadeInDown { 0% { opacity:0; -webkit-transform:translateY(-400px); } 50% { opacity:0.3; } 100% { opacity:1; -webkit-transform:translateY(0); } } @-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, to { animation-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity:0; transform:translate3d(0, -3000px, 0); } 60% { opacity:1; transform:translate3d(0, 25px, 0); } 75% { transform:translate3d(0, -10px, 0); } 90% { transform:translate3d(0, 5px, 0); } to { transform: none; } } @keyframes bounceInDown { from, 60%, 75%, 90%, to { animation-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity:0; transform:translate3d(0, -3000px, 0); } 60% { opacity:1; transform:translate3d(0, 25px, 0); } 75% { transform:translate3d(0, -10px, 0); } 90% { transform:translate3d(0, 5px, 0); } to { transform: none; } } /***** slideUp *******/ @-webkit-keyframes slideUp { 0% { opacity:0; -webkit-transform:translateY(200px); } 50% { opacity:0.3; } 100% { opacity:1; -webkit-transform:translateY(0); } } @keyframes slideUp { 0% { opacity:0; -webkit-transform:translateY(200px); } 50% { opacity:0.3; } 100% { opacity:1; -webkit-transform:translateY(0); } } .animateblock { opacity: 0; transition: none; -moz-transition: none; -webkit-transition: none; } .animateblock.animated { opacity: 1; } .animated { -webkit-animation-duration: 1.3s; animation-duration: 1.3s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; } @-webkit-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform:translateY(0); } 40% { -webkit-transform:translateY(-10px); } 60% { -webkit-transform:translateY(5px); } } @-moz-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -moz-transform:translateY(0); } 40% { -moz-transform:translateY(10px); } 60% { -moz-transform:translateY(5px); } } @-o-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -o-transform:translateY(0); } 40% { -o-transform:translateY(10px); } 60% { -o-transform:translateY(5px); } } @keyframes bounce { 0%, 20%, 50%, 80%, 100% { transform:translateY(0); } 40% { transform:translateY(10px); } 60% { transform:translateY(5px); } } .bounce { animation: bounce 2s infinite; -webkit-animation: bounce 2s infinite; -moz-animation: bounce 2s infinite; -o-animation: bounce 2s infinite; text-decoration: none; outline: none } @-webkit-keyframes swing { 20% { -webkit-transform:rotate3d(0, 0, 1, 15deg); transform:rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform:rotate3d(0, 0, 1, -10deg); transform:rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform:rotate3d(0, 0, 1, 5deg); transform:rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform:rotate3d(0, 0, 1, -5deg); transform:rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { -webkit-transform:rotate3d(0, 0, 1, 15deg); transform:rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform:rotate3d(0, 0, 1, -10deg); transform:rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform:rotate3d(0, 0, 1, 5deg); transform:rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform:rotate3d(0, 0, 1, -5deg); transform:rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .swing.animated { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes fadeInLeft { from { opacity:0; -webkit-transform:translate3d(-100%, 0, 0); transform:translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeft { from { opacity:0; -webkit-transform:translate3d(-100%, 0, 0); transform:translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeft.animated { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInRight { from { opacity:0; -webkit-transform:translate3d(100%, 0, 0); transform:translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRight { from { opacity:0; -webkit-transform:translate3d(100%, 0, 0); transform:translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRight.animated { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInUp { from { opacity:0; -webkit-transform:translate3d(0, 100%, 0); transform:translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { from { opacity:0; -webkit-transform:translate3d(0, 100%, 0); transform:translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUp.animated { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInDown { from { opacity:0; -webkit-transform:translate3d(0, -100%, 0); transform:translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { from { opacity:0; -webkit-transform:translate3d(0, -100%, 0); transform:translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDown.animated { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeIn { from { opacity:0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity:0; } to { opacity: 1; } } .fadeIn.animated { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity:0; -webkit-transform:scale3d(.3, .3, .3); transform:scale3d(.3, .3, .3); } 20% { -webkit-transform:scale3d(1.1, 1.1, 1.1); transform:scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform:scale3d(.9, .9, .9); transform:scale3d(.9, .9, .9); } 60% { opacity:1; -webkit-transform:scale3d(1.03, 1.03, 1.03); transform:scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform:scale3d(.97, .97, .97); transform:scale3d(.97, .97, .97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @-webkit-keyframes bounceIn { 0% { opacity:0; -webkit-transform:scale(.3); transform:scale(.3); } 50% { opacity:1; -webkit-transform:scale(1.05); transform:scale(1.05); } 70% { -webkit-transform:scale(.9); transform:scale(.9); } 100% { -webkit-transform:scale(1); transform:scale(1); } } @keyframes bounceIn { 0% { opacity:0; -webkit-transform:scale(.3); -ms-transform:scale(.3); transform:scale(.3); } 50% { opacity:1; -webkit-transform:scale(1.05); -ms-transform:scale(1.05); transform:scale(1.05); } 70% { -webkit-transform:scale(.9); -ms-transform:scale(.9); transform:scale(.9); } 100% { -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1); } } .bounceIn.animated { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes slideInUp { from { -webkit-transform:translate3d(0, 100%, 0); transform:translate3d(0, 100%, 0); visibility:visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { from { -webkit-transform:translate3d(0, 100%, 0); transform:translate3d(0, 100%, 0); visibility:visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInUp.animated { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes zoomIn { from { opacity:0; -webkit-transform:scale3d(.3, .3, .3); transform:scale3d(.3, .3, .3); } 50% { opacity:1; } } @keyframes zoomIn { from { opacity:0; -webkit-transform:scale3d(.3, .3, .3); transform:scale3d(.3, .3, .3); } 50% { opacity:1; } } .zoomIn.animated { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes hinge { 0% { -webkit-transform-origin:top left; transform-origin:top left; -webkit-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out; } 20%, 60% { -webkit-transform:rotate3d(0, 0, 1, 80deg); transform:rotate3d(0, 0, 1, 80deg); -webkit-transform-origin:top left; transform-origin:top left; -webkit-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out; } 40%, 80% { -webkit-transform:rotate3d(0, 0, 1, 60deg); transform:rotate3d(0, 0, 1, 60deg); -webkit-transform-origin:top left; transform-origin:top left; -webkit-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out; opacity:1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform-origin:top left; transform-origin:top left; -webkit-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out; } 20%, 60% { -webkit-transform:rotate3d(0, 0, 1, 80deg); transform:rotate3d(0, 0, 1, 80deg); -webkit-transform-origin:top left; transform-origin:top left; -webkit-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out; } 40%, 80% { -webkit-transform:rotate3d(0, 0, 1, 60deg); transform:rotate3d(0, 0, 1, 60deg); -webkit-transform-origin:top left; transform-origin:top left; -webkit-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out; opacity:1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge.animated { -webkit-animation-name: hinge; animation-name: hinge; } [class*="border-"]:before, [class*="border-"]:after { content: ''; position: absolute; width: 100%; height: 100%; } .border-draw { transition: color 0.25s; } .border-draw:before, .border-draw:after { border: 1px solid transparent; width: 0; height: 0; } .border-draw:before { top: 0; left: 0; } .border-draw:after { bottom: 0; right: 0; } .border-draw:hover { color: #d4af37; } .border-draw:hover:before, .border-draw:hover:after { width: 100%; height: 100%; } .border-draw:hover:before { border-top-color: #d4af37; border-right-color: #d4af37; transition: width 0.25s ease-out, height 0.25s ease-out 0.25s; } .border-draw:hover:after { border-bottom-color: #d4af37; border-left-color: #d4af37; transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s; } .draw-2:hover { color: #d4af37; } .draw-2:after { top: 0; left: 0; } .draw-2:hover:before { border-top-color: #d4af37; border-right-color: #d4af37; } .draw-2:hover:after { border-bottom-color: #d4af37; border-left-color: #d4af37; transition: height 0.25s ease-out, width 0.25s ease-out 0.25s; } .shine { position: relative; overflow: hidden } .shine:after { position: absolute; top: 0; left: -100%; z-index: 15; display: block; content: ''; width: 50%; height: 100%; background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%); -webkit-transform: skewX(-25deg); transform: skewX(-25deg); } .shine:hover:after { -webkit-animation: shine .9s; animation: shine .9s; } @-webkit-keyframes shine { 100% { left:125%; } } @keyframes shine { 100% { left:125%; } } @-webkit-keyframes pulse { 0%, to { -webkit-transform:translateZ(0) scale(1); transform:translateZ(0) scale(1) } 10%, 30%, 50%, 70%, 90% { -webkit-transform:translate3d(-5px, 0, 0) scale(1.05); transform:translate3d(-5px, 0, 0) scale(1.05); } 20%, 40%, 60%, 80% { -webkit-transform:translate3d(5px, 0, 0) scale(1.05); transform:translate3d(5px, 0, 0) scale(1.05); } } @keyframes pulse { 0%, to { -webkit-transform:translateZ(0) scale(1); transform:translateZ(0) scale(1) } 10%, 30%, 50%, 70%, 90% { -webkit-transform:translate3d(-5px, 0, 0) scale(1.05); transform:translate3d(-5px, 0, 0) scale(1.05); } 20%, 40%, 60%, 80% { -webkit-transform:translate3d(5px, 0, 0) scale(1.05); transform:translate3d(5px, 0, 0) scale(1.05); } } /******Spiner******/ .fa-spinner:before, .lazy-image:before, #on-load:before, .home-banner:before { border: 0.1rem solid rgba(255,255,255,0); border-top-color: #d4af37; border-bottom-color: #d4af37; border-radius: 50%; content: ""; left: 50%; top: 50%; margin: -12px 0 0 -12px; position: absolute; width: 24px; height: 24px; animation: fa-spinners .9s infinite linear; -o-animation: fa-spinners .9s infinite linear; -ms-animation: fa-spinners .9s infinite linear; -webkit-animation: fa-spinners .9s infinite linear; -moz-animation: fa-spinners .9s infinite linear; } @keyframes fa-spinners { 0% { transform:rotateZ(0) } 100% { transform:rotateZ(360deg) } } @-o-keyframes fa-spinners { 0% { -o-transform:rotateZ(0) } 100% { -o-transform:rotateZ(360deg) } } @-ms-keyframes fa-spinners { 0% { -ms-transform:rotateZ(0) } 100% { -ms-transform:rotateZ(360deg) } } @-webkit-keyframes fa-spinners { 0% { -webkit-transform:rotateZ(0) } 100% { -webkit-transform:rotateZ(360deg) } } @-moz-keyframes fa-spinners { 0% { -moz-transform:rotateZ(0) } 100% { -moz-transform:rotateZ(360deg) } } /******Spiner End******/ /*********banner arrow animate*********/ @-webkit-keyframes arrow-down { 0%, 100% { bottom:20px; } 60% { bottom:0px; } } @-moz-keyframes arrow-down { 0%, 100% { bottom:20px; } 60% { bottom:0px; } } @-o-keyframes arrow-down { 0%, 100% { bottom:20px; } 60% { bottom:0px; } } @keyframes arrow-down { 0%, 100% { bottom:20px; } 60% { bottom:0px; } } @-webkit-keyframes line-increase { 0%, 100% { height:10px; } 60% { height:20px; } } @-moz-keyframes line-increase { 0%, 100% { height:10px; } 60% { height:20px; } } @-o-keyframes line-increase { 0%, 100% { height:10px; } 60% { height:20px; } } @keyframes line-increase { 0%, 100% { height:10px; } 60% { height:20px; } } .allprojects { margin-bottom: 10px; } .allprojects .box.v-big .photo img { width: 100%!important; object-fit: cover; } .allprojects .box .photo { background-color: transparent; } /*********banner arrow animate ends*********/ h1.heading small { display: block; color: #fff; } #projects .container { max-width: 900px; width: 100% } .inner-banner .lazy-image img { height: 100%; max-height: initial; } .tax-collection-group .htmega-form-style-1 form input[type="submit"], .common-form .htmega-form-style-1 form input[type="submit"] { height: 55px; font-family: var( --e-global-typography-primary-font-family ), Sans-serif; font-weight: var( --e-global-typography-primary-font-weight ); background-color: #FFFFFF; border-style: solid; } .tax-collection-group .htmega-form-style-1 form input[type="submit"]:hover, .tax-collection-group .htmega-form-style-1 form input[type="submit"]:focus, .common-form .htmega-form-style-1 form input[type="submit"]:hover, .common-form .htmega-form-style-1 form input[type="submit"]:focus { background-color: #D4AF37; } .btncall { font-size: 16px; background: #d4af37; border: 1px solid #f9f9f9; color: #fff!important; border-radius: 0px; padding: 15px 36px; } .rl-basicgrid-gallery .rl-gallery-item img { display: block; width: 100%; } .rl-gallery-item a { overflow: hidden; } .rl-gallery-item a:hover:before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; right: 0; opacity: 1!important; background-color: rgba(0,0,0,0.3)!important; transition: all .4s ease; } .nivo-lightbox-theme-default.nivo-lightbox-overlay { background: #666; background: rgb(0 0 0 / 65%)!important; } .zoom-gallery1 { padding: 20px 0 70px; } .btext h2 { max-width: 800px; margin-left: auto; margin-right: auto; text-align : center; } .sH { margin-bottom: 30px; } .elementor-2 .elementor-element.elementor-element-6ea7506 .htmega-button .htb-btn { padding: 15px 32px !important; } .common-content li ul { padding-top: 20px; } .common-form .elementor-column-wrap { flex-wrap: wrap; } .common-form .elementor-widget-shortcode { width: 100%; margin-top: 20px; } @media(max-width : 767px) { .btncall { padding: 13px 29px; font-size: 16px; } .tax-collection-group .htmega-form-style-1 form input[type="submit"] { height: 52px; } }