/********************common css starts *****************/ @import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700,800,900'); @import url('https://fonts.googleapis.com/css?family=Playfair+Display:400,700'); /*font-family: 'Playfair Display', serif;*/ html { color: #494949; width: 100%; height: 100%; font-family: 'Montserrat', sans-serif; font-size: 18px; } * { outline: none; list-style: none; } body { -webkit-font-smoothing: antialiased; overflow-x: hidden; background-color: #fff } iframe { overflow-x: hidden!important; } @media (max-width:979px) { body { padding-top: 0!important; } } @media screen and (min-width:1025px) { a[href^="tel:"] { pointer-events: none; } } * { outline: none!important } body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; color: #494949; font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: 400 } p { line-height: 32px; } fieldset, img { border: 0; } em { font-style: italic!important } img { height: auto; max-width: 100%; } address, caption, cite, code, dfn, em, th, var { font-style: normal; font-weight: normal; } strong, b { font-family: 'Montserrat', sans-serif!important; } caption, th { text-align: left; } h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; font-family: 'Montserrat', sans-serif } sup { vertical-align: text-top; } sub { vertical-align: text-bottom; } input, textarea, select { font-family: inherit; font-size: inherit; font-weight: inherit; font-family: 'Montserrat', sans-serif; color: #000000; font-size: 16px; } input, textarea, select { *font-size:100%; } a { color: #174c14; text-decoration: underline; } a:hover, a:focus { color: #333; text-decoration: none; } h1 { font-size: 50px; line-height: 54px } h2 { font-size: 36px; line-height: 40px } h3 { font-size: 26px; line-height: 30px } h4 { font-size: 22px; line-height: 26px } h5 { font-size: 18px; line-height: 22px } h6 { font-size: 16px; line-height: 20px } /********************common css ends *****************/ /********************Bootstrap css starts*****************/ html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body { margin: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display:none; } a { background-color: transparent; } a:active, a:hover { outline: 0; } small { font-size: 80%; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sup { top: -.5em; } sub { bottom: -.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { height: 0; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { margin: 0; font: inherit; color: inherit; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { padding:0; border:0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height:auto; } input[type="search"] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-appearance: textfield; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance:none; } fieldset { padding: .35em .625em .75em; margin: 0 2px; border: 1px solid #c0c0c0; } legend { padding: 0; border: 0; } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-spacing: 0; border-collapse: collapse; } td, th { padding: 0; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; vertical-align: top } *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html { font-size: 10px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } body { background-color: #fff; } input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; } a { color: #22701d; text-decoration: none; } a:hover, a:focus { color: #000; text-decoration: underline; } a:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } figure { margin: 0; } img { vertical-align: middle; } .img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img { display: block; max-width: 100%; height: auto; } .img-rounded { border-radius: 6px; } .img-thumbnail { display: inline-block; max-width: 100%; height: auto; padding: 4px; line-height: 1.42857143; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .img-circle { border-radius: 50%; } hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eee; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; } [role="button"] { cursor:pointer; } .text-center { text-align: center } .container-fluid { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; max-width: 1280px } .container { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; max-width: 1180px; width: 100% } .row { margin-right: -15px; margin-left: -15px; } /* @media (min-width:992px){ .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12{float:left;padding:0 15px;webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:relative;min-height:1px;} .col-md-1{width:8.33333333%;} .col-md-2{width:16.66666667%;} .col-md-3{width:25%;} .col-md-4{width:33.33333333%;} .col-md-5{width:41.66666667%;} .col-md-6{width:50%;} .col-md-7{width:58.33333333%;} .col-md-8{width:66.66666667%;} .col-md-9{width:75%;} .col-md-10{width:83.33333333%;} .col-md-11{width:91.66666667%;} .col-md-12{width:100%;}}*/ .hundred, section, header, footer { float: left; width: 100%; } /********************Bootstrap css ends *****************/ .scrollup { position: fixed; right: 5px; bottom: -40px; z-index: 250; -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; } .scrollup i { color: #fff; background-color: #174c14; width: 30px; height: 30px; line-height: 28px; border-radius: 100px; font-size: 15px; cursor: pointer; text-align: center; border: 1px solid #fff } .scrollup i:hover { color: #fff; background-color: #333; } .scrollup.show { filter: alpha(opacity=100); opacity: 1; bottom: 5px; } .btn { min-width: 180px; border: 1px solid #174c14; margin: 0; padding: 16px 30px; color: #174c14; -o-transition: .0s; -moz-transition: .0s; -webkit-transition: .0s; text-decoration: none; font-size: 15px; line-height: 20px; font-weight: 700; display: inline-block; vertical-align: top; text-shadow: none; text-transform: uppercase; white-space: normal; cursor: pointer; text-decoration: none; border-radius: 0; font-weight: 300 } .btn i { margin-left: 5px; vertical-align: -1px; } .btn:hover, .btn:focus { background: #174c14; color: #ffffff; text-decoration: none } .shadow { display: inline-block; position: relative; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .shadow:after { pointer-events: none; position: absolute; z-index: -1; content: ''; top: 100%; left: 5%; height: 10px; width: 90%; opacity: 0; background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0) 80%); background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0) 80%); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform, opacity; transition-property: transform, opacity; } .shadow:hover, .shadow:focus, .shadow:active { -webkit-transform: translateY(-5px); transform: translateY(-5px); } .shadow:hover:after, .shadow:focus:after, .shadow:active:after { opacity: 1; -webkit-transform: translateY(5px); transform: translateY(5px); } .wpcf7-validation-errors { border: 1px solid #F00!important; float: left; display: block; overflow: hidden; clear: both; color: #F00; font-size: 13px; padding: 5px 0; margin: 10px 0 0!important; text-align: center; width: 100%; } .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-not-valid { border: 1px solid #F00!important } label { padding: 5px 0; margin: 0; display: block; } .form-required { color: #F00 } label em { color: #F00 } label.auto { display: inline; width: auto; margin-right: 20px; vertical-align: text-bottom; } label.auto a { color: #009650; text-decoration: underline; } label.auto a:hover { color: #000; text-decoration: none } input[type="text"], input[type="email"], input[type="password"], input[type="tel"], input[type="number"], input[type="file"], select, textarea { border: 1px solid #f2f5f7; box-shadow: none; border-radius: 0; margin: 0; color: #000000; padding: 16px 15px; background: #fff; position: relative; font-size: 15px!important; line-height: 20px!important; font-weight: 400; display: block; width: 100%; height: auto; text-align: left!important } .small-input { width: 50%!important; display: inline-block!important; text-align: left!important } textarea { height: 150px; resize: none } input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, input[type="tel"]:focus, input[type="number"]:focus, select:focus, textarea:focus { border-color: #174c14; background-color: #fff; box-shadow: 0 0 2px #174c14; color: #000 } ::-webkit-input-placeholder { color:#000000!important; opacity:1 } :-moz-placeholder { color:#000000!important; opacity:1 } ::-moz-placeholder { color:#000000!important; opacity:1 } :-ms-input-placeholder { color:#000000!important; opacity:1 } .custom-select { display: inline-block; border: 1px solid #f2f5f7; width: 100%; box-sizing: border-box; height: 54px; overflow: hidden; overflow: -moz-hidden-unscrollable; background: #fff; position: relative; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-size: 14px!important; line-height: 20px; border-radius: 0; text-align: left!important; color: #000000 } .custom-select:after { content: "\f107"; font-family: Font Awesome\ 5 Pro; color: #000000; position: absolute; right: 15px; top: 18px; font-size: 22px!important; line-height: 20px; z-index: 1 } .SortBy .custom-select:after { top: 5px; } .custom-select span.wpcf7-form-control-wrap { position: static; } .custom-select select { color: #000000!important; max-width: 100%; background: transparent!important; border: 0!important; -webkit-appearance: none; width: 100%; border: none; height: 54px; padding: 0 10px!important; font-size: 15px!important; line-height: 40px; position: absolute; left: 0; top: 0; border: none; cursor: pointer; appearance: none; outline: none!important; -moz-appearance: none; -webkit-appearance: none; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; margin: 0!important; text-align: left!important; z-index: 5 } select::-ms-expand { display:none; } .custom-select select option { box-sizing: border-box; border: 0; padding: 0 10px!important; outline: none; background-color: #fff; color: #000!important } ul.social-icon { display: inline-block; padding: 0 } ul.social-icon li { display: inline-block; width: auto; margin: 3px 4px 3px 0; background: none; padding: 0; color: #000000 } ul.social-icon li a { display: inline-block; padding: 0; width: auto; color: #000000 } ul.social-icon li i { text-align: center; display: inline-block; border: 1px solid #fff; border-radius: 100%; vertical-align: top; font-size: 14px; line-height: 32px; width: 34px; background: #494949; color: #fff } ul.social-icon li a:hover i { color: #fff; border-color: rgba(0,0,0,.2) } 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-houzz { background-color: #000; } /**************header starts**************/ header { position: fixed; left: 0; top: 0; z-index: 100; width: 100%; padding: 10px 0; background-color: #fff; } body.page header { background: #fff } .headerBanner { position: relative; width: 100% } header .nav-logo { display: table; width: 100%; padding: 0; } .brand { width: 150px; max-width: 150px; min-width: 150px; display: table-cell; vertical-align: middle; } .top-right-content { position: relative; width: auto; display: table-cell; vertical-align: middle; text-align: right } .top-right-content ul { width: 100%; text-align: right } .top-right-content ul li { position: relative; display: inline-block } .top-right-content ul li + li { margin-left: 40px; } .top-right-content ul li a { padding: 10px 0; font-size: 12px; line-height: 20px; font-weight: 500; color: #494949; text-decoration: none; text-align: center; text-transform: uppercase; } .top-right-content ul li:after { position: absolute; top: 4px; right: -18px; background: #010101; width: 1px; height: 11px; content: "" } .top-right-content ul li:last-child:after, .mainMenu ul ul > li:after { display: none } .top-right-content ul li a i { color: #174c14; font-size: 20px; } .top-right-content ul li a small { padding: 5px; color: #ffffff; background: #174c14; border-radius: 50%; font-weight: 700; line-height: normal } .top-right-content ul li.current-menu-item a { color: #174c14 } .search-triger { padding: 0 !important; display: inline-block !important; } .search-triger img { width: 16px } .search-field { display: none; position: absolute; right: 0; top: 100%; } .searchBox { float: right; margin-top: 10px; background: #174c14; padding: 5px 15px; width: 100%; max-width: 320px; } .searchBox input[type="text"] { background: none; border: none; color: #ffffff; text-transform: uppercase; font-weight: 300; padding-right: 45px } .searchBox input[type="submit"] { display: block; width: 25px; height: 25px; background: url(../img/search-icon.png) 0 0 no-repeat; border: none; position: absolute; top: 28px; right: 20px; } .searchBox ::-webkit-input-placeholder { color:#ffffff!important; opacity:1 } .searchBox :-moz-placeholder { color:#ffffff!important; opacity:1 } .searchBox ::-moz-placeholder { color:#ffffff!important; opacity:1 } .searchBox :-ms-input-placeholder { color:#ffffff!important; opacity:1 } /**************Menu starts**************/ .mainMenu, .mainMenu ul, .mainMenu ul li, .mainMenu ul li a, .mainMenu #menu-button { margin: 0; padding: 0; border: 0; list-style: none; line-height: 1; display: block; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; z-index: 99 } .mainMenu { display: block; vertical-align: middle } .mainMenu #menu-button { display: none; } .mainMenu { width: auto; border-radius: 0; float: none; vertical-align: middle } .mainMenu ul { float: right; padding: 10px 0 0 0; width: auto } header .region-top-menu { display: block!important; vertical-align: middle } .mainMenu ul > li { float: left; position: relative } .mainMenu ul > li + li { margin-left: 40px; } .mainMenu ul > li > a { padding: 10px 0; font-size: 14px; line-height: 20px; font-weight: 600; color: #494949; text-decoration: none; text-align: center; text-transform: uppercase; } .mainMenu ul li a:after, .mainMenu ul li 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; } .mainMenu ul > li#menu-item-534 > a { color: #f00 } /*.mainMenu ul li a:after, .mainMenu ul li.current-menu-item a:after, .mainMenu ul li.current-menu-parent a:after{content:"";height:2px;position:absolute;bottom:0px;left:0;width:50%;-webkit-transform:scale(0, 0);-moz-transform:scale(0, 0);-ms-transform:scale(0, 0);-o-transform:scale(0, 0);transform:scale(0, 0);background-color:#174c14} .mainMenu ul li a:before, .mainMenu ul li.current-menu-item a:before, .mainMenu ul li.current-menu-parent a:before{content:"";height:2px;position:absolute;bottom:0;right:1px;width:50%;-webkit-transform:scale(0, 0);-moz-transform:scale(0, 0);-ms-transform:scale(0, 0);-o-transform:scale(0, 0);transform:scale(0, 0);background-color:#174c14} .mainMenu ul li a:hover:before, .mainMenu ul li a:hover:after, .mainMenu ul li:hover a:before, .mainMenu ul li:hover a:after, .mainMenu ul li.current-menu-item a:before, .mainMenu ul li.current-menu-item a:after, .mainMenu ul li.current-menu-parent a:after, .mainMenu ul li.current-menu-parent a:before{-webkit-transform:scale(1, 1);-moz-transform:scale(1, 1);-ms-transform:scale(1, 1);-o-transform:scale(1, 1);transform:scale(1, 1);}*/ .mainMenu ul li:hover a, .mainMenu ul li a:hover, .mainMenu ul li.current-menu-item a, .mainMenu ul li.current-menu-parent a { color: #174c14 } .mainMenu ul li.has-menu a { padding-right: 24px } .mainMenu ul li.has-menu:before { content: "\f107"; font-family: Font Awesome\ 5 Pro; cursor: pointer; color: #212121; position: absolute; display: inline-block; right: 0; top: 12px; font-size: 16px; line-height: 20px; } .mainMenu ul li.quote a { padding: 8px 15px; font-size: 13px; font-weight: 600; color: #174c14; border: 2px solid #174c14; border-radius: 30px; } .mainMenu ul li.quote a:before, .mainMenu ul li.quote a:after { display: none } .mainMenu ul li.quote a:hover { background-color: #174c14; color: #fff } .mainMenu ul li.quote a i { margin-left: 5px; vertical-align: -1px } .mainMenu ul ul { position: absolute; max-height: 0; padding-top: 10px; z-index: 999; left: -9999px; opacity: 0; visibility: hidden; -webkit-transition: top .3s ease, opacity .3s ease; -moz-transition: top .3s ease, opacity .3s ease; -ms-transition: top .3s ease, opacity .3s ease; -o-transition: top .3s ease, opacity .3s ease; transition: top .3s ease, opacity .3s ease; -webkit-transition: max-height 0.8s; -moz-transition: max-height 0.8s; transition: max-height 0.8s; } .mainMenu ul > li:hover > ul, .mainMenu ul > li:hover > ul > li:hover > ul, .mainMenu ul > li:hover > ul > li:hover > ul li:hover ul { visibility: visible; 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; } .mainMenu ul > ul > li + li { margin-left: 0; } .mainMenu ul > li > ul:before { content: ''; height: 0; width: 0; display: inline-block; border: 10px transparent solid; border-top-width: 0; border-bottom-color: #174c14; position: absolute; top: 0; left: 20px; } .mainMenu ul > li > ul { top: 100%; } .mainMenu ul ul ul { left: 100%!important; padding: 0; } .mainMenu ul ul ul > li:before { display: none!important } .mainMenu ul ul ul:before { display: none } .mainMenu ul > li:hover > ul { left: auto; max-height: 300px; top: 100%; opacity: 1; visibility: visible; display: block } .mainMenu ul ul > li:hover > ul { top: 0; left: 100%; opacity: 1; } .mainMenu ul ul li a { width: auto; white-space: nowrap; padding: 10px 10px 10px 30px; text-transform: capitalize; font-size: 14px; color: #ffffff!important; text-decoration: none; background: #174c14; border: 0; border-bottom: 1px solid rgba(255,255,255,.3)!important; -webkit-transition: color .2s ease; -moz-transition: color .2s ease; -ms-transition: color .2s ease; -o-transition: color .2s ease; transition: color .2s ease; min-width: 150px; text-transform: capitalize; text-align: left; border-radius: 0; } .mainMenu ul > li:after { position: absolute; top: 15px; right: -18px; background: #010101; width: 1px; height: 11px; content: "" } .mainMenu ul > li:last-child:after, .mainMenu ul ul > li:after { display: none } /*.mainMenu ul ul li a:after, .mainMenu ul ul li a:hover:after{content:'\f105'!important;position:absolute;left:15px!important;top:13px!important;bottom:auto!important;font-size:14px;line-height:14px;color:#fff!important;font-family:Font Awesome\ 5 Pro;background:none!important;width:auto;height:auto;display:block!important;-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none;}*/ .mainMenu ul ul li a:before { display: none!important } .mainMenu ul ul li { padding: 0; width: 100%; margin: 0!important; } .mainMenu ul ul li:last-child a { border-bottom: none } .mainMenu ul ul li:last-child a, .mainMenu ul ul li.last-item a { border-bottom: 0; } .mainMenu ul ul li:hover a, .mainMenu ul ul li a:hover, .mainMenu ul ul li.current-product-ancestor a, .mainMenu ul ul li.current-menu-parent a, .mainMenu ul ul li.current-menu-ancestor a, .mainMenu ul ul li.current-menu-item a { color: #fff; background-color: #333 } .mainMenu ul ul li:hover a:after, .mainMenu ul ul li a:hover:after, .mainMenu ul ul li.current-product-ancestor a:after, .mainMenu ul ul li.current-menu-parent a:after, .mainMenu ul ul li.current-menu-ancestor a:after, .mainMenu ul ul li.current-menu-item a:after { color: #fff!important; } .mainMenu ul ul li.has-menu a { padding-right: 30px } .mainMenu ul ul li.has-menu a:before { content: "\f067"!important; display: inline-block!important; font-family: Font Awesome\ 5 Pro; position: absolute; right: 8px!important; left: auto; top: 11px; font-size: 15px; background: none!important; width: auto; height: auto; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } .mainMenu ul ul li.has-menu:hover a:before { content: "\f068"!important; } .mainMenu ul ul li.has-menu li a:before { display: none!important; } .mainMenu ul ul ul li a { color: #fff; background-color: #174c14!important } .mainMenu ul ul ul li:hover a, .mainMenu ul ul ul li a:hover, .mainMenu ul ul ul li.current-product-ancestor a, .mainMenu ul ul ul li.current-menu-parent a, .mainMenu ul ul ul li.current-menu-ancestor a, .mainMenu ul ul ul li.current-menu-item a { color: #fff; background-color: #333!important } .mainMenu ul > li.more > ul::before { display: none } .mainMenu ul li.more ul li a { background: #333 } .mainMenu ul li.more a:before, .mainMenu ul li.more a:after { display: none !important } .mainMenu ul li.more ul li a::after, .mainMenu ul li.more ul li a:hover::after { display: none !important } .mainMenu ul li.more ul li a:hover { background: #0080ff } /**************Menu ends**************/ /**************header shrink starts**************/ .header-shrink header { box-shadow: 0 0 3px rgba(0,0,0,0.3); } .mainMenu ul > li > a, .btn, header, header *, .social-icon *, footer ul li a, .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, .listing ul li a, .listing ul li 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; } .header-shrink header .brand img { width: 100px } /**************header shrink ends**************/ /**************header ends**************/ /************home banner starts************/ .home-banner { position: relative; background-color: #174c14; clear: both; float: left; width: 100%; overflow: hidden } .home-banner .slides > li { display: none; -webkit-backface-visibility: hidden; } html[xmlns] .home-banner .slides { display: block; } * html .home-banner .slides { height: 1%; } .no-js .home-banner .slides > li:first-child { display: block; } .home-banner .flex-control-paging { position: absolute; bottom: 10px; right: 10px; z-index: 30; width: auto; text-align: center; height: auto; font-size: 0; line-height: 0; opacity: 1; display: none } .home-banner .flex-control-paging li { width: auto; margin: 3px; display: inline-block; height: auto; font-size: 0; line-height: 0; } .home-banner .flex-control-paging li a { width: 10px; height: 10px; vertical-align: middle; background: center; display: inline-block; -webkit-backface-visibility: visible; -webkit-transition: opacity 200ms ease; -moz-transition: opacity 200ms ease; -ms-transition: opacity 200ms ease; -o-transition: opacity 200ms ease; transition: opacity 200ms ease; border: 1px solid #fff; border-radius: 100%; transition: .2s ease-in-out; } .home-banner .flex-control-paging li .flex-active { background: #174c14; border-color: #174c14; transform: scale(1.4); } .home-banner .flex-control-nav flex-control-paging { display: none } .home-banner .flex-direction-nav { z-index: 99; position: absolute; top: 50%; width: 100% } .home-banner .flex-direction-nav .flex-prev { width: 30px; height: 110px; position: absolute; left: -100px; top: 50%; z-index: 20; display: inline-block; margin-top: -55px; font-size: 0; cursor: pointer; opacity: 0; background-color: rgba(0,0,0,.3); border-radius: 0 } .home-banner .flex-direction-nav .flex-prev:before { content: ''; height: 16px; width: 16px; display: block; border: 2px solid #fff; border-left-width: 0; border-top-width: 0; transform: rotate(-225deg); -webkit-transform: rotate(-225deg); -moz-transform: rotate(-225deg); -o-transform: rotate(-225deg); -ms-transform: rotate(-225deg); position: absolute; top: 45px; right: 8px; } .home-banner .flex-direction-nav .flex-next { width: 30px; height: 110px; position: absolute; right: -100px; top: 50%; z-index: 20; display: inline-block; margin-top: -55px; font-size: 0; cursor: pointer; opacity: 0; background-color: rgba(0,0,0,.3); border-radius: 0 } .home-banner .flex-direction-nav .flex-next: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: 45px; right: 8px; } .home-banner .flex-direction-nav .flex-prev:hover, .home-banner .flex-direction-nav .flex-next:hover { background-color: #174c14 } .home-banner .flex-direction-nav .flex-prev:hover:before, .home-banner .flex-direction-nav .flex-next:hover:before { border-color: #ffffff; } .home-banner:hover .flex-control-paging, .home-banner:hover .flex-direction-nav a { opacity: 1 } .home-banner:hover .flex-direction-nav .flex-prev { left: 0; } .home-banner:hover .flex-direction-nav .flex-next { right: 0; } .home-banner .flex-disabled { display: none!important } .home-banner:hover .flex-direction-nav .flex-prev { left: 0; } .home-banner:hover .flex-direction-nav .flex-next { right: 0; } .home-banner .slides li { background-position: center 0; background-repeat: no-repeat; background-size: cover; } /*.home-banner .slides > li:after{display:block;width:100%;height:100%;position:absolute;left:0;top:0;background-color:rgba(0,0,0,0.2);content:''} */ .home-banner img { width: 100% } .home-banner .caption { position: absolute; left: 0; right: 0; top: auto; bottom: 50px; 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 { width: 39%; float: left; text-align: left } .home-banner .heading { color: #000000; font-weight: 700; font-size: 137px; line-height: 124px; font-family: 'Playfair Display', serif; padding-bottom: 40px; } .home-banner span { font-size: 29px; text-transform: uppercase; font-weight: 300; font-family: 'Penna'; } .home-banner p { font-size: 14px; line-height: 30px; color: #fff; padding: 0 20px 0 0; font-weight: 400; color: #000000; font-weight: 400; } .home-banner .btn { min-width: 200px; margin: 40px 0 0 0 } /************home banner ends************/ .BottomAllContent { position: relative; background-color: #ffffff; clear: both; float: left; width: 100%; overflow: hidden; padding: 80px 0 0 } .BottomAllContent.innerpage { padding: 40px 0 0; background: #f8f8f8 } .BottomAllContent .topContent { display: block; width: 100% } .BottomAllContent .topContent h1 { font-size: 39px; color: #174c14; text-transform: uppercase; font-family: 'Novar'; padding-bottom: 10px; margin-bottom: 25px; position: relative } .BottomAllContent .topContent h1:after { content: ""; display: block; width: 24px; height: 2px; background: #bababa; left: 0%; bottom: 0; position: absolute; } .BottomAllContent .topContent p { font-size: 14px; line-height: 24px; color: #494949; padding-bottom: 30px } /************inner banner starts************/ .inner-banner { position: relative; overflow: hidden; background-color: #000000; background-position: center 0; background-repeat: no-repeat; background-size: cover; } .inner-banner .caption { position: relative; 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; position: absolute; } .inner-banner img { min-height: 50px } .inner-banner .container { max-width: 1170px; margin: 0 auto; width: 100% } .inner-banner .max-width { width: 100%; float: left; text-align: left } .inner-banner ul { display: block; line-height: normal } .inner-banner ul li { display: inline-block; color: #000000; font-size: 14px; padding-right: 30px; position: relative; line-height: 50px; } .inner-banner ul li:after { content: "\/"; position: absolute; left: -20px; top: 0; } .inner-banner ul li:first-child:after { display: none } .inner-banner ul li a { color: #000000; } /************inner banner ends************/ /************product start************/ .product { display: block; width: 100%; overflow: hidden } .product .productRow { display: table; width: 100% } .product .productRow .leftCol { display: table-cell; width: 50% } .product .productRow .leftCol .row { display: table; width: 100% } .product .productRow .leftCol .col { display: table-cell; width: 50% } .product .productRow .rightCol { display: table-cell; width: 50%; background: #fbeee9; padding: 70px 20px 40px; text-align: center } .product .productRow .rightCol h2 { font-size: 80px; line-height: 84px; font-family: 'ABSTER'; color: #6d402a; } .product .productRow .rightCol p { font-size: 14px; padding: 15px 5%; line-height: 24px; } .product .productRow .rightCol a { font-size: 14px; color: #000000; margin-bottom: 10px; display: inline-block } .product .productRow .rightCol a i { color: #000000; margin: 2px 0 0 6px } /************product end************/ /************products start************/ .products { display: block; width: 100%; overflow: hidden; background: #f8f8f8; padding: 60px 0; } .products h3 { font-size: 39px; color: #174c14; text-align: center; text-transform: uppercase; padding: 0 0 20px 0; margin-bottom: 40px; font-family: 'Novar'; position: relative; } .products h3:after { content: ""; display: block; width: 20px; height: 2px; background: #bababa; left: 50%; bottom: 0; margin-left: -10px; position: absolute } .products span { color: #494949; font-size: 14px; text-transform: uppercase; font-family: 'Montserrat', sans-serif; display: block; font-weight: 500; padding-bottom: 8px } .products h3 span { display: block; } .products .box { float: left; width: 100%; display: block; position: relative; background: #ffffff; border: solid 1px #e3e3e3; text-align: center; } .products a { color: #000; display: block; text-decoration: none; overflow: hidden; border-radius: 0; position: relative; } .products a.add_to_wishlist { font-size: 0 } .products a.add_to_wishlist i { font-size: 18px } .products .photo { display: block; position: relative; width: 100%; padding-top: 80%; overflow: hidden; margin-top: 60px } .products .photo:before { content: ''; display: block; border-radius: 100%; -o-border-radius: 100%; -ms-border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; position: absolute; height: 20px; width: 20px; border: 3px solid transparent; border-top: 3px solid #369200; border-right: 3px solid #369200; animation: cssload-spinL 0.86s linear infinite; -o-animation: cssload-spinL 0.86s linear infinite; -ms-animation: cssload-spinL 0.86s linear infinite; -webkit-animation: cssload-spinL 0.86s linear infinite; -moz-animation: cssload-spinL 0.86s linear infinite; transform-origin: center center; -o-transform-origin: center center; -ms-transform-origin: center center; -webkit-transform-origin: center center; -moz-transform-origin: center center; top: 50%; left: 50%; margin: -10px 0 0 -10px; } .products .photo img { position: absolute; bottom: 0; left: 0; right: 0; top: 0; margin: auto; max-width: 100%; max-height: 100%; width: auto; opacity: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-transform: scale(1.02, 1.02); -ms-transform: scale(1.02, 1.02); transform: scale(1.02, 1.02); } .products .photo .lazy { width: auto; height: auto } .products .photo img.lazyFade { opacity: 1; } .products .box .details { display: block; padding: 0 0 0 0 } .products .box .details h4 { display: block; color: #174c14; font-size: 13px; font-weight: 700; padding: 0 10px 6px; text-transform: uppercase; } .products .box .details p { display: block; font-size: 13px; line-height: normal; font-weight: 400; padding: 0 10px 0; } .products .box .details h5 { display: block; font-size: 18px; line-height: normal; font-weight: 700; padding: 30px 10px } .products .box .details strong { display: block; font-size: 14px; line-height: normal; font-weight: 300; padding: 15px 10px; color: #ffffff; text-transform: uppercase; background: #174c14 } .products .box .details strong:hover { background: #333333 } .products .box .details a:first-child { padding-bottom: 20px; } .products .box i { color: #bababa; z-index: 99 } .products .box small { display: block; width: 60px; height: 60px; color: #ffffff; font-size: 13px; line-height: 60px; position: absolute; top: 20px; right: 25px; z-index: 99 } .products .box small.new { border-radius: 50%; background: #174c14; color: #ffffff; font-size: 13px; line-height: 60px; } .products .btn { max-width: 240px; margin: 40px auto 0 } .products span { display: inline-block; font-weight: 700; font-size: 18px; } .products span.price { display: block; } .products span.price del:before { content: "sale"; position: absolute; right: 10px; top: 10px; background: #f00; color: #fff; width: 48px; line-height: 48px; border-radius: 48px; font-size: 10px } .products span.amount { display: inline-block; } .products .button { width: 100%; padding: 0 !important } .products del span.amount { display: inline-block; padding: 0 10px; text-decoration: line-through; font-weight: 400; } .products del span.woocommerce-Price-currencySymbol { font-weight: 400 } .innerpage .products { padding-top: 10px } .innerpage .products .col-sm-6 { margin-bottom: 30px; overflow: hidden } .innerpage .products .row { margin-left: -30px; margin-right: -30px; } .paging { text-align: center } .paging li { display: inline-block; background: #ffffff; border: solid 1px #333; line-height: 18px; margin-bottom: 8px } .paging li a { padding: 16px 21px; } .paging li a:hover { background: #174c14; color: #ffffff } /************services start************/ .services { display: block; width: 100%; overflow: hidden; background: #ebebeb; border-top: solid 1px #c0c0c0; border-bottom: solid 1px #c0c0c0; } .services .allBox { display: table; width: 100%; background: #ebebeb; } .services .allBox .box { display: table-cell; text-align: center; height: 184px; vertical-align: middle } .services .allBox .box h4 { color: #174c14; font-size: 16px; text-transform: uppercase; font-weight: 500; padding-top: 15px } .services .allBox .box:nth-child(2) { border-left: solid 1px #c0c0c0; border-right: solid 1px #c0c0c0; } .services .allBox .box .icon { display: block; position: relative; width: 100%; padding-top: 70px; overflow: hidden; } .services .allBox .box .icon img { position: absolute; bottom: 0; left: 0; right: 0; top: 0; margin: auto; max-width: 100%; max-height: 100%; width: auto !important; } /************products end************/ /************mailOrder start************/ .mailOrder { display: block; width: 100%; overflow: hidden; background: #ffffff; padding: 60px 0; } .mailOrder h3 { font-size: 39px; color: #174c14; text-align: center; text-transform: uppercase; padding: 0 0 20px 0; margin-bottom: 40px; font-family: 'Novar'; position: relative; } .mailOrder h3:after { content: ""; display: block; width: 20px; height: 2px; background: #bababa; left: 50%; bottom: 0; margin-left: -10px; position: absolute } .mailOrder span { color: #494949; font-size: 14px; text-transform: uppercase; font-family: 'Montserrat', sans-serif; display: block; font-weight: 500; padding-bottom: 8px } .mailOrder p { padding-bottom: 30px; } .mailOrder .column { -webkit-column-count: 2; /* Chrome, Safari, Opera */ -moz-column-count: 2; /* Firefox */ column-count: 2; } /************mailOrder end************/ /************Topics start************/ .topics { display: block; width: 100%; overflow: hidden; background: #f8f8f8; padding: 60px 0; position: relative } .topics .lists h3 { display: block; font-size: 39px; color: #174c14; text-transform: uppercase; font-family: 'Novar'; position: relative; padding-bottom: 30px; } .topics .lists h3:after { content: ""; display: block; width: 20px; height: 2px; background: #bababa; left: 0%; bottom: 0px; position: absolute } .topics .lists ul { padding: 25px 0 22px 0; } .topics .lists li { display: block; font-size: 14px; color: #174c14; padding: 5px 0; font-weight: 400 } .topics .lists li a { color: #174c14; text-decoration: underline } .topics .lists li a:hover { text-decoration: none } .topics a { color: #000000; text-decoration: none; font-size: 14px; font-weight: 500; } .topics a:hover { text-decoration: underline; } /************Topics end************/ /************homeBlog start************/ .homeBlog { position: relative } .homeBlog img { margin-bottom: 25px; } .homeBlog h3 { display: block; font-size: 30px; color: #174c14; font-family: 'Novar'; position: relative; padding-bottom: 10px; } .homeBlog p { font-size: 13px; color: #494949; } .homeBlog .col-sm-6 { position: relative } /************homeBlog end************/ .shareYour { display: block; width: 100%; overflow: hidden; background: #f8f8f8; padding: 40px 0 0; position: relative } .shareYour h3 { display: block; font-size: 40px; color: #174c14; font-family: 'Novar'; position: relative; padding-bottom: 10px; text-align: center; text-transform: uppercase } .shareYour h4 { display: block; font-size: 30px; line-height: 2; color: #174c14; position: relative; padding: 0; text-align: center; text-transform: none; } .shareYour h4 a { text-decoration: none } .shareYour h4 a:hover { text-decoration: underline } /**************shareGallery starts**************/ .shareGallery { text-align: center; overflow: hidden; clear: both; background-color: #f6f8f9; } .shareGallery .owl-carousel .owl-stage-outer { overflow: visible } .shareGallery h2 { font-size: 34px; line-height: 40px; color: #20b84b; padding: 40px 0; } .shareGallery .box, .shareGallery .box a { display: block; overflow: hidden } .shareGallery .owl-carousel .owl-stage { background: #000 } .shareGallery .box a { position: relative } .shareGallery .box a:after { content: ''; position: absolute; left: 0; top: 0; bottom: 0; right: 0; background-color: rgba(23,76,20,0.8); opacity: 0 } .shareGallery .box a:before { content: '\f00e'; position: absolute; left: 50%; top: 50%; font-family: Font Awesome\ 5 Pro; font-weight: 300; font-size: 35px; line-height: 40px; width: 40px; height: 40px; margin: -20px 0 0 -20px; text-align: center; font-style: normal; color: #fff; z-index: 5; opacity: 0 } .shareGallery .box a:hover:after, .shareGallery .box a:hover:before { opacity: 1 } .shareGallery .box .photo { display: block; position: relative; width: 100%; padding-top: 100%; overflow: hidden; } .shareGallery .box .photo img { position: absolute; bottom: 0; left: 0; right: 0; top: 0; margin: auto; max-width: 100%; max-height: 100%; width: auto; opacity: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: all 3s; -moz-transition: all 3s; -o-transition: all 3s; transition: all 3s; -webkit-transform: scale(1.02, 1.02); -ms-transform: scale(1.02, 1.02); transform: scale(1.02, 1.02); } .shareGallery .box .lazy { width: auto; height: auto } .shareGallery .box img.lazyFade { opacity: 1; } .shareGallery .owl-carousel .owl-nav .owl-prev, .shareGallery .owl-carousel .owl-nav .owl-next, .shareGallery .owl-carousel .owl-nav .owl-prev.disabled:hover, .shareGallery .owl-carousel .owl-nav .owl-next.disabled:hover { background-color: rgba(0,0,0,.6); } .shareGallery .owl-carousel .owl-nav .owl-prev:before, .shareGallery .owl-carousel .owl-nav .owl-next:before { border-color: rgba(255,255,255,1); } .shareGallery .owl-carousel .owl-nav .owl-prev.disabled:before, .shareGallery .owl-carousel .owl-nav .owl-next.disabled:before { border-color: rgba(255,255,255,.2); } /**************shareGallery ends**************/ /**************testimonials starts**************/ .testimonials { display: block; width: 100%; padding: 40px 0; overflow: hidden; background: #f8f8f8 } .testimonials h3 { font-size: 39px; color: #174c14; text-align: center; text-transform: uppercase; padding: 0 0 20px 0; margin-bottom: 20px; font-family: 'Novar'; position: relative; } .testimonials h3:after { content: ""; display: block; width: 20px; height: 2px; background: #bababa; left: 50%; bottom: 0; margin-left: -10px; position: absolute } .testimonials span { color: #494949; font-size: 14px; text-transform: uppercase; font-family: 'Montserrat', sans-serif; display: block; font-weight: 500; padding-bottom: 8px } .testimonials p { font-size: 18px; line-height: 30px; color: #494949; font-weight: 400; margin: 0; text-align: center; padding: 15px 0; } .testimonials strong { color: #027cca; } .testimonials .name { font-size: 18px; color: #494949; font-weight: 500 } .testimonials .box { padding: 0; margin: 0 5%; } .testimonials .box blockquote { padding: 15px 20%; border: 0; position: relative } .testimonials .box blockquote:before { content: ""; position: absolute; left: 0; top: 30px; font-size: 30px; font-family: Font Awesome\ 5 Pro; color: #070d19; background: url(../img/quoteL-icon.png) 0 0 no-repeat; height: 32px; width: 37px; } .testimonials .box blockquote:after { content: ""; position: absolute; right: 0; bottom: 30px; font-size: 30px; font-family: Font Awesome\ 5 Pro; color: #070d19; height: 32px; width: 37px; background: url(../img/quoteR-icon.png) 0 0 no-repeat; } /**************testimonials ends**************/ /* ************** testimonials end ****************** */ /**************faq starts**************/ .faq { background: #f8f8f8 } .faq ul { display: block; width: 100% } .faq ul li { display: block; width: 100%; padding-bottom: 50px } .faq ul li h4 { font-size: 18px; color: #174c14; font-weight: 500; display: block; position: relative; padding-bottom: 20px; margin-bottom: 20px; } .faq ul li h4:after { content: ""; display: block; width: 24px; height: 2px; background: #bababa; left: 0%; bottom: 0; position: absolute } .faq ul li p { font-size: 14px; color: #494949; line-height: 24px } /**************common Content starts**************/ /**************common Content starts**************/ .commonContent { padding: 30px 0 30px; display: block; overflow: hidden } .commonContent h1 { margin-bottom: 10px !important; } .commonContent h2 { font-size: 34px; line-height: 40px; color: #174c14; font-weight: 500; } .commonContent h3 { font-size: 22px; line-height: 28px; color: #174c14; font-weight: 600; padding-top: 15px; } .commonContent h4 { font-size: 18px; line-height: 22px; color: #174c14; font-weight: 600; padding-top: 15px; } .commonContent h5 { font-size: 16px; line-height: 22px; color: #174c14; font-weight: 600; padding-top: 15px; } .commonContent p { padding: 10px 0; line-height: 30px; } .commonContent ul { overflow: hidden; clear: both; padding: 15px } .commonContent ul li { line-height: 30px; position: relative; padding: 5px 0 5px 30px } .commonContent ul li:before { content: '\f058'; position: absolute; left: 0; top: 5px; font-family: Font Awesome\ 5 Pro; font-weight: 300; font-size: 20px; line-height: 30px; font-style: normal; color: #174c14 } .commonContent ol { padding-left: 35px } .commonContent ol li { line-height: 30px; position: relative; padding: 5px 0 5px 10px; list-style: decimal } .commonContent.padding-bot { padding-bottom: 0 } img.alignright { float: right; margin: 10px 20px 20px 20px; position: relative } img.alignleft { float: left; margin: 10px 20px 20px 0; position: relative } img.aligncenter { display: block; margin: 10px auto; } img.alignblock { display: block; width: 100%; margin: 10px 0; } .commonContent .twoCols { clear: both } .commonContent .leftCol { float: left; width: 70%; vertical-align: top; } .commonContent .aside { float: left; width: 30%; vertical-align: top; padding-left: 30px; } .Content-banner { position: relative; overflow: hidden; min-height: 50px; background-color: #174c14; background-position: center center; background-repeat: no-repeat; background-size: cover; margin: 30px 0 } .Content-banner .caption { position: relative; left: 0; right: 0; top: auto; 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; background: -moz-linear-gradient(left, rgba(32,184,75,1) 0%, rgba(255,255,255,0) 100%); background: -webkit-linear-gradient(left, rgba(32,184,75,1) 0%, rgba(255,255,255,0) 100%); background: linear-gradient(to right, rgba(32,184,75,1) 0%, rgba(255,255,255,0) 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#174c14', endColorstr='#00ffffff', GradientType=1 ); } .Content-banner .max-width { width: 50%; float: left; text-align: left; padding: 30px } .Content-banner h3 { color: #fff; font-weight: 300; font-size: 26px; line-height: 33px; padding: 0 0 15px } .Content-banner .btn { font-size: 14px; line-height: 16px; } /**************common Content ends**************/ /**************listing starts**************/ .listing { padding: 0px 0 100px; background: #ffffff; border: 1px solid #e3e3e3; } .listing h3 { padding: 20px 25px; color: #fff; font-size: 14px; line-height: 20px; font-weight: 400; background: #174c14; text-transform: uppercase } .listing h3 img { float: right } .listing ul { padding: 30px 0 0 0; } .listing ul li { font-size: 14px; line-height: 20px; font-weight: 600; color: #fff; vertical-align: top; border-top: 1px solid #e3e3e3; padding: 0 } .listing ul li:before { display: none } .listing ul li a { color: #000000; text-decoration: none; display: block; padding: 14px 20px 14px 40px; position: relative; border-left: solid 4px #ffffff } .listing ul li a:before { content: "\f105"; font-family: Font Awesome\ 5 Pro; height: 7px; width: 7px; color: #000000; display: block; position: absolute; top: 12px; left: 20px; font-weight: 400 } .listing ul li a:hover:before, .listing ul li.current-menu-item a:before, .listing ul li.current-menu-item a:hover:before, .listing ul li.current-menu-parent a:before, .listing ul li.current-menu-parent a:hover:before { color: #174c14; left: 15px; } .listing ul li a:hover, .listing ul li.current-menu-item a, .listing ul li.current-menu-item a:hover, .listing ul li.current-menu-parent a, .listing ul li.current-menu-parent a:hover { color: #174c14; text-decoration: none; background: #e3e3e3; border-left: solid 4px #174c14 } /**************listing ends**************/ /**************get started Form starts**************/ .get-started-form { } .get-started-form p { } .get-started-form .btn { margin-bottom: 15px; margin-top: 15px } .get-started-form input[type="text"], .get-started-form input[type="tel"], .get-started-form input[type="email"], .get-started-form .custom-select, .get-started-form textarea { margin-bottom: 20px; border: solid 1px rgba(0,0,0,0.2); } .get-started-form .wpcf7-not-valid-tip { display: none!important } .get-started-form .wpcf7-not-valid { border-color: #F00 } .get-started-form p { padding: 0 } .get-started-form .wpcf7-validation-errors { margin: 0 } /**************get started Form ends**************/ /**************ourComments starts**************/ .ourComments { text-align: center; overflow: hidden; padding: 40px 0; clear: both; background-color: #f6f8f9; } .ourComments h3 { font-size: 24px; color: #444444; font-weight: 300 } .ourComments p { padding: 0 0 10px } .ourComments input[type="text"], .ourComments input[type="email"] { height: 54px; padding: 0 25px } .ourComments textarea { padding: 25px } .ourComments .half { float: left; width: 49% } .ourComments .half + .half { float: right; } .ourComments .get-started-form { background: none; margin-top: 20px; } .ourComments .get-started-form .btn { padding: 10px; margin-top: 40px } /**************innerTestimonial ends**************/ /**************moasaic-list starts**************/ .moasaic-list .zoom-icon { opacity: 0; position: absolute; left: 0; top: 0; bottom: 0; right: 0; text-align: center; background-color: rgba(32,184,75,0.8); z-index: 2; 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; } .moasaic-list .zoom-icon i { position: absolute; font-size: 45px; line-height: 46px; color: #ffffff; left: 50%; top: 50%; margin: -23px 0 0 -21px; } .moasaic-list a:hover .zoom-icon { opacity: 1 } .justified-gallery { position: relative; overflow: hidden; margin-left: -10px; margin-bottom: 50px } .justified-gallery>a, .justified-gallery>div { position: absolute; display: inline-block; overflow: hidden; filter: "alpha(opacity=10)"; opacity: .1 } .justified-gallery>a>img, .justified-gallery>div>img, .justified-gallery>a>a>img, .justified-gallery>div>a>img { position: absolute; top: 50%; left: 50%; margin: 0; padding: 0; border: 0; filter: "alpha(opacity=0)"; opacity: 0 } .justified-gallery>a>.caption, .justified-gallery>div>.caption { display: none; position: absolute; bottom: 0; padding: 5px; background-color: #000; left: 0; right: 0; margin: 0; color: #fff; font-size: 12px; font-weight: 300; font-family: sans-serif } .justified-gallery>a>.caption.caption-visible, .justified-gallery>div>.caption.caption-visible { display: initial; filter: "alpha(opacity=70)"; opacity: .7; -webkit-transition: opacity 500ms ease-in; -moz-transition: opacity 500ms ease-in; -o-transition: opacity 500ms ease-in; transition: opacity 500ms ease-in } .justified-gallery>.entry-visible { filter: "alpha(opacity=100)"; opacity: 1; background: 0 0 } .justified-gallery>.entry-visible>img, .justified-gallery>.entry-visible>a>img { filter: "alpha(opacity=100)"; opacity: 1; -webkit-transition: opacity 500ms ease-in; -moz-transition: opacity 500ms ease-in; -o-transition: opacity 500ms ease-in; transition: opacity 500ms ease-in } .justified-gallery>.jg-filtered { display: none } .justified-gallery>.spinner { position: absolute; bottom: 0; margin-left: -24px; padding: 10px 0; left: 50%; filter: "alpha(opacity=100)"; opacity: 1; overflow: initial } .justified-gallery>.spinner>span { display: inline-block; filter: "alpha(opacity=0)"; opacity: 0; width: 8px; height: 8px; margin: 0 4px; background-color: #000; border-radius: 6px } /**************moasaic-list ends**************/ .blogBox { display: block; width: 100%; padding: 50px 0 } .blogBox .box { display: block; width: 100%; margin-bottom: 30px; border: solid 1px #f0f0f0; background: #fff } .blogBox .box .photo { } .blogBox .box .details { padding: 30px } .blogBox .box .details strong { color: #681134; font-weight: 500; display: block } .blogBox .box .date_review { width: 100%; padding: 14px 0 15px; display: block; float: left; } .blogBox .box .date_review span { float: left; color: #696969; font-size: 13px; line-height: 13px; } .blogBox .box .date_review span + span { padding-left: 40px; text-transform: uppercase } .blogBox .box .date_review span i { color: #696969; margin-right: 8px } .blogBox .box .btn { padding: 10px 15px; font-size: 12px; min-width: 125px; } .commonContent .blogBox ul li:before { display: none } .resentPost { display: block; width: 100%; padding: 20px; margin-bottom: 30px; border: solid 1px #f0f0f0; background: #fff } .resentPost h3 { display: block; font-size: 30px; text-transform: uppercase; position: relative; padding: 0 0 15px; margin: 0 0 25px; font-weight: 400 } .resentPost h3:after { display: inline-block; width: 16px; height: 2px; background: #184378; content: ""; position: absolute; left: 0; bottom: 0; } .resentPost ul { padding: 0 } .resentPost ul li { float: left; width: 100%; background: none; border-bottom: solid 1px #f0f0f0; font-size: 15px; line-height: 24px; padding: 0px 0 } .resentPost ul li a { float: left; width: 100%; text-decoration: none; color: #000; padding: 8px; border-left: solid 4px #fff; } .resentPost ul li a:hover, .resentPost ul li.active a { background: #f0f0f0; border-left: solid 4px #174c14 } .resentPost ul li:last-child { border-bottom: none } .cat { display: block; width: 100%; padding: 20px; margin-bottom: 30px; border: solid 1px #f0f0f0; background: #fff } .cat h3 { display: block; font-size: 30px; text-transform: uppercase; position: relative; padding: 0 0 15px; margin: 0 0 25px; font-weight: 400 } .cat h3:after { display: inline-block; width: 16px; height: 2px; background: #184378; content: ""; position: absolute; left: 0; bottom: 0; } .cat ul { padding: 0 } .cat ul li { float: left; width: 100%; background: none; border-bottom: solid 1px #f0f0f0; font-size: 15px; line-height: 24px; padding: 0px 0 } .cat ul li a { float: left; width: 100%; text-decoration: none; color: #000; padding: 8px; border-left: solid 4px #fff; } .cat ul li a:hover, .cat ul li.active a { background: #f0f0f0; border-left: solid 4px #174c14 } .cat ul li:last-child { border-bottom: none } @media all and (max-width:479px) { .blogBox .box .date_review span + span { padding: 15px 0 0; width: 100% } } .form-field { padding-bottom: 40px } .form-field [class*="col-xs"] { padding-top: 10px; } .form-field .btn { background: #174c14; color: #ffffff; text-decoration: none; } .form-field .btn:hover { background: #000; color: #ffffff; text-decoration: none; } /**************footer starts**************/ footer { padding: 0; margin: 0; background: #f8f8f8 } footer .topContent { overflow: hidden; clear: both; border-top: solid 1px #bababa; border-bottom: solid 1px #bababa; } footer h3 { padding: 0 0 10px 0; color: #174c14; font-size: 14px; line-height: 20px; font-weight: 700; text-transform: uppercase } footer p { padding: 0; color: #000000; font-size: 14px; line-height: 18px; } footer .leftCol { padding-top: 45px; padding-bottom: 45px; border-right: solid 1px #bababa; } footer .signUp { display: table; width: 80% } footer .signUp .photo { display: table-cell; vertical-align: middle; padding-right: 20px; min-width: 128px; } footer .signUp .text { display: table-cell; vertical-align: middle } footer .searchFot { display: block; /*overflow: hidden;*/ width: 80%; position: relative; border: solid 1px #afafaf; float: left; margin-top: 40px } footer .searchFot #mc_embed_signup div.mce_inline_error , footer .searchFot #mce-responses{ position: absolute; top: 100%; left: 0; right: 0; } footer .searchFot input[type="text"] { font-size: 14px !important; width: 100%; } footer .searchFot input[type="submit"] { font-size: 14px !important; width: 100%; color: #ffffff; background: #174c14; text-transform: uppercase; border: none; max-width: 150px; position: absolute; top: 0; right: 0; bottom: 0; font-weight: 700 } footer .searchFot input[type="submit"]:hover { background: #494949 } footer .rightCol { padding-top: 45px; padding-bottom: 45px; padding-left: 5% } footer .rightCol img { display: block; margin: 25px 0 0 } footer .rightCol a[href^="tel:"] { color: #494949; font-size: 14px; padding-right: 50px } footer .rightCol a[href^="mailto:"] { color: #494949; font-size: 14px; text-decoration: underline } footer .rightCol a[href^="tel:"] img, footer .rightCol a[href^="mailto:"] img { margin-right: 10px; } footer .rightCol a[href^="mailto:"]:hover { text-decoration: none } footer ul { padding: 0; text-align: center } footer ul li { font-size: 14px; line-height: 14px; color: #000; vertical-align: top; padding: 0px 6px; position: relative; display: inline-block; font-weight: 500; margin-right: 15px; } footer ul li:last-child { border: none } footer a { color: #000000; text-decoration: none } footer a:hover, footer ul li.current-menu-item a, footer ul li.current-menu-item a:hover, footer ul li.current-menu-parent a, footer ul li.current-menu-parent a:hover { color: #174c14; text-decoration: none } footer .cont { padding: 28px 0 } footer ul.social-icon li { margin-right: 10px } footer .bottomContent { padding: 32px 0 32px; overflow: hidden; } footer .bottomContent ul li { margin: 0; padding: 0 8px } footer .bottomContent p { float: left; font-size: 13px; line-height: 14px; text-transform: uppercase; font-weight: 500; width: 100%; text-align: center; } footer .bottomContent p.no { float: right } footer .bottomContent a { } /**************footer ends**************/ /************getInTouch starts************/ .getInTouch { background: #f2f5f7; padding: 40px 0 30px 0; clear: both; overflow: hidden; margin-top: 40px; } .getInTouch .container { max-width: 990px } .getInTouch h3 { font-size: 34px; color: #174c14; padding-bottom: 30px; text-align: center; font-weight: 300 } .contact-form p { padding-bottom: 18px !important; width: 100%; float: left } .contact-form p input[type="text"], .contact-form p input[type="email"], .contact-form p input[type="tel"] { display: block; font-size: 15px; color: #666363; /*border: solid 1px #edf0f2;*/ line-height: 54px!important; height: 54px !important; padding: 0 25px; font-weight: 300; } .contact-form .full { width: 100% } .contact-form .half { width: 49% !important } .contact-form .right { float: right } .contact-form p textarea { font-size: 15px; color: #666363; line-height: 40px; height: 165px; /*border: solid 1px #edf0f2;*/ padding: 15px 25px; resize: none; font-weight: 300 } .contact-form p button { width: 200px; display: block; margin: 8px auto 0; } .contact-form ::-webkit-input-placeholder { opacity:1; color: #666363; } .contact-form ::-moz-placeholder { opacity:1; color: #666363; } .contact-form :-ms-input-placeholder { opacity:1; color: #666363; } /**************reviews start **************/ .reviews { float: left; width: 100%; padding: 40px 0 0 0 } .reviews .tabs { float: left; width: 100%; } .reviews .tabs li { float: left; font-size: 15px; margin-right: 10px; } .reviews .tabs li a { float: left; padding: 14px 40px; border: solid 1px #d4dfca; background: none; font-size: 14px; color: #3c3b39; text-decoration: none; background: #d6d6d6; text-transform: uppercase } .reviews .tabs li a:hover, .reviews .tabs li.active a { background: #174c14; border: solid 1px #5b8142; color: #fff } .reviews .rev_details { float: left; width: 100%; padding-top: 25px; display: none } .reviews .rev_details p { padding-bottom: 25px; } .reviews .rev_details p:last-child { padding-bottom: 0; } #customer_login h2 { padding-bottom: 20px; font-size: 30px; } @media all and (max-width:1023px) { .mainMenu { position: static; display: inline-block; float: right } .mainMenu .region-top-menu { width: 220px; right: -230px; top: 0 !important; bottom: 0; position: fixed; z-index: 99; overflow-x: hidden; overflow-y: auto; margin: 0!important; padding: 0; 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; -webkit-box-shadow: -3px 2px 3px 0px rgba(0,0,0,0.2); -moz-box-shadow: -3px 2px 3px 0px rgba(0,0,0,0.2); box-shadow: -3px 2px 3px 0px rgba(0,0,0,0.2); background: #174c14; } .mainMenu .region-top-menu.sidebar-active { display: block; right: -9px; } .header-shrink .mainMenu .region-top-menu { top: 74px; } .mainMenu ul { float: none; margin: 0!important; border-top: 1px solid rgba(0,0,0,.1)!important; padding-right: 9px } .mainMenu ul > li > ul { visibility: visible!important; border: none } .mainMenu ul > li > ul li { float: left; width: 100%; box-sizing: border-box; } .mainMenu ul > li > ul > li > ul { padding: 0!important; border: none } .mainMenu ul > li > ul > li > ul > li { width: 100%; visibility: visible } header.head-shrink .mainMenu ul ul { border: none } .mainMenu ul li { width: 100%; border-right: none; padding: 0!important; border-bottom: 1px solid rgba(0,0,0,.2); margin: 0!important } .mainMenu ul > li > a { padding: 10px 15px!important; z-index: 9; border: 0; text-shadow: none; width: 100%; border-radius: 0; box-shadow: none; background: none; color: #fff!important; border-bottom: 0; position: relative; text-align: left; font-size: 15px!important; line-height: 22px; font-weight: 500!important; text-decoration: none; position: relative } .mainMenu ul li.quote a { border: 0; border-radius: 0 } .mainMenu ul li.quote a i, .mainMenu ul > li a:after { display: none!important } .mainMenu ul > li.sub-menu > a:after, .mainMenu ul > li.sub-menu > a:before, .mainMenu ul ul li.sub-menu > a:after, .mainMenu ul ul li.sub-menu > a:before, .mainMenu ul ul ul li.sub-menu > a:after, .mainMenu ul ul ul li.sub-menu > a:before, .mainMenu ul ul li a:hover:after, .mainMenu ul ul ul li a:hover:after, .mainMenu ul ul li a:hover:before, .mainMenu ul ul ul li a:hover:before, .mainMenu ul li a:hover:before, .mainMenu ul li a:hover:after { display: none!important; } .mainMenu ul li a:hover:before, .mainMenu ul li:hover a:before, .mainMenu ul li a:before, .mainMenu ul li.current-menu-item a:before { content: "\f105"; font-family: Font Awesome\ 5 Pro; display: inline-block!important; color: #fff!important; position: absolute; right: 15px!important; top: 9px!important; width: auto!important; z-index: 50; font-size: 16px; line-height: 22px; background: none!important; height: auto!important; -webkit-transform: none!important; -moz-transform: none!important; -ms-transform: none!important; -o-transform: none!important; transform: none!important; bottom: auto!important; left: auto!important } .mainMenu ul.has-menu > li > a:before, .mainMenu ul.has-menu li:before, .mainMenu ul ul.open li a:before { display: none!important } .mainMenu ul ul li a { width: 100%; border-radius: 0; box-shadow: none; background: none; color: #000; border-bottom: 0; font-size: 13px!important; line-height: 20px; position: relative } .mainMenu ul > li:hover > a, .mainMenu ul > li > a:hover, .mainMenu ul li.quote a:hover, .mainMenu ul > li.current-menu-item>a, .mainMenu ul > li.current-menu-ancestor > a { color: #fff!important; background-color: #333 } .mainMenu ul ul { position: static!important; padding: 0; margin-top: 0; max-height: none!important; opacity: 1!important; float: left; width: 100%; top: auto!important; background-color: #222 } .mainMenu ul > li > ul:before { display: none!important } .mainMenu ul > li.sub-menu:hover > a:before { display: none!important } /*.mainMenu ul ul.open{max-height:215px!important;overflow-y:auto;overflow-x:hidden;}*/ .mainMenu ul ul li a { padding: 5px 10px!important; white-space: nowrap; padding-left: 30px!important; font-size: 14px; line-height: 22px; position: relative; white-space: normal; color: #fff!important; border-bottom: 0!important } .mainMenu ul ul li:before, .mainMenu ul ul li a:before { display: none!important } .mainMenu ul ul li:after { content: "\f105"; font-family: Font Awesome\ 5 Pro; display: inline-block!important; color: #fff!important; position: absolute; left: 15px!important; top: 4px!important; width: auto!important; z-index: 50; font-size: 16px; line-height: 22px; } .mainMenu ul ul li:last-child { border-bottom: 0!important } .mainMenu ul ul li:before, .mainMenu ul ul li a:after, .mainMenu ul ul li a:before, .mainMenu ul ul:after, .mainMenu ul ul:before { display: none!important } .mainMenu ul ul ul li a { padding: 5px 20px; padding-left: 45px!important; background-color: #111!important; color: #fff!important } .mainMenu ul ul ul li:after { left: 30px!important; } .mainMenu ul ul ul ul li a { padding-left: 57.5px; } .mainMenu ul li.has-sub:after, .mainMenu ul li ul li.has-sub:after, .mainMenu ul ul ul, .mainMenu ul > li > ul { display: none!important } .mainMenu ul ul ul.open, .mainMenu ul > li > ul.open { display: block!important } .mainMenu ul ul ul.sub-menu.open, .mainMenu ul > li > ul.sub-menu.open { display: block!important } .mainMenu ul > li > a:hover:before, .mainMenu ul > li.current-menu-item a:before, .mainMenu ul > li.current-menu-item a:before, .mainMenu ul > li.sub-menu:after, .mainMenu ul > li > ul > li.sub-menu:after, .mainMenu ul > li + li:before { display: none } .mainMenu ul ul ul.sub-menu.open, .mainMenu ul > li > ul.sub-menu.open { display: block!important } .mainMenu ul > li:hover > a, .mainMenu ul > li > a:hover, .mainMenu ul > li.current-menu-item > a, .mainMenu ul > li.current-menu-item a:hover { color: #fff; text-decoration: none } .mainMenu ul ul li:hover > a, .mainMenu ul ul li > a:hover, .mainMenu ul ul li.current-menu-item>a { color: #fff; text-decoration: none } .mainMenu ul ul li:hover > a, .mainMenu ul ul li > a:hover, .mainMenu ul ul li.current-menu-item>a { background: none; color: #fff } .mainMenu ul ul li:hover > a, .mainMenu ul ul li > a:hover, .mainMenu ul ul li.current-menu-item>a { background: #174c14; color: #fff } /****submenu icon***/ .mainMenu .submenu-button { position: absolute; right: 0; display: block; width: 42px; height: 42px; cursor: pointer; z-index: 111; background-color: #222 } .mainMenu .submenu-button:before { content: "\f067"; font-family: Font Awesome\ 5 Pro; position: absolute; color: #fff; right: 50%; top: 50%; margin: -7px -8px 0 0; font-size: 16px; line-height: 16px; } .mainMenu ul ul .submenu-button { height: 32px; background-color: #111 } .mainMenu ul ul .submenu-button:before { margin-top: -8px } .mainMenu .submenu-button.submenu-opened:before { content: "\f068" } /****menu button and icon***/ .top-right-content { width: auto } .mainMenu #menu-button { display: inline-block; position: relative; z-index: 80; outline: none; background-color: transparent; cursor: pointer; text-align: center; vertical-align: middle; margin: 0; padding: 0; width: auto; } .mainMenu #menu-button strong { display: none; margin-right: 5px } .mainMenu .icon { border-radius: 100%; width: 40px; cursor: pointer; vertical-align: middle; display: inline-block; } .mainMenu .icon span:before { content: "\f0c9"; font-family: Font Awesome\ 5 Pro; font-weight: 300; color: #174c14; font-size: 28px; line-height: 40px; } html.menu-active .mainMenu .icon { background-color: #174c14 } html.menu-active .mainMenu .icon span:before { content: "\f00d"; color: #fff } .mainMenu ul > li:after { display: none } .top-right-content ul { padding-right: 0 } .menu-active header { right: 210px; left: -210px } .top-right-content ul li + li { margin-left: 30px; } } /**************Bootstrap Responsive starts**************/ /*@media (max-width:991px){ .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12{float:none;padding:0 15px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-webkit-box-sizing:border-box;-o-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;min-height:1px;display:block;clear:both} }*/ /**************Bootstrap Responsive ends**************/ /**************Responsive starts**************/ @media only screen and (max-width:1500px) { } @media only screen and (max-width:1199px) { .mainMenu ul > li + li { margin-left: 32px; } .product .productRow .rightCol { padding: 35px 20px 20px; } } @media (max-width:1023px) { header { padding: 10px 0 } .home-banner .caption { bottom: 20px } .mainMenu { margin-top: -34px; } .top-right-content { padding-right: 0 } .mainMenu ul { padding: 0 !important; } .home-banner .max-width { width: 60%; padding-left: 20px } .home-banner .heading { font-size: 80px; line-height: 80px; padding-bottom: 10px } .home-banner .btn { margin: 20px 0 0 20px; } .top-right-content ul { padding-right: 45px; } .BottomAllContent { padding: 40px 0 0; } .product .productRow .rightCol h2 { font-size: 50px; line-height: 54px; } .product .productRow .rightCol a { margin-bottom: 30px; } .product .productRow .rightCol img { max-width: 210px } .products { padding: 30px 0; } .products h3 { margin-bottom: 20px; } .mailOrder, .topics { padding: 40px 0; } .testimonials .box blockquote { padding: 15px 10%; } .header-shrink .mainMenu .region-top-menu { top: 72px } .shareYour { padding: 20px 0 0; } .mailOrder { padding-bottom: 20px } .mailOrder h3, .topics .lists h3, .products h3, .shareYour h3, .testimonials h3 { font-size: 34px; line-height: 34px; } .shareYour h4 { font-size: 61px; padding: 10px 0px; } .homeBlog h3 { font-size: 26px; } .homeBlog p { line-height: 24px; } footer .signUp { width: 100% } footer .searchFot { width: 100% } footer .cont { padding: 8px 0 15px; } footer .rightCol a[href^="tel:"] { padding-right: 6px; } footer .rightCol a[href^="tel:"] img, footer .rightCol a[href^="mailto:"] img { margin-right: 3px; } footer ul.social-icon { padding: 6px 0 15px } footer .leftCol, footer .rightCol { padding: 20px; overflow: hidden } footer .searchFot { margin-top: 20px; } .testimonials { padding: 20px 0; } .testimonials h3 { margin-bottom: 0 } .products .btn { max-width: 220px; padding: 15px 10px } .btn { padding: 15px 20px; } footer .bottomContent p { width: 100%; text-align: center; padding: 8px 0 } footer .bottomContent { padding: 15px 0; } } @media (max-width:991px) { .productDetails .details { padding-top: 30px; } .commonContent .blogBox .leftCol { width: 100% } .blogBox .box .details { padding: 20px; } .commonContent .aside { width: 100%; padding-left: 0; padding-top: 30px } } @media (max-width:767px) { body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td { font-size: 16px; } .commonContent p { line-height: 28px; } h1 { font-size: 40px; line-height: 44px } h2 { font-size: 28px; line-height: 30px } h3 { font-size: 24px; line-height: 30px } h4 { font-size: 20px; line-height: 22px } header .brand img, .header-shrink header .brand img { width: 100px !important } .brand { width: 100px; max-width: 100px; min-width: 100px; } .home-banner p { display: none } .home-banner .btn { padding: 8px 20px; min-width: inherit; margin: 5px 0 0 0 } .product .productRow { display: block; } .product .productRow .leftCol .rowBox { display: block; width: 100% } .product .productRow .leftCol .col { display: block; width: 50%; float: left; overflow: hidden } .product .productRow .leftCol .col img { width: 100%; } .product .productRow .leftCol, .product .productRow .rightCol { display: block; width: 100%; float: left; } .product .productRow .rightCol img { display: block; clear: both; margin: 0 auto; max-width: 240px } .services .allBox, .services .allBox .box { display: block; width: 100%; height: auto; padding: 15px 15px } .services .allBox .box:nth-child(2) { border: none; border-top: solid 1px #c0c0c0; border-bottom: solid 1px #c0c0c0; } .mailOrder .column { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; } .mailOrder p { padding-bottom: 15px } .mailOrder h3 { margin-bottom: 20px; } .testimonials .box { padding: 0 } .shareYour h4 { font-size: 50px; line-height: 80px; } .topics { padding-bottom: 20px } .topics .lists { padding-bottom: 30px; } .homeBlog .col-sm-6 { padding-bottom: 20px } footer .signUp .photo { width: 80px; min-width: inherit } footer .signUp .photo img { width: 60px } footer .searchFot input[type="submit"] { max-width: 100px; } footer .leftCol { padding-bottom: 0px } footer .rightCol { padding-bottom: 20px } .innerpage .products .photo { padding-top: 40%; } .BottomAllContent.innerpage { padding: 30px 0 0; } .products .photo { margin-top: 80px; } .paging li a, .paging li span, .paging li span.current { padding: 8px 12px !important; } .listing { margin-bottom: 20px } .BottomAllContent.innerpage { padding: 10px 0 0; } .productDetails .details { padding-top: 30px; } .productDetails h2, .BottomAllContent .topContent h1, .BottomAllContent .topContent h1 { font-size: 30px; } .inner-banner ul li { line-height: 24px; padding-right: 15px; font-size: 12px; } .inner-banner ul li::after { left: -12px; } .BottomAllContent { padding: 20px 0 0; } .BottomAllContent .topContent h1 { margin-bottom: 10px; } .commonContent h2 { font-size: 30px; line-height: 36px; } footer .rightCol img { margin-top: 10px } } @media screen and (max-width:639px) { .top-right-content ul li + li { margin-left: 14px; } .top-right-content ul li::after { right: -10px; } .top-right-content ul li a { font-size: 11px } header { padding: 8px 0 } .testimonials .box { padding: 0 } .header-shrink header .brand img { } .home-banner h3 { font-size: 16px } .home-banner .max-width { width: 80%; } .home-banner .heading { font-size: 40px; line-height: 40px; padding-bottom: 2px; } .home-banner span { font-size: 24px; } .shareYour h4 { font-size: 44px; line-height: 76px; } footer .rightCol a[href^="tel:"] { display: block; padding-bottom: 10px } footer .bottomContent p { font-size: 11px; line-height: 18px } footer h3 { font-size: 13px; } .testimonials .box blockquote::before { left: -20px; } } @media screen and (max-width:479px) { .top-right-content ul { padding-right: 0 } .mainMenu { margin-top: 0 } .top-right-content > ul> li:last-child a { font-size: 0 } .top-right-content > ul> li:last-child small { font-size: 10px; padding: 2px 5px; } .productDetails .details .btn { min-width: inherit; font-size: 12px!important; width: 140px!important; padding: 4px 2px !important; font-size: 12px; } .productDetails .details .WishlistBTN { padding: 10px 2px !important; } .reviews { padding-top: 20px; } .reviews .tabs li a { padding: 14px 10px!important; font-size: 12px!important; } } @media screen and (max-width:419px) { } @media screen and (max-width:389px) { } @media screen and (max-width:359px) { } /**************Responsive ends**************/ /** * 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 { background: none !important; 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: 44px; height: 44px; position: absolute; left: 0px; top: 50%; z-index: 90; display: inline-block; margin-top: -25px; font-size: 0; cursor: pointer; background-color: rgba(0,0,0,.1); } .owl-carousel .owl-nav .owl-prev:before { content: ''; height: 12px; width: 12px; display: block; border: 4px solid #000; 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; right: 13px; } .owl-carousel .owl-nav .owl-next { width: 44px; height: 44px; position: absolute; right: 0px; top: 50%; z-index: 90; display: inline-block; margin-top: -25px; font-size: 0; cursor: pointer; background-color: rgba(0,0,0,.1); } .owl-carousel .owl-nav .owl-next:before { content: ''; height: 12px; width: 12px; display: block; border: 4px solid #000; 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: 18px; } .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:hover .owl-nav .owl-prev { } .owl-carousel:hover .owl-nav .owl-next { } .owl-carousel .owl-nav .owl-prev:hover, .owl-carousel .owl-nav .owl-next:hover { background-color: #0080ff } .owl-carousel .owl-nav .owl-prev:hover:before, .owl-carousel .owl-nav .owl-next:hover:before { border-color: #fff; } .owl-carousel .owl-nav .owl-prev.disabled, .owl-carousel .owl-nav .owl-next.disabled { cursor: not-allowed; } .owl-carousel .owl-nav .owl-prev.disabled:before, .owl-carousel .owl-nav .owl-next.disabled:before { border-color: rgba(0,0,0,.09); } .owl-carousel .owl-nav .owl-prev.disabled:hover, .owl-carousel .owl-nav .owl-next.disabled:hover { background-color: rgba(0,0,0,.06) } .owl-carousel .owl-dots .owl-dot { display: inline-block; zoom: 1; *display:inline; margin: 3px; vertical-align: middle; float: right; width: 100% } .owl-carousel .owl-dots .owl-dot span { width: 14px; height: 14px; vertical-align: middle; background: center; display: inline-block; -webkit-backface-visibility: visible; -webkit-transition: opacity 200ms ease; -moz-transition: opacity 200ms ease; -ms-transition: opacity 200ms ease; -o-transition: opacity 200ms ease; transition: opacity 200ms ease; background: #bababa; border-radius: 100%; transition: .2s ease-in-out; } .owl-carousel .owl-dots .owl-dot:hover span { background: #174c14; border-color: #174c14; } .owl-carousel .owl-dots .owl-dot.active span { background: #174c14; border-color: #174c14; } .testimonials .owl-dots { text-align: center; width: 100% } .testimonials .owl-dots .owl-dot { text-align: center; float: none; display: inline-block; width: auto } .testimonials .owl-dots .owl-dot span { width: 40px !important; height: 3px!important; display: inline-block; border-radius: 0!important; padding: 0; background: #bababa } .testimonials .owl-dots .owl-dot.active span { background: #174c14 } /**************lightbox popup starts**********/ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #000; opacity: 0.95; } .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; background: transparent; 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,.1)!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; } .mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; 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; } .mfp-arrow-left:before { content: ''; height: 16px; width: 16px; display: block; border: 2px solid #929292; 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; } .mfp-arrow-right:before { content: ''; height: 16px; width: 16px; display: block; border: 2px solid #929292; 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: #174c14 } .mfp-arrow-left:hover:before, .mfp-arrow-right:hover:before { border-color: #fff; } .gallery-slider .owl-nav .owl-prev.disabled, .gallery-slider .owl-nav .owl-next.disabled { cursor: not-allowed } .gallery-slider .owl-nav .owl-prev.disabled:before, .gallery-slider .owl-nav .owl-next.disabled:before, .gallery-slider .owl-nav .owl-prev.disabled:hover:before, .gallery-slider .owl-nav .owl-next.disabled:hover:before { border-color: rgba(255,255,255,.4); } .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: -40px; } .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-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; } button.mfp-close, button.mfp-arrow { background: rgba(255,255,255,.95); } } /**************lightbox Popup ends**********/ /***Date timepicker****/ .datetimepicker { background: #FFFFFF; border-bottom: 1px solid #BBBBBB; border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; border-top: 1px solid #CCCCCC; color: #333333; font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif; padding: 8px; padding-left: 0px; padding-top: 2px; position: absolute; z-index: 9999; -moz-box-sizing: border-box; box-sizing: border-box; display: none; border-radius: 4px; -webkit-box-shadow: 2px 2px 3px 0px rgba(50, 50, 50, 0.22); -moz-box-shadow: 2px 2px 3px 0px rgba(50, 50, 50, 0.22); box-shadow: 2px 2px 3px 0px rgba(50, 50, 50, 0.22); } .datetimepicker iframe { position: absolute; left: 0; top: 0; width: 75px; height: 210px; background: transparent; border: none; } /*For IE8 or lower*/ .datetimepicker button { border: none !important; } .noselect { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } .noselect::selection { background: transparent; } .noselect::-moz-selection { background:transparent; } .datetimepicker.inline { display: inline-block; position: static; box-shadow: none; } .datetimepicker * { -moz-box-sizing: border-box; box-sizing: border-box; padding: 0px; margin: 0px; font-size: 14px; } .datetimepicker .datepicker, .datetimepicker .timepicker { display: none; } .datetimepicker .datepicker.active, .datetimepicker .timepicker.active { display: block; } .datetimepicker .datepicker { width: 224px; float: left; margin-left: 8px; } .datetimepicker.showweeks .datepicker { width: 256px; } .datetimepicker .timepicker { width: 80px; float: left; text-align: center; margin-left: 8px; margin-top: 0px; } .datetimepicker .datepicker.active+.timepicker { margin-top: 8px; margin-bottom: 3px } .datetimepicker .mounthpicker { position: relative; text-align: center; } .datetimepicker .prev, .datetimepicker .next, .datetimepicker .today_button { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAAAeCAYAAACsYQl4AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDozQjRCQjRGREU4MkNFMzExQjRDQkIyRDJDOTdBRUI1MCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpCQjg0OUYyNTZDODAxMUUzQjMwM0IwMERBNUU0ODQ5NSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpCQjg0OUYyNDZDODAxMUUzQjMwM0IwMERBNUU0ODQ5NSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkI5NzE3MjFBN0E2Q0UzMTFBQjJEQjgzMDk5RTNBNTdBIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjNCNEJCNEZERTgyQ0UzMTFCNENCQjJEMkM5N0FFQjUwIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+aQvATgAAAfVJREFUeNrsmr1OwzAQxzGtkPjYEAuvVGAvfQIGRKADE49gdLwDDwBiZ2RhQUKwICQkWLsgFiRQuIBTucFJ/XFp4+hO+quqnZ4uvzj2nV2RpukCW/22yAgYNINmc7du7DcghCjrkqgOKjF1znpt6rZ0AGWQj7TvCU8d9UM+QAGDrhdyc2Bnc1WVVPBev9V8lBnY+rDwncWZThG4xk4lmxtJy2AHgoY/FySgbSBPwPZ8mEXbQx3aDERb0EbYAYFC7pcAtAvkMWwC0D3NX58S9D/YnoGC7nPWr3Dg9JTbtuHhDShBT8D2CBSK/iIEvVXxpuxSgh7DdgwUTL4iA92zmJb6lKB/YTsECmV+IgK947AGDIqgQ/LojsO135Hn51l2cWlov0JdGNrPUceueXRwilSVgkUyom9Rd6gbLfYTDeO+1v6orn0InTogYDGUkYLO3/wc9BdqqTCKP1Tfi+oTIaCBIL2TES+GTyruT9S61p6BHam+99DFEAgLFklYsIBHwSI9QY80H5ta+1rB/6ovaKihBJeEJbgLbBlQgl+j3lDPqA2tfQV1j3pVn8s+oKHGTSVJ+FqDLeR5bCqJ2E/BCycsoLZETXaKGs7rhKVt+9HZScrZNMi88V8P7LlDbvOZYaJVpMMmBCT4n0o8dTBoNgbdWPsRYACs3r7XyNfbnAAAAABJRU5ErkJggg=='); } .datetimepicker .prev { float: left; background-position: -20px 0px; } .datetimepicker .today_button { float: left; background-position: -70px 0px; margin-left: 5px; } .datetimepicker .next { float: right; background-position: 0px 0px; } .datetimepicker .next:active, .datetimepicker .prev:active { } .datetimepicker .next, .datetimepicker .prev, .datetimepicker .today_button { background-color: transparent; background-repeat: no-repeat; border: 0px none currentColor; cursor: pointer; display: block; height: 30px; opacity: 0.5; outline: medium none currentColor; overflow: hidden; padding: 0px; position: relative; text-indent: 100%; white-space: nowrap; width: 20px; } .datetimepicker .timepicker .prev, .datetimepicker .timepicker .next { float: none; background-position: -40px -15px; height: 15px; width: 30px; display: block; margin-left: 28px; margin-top: 7px; } .datetimepicker .timepicker .prev { background-position: -40px 0px; margin-bottom: 7px; margin-top: 0px; } .datetimepicker .timepicker .time_box { height: 151px; overflow: hidden; border-bottom: 1px solid #DDDDDD; } .datetimepicker .timepicker .time_box >div >div { background: #F5F5F5; border-top: 1px solid #DDDDDD; color: #666666; font-size: 12px; text-align: center; border-collapse: collapse; cursor: pointer; border-bottom-width: 0px; height: 25px; line-height: 25px; } .datetimepicker .timepicker .time_box >div > div:first-child { border-top-width: 0px; } .datetimepicker .today_button:hover, .datetimepicker .next:hover, .datetimepicker .prev:hover { opacity: 1; } .datetimepicker .label { display: inline; position: relative; z-index: 9999; margin: 0; padding: 5px 3px; font-size: 14px; line-height: 20px; font-weight: bold; background-color: #fff; float: left; width: 182px; text-align: center; cursor: pointer; color: #000 } .datetimepicker .label:hover { text-decoration: underline; } .datetimepicker .label > .select { border: 1px solid #ccc; position: absolute; right: 0px; top: 30px; z-index: 101; display: none; background: #fff; max-height: 160px; overflow-y: hidden; height: 160px; } .datetimepicker .label > .select.monthselect { right: -7px; } .datetimepicker .label > .select.yearselect { right: 2px; } .datetimepicker .label > .select > div > .option:hover { color: #fff; background: #54667a; } .datetimepicker .label > .select > div > .option { padding: 2px 10px 2px 5px; } .datetimepicker .label > .select > div > .option.current { background: #2a2b2d; box-shadow: #2a2b2d 0px 1px 3px 0px inset; color: #fff; font-weight: 700; } .datetimepicker .date.current { background: #51b8f2; color: #fff; font-weight: bold; } .datetimepicker .month { width: 90px; text-align: right; } .datetimepicker .calendar { clear: both; } .datetimepicker .year { width: 56px; } .datetimepicker .calendar table { border-collapse: collapse; width: 100%; } .datetimepicker .calendar td > div { padding-right: 5px; } .datetimepicker .calendar th { height: 25px; } .datetimepicker .calendar td, .datetimepicker .calendar th { width: 14.2857142%; background: #F5F5F5; border: 1px solid #DDDDDD; color: #666666; font-size: 12px; text-align: right; padding: 3px; border-collapse: collapse; cursor: pointer; height: 25px; } .datetimepicker.showweeks .calendar td, .datetimepicker.showweeks .calendar th { width: 12.5%; } .datetimepicker .calendar th { background: #F1F1F1; } .datetimepicker .calendar td.today { color: #33AAFF; } .datetimepicker .calendar td.default, .datetimepicker .calendar td.current, .datetimepicker .timepicker .time_box >div >div.current { background: #164999; color: #fff !important; font-weight: bold; } .datetimepicker .calendar td.current > div { color: #fff !important; } .datetimepicker .calendar td.other_month, .datetimepicker .calendar td.disabled, .datetimepicker .time_box >div >div.disabled { opacity: 0.5; } .datetimepicker .calendar td.other_month.disabled { opacity: 0.2; } .datetimepicker .calendar td:hover, .datetimepicker .timepicker .time_box >div >div:hover { color: #fff !important; background: #164999; !important; box-shadow: none !important; } .datetimepicker .calendar td.disabled:hover, .datetimepicker .timepicker .time_box >div >div.disabled:hover { color: inherit !important; background: inherit !important; box-shadow: inherit !important; } .datetimepicker .calendar td.disabled:hover div, .datetimepicker .timepicker .time_box >div >div.disabled:hover div { color: #666!important; } .disabled { cursor: not-allowed !important; } .datetimepicker .calendar td:hover div, .datetimepicker .timepicker .time_box >div >div:hover div { color: #fff !important; } .datetimepicker .calendar th { font-weight: 700; text-align: center; color: #999; cursor: default; } .datetimepicker .copyright { color: #ccc !important; font-size: 10px; clear: both; float: none; margin-left: 8px; } .datetimepicker .copyright a { color: #eee !important; } .datetimepicker .copyright a:hover { color: #aaa !important; } .comment-form-rating .custom-select { border: none!important; height: auto!important; line-height: normal!important; background: none!important; width: auto } .comment-form-rating .custom-select:after { display: none } #review_form p.comment-form-comment, #review_form p.stars, #review_form p.comment-form-email, #review_form p.comment-form-author { margin: 0 0 10px!important; padding: 0!important } #review_form input, #review_form textarea { border-color: #cccccc!important } /******************* datetimepicker ************************/ /*! * Font Awesome Pro 5.0.12 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license (Commercial License) */ .fa, .fab, .fal, .far, .fas { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1 } .fa-lg { font-size: 1.33333em; line-height: .75em; vertical-align: -.0667em } .fa-xs { font-size: .75em } .fa-sm { font-size: .875em } .fa-1x { font-size: 1em } .fa-2x { font-size: 2em } .fa-3x { font-size: 3em } .fa-4x { font-size: 4em } .fa-5x { font-size: 5em } .fa-6x { font-size: 6em } .fa-7x { font-size: 7em } .fa-8x { font-size: 8em } .fa-9x { font-size: 9em } .fa-10x { font-size: 10em } .fa-fw { text-align: center; width: 1.25em } .fa-ul { list-style-type: none; margin-left: 2.5em; padding-left: 0 } .fa-ul>li { position: relative } .fa-li { left: -2em; position: absolute; text-align: center; width: 2em; line-height: inherit } .fa-border { border: .08em solid #eee; border-radius: .1em; padding: .2em .25em .15em } .fa-pull-left { float: left } .fa-pull-right { float: right } .fa.fa-pull-left, .fab.fa-pull-left, .fal.fa-pull-left, .far.fa-pull-left, .fas.fa-pull-left { margin-right: .3em } .fa.fa-pull-right, .fab.fa-pull-right, .fal.fa-pull-right, .far.fa-pull-right, .fas.fa-pull-right { margin-left: .3em } .fa-spin { animation: a 2s infinite linear } .fa-pulse { animation: a 1s infinite steps(8) } @keyframes a { 0% { transform:rotate(0deg) } to { transform: rotate(1turn) } } .fa-rotate-90 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; transform: rotate(90deg) } .fa-rotate-180 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; transform: rotate(180deg) } .fa-rotate-270 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; transform: rotate(270deg) } .fa-flip-horizontal { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; transform: scaleX(-1) } .fa-flip-vertical { transform: scaleY(-1) } .fa-flip-horizontal.fa-flip-vertical, .fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)" } .fa-flip-horizontal.fa-flip-vertical { transform: scale(-1) } :root .fa-flip-horizontal, :root .fa-flip-vertical, :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270 { -webkit-filter: none; filter: none } .fa-stack { display: inline-block; height: 2em; line-height: 2em; position: relative; vertical-align: middle; width: 2em } .fa-stack-1x, .fa-stack-2x { left: 0; position: absolute; text-align: center; width: 100% } .fa-stack-1x { line-height: inherit } .fa-stack-2x { font-size: 2em } .fa-inverse { color: #fff } .fa-500px:before { content: "\f26e" } .fa-accessible-icon:before { content: "\f368" } .fa-accusoft:before { content: "\f369" } .fa-address-book:before { content: "\f2b9" } .fa-address-card:before { content: "\f2bb" } .fa-adjust:before { content: "\f042" } .fa-adn:before { content: "\f170" } .fa-adversal:before { content: "\f36a" } .fa-affiliatetheme:before { content: "\f36b" } .fa-alarm-clock:before { content: "\f34e" } .fa-algolia:before { content: "\f36c" } .fa-align-center:before { content: "\f037" } .fa-align-justify:before { content: "\f039" } .fa-align-left:before { content: "\f036" } .fa-align-right:before { content: "\f038" } .fa-allergies:before { content: "\f461" } .fa-amazon:before { content: "\f270" } .fa-amazon-pay:before { content: "\f42c" } .fa-ambulance:before { content: "\f0f9" } .fa-american-sign-language-interpreting:before { content: "\f2a3" } .fa-amilia:before { content: "\f36d" } .fa-anchor:before { content: "\f13d" } .fa-android:before { content: "\f17b" } .fa-angellist:before { content: "\f209" } .fa-angle-double-down:before { content: "\f103" } .fa-angle-double-left:before { content: "\f100" } .fa-angle-double-right:before { content: "\f101" } .fa-angle-double-up:before { content: "\f102" } .fa-angle-down:before { content: "\f107" } .fa-angle-left:before { content: "\f104" } .fa-angle-right:before { content: "\f105" } .fa-angle-up:before { content: "\f106" } .fa-angrycreative:before { content: "\f36e" } .fa-angular:before { content: "\f420" } .fa-app-store:before { content: "\f36f" } .fa-app-store-ios:before { content: "\f370" } .fa-apper:before { content: "\f371" } .fa-apple:before { content: "\f179" } .fa-apple-pay:before { content: "\f415" } .fa-archive:before { content: "\f187" } .fa-arrow-alt-circle-down:before { content: "\f358" } .fa-arrow-alt-circle-left:before { content: "\f359" } .fa-arrow-alt-circle-right:before { content: "\f35a" } .fa-arrow-alt-circle-up:before { content: "\f35b" } .fa-arrow-alt-down:before { content: "\f354" } .fa-arrow-alt-from-bottom:before { content: "\f346" } .fa-arrow-alt-from-left:before { content: "\f347" } .fa-arrow-alt-from-right:before { content: "\f348" } .fa-arrow-alt-from-top:before { content: "\f349" } .fa-arrow-alt-left:before { content: "\f355" } .fa-arrow-alt-right:before { content: "\f356" } .fa-arrow-alt-square-down:before { content: "\f350" } .fa-arrow-alt-square-left:before { content: "\f351" } .fa-arrow-alt-square-right:before { content: "\f352" } .fa-arrow-alt-square-up:before { content: "\f353" } .fa-arrow-alt-to-bottom:before { content: "\f34a" } .fa-arrow-alt-to-left:before { content: "\f34b" } .fa-arrow-alt-to-right:before { content: "\f34c" } .fa-arrow-alt-to-top:before { content: "\f34d" } .fa-arrow-alt-up:before { content: "\f357" } .fa-arrow-circle-down:before { content: "\f0ab" } .fa-arrow-circle-left:before { content: "\f0a8" } .fa-arrow-circle-right:before { content: "\f0a9" } .fa-arrow-circle-up:before { content: "\f0aa" } .fa-arrow-down:before { content: "\f063" } .fa-arrow-from-bottom:before { content: "\f342" } .fa-arrow-from-left:before { content: "\f343" } .fa-arrow-from-right:before { content: "\f344" } .fa-arrow-from-top:before { content: "\f345" } .fa-arrow-left:before { content: "\f060" } .fa-arrow-right:before { content: "\f061" } .fa-arrow-square-down:before { content: "\f339" } .fa-arrow-square-left:before { content: "\f33a" } .fa-arrow-square-right:before { content: "\f33b" } .fa-arrow-square-up:before { content: "\f33c" } .fa-arrow-to-bottom:before { content: "\f33d" } .fa-arrow-to-left:before { content: "\f33e" } .fa-arrow-to-right:before { content: "\f340" } .fa-arrow-to-top:before { content: "\f341" } .fa-arrow-up:before { content: "\f062" } .fa-arrows:before { content: "\f047" } .fa-arrows-alt:before { content: "\f0b2" } .fa-arrows-alt-h:before { content: "\f337" } .fa-arrows-alt-v:before { content: "\f338" } .fa-arrows-h:before { content: "\f07e" } .fa-arrows-v:before { content: "\f07d" } .fa-assistive-listening-systems:before { content: "\f2a2" } .fa-asterisk:before { content: "\f069" } .fa-asymmetrik:before { content: "\f372" } .fa-at:before { content: "\f1fa" } .fa-audible:before { content: "\f373" } .fa-audio-description:before { content: "\f29e" } .fa-autoprefixer:before { content: "\f41c" } .fa-avianex:before { content: "\f374" } .fa-aviato:before { content: "\f421" } .fa-aws:before { content: "\f375" } .fa-backward:before { content: "\f04a" } .fa-badge:before { content: "\f335" } .fa-badge-check:before { content: "\f336" } .fa-balance-scale:before { content: "\f24e" } .fa-ban:before { content: "\f05e" } .fa-band-aid:before { content: "\f462" } .fa-bandcamp:before { content: "\f2d5" } .fa-barcode:before { content: "\f02a" } .fa-barcode-alt:before { content: "\f463" } .fa-barcode-read:before { content: "\f464" } .fa-barcode-scan:before { content: "\f465" } .fa-bars:before { content: "\f0c9" } .fa-baseball:before { content: "\f432" } .fa-baseball-ball:before { content: "\f433" } .fa-basketball-ball:before { content: "\f434" } .fa-basketball-hoop:before { content: "\f435" } .fa-bath:before { content: "\f2cd" } .fa-battery-bolt:before { content: "\f376" } .fa-battery-empty:before { content: "\f244" } .fa-battery-full:before { content: "\f240" } .fa-battery-half:before { content: "\f242" } .fa-battery-quarter:before { content: "\f243" } .fa-battery-slash:before { content: "\f377" } .fa-battery-three-quarters:before { content: "\f241" } .fa-bed:before { content: "\f236" } .fa-beer:before { content: "\f0fc" } .fa-behance:before { content: "\f1b4" } .fa-behance-square:before { content: "\f1b5" } .fa-bell:before { content: "\f0f3" } .fa-bell-slash:before { content: "\f1f6" } .fa-bicycle:before { content: "\f206" } .fa-bimobject:before { content: "\f378" } .fa-binoculars:before { content: "\f1e5" } .fa-birthday-cake:before { content: "\f1fd" } .fa-bitbucket:before { content: "\f171" } .fa-bitcoin:before { content: "\f379" } .fa-bity:before { content: "\f37a" } .fa-black-tie:before { content: "\f27e" } .fa-blackberry:before { content: "\f37b" } .fa-blanket:before { content: "\f498" } .fa-blind:before { content: "\f29d" } .fa-blogger:before { content: "\f37c" } .fa-blogger-b:before { content: "\f37d" } .fa-bluetooth:before { content: "\f293" } .fa-bluetooth-b:before { content: "\f294" } .fa-bold:before { content: "\f032" } .fa-bolt:before { content: "\f0e7" } .fa-bomb:before { content: "\f1e2" } .fa-book:before { content: "\f02d" } .fa-book-heart:before { content: "\f499" } .fa-bookmark:before { content: "\f02e" } .fa-bowling-ball:before { content: "\f436" } .fa-bowling-pins:before { content: "\f437" } .fa-box:before { content: "\f466" } .fa-box-alt:before { content: "\f49a" } .fa-box-check:before { content: "\f467" } .fa-box-fragile:before { content: "\f49b" } .fa-box-full:before { content: "\f49c" } .fa-box-heart:before { content: "\f49d" } .fa-box-open:before { content: "\f49e" } .fa-box-up:before { content: "\f49f" } .fa-box-usd:before { content: "\f4a0" } .fa-boxes:before { content: "\f468" } .fa-boxes-alt:before { content: "\f4a1" } .fa-boxing-glove:before { content: "\f438" } .fa-braille:before { content: "\f2a1" } .fa-briefcase:before { content: "\f0b1" } .fa-briefcase-medical:before { content: "\f469" } .fa-browser:before { content: "\f37e" } .fa-btc:before { content: "\f15a" } .fa-bug:before { content: "\f188" } .fa-building:before { content: "\f1ad" } .fa-bullhorn:before { content: "\f0a1" } .fa-bullseye:before { content: "\f140" } .fa-burn:before { content: "\f46a" } .fa-buromobelexperte:before { content: "\f37f" } .fa-bus:before { content: "\f207" } .fa-buysellads:before { content: "\f20d" } .fa-calculator:before { content: "\f1ec" } .fa-calendar:before { content: "\f133" } .fa-calendar-alt:before { content: "\f073" } .fa-calendar-check:before { content: "\f274" } .fa-calendar-edit:before { content: "\f333" } .fa-calendar-exclamation:before { content: "\f334" } .fa-calendar-minus:before { content: "\f272" } .fa-calendar-plus:before { content: "\f271" } .fa-calendar-times:before { content: "\f273" } .fa-camera:before { content: "\f030" } .fa-camera-alt:before { content: "\f332" } .fa-camera-retro:before { content: "\f083" } .fa-capsules:before { content: "\f46b" } .fa-car:before { content: "\f1b9" } .fa-caret-circle-down:before { content: "\f32d" } .fa-caret-circle-left:before { content: "\f32e" } .fa-caret-circle-right:before { content: "\f330" } .fa-caret-circle-up:before { content: "\f331" } .fa-caret-down:before { content: "\f0d7" } .fa-caret-left:before { content: "\f0d9" } .fa-caret-right:before { content: "\f0da" } .fa-caret-square-down:before { content: "\f150" } .fa-caret-square-left:before { content: "\f191" } .fa-caret-square-right:before { content: "\f152" } .fa-caret-square-up:before { content: "\f151" } .fa-caret-up:before { content: "\f0d8" } .fa-cart-arrow-down:before { content: "\f218" } .fa-cart-plus:before { content: "\f217" } .fa-cc-amazon-pay:before { content: "\f42d" } .fa-cc-amex:before { content: "\f1f3" } .fa-cc-apple-pay:before { content: "\f416" } .fa-cc-diners-club:before { content: "\f24c" } .fa-cc-discover:before { content: "\f1f2" } .fa-cc-jcb:before { content: "\f24b" } .fa-cc-mastercard:before { content: "\f1f1" } .fa-cc-paypal:before { content: "\f1f4" } .fa-cc-stripe:before { content: "\f1f5" } .fa-cc-visa:before { content: "\f1f0" } .fa-centercode:before { content: "\f380" } .fa-certificate:before { content: "\f0a3" } .fa-chart-area:before { content: "\f1fe" } .fa-chart-bar:before { content: "\f080" } .fa-chart-line:before { content: "\f201" } .fa-chart-pie:before { content: "\f200" } .fa-check:before { content: "\f00c" } .fa-check-circle:before { content: "\f058" } .fa-check-square:before { content: "\f14a" } .fa-chess:before { content: "\f439" } .fa-chess-bishop:before { content: "\f43a" } .fa-chess-bishop-alt:before { content: "\f43b" } .fa-chess-board:before { content: "\f43c" } .fa-chess-clock:before { content: "\f43d" } .fa-chess-clock-alt:before { content: "\f43e" } .fa-chess-king:before { content: "\f43f" } .fa-chess-king-alt:before { content: "\f440" } .fa-chess-knight:before { content: "\f441" } .fa-chess-knight-alt:before { content: "\f442" } .fa-chess-pawn:before { content: "\f443" } .fa-chess-pawn-alt:before { content: "\f444" } .fa-chess-queen:before { content: "\f445" } .fa-chess-queen-alt:before { content: "\f446" } .fa-chess-rook:before { content: "\f447" } .fa-chess-rook-alt:before { content: "\f448" } .fa-chevron-circle-down:before { content: "\f13a" } .fa-chevron-circle-left:before { content: "\f137" } .fa-chevron-circle-right:before { content: "\f138" } .fa-chevron-circle-up:before { content: "\f139" } .fa-chevron-double-down:before { content: "\f322" } .fa-chevron-double-left:before { content: "\f323" } .fa-chevron-double-right:before { content: "\f324" } .fa-chevron-double-up:before { content: "\f325" } .fa-chevron-down:before { content: "\f078" } .fa-chevron-left:before { content: "\f053" } .fa-chevron-right:before { content: "\f054" } .fa-chevron-square-down:before { content: "\f329" } .fa-chevron-square-left:before { content: "\f32a" } .fa-chevron-square-right:before { content: "\f32b" } .fa-chevron-square-up:before { content: "\f32c" } .fa-chevron-up:before { content: "\f077" } .fa-child:before { content: "\f1ae" } .fa-chrome:before { content: "\f268" } .fa-circle:before { content: "\f111" } .fa-circle-notch:before { content: "\f1ce" } .fa-clipboard:before { content: "\f328" } .fa-clipboard-check:before { content: "\f46c" } .fa-clipboard-list:before { content: "\f46d" } .fa-clock:before { content: "\f017" } .fa-clone:before { content: "\f24d" } .fa-closed-captioning:before { content: "\f20a" } .fa-cloud:before { content: "\f0c2" } .fa-cloud-download:before { content: "\f0ed" } .fa-cloud-download-alt:before { content: "\f381" } .fa-cloud-upload:before { content: "\f0ee" } .fa-cloud-upload-alt:before { content: "\f382" } .fa-cloudscale:before { content: "\f383" } .fa-cloudsmith:before { content: "\f384" } .fa-cloudversify:before { content: "\f385" } .fa-club:before { content: "\f327" } .fa-code:before { content: "\f121" } .fa-code-branch:before { content: "\f126" } .fa-code-commit:before { content: "\f386" } .fa-code-merge:before { content: "\f387" } .fa-codepen:before { content: "\f1cb" } .fa-codiepie:before { content: "\f284" } .fa-coffee:before { content: "\f0f4" } .fa-cog:before { content: "\f013" } .fa-cogs:before { content: "\f085" } .fa-columns:before { content: "\f0db" } .fa-comment:before { content: "\f075" } .fa-comment-alt:before { content: "\f27a" } .fa-comment-alt-check:before { content: "\f4a2" } .fa-comment-alt-dots:before { content: "\f4a3" } .fa-comment-alt-edit:before { content: "\f4a4" } .fa-comment-alt-exclamation:before { content: "\f4a5" } .fa-comment-alt-lines:before { content: "\f4a6" } .fa-comment-alt-minus:before { content: "\f4a7" } .fa-comment-alt-plus:before { content: "\f4a8" } .fa-comment-alt-slash:before { content: "\f4a9" } .fa-comment-alt-smile:before { content: "\f4aa" } .fa-comment-alt-times:before { content: "\f4ab" } .fa-comment-check:before { content: "\f4ac" } .fa-comment-dots:before { content: "\f4ad" } .fa-comment-edit:before { content: "\f4ae" } .fa-comment-exclamation:before { content: "\f4af" } .fa-comment-lines:before { content: "\f4b0" } .fa-comment-minus:before { content: "\f4b1" } .fa-comment-plus:before { content: "\f4b2" } .fa-comment-slash:before { content: "\f4b3" } .fa-comment-smile:before { content: "\f4b4" } .fa-comment-times:before { content: "\f4b5" } .fa-comments:before { content: "\f086" } .fa-comments-alt:before { content: "\f4b6" } .fa-compass:before { content: "\f14e" } .fa-compress:before { content: "\f066" } .fa-compress-alt:before { content: "\f422" } .fa-compress-wide:before { content: "\f326" } .fa-connectdevelop:before { content: "\f20e" } .fa-container-storage:before { content: "\f4b7" } .fa-contao:before { content: "\f26d" } .fa-conveyor-belt:before { content: "\f46e" } .fa-conveyor-belt-alt:before { content: "\f46f" } .fa-copy:before { content: "\f0c5" } .fa-copyright:before { content: "\f1f9" } .fa-couch:before { content: "\f4b8" } .fa-cpanel:before { content: "\f388" } .fa-creative-commons:before { content: "\f25e" } .fa-creative-commons-by:before { content: "\f4e7" } .fa-creative-commons-nc:before { content: "\f4e8" } .fa-creative-commons-nc-eu:before { content: "\f4e9" } .fa-creative-commons-nc-jp:before { content: "\f4ea" } .fa-creative-commons-nd:before { content: "\f4eb" } .fa-creative-commons-pd:before { content: "\f4ec" } .fa-creative-commons-pd-alt:before { content: "\f4ed" } .fa-creative-commons-remix:before { content: "\f4ee" } .fa-creative-commons-sa:before { content: "\f4ef" } .fa-creative-commons-sampling:before { content: "\f4f0" } .fa-creative-commons-sampling-plus:before { content: "\f4f1" } .fa-creative-commons-share:before { content: "\f4f2" } .fa-creative-commons-zero:before { content: "\f4f3" } .fa-credit-card:before { content: "\f09d" } .fa-credit-card-blank:before { content: "\f389" } .fa-credit-card-front:before { content: "\f38a" } .fa-cricket:before { content: "\f449" } .fa-crop:before { content: "\f125" } .fa-crosshairs:before { content: "\f05b" } .fa-css3:before { content: "\f13c" } .fa-css3-alt:before { content: "\f38b" } .fa-cube:before { content: "\f1b2" } .fa-cubes:before { content: "\f1b3" } .fa-curling:before { content: "\f44a" } .fa-cut:before { content: "\f0c4" } .fa-cuttlefish:before { content: "\f38c" } .fa-d-and-d:before { content: "\f38d" } .fa-dashcube:before { content: "\f210" } .fa-database:before { content: "\f1c0" } .fa-deaf:before { content: "\f2a4" } .fa-delicious:before { content: "\f1a5" } .fa-deploydog:before { content: "\f38e" } .fa-deskpro:before { content: "\f38f" } .fa-desktop:before { content: "\f108" } .fa-desktop-alt:before { content: "\f390" } .fa-deviantart:before { content: "\f1bd" } .fa-diagnoses:before { content: "\f470" } .fa-diamond:before { content: "\f219" } .fa-digg:before { content: "\f1a6" } .fa-digital-ocean:before { content: "\f391" } .fa-discord:before { content: "\f392" } .fa-discourse:before { content: "\f393" } .fa-dna:before { content: "\f471" } .fa-dochub:before { content: "\f394" } .fa-docker:before { content: "\f395" } .fa-dollar-sign:before { content: "\f155" } .fa-dolly:before { content: "\f472" } .fa-dolly-empty:before { content: "\f473" } .fa-dolly-flatbed:before { content: "\f474" } .fa-dolly-flatbed-alt:before { content: "\f475" } .fa-dolly-flatbed-empty:before { content: "\f476" } .fa-donate:before { content: "\f4b9" } .fa-dot-circle:before { content: "\f192" } .fa-dove:before { content: "\f4ba" } .fa-download:before { content: "\f019" } .fa-draft2digital:before { content: "\f396" } .fa-dribbble:before { content: "\f17d" } .fa-dribbble-square:before { content: "\f397" } .fa-dropbox:before { content: "\f16b" } .fa-drupal:before { content: "\f1a9" } .fa-dumbbell:before { content: "\f44b" } .fa-dyalog:before { content: "\f399" } .fa-earlybirds:before { content: "\f39a" } .fa-ebay:before { content: "\f4f4" } .fa-edge:before { content: "\f282" } .fa-edit:before { content: "\f044" } .fa-eject:before { content: "\f052" } .fa-elementor:before { content: "\f430" } .fa-ellipsis-h:before { content: "\f141" } .fa-ellipsis-h-alt:before { content: "\f39b" } .fa-ellipsis-v:before { content: "\f142" } .fa-ellipsis-v-alt:before { content: "\f39c" } .fa-ember:before { content: "\f423" } .fa-empire:before { content: "\f1d1" } .fa-envelope:before { content: "\f0e0" } .fa-envelope-open:before { content: "\f2b6" } .fa-envelope-square:before { content: "\f199" } .fa-envira:before { content: "\f299" } .fa-eraser:before { content: "\f12d" } .fa-erlang:before { content: "\f39d" } .fa-ethereum:before { content: "\f42e" } .fa-etsy:before { content: "\f2d7" } .fa-euro-sign:before { content: "\f153" } .fa-exchange:before { content: "\f0ec" } .fa-exchange-alt:before { content: "\f362" } .fa-exclamation:before { content: "\f12a" } .fa-exclamation-circle:before { content: "\f06a" } .fa-exclamation-square:before { content: "\f321" } .fa-exclamation-triangle:before { content: "\f071" } .fa-expand:before { content: "\f065" } .fa-expand-alt:before { content: "\f424" } .fa-expand-arrows:before { content: "\f31d" } .fa-expand-arrows-alt:before { content: "\f31e" } .fa-expand-wide:before { content: "\f320" } .fa-expeditedssl:before { content: "\f23e" } .fa-external-link:before { content: "\f08e" } .fa-external-link-alt:before { content: "\f35d" } .fa-external-link-square:before { content: "\f14c" } .fa-external-link-square-alt:before { content: "\f360" } .fa-eye:before { content: "\f06e" } .fa-eye-dropper:before { content: "\f1fb" } .fa-eye-slash:before { content: "\f070" } .fa-facebook:before { content: "\f09a" } .fa-facebook-f:before { content: "\f39e" } .fa-facebook-messenger:before { content: "\f39f" } .fa-facebook-square:before { content: "\f082" } .fa-fast-backward:before { content: "\f049" } .fa-fast-forward:before { content: "\f050" } .fa-fax:before { content: "\f1ac" } .fa-female:before { content: "\f182" } .fa-field-hockey:before { content: "\f44c" } .fa-fighter-jet:before { content: "\f0fb" } .fa-file:before { content: "\f15b" } .fa-file-alt:before { content: "\f15c" } .fa-file-archive:before { content: "\f1c6" } .fa-file-audio:before { content: "\f1c7" } .fa-file-check:before { content: "\f316" } .fa-file-code:before { content: "\f1c9" } .fa-file-edit:before { content: "\f31c" } .fa-file-excel:before { content: "\f1c3" } .fa-file-exclamation:before { content: "\f31a" } .fa-file-image:before { content: "\f1c5" } .fa-file-medical:before { content: "\f477" } .fa-file-medical-alt:before { content: "\f478" } .fa-file-minus:before { content: "\f318" } .fa-file-pdf:before { content: "\f1c1" } .fa-file-plus:before { content: "\f319" } .fa-file-powerpoint:before { content: "\f1c4" } .fa-file-times:before { content: "\f317" } .fa-file-video:before { content: "\f1c8" } .fa-file-word:before { content: "\f1c2" } .fa-film:before { content: "\f008" } .fa-film-alt:before { content: "\f3a0" } .fa-filter:before { content: "\f0b0" } .fa-fire:before { content: "\f06d" } .fa-fire-extinguisher:before { content: "\f134" } .fa-firefox:before { content: "\f269" } .fa-first-aid:before { content: "\f479" } .fa-first-order:before { content: "\f2b0" } .fa-first-order-alt:before { content: "\f50a" } .fa-firstdraft:before { content: "\f3a1" } .fa-flag:before { content: "\f024" } .fa-flag-checkered:before { content: "\f11e" } .fa-flask:before { content: "\f0c3" } .fa-flickr:before { content: "\f16e" } .fa-flipboard:before { content: "\f44d" } .fa-fly:before { content: "\f417" } .fa-folder:before { content: "\f07b" } .fa-folder-open:before { content: "\f07c" } .fa-font:before { content: "\f031" } .fa-font-awesome:before { content: "\f2b4" } .fa-font-awesome-alt:before { content: "\f35c" } .fa-font-awesome-flag:before { content: "\f425" } .fa-font-awesome-logo-full:before { content: "\f4e6" } .fa-fonticons:before { content: "\f280" } .fa-fonticons-fi:before { content: "\f3a2" } .fa-football-ball:before { content: "\f44e" } .fa-football-helmet:before { content: "\f44f" } .fa-forklift:before { content: "\f47a" } .fa-fort-awesome:before { content: "\f286" } .fa-fort-awesome-alt:before { content: "\f3a3" } .fa-forumbee:before { content: "\f211" } .fa-forward:before { content: "\f04e" } .fa-foursquare:before { content: "\f180" } .fa-fragile:before { content: "\f4bb" } .fa-free-code-camp:before { content: "\f2c5" } .fa-freebsd:before { content: "\f3a4" } .fa-frown:before { content: "\f119" } .fa-fulcrum:before { content: "\f50b" } .fa-futbol:before { content: "\f1e3" } .fa-galactic-republic:before { content: "\f50c" } .fa-galactic-senate:before { content: "\f50d" } .fa-gamepad:before { content: "\f11b" } .fa-gavel:before { content: "\f0e3" } .fa-gem:before { content: "\f3a5" } .fa-genderless:before { content: "\f22d" } .fa-get-pocket:before { content: "\f265" } .fa-gg:before { content: "\f260" } .fa-gg-circle:before { content: "\f261" } .fa-gift:before { content: "\f06b" } .fa-git:before { content: "\f1d3" } .fa-git-square:before { content: "\f1d2" } .fa-github:before { content: "\f09b" } .fa-github-alt:before { content: "\f113" } .fa-github-square:before { content: "\f092" } .fa-gitkraken:before { content: "\f3a6" } .fa-gitlab:before { content: "\f296" } .fa-gitter:before { content: "\f426" } .fa-glass-martini:before { content: "\f000" } .fa-glide:before { content: "\f2a5" } .fa-glide-g:before { content: "\f2a6" } .fa-globe:before { content: "\f0ac" } .fa-gofore:before { content: "\f3a7" } .fa-golf-ball:before { content: "\f450" } .fa-golf-club:before { content: "\f451" } .fa-goodreads:before { content: "\f3a8" } .fa-goodreads-g:before { content: "\f3a9" } .fa-google:before { content: "\f1a0" } .fa-google-drive:before { content: "\f3aa" } .fa-google-play:before { content: "\f3ab" } .fa-google-plus:before { content: "\f2b3" } .fa-google-plus-g:before { content: "\f0d5" } .fa-google-plus-square:before { content: "\f0d4" } .fa-google-wallet:before { content: "\f1ee" } .fa-graduation-cap:before { content: "\f19d" } .fa-gratipay:before { content: "\f184" } .fa-grav:before { content: "\f2d6" } .fa-gripfire:before { content: "\f3ac" } .fa-grunt:before { content: "\f3ad" } .fa-gulp:before { content: "\f3ae" } .fa-h-square:before { content: "\f0fd" } .fa-h1:before { content: "\f313" } .fa-h2:before { content: "\f314" } .fa-h3:before { content: "\f315" } .fa-hacker-news:before { content: "\f1d4" } .fa-hacker-news-square:before { content: "\f3af" } .fa-hand-heart:before { content: "\f4bc" } .fa-hand-holding:before { content: "\f4bd" } .fa-hand-holding-box:before { content: "\f47b" } .fa-hand-holding-heart:before { content: "\f4be" } .fa-hand-holding-seedling:before { content: "\f4bf" } .fa-hand-holding-usd:before { content: "\f4c0" } .fa-hand-holding-water:before { content: "\f4c1" } .fa-hand-lizard:before { content: "\f258" } .fa-hand-paper:before { content: "\f256" } .fa-hand-peace:before { content: "\f25b" } .fa-hand-point-down:before { content: "\f0a7" } .fa-hand-point-left:before { content: "\f0a5" } .fa-hand-point-right:before { content: "\f0a4" } .fa-hand-point-up:before { content: "\f0a6" } .fa-hand-pointer:before { content: "\f25a" } .fa-hand-receiving:before { content: "\f47c" } .fa-hand-rock:before { content: "\f255" } .fa-hand-scissors:before { content: "\f257" } .fa-hand-spock:before { content: "\f259" } .fa-hands:before { content: "\f4c2" } .fa-hands-heart:before { content: "\f4c3" } .fa-hands-helping:before { content: "\f4c4" } .fa-hands-usd:before { content: "\f4c5" } .fa-handshake:before { content: "\f2b5" } .fa-handshake-alt:before { content: "\f4c6" } .fa-hashtag:before { content: "\f292" } .fa-hdd:before { content: "\f0a0" } .fa-heading:before { content: "\f1dc" } .fa-headphones:before { content: "\f025" } .fa-heart:before { content: "\f004" } .fa-heart-circle:before { content: "\f4c7" } .fa-heart-square:before { content: "\f4c8" } .fa-heartbeat:before { content: "\f21e" } .fa-hexagon:before { content: "\f312" } .fa-hips:before { content: "\f452" } .fa-hire-a-helper:before { content: "\f3b0" } .fa-history:before { content: "\f1da" } .fa-hockey-puck:before { content: "\f453" } .fa-hockey-sticks:before { content: "\f454" } .fa-home:before { content: "\f015" } .fa-home-heart:before { content: "\f4c9" } .fa-hooli:before { content: "\f427" } .fa-hospital:before { content: "\f0f8" } .fa-hospital-alt:before { content: "\f47d" } .fa-hospital-symbol:before { content: "\f47e" } .fa-hotjar:before { content: "\f3b1" } .fa-hourglass:before { content: "\f254" } .fa-hourglass-end:before { content: "\f253" } .fa-hourglass-half:before { content: "\f252" } .fa-hourglass-start:before { content: "\f251" } .fa-houzz:before { content: "\f27c" } .fa-html5:before { content: "\f13b" } .fa-hubspot:before { content: "\f3b2" } .fa-i-cursor:before { content: "\f246" } .fa-id-badge:before { content: "\f2c1" } .fa-id-card:before { content: "\f2c2" } .fa-id-card-alt:before { content: "\f47f" } .fa-image:before { content: "\f03e" } .fa-images:before { content: "\f302" } .fa-imdb:before { content: "\f2d8" } .fa-inbox:before { content: "\f01c" } .fa-inbox-in:before { content: "\f310" } .fa-inbox-out:before { content: "\f311" } .fa-indent:before { content: "\f03c" } .fa-industry:before { content: "\f275" } .fa-industry-alt:before { content: "\f3b3" } .fa-info:before { content: "\f129" } .fa-info-circle:before { content: "\f05a" } .fa-info-square:before { content: "\f30f" } .fa-instagram:before { content: "\f16d" } .fa-internet-explorer:before { content: "\f26b" } .fa-inventory:before { content: "\f480" } .fa-ioxhost:before { content: "\f208" } .fa-italic:before { content: "\f033" } .fa-itunes:before { content: "\f3b4" } .fa-itunes-note:before { content: "\f3b5" } .fa-jack-o-lantern:before { content: "\f30e" } .fa-java:before { content: "\f4e4" } .fa-jedi-order:before { content: "\f50e" } .fa-jenkins:before { content: "\f3b6" } .fa-joget:before { content: "\f3b7" } .fa-joomla:before { content: "\f1aa" } .fa-js:before { content: "\f3b8" } .fa-js-square:before { content: "\f3b9" } .fa-jsfiddle:before { content: "\f1cc" } .fa-key:before { content: "\f084" } .fa-keybase:before { content: "\f4f5" } .fa-keyboard:before { content: "\f11c" } .fa-keycdn:before { content: "\f3ba" } .fa-kickstarter:before { content: "\f3bb" } .fa-kickstarter-k:before { content: "\f3bc" } .fa-korvue:before { content: "\f42f" } .fa-lamp:before { content: "\f4ca" } .fa-language:before { content: "\f1ab" } .fa-laptop:before { content: "\f109" } .fa-laravel:before { content: "\f3bd" } .fa-lastfm:before { content: "\f202" } .fa-lastfm-square:before { content: "\f203" } .fa-leaf:before { content: "\f06c" } .fa-leaf-heart:before { content: "\f4cb" } .fa-leanpub:before { content: "\f212" } .fa-lemon:before { content: "\f094" } .fa-less:before { content: "\f41d" } .fa-level-down:before { content: "\f149" } .fa-level-down-alt:before { content: "\f3be" } .fa-level-up:before { content: "\f148" } .fa-level-up-alt:before { content: "\f3bf" } .fa-life-ring:before { content: "\f1cd" } .fa-lightbulb:before { content: "\f0eb" } .fa-line:before { content: "\f3c0" } .fa-link:before { content: "\f0c1" } .fa-linkedin:before { content: "\f08c" } .fa-linkedin-in:before { content: "\f0e1" } .fa-linode:before { content: "\f2b8" } .fa-linux:before { content: "\f17c" } .fa-lira-sign:before { content: "\f195" } .fa-list:before { content: "\f03a" } .fa-list-alt:before { content: "\f022" } .fa-list-ol:before { content: "\f0cb" } .fa-list-ul:before { content: "\f0ca" } .fa-location-arrow:before { content: "\f124" } .fa-lock:before { content: "\f023" } .fa-lock-alt:before { content: "\f30d" } .fa-lock-open:before { content: "\f3c1" } .fa-lock-open-alt:before { content: "\f3c2" } .fa-long-arrow-alt-down:before { content: "\f309" } .fa-long-arrow-alt-left:before { content: "\f30a" } .fa-long-arrow-alt-right:before { content: "\f30b" } .fa-long-arrow-alt-up:before { content: "\f30c" } .fa-long-arrow-down:before { content: "\f175" } .fa-long-arrow-left:before { content: "\f177" } .fa-long-arrow-right:before { content: "\f178" } .fa-long-arrow-up:before { content: "\f176" } .fa-loveseat:before { content: "\f4cc" } .fa-low-vision:before { content: "\f2a8" } .fa-luchador:before { content: "\f455" } .fa-lyft:before { content: "\f3c3" } .fa-magento:before { content: "\f3c4" } .fa-magic:before { content: "\f0d0" } .fa-magnet:before { content: "\f076" } .fa-male:before { content: "\f183" } .fa-mandalorian:before { content: "\f50f" } .fa-map:before { content: "\f279" } .fa-map-marker:before { content: "\f041" } .fa-map-marker-alt:before { content: "\f3c5" } .fa-map-pin:before { content: "\f276" } .fa-map-signs:before { content: "\f277" } .fa-mars:before { content: "\f222" } .fa-mars-double:before { content: "\f227" } .fa-mars-stroke:before { content: "\f229" } .fa-mars-stroke-h:before { content: "\f22b" } .fa-mars-stroke-v:before { content: "\f22a" } .fa-mastodon:before { content: "\f4f6" } .fa-maxcdn:before { content: "\f136" } .fa-medapps:before { content: "\f3c6" } .fa-medium:before { content: "\f23a" } .fa-medium-m:before { content: "\f3c7" } .fa-medkit:before { content: "\f0fa" } .fa-medrt:before { content: "\f3c8" } .fa-meetup:before { content: "\f2e0" } .fa-meh:before { content: "\f11a" } .fa-mercury:before { content: "\f223" } .fa-microchip:before { content: "\f2db" } .fa-microphone:before { content: "\f130" } .fa-microphone-alt:before { content: "\f3c9" } .fa-microphone-slash:before { content: "\f131" } .fa-microsoft:before { content: "\f3ca" } .fa-minus:before { content: "\f068" } .fa-minus-circle:before { content: "\f056" } .fa-minus-hexagon:before { content: "\f307" } .fa-minus-octagon:before { content: "\f308" } .fa-minus-square:before { content: "\f146" } .fa-mix:before { content: "\f3cb" } .fa-mixcloud:before { content: "\f289" } .fa-mizuni:before { content: "\f3cc" } .fa-mobile:before { content: "\f10b" } .fa-mobile-alt:before { content: "\f3cd" } .fa-mobile-android:before { content: "\f3ce" } .fa-mobile-android-alt:before { content: "\f3cf" } .fa-modx:before { content: "\f285" } .fa-monero:before { content: "\f3d0" } .fa-money-bill:before { content: "\f0d6" } .fa-money-bill-alt:before { content: "\f3d1" } .fa-moon:before { content: "\f186" } .fa-motorcycle:before { content: "\f21c" } .fa-mouse-pointer:before { content: "\f245" } .fa-music:before { content: "\f001" } .fa-napster:before { content: "\f3d2" } .fa-neuter:before { content: "\f22c" } .fa-newspaper:before { content: "\f1ea" } .fa-nintendo-switch:before { content: "\f418" } .fa-node:before { content: "\f419" } .fa-node-js:before { content: "\f3d3" } .fa-notes-medical:before { content: "\f481" } .fa-npm:before { content: "\f3d4" } .fa-ns8:before { content: "\f3d5" } .fa-nutritionix:before { content: "\f3d6" } .fa-object-group:before { content: "\f247" } .fa-object-ungroup:before { content: "\f248" } .fa-octagon:before { content: "\f306" } .fa-odnoklassniki:before { content: "\f263" } .fa-odnoklassniki-square:before { content: "\f264" } .fa-old-republic:before { content: "\f510" } .fa-opencart:before { content: "\f23d" } .fa-openid:before { content: "\f19b" } .fa-opera:before { content: "\f26a" } .fa-optin-monster:before { content: "\f23c" } .fa-osi:before { content: "\f41a" } .fa-outdent:before { content: "\f03b" } .fa-page4:before { content: "\f3d7" } .fa-pagelines:before { content: "\f18c" } .fa-paint-brush:before { content: "\f1fc" } .fa-palfed:before { content: "\f3d8" } .fa-pallet:before { content: "\f482" } .fa-pallet-alt:before { content: "\f483" } .fa-paper-plane:before { content: "\f1d8" } .fa-paperclip:before { content: "\f0c6" } .fa-parachute-box:before { content: "\f4cd" } .fa-paragraph:before { content: "\f1dd" } .fa-paste:before { content: "\f0ea" } .fa-patreon:before { content: "\f3d9" } .fa-pause:before { content: "\f04c" } .fa-pause-circle:before { content: "\f28b" } .fa-paw:before { content: "\f1b0" } .fa-paypal:before { content: "\f1ed" } .fa-pen:before { content: "\f304" } .fa-pen-alt:before { content: "\f305" } .fa-pen-square:before { content: "\f14b" } .fa-pencil:before { content: "\f040" } .fa-pencil-alt:before { content: "\f303" } .fa-pennant:before { content: "\f456" } .fa-people-carry:before { content: "\f4ce" } .fa-percent:before { content: "\f295" } .fa-periscope:before { content: "\f3da" } .fa-person-carry:before { content: "\f4cf" } .fa-person-dolly:before { content: "\f4d0" } .fa-person-dolly-empty:before { content: "\f4d1" } .fa-phabricator:before { content: "\f3db" } .fa-phoenix-framework:before { content: "\f3dc" } .fa-phoenix-squadron:before { content: "\f511" } .fa-phone:before { content: "\f095" } .fa-phone-plus:before { content: "\f4d2" } .fa-phone-slash:before { content: "\f3dd" } .fa-phone-square:before { content: "\f098" } .fa-phone-volume:before { content: "\f2a0" } .fa-php:before { content: "\f457" } .fa-pied-piper:before { content: "\f2ae" } .fa-pied-piper-alt:before { content: "\f1a8" } .fa-pied-piper-hat:before { content: "\f4e5" } .fa-pied-piper-pp:before { content: "\f1a7" } .fa-piggy-bank:before { content: "\f4d3" } .fa-pills:before { content: "\f484" } .fa-pinterest:before { content: "\f0d2" } .fa-pinterest-p:before { content: "\f231" } .fa-pinterest-square:before { content: "\f0d3" } .fa-plane:before { content: "\f072" } .fa-plane-alt:before { content: "\f3de" } .fa-play:before { content: "\f04b" } .fa-play-circle:before { content: "\f144" } .fa-playstation:before { content: "\f3df" } .fa-plug:before { content: "\f1e6" } .fa-plus:before { content: "\f067" } .fa-plus-circle:before { content: "\f055" } .fa-plus-hexagon:before { content: "\f300" } .fa-plus-octagon:before { content: "\f301" } .fa-plus-square:before { content: "\f0fe" } .fa-podcast:before { content: "\f2ce" } .fa-poo:before { content: "\f2fe" } .fa-portrait:before { content: "\f3e0" } .fa-pound-sign:before { content: "\f154" } .fa-power-off:before { content: "\f011" } .fa-prescription-bottle:before { content: "\f485" } .fa-prescription-bottle-alt:before { content: "\f486" } .fa-print:before { content: "\f02f" } .fa-procedures:before { content: "\f487" } .fa-product-hunt:before { content: "\f288" } .fa-pushed:before { content: "\f3e1" } .fa-puzzle-piece:before { content: "\f12e" } .fa-python:before { content: "\f3e2" } .fa-qq:before { content: "\f1d6" } .fa-qrcode:before { content: "\f029" } .fa-question:before { content: "\f128" } .fa-question-circle:before { content: "\f059" } .fa-question-square:before { content: "\f2fd" } .fa-quidditch:before { content: "\f458" } .fa-quinscape:before { content: "\f459" } .fa-quora:before { content: "\f2c4" } .fa-quote-left:before { content: "\f10d" } .fa-quote-right:before { content: "\f10e" } .fa-r-project:before { content: "\f4f7" } .fa-racquet:before { content: "\f45a" } .fa-ramp-loading:before { content: "\f4d4" } .fa-random:before { content: "\f074" } .fa-ravelry:before { content: "\f2d9" } .fa-react:before { content: "\f41b" } .fa-readme:before { content: "\f4d5" } .fa-rebel:before { content: "\f1d0" } .fa-rectangle-landscape:before { content: "\f2fa" } .fa-rectangle-portrait:before { content: "\f2fb" } .fa-rectangle-wide:before { content: "\f2fc" } .fa-recycle:before { content: "\f1b8" } .fa-red-river:before { content: "\f3e3" } .fa-reddit:before { content: "\f1a1" } .fa-reddit-alien:before { content: "\f281" } .fa-reddit-square:before { content: "\f1a2" } .fa-redo:before { content: "\f01e" } .fa-redo-alt:before { content: "\f2f9" } .fa-registered:before { content: "\f25d" } .fa-rendact:before { content: "\f3e4" } .fa-renren:before { content: "\f18b" } .fa-repeat:before { content: "\f363" } .fa-repeat-1:before { content: "\f365" } .fa-repeat-1-alt:before { content: "\f366" } .fa-repeat-alt:before { content: "\f364" } .fa-reply:before { content: "\f3e5" } .fa-reply-all:before { content: "\f122" } .fa-replyd:before { content: "\f3e6" } .fa-researchgate:before { content: "\f4f8" } .fa-resolving:before { content: "\f3e7" } .fa-retweet:before { content: "\f079" } .fa-retweet-alt:before { content: "\f361" } .fa-ribbon:before { content: "\f4d6" } .fa-road:before { content: "\f018" } .fa-rocket:before { content: "\f135" } .fa-rocketchat:before { content: "\f3e8" } .fa-rockrms:before { content: "\f3e9" } .fa-route:before { content: "\f4d7" } .fa-rss:before { content: "\f09e" } .fa-rss-square:before { content: "\f143" } .fa-ruble-sign:before { content: "\f158" } .fa-rupee-sign:before { content: "\f156" } .fa-safari:before { content: "\f267" } .fa-sass:before { content: "\f41e" } .fa-save:before { content: "\f0c7" } .fa-scanner:before { content: "\f488" } .fa-scanner-keyboard:before { content: "\f489" } .fa-scanner-touchscreen:before { content: "\f48a" } .fa-schlix:before { content: "\f3ea" } .fa-scribd:before { content: "\f28a" } .fa-scrubber:before { content: "\f2f8" } .fa-search:before { content: "\f002" } .fa-search-minus:before { content: "\f010" } .fa-search-plus:before { content: "\f00e" } .fa-searchengin:before { content: "\f3eb" } .fa-seedling:before { content: "\f4d8" } .fa-sellcast:before { content: "\f2da" } .fa-sellsy:before { content: "\f213" } .fa-server:before { content: "\f233" } .fa-servicestack:before { content: "\f3ec" } .fa-share:before { content: "\f064" } .fa-share-all:before { content: "\f367" } .fa-share-alt:before { content: "\f1e0" } .fa-share-alt-square:before { content: "\f1e1" } .fa-share-square:before { content: "\f14d" } .fa-shekel-sign:before { content: "\f20b" } .fa-shield:before { content: "\f132" } .fa-shield-alt:before { content: "\f3ed" } .fa-shield-check:before { content: "\f2f7" } .fa-ship:before { content: "\f21a" } .fa-shipping-fast:before { content: "\f48b" } .fa-shipping-timed:before { content: "\f48c" } .fa-shirtsinbulk:before { content: "\f214" } .fa-shopping-bag:before { content: "\f290" } .fa-shopping-basket:before { content: "\f291" } .fa-shopping-cart:before { content: "\f07a" } .fa-shower:before { content: "\f2cc" } .fa-shuttlecock:before { content: "\f45b" } .fa-sign:before { content: "\f4d9" } .fa-sign-in:before { content: "\f090" } .fa-sign-in-alt:before { content: "\f2f6" } .fa-sign-language:before { content: "\f2a7" } .fa-sign-out:before { content: "\f08b" } .fa-sign-out-alt:before { content: "\f2f5" } .fa-signal:before { content: "\f012" } .fa-simplybuilt:before { content: "\f215" } .fa-sistrix:before { content: "\f3ee" } .fa-sitemap:before { content: "\f0e8" } .fa-sith:before { content: "\f512" } .fa-skyatlas:before { content: "\f216" } .fa-skype:before { content: "\f17e" } .fa-slack:before { content: "\f198" } .fa-slack-hash:before { content: "\f3ef" } .fa-sliders-h:before { content: "\f1de" } .fa-sliders-h-square:before { content: "\f3f0" } .fa-sliders-v:before { content: "\f3f1" } .fa-sliders-v-square:before { content: "\f3f2" } .fa-slideshare:before { content: "\f1e7" } .fa-smile:before { content: "\f118" } .fa-smile-plus:before { content: "\f4da" } .fa-smoking:before { content: "\f48d" } .fa-snapchat:before { content: "\f2ab" } .fa-snapchat-ghost:before { content: "\f2ac" } .fa-snapchat-square:before { content: "\f2ad" } .fa-snowflake:before { content: "\f2dc" } .fa-sort:before { content: "\f0dc" } .fa-sort-alpha-down:before { content: "\f15d" } .fa-sort-alpha-up:before { content: "\f15e" } .fa-sort-amount-down:before { content: "\f160" } .fa-sort-amount-up:before { content: "\f161" } .fa-sort-down:before { content: "\f0dd" } .fa-sort-numeric-down:before { content: "\f162" } .fa-sort-numeric-up:before { content: "\f163" } .fa-sort-up:before { content: "\f0de" } .fa-soundcloud:before { content: "\f1be" } .fa-space-shuttle:before { content: "\f197" } .fa-spade:before { content: "\f2f4" } .fa-speakap:before { content: "\f3f3" } .fa-spinner:before { content: "\f110" } .fa-spinner-third:before { content: "\f3f4" } .fa-spotify:before { content: "\f1bc" } .fa-square:before { content: "\f0c8" } .fa-square-full:before { content: "\f45c" } .fa-stack-exchange:before { content: "\f18d" } .fa-stack-overflow:before { content: "\f16c" } .fa-star:before { content: "\f005" } .fa-star-exclamation:before { content: "\f2f3" } .fa-star-half:before { content: "\f089" } .fa-staylinked:before { content: "\f3f5" } .fa-steam:before { content: "\f1b6" } .fa-steam-square:before { content: "\f1b7" } .fa-steam-symbol:before { content: "\f3f6" } .fa-step-backward:before { content: "\f048" } .fa-step-forward:before { content: "\f051" } .fa-stethoscope:before { content: "\f0f1" } .fa-sticker-mule:before { content: "\f3f7" } .fa-sticky-note:before { content: "\f249" } .fa-stop:before { content: "\f04d" } .fa-stop-circle:before { content: "\f28d" } .fa-stopwatch:before { content: "\f2f2" } .fa-strava:before { content: "\f428" } .fa-street-view:before { content: "\f21d" } .fa-strikethrough:before { content: "\f0cc" } .fa-stripe:before { content: "\f429" } .fa-stripe-s:before { content: "\f42a" } .fa-studiovinari:before { content: "\f3f8" } .fa-stumbleupon:before { content: "\f1a4" } .fa-stumbleupon-circle:before { content: "\f1a3" } .fa-subscript:before { content: "\f12c" } .fa-subway:before { content: "\f239" } .fa-suitcase:before { content: "\f0f2" } .fa-sun:before { content: "\f185" } .fa-superpowers:before { content: "\f2dd" } .fa-superscript:before { content: "\f12b" } .fa-supple:before { content: "\f3f9" } .fa-sync:before { content: "\f021" } .fa-sync-alt:before { content: "\f2f1" } .fa-syringe:before { content: "\f48e" } .fa-table:before { content: "\f0ce" } .fa-table-tennis:before { content: "\f45d" } .fa-tablet:before { content: "\f10a" } .fa-tablet-alt:before { content: "\f3fa" } .fa-tablet-android:before { content: "\f3fb" } .fa-tablet-android-alt:before { content: "\f3fc" } .fa-tablet-rugged:before { content: "\f48f" } .fa-tablets:before { content: "\f490" } .fa-tachometer:before { content: "\f0e4" } .fa-tachometer-alt:before { content: "\f3fd" } .fa-tag:before { content: "\f02b" } .fa-tags:before { content: "\f02c" } .fa-tape:before { content: "\f4db" } .fa-tasks:before { content: "\f0ae" } .fa-taxi:before { content: "\f1ba" } .fa-teamspeak:before { content: "\f4f9" } .fa-telegram:before { content: "\f2c6" } .fa-telegram-plane:before { content: "\f3fe" } .fa-tencent-weibo:before { content: "\f1d5" } .fa-tennis-ball:before { content: "\f45e" } .fa-terminal:before { content: "\f120" } .fa-text-height:before { content: "\f034" } .fa-text-width:before { content: "\f035" } .fa-th:before { content: "\f00a" } .fa-th-large:before { content: "\f009" } .fa-th-list:before { content: "\f00b" } .fa-themeisle:before { content: "\f2b2" } .fa-thermometer:before { content: "\f491" } .fa-thermometer-empty:before { content: "\f2cb" } .fa-thermometer-full:before { content: "\f2c7" } .fa-thermometer-half:before { content: "\f2c9" } .fa-thermometer-quarter:before { content: "\f2ca" } .fa-thermometer-three-quarters:before { content: "\f2c8" } .fa-thumbs-down:before { content: "\f165" } .fa-thumbs-up:before { content: "\f164" } .fa-thumbtack:before { content: "\f08d" } .fa-ticket:before { content: "\f145" } .fa-ticket-alt:before { content: "\f3ff" } .fa-times:before { content: "\f00d" } .fa-times-circle:before { content: "\f057" } .fa-times-hexagon:before { content: "\f2ee" } .fa-times-octagon:before { content: "\f2f0" } .fa-times-square:before { content: "\f2d3" } .fa-tint:before { content: "\f043" } .fa-toggle-off:before { content: "\f204" } .fa-toggle-on:before { content: "\f205" } .fa-trade-federation:before { content: "\f513" } .fa-trademark:before { content: "\f25c" } .fa-train:before { content: "\f238" } .fa-transgender:before { content: "\f224" } .fa-transgender-alt:before { content: "\f225" } .fa-trash:before { content: "\f1f8" } .fa-trash-alt:before { content: "\f2ed" } .fa-tree:before { content: "\f1bb" } .fa-tree-alt:before { content: "\f400" } .fa-trello:before { content: "\f181" } .fa-triangle:before { content: "\f2ec" } .fa-tripadvisor:before { content: "\f262" } .fa-trophy:before { content: "\f091" } .fa-trophy-alt:before { content: "\f2eb" } .fa-truck:before { content: "\f0d1" } .fa-truck-container:before { content: "\f4dc" } .fa-truck-couch:before { content: "\f4dd" } .fa-truck-loading:before { content: "\f4de" } .fa-truck-moving:before { content: "\f4df" } .fa-truck-ramp:before { content: "\f4e0" } .fa-tty:before { content: "\f1e4" } .fa-tumblr:before { content: "\f173" } .fa-tumblr-square:before { content: "\f174" } .fa-tv:before { content: "\f26c" } .fa-tv-retro:before { content: "\f401" } .fa-twitch:before { content: "\f1e8" } .fa-twitter:before { content: "\f099" } .fa-twitter-square:before { content: "\f081" } .fa-typo3:before { content: "\f42b" } .fa-uber:before { content: "\f402" } .fa-uikit:before { content: "\f403" } .fa-umbrella:before { content: "\f0e9" } .fa-underline:before { content: "\f0cd" } .fa-undo:before { content: "\f0e2" } .fa-undo-alt:before { content: "\f2ea" } .fa-uniregistry:before { content: "\f404" } .fa-universal-access:before { content: "\f29a" } .fa-university:before { content: "\f19c" } .fa-unlink:before { content: "\f127" } .fa-unlock:before { content: "\f09c" } .fa-unlock-alt:before { content: "\f13e" } .fa-untappd:before { content: "\f405" } .fa-upload:before { content: "\f093" } .fa-usb:before { content: "\f287" } .fa-usd-circle:before { content: "\f2e8" } .fa-usd-square:before { content: "\f2e9" } .fa-user:before { content: "\f007" } .fa-user-alt:before { content: "\f406" } .fa-user-alt-slash:before { content: "\f4fa" } .fa-user-astronaut:before { content: "\f4fb" } .fa-user-check:before { content: "\f4fc" } .fa-user-circle:before { content: "\f2bd" } .fa-user-clock:before { content: "\f4fd" } .fa-user-cog:before { content: "\f4fe" } .fa-user-edit:before { content: "\f4ff" } .fa-user-friends:before { content: "\f500" } .fa-user-graduate:before { content: "\f501" } .fa-user-lock:before { content: "\f502" } .fa-user-md:before { content: "\f0f0" } .fa-user-minus:before { content: "\f503" } .fa-user-ninja:before { content: "\f504" } .fa-user-plus:before { content: "\f234" } .fa-user-secret:before { content: "\f21b" } .fa-user-shield:before { content: "\f505" } .fa-user-slash:before { content: "\f506" } .fa-user-tag:before { content: "\f507" } .fa-user-tie:before { content: "\f508" } .fa-user-times:before { content: "\f235" } .fa-users:before { content: "\f0c0" } .fa-users-cog:before { content: "\f509" } .fa-ussunnah:before { content: "\f407" } .fa-utensil-fork:before { content: "\f2e3" } .fa-utensil-knife:before { content: "\f2e4" } .fa-utensil-spoon:before { content: "\f2e5" } .fa-utensils:before { content: "\f2e7" } .fa-utensils-alt:before { content: "\f2e6" } .fa-vaadin:before { content: "\f408" } .fa-venus:before { content: "\f221" } .fa-venus-double:before { content: "\f226" } .fa-venus-mars:before { content: "\f228" } .fa-viacoin:before { content: "\f237" } .fa-viadeo:before { content: "\f2a9" } .fa-viadeo-square:before { content: "\f2aa" } .fa-vial:before { content: "\f492" } .fa-vials:before { content: "\f493" } .fa-viber:before { content: "\f409" } .fa-video:before { content: "\f03d" } .fa-video-plus:before { content: "\f4e1" } .fa-video-slash:before { content: "\f4e2" } .fa-vimeo:before { content: "\f40a" } .fa-vimeo-square:before { content: "\f194" } .fa-vimeo-v:before { content: "\f27d" } .fa-vine:before { content: "\f1ca" } .fa-vk:before { content: "\f189" } .fa-vnv:before { content: "\f40b" } .fa-volleyball-ball:before { content: "\f45f" } .fa-volume-down:before { content: "\f027" } .fa-volume-mute:before { content: "\f2e2" } .fa-volume-off:before { content: "\f026" } .fa-volume-up:before { content: "\f028" } .fa-vuejs:before { content: "\f41f" } .fa-warehouse:before { content: "\f494" } .fa-warehouse-alt:before { content: "\f495" } .fa-watch:before { content: "\f2e1" } .fa-weibo:before { content: "\f18a" } .fa-weight:before { content: "\f496" } .fa-weixin:before { content: "\f1d7" } .fa-whatsapp:before { content: "\f232" } .fa-whatsapp-square:before { content: "\f40c" } .fa-wheelchair:before { content: "\f193" } .fa-whistle:before { content: "\f460" } .fa-whmcs:before { content: "\f40d" } .fa-wifi:before { content: "\f1eb" } .fa-wikipedia-w:before { content: "\f266" } .fa-window:before { content: "\f40e" } .fa-window-alt:before { content: "\f40f" } .fa-window-close:before { content: "\f410" } .fa-window-maximize:before { content: "\f2d0" } .fa-window-minimize:before { content: "\f2d1" } .fa-window-restore:before { content: "\f2d2" } .fa-windows:before { content: "\f17a" } .fa-wine-glass:before { content: "\f4e3" } .fa-wolf-pack-battalion:before { content: "\f514" } .fa-won-sign:before { content: "\f159" } .fa-wordpress:before { content: "\f19a" } .fa-wordpress-simple:before { content: "\f411" } .fa-wpbeginner:before { content: "\f297" } .fa-wpexplorer:before { content: "\f2de" } .fa-wpforms:before { content: "\f298" } .fa-wrench:before { content: "\f0ad" } .fa-x-ray:before { content: "\f497" } .fa-xbox:before { content: "\f412" } .fa-xing:before { content: "\f168" } .fa-xing-square:before { content: "\f169" } .fa-y-combinator:before { content: "\f23b" } .fa-yahoo:before { content: "\f19e" } .fa-yandex:before { content: "\f413" } .fa-yandex-international:before { content: "\f414" } .fa-yelp:before { content: "\f1e9" } .fa-yen-sign:before { content: "\f157" } .fa-yoast:before { content: "\f2b1" } .fa-youtube:before { content: "\f167" } .fa-youtube-square:before { content: "\f431" } .sr-only { border: 0; clip: rect(0,0,0,0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px } .sr-only-focusable:active, .sr-only-focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto } @font-face { font-family: Font Awesome\ 5 Brands; font-style: normal; font-weight: 400; src: url(../fonts/fa-brands-400.eot); src: url(../fonts/fa-brands-400.eot?#iefix) format("embedded-opentype"), url(../fonts/fa-brands-400.woff2) format("woff2"), url(../fonts/fa-brands-400.woff) format("woff"), url(../fonts/fa-brands-400.ttf) format("truetype"), url(../fonts/fa-brands-400.svg#fontawesome) format("svg") } .fab { font-family: Font Awesome\ 5 Brands } @font-face { font-family: Font Awesome\ 5 Pro; font-style: normal; font-weight: 300; src: url(../fonts/fa-light-300.eot); src: url(../fonts/fa-light-300.eot?#iefix) format("embedded-opentype"), url(../fonts/fa-light-300.woff2) format("woff2"), url(../fonts/fa-light-300.woff) format("woff"), url(../fonts/fa-light-300.ttf) format("truetype"), url(../fonts/fa-light-300.svg#fontawesome) format("svg") } .fal { font-weight: 300 } @font-face { font-family: Font Awesome\ 5 Pro; font-style: normal; font-weight: 400; src: url(../fonts/fa-regular-400.eot); src: url(../fonts/fa-regular-400.eot?#iefix) format("embedded-opentype"), url(../fonts/fa-regular-400.woff2) format("woff2"), url(../fonts/fa-regular-400.woff) format("woff"), url(../fonts/fa-regular-400.ttf) format("truetype"), url(../fonts/fa-regular-400.svg#fontawesome) format("svg") } .fal, .far { font-family: Font Awesome\ 5 Pro } .far { font-weight: 400 } @font-face { font-family: Font Awesome\ 5 Pro; font-style: normal; font-weight: 900; src: url(../fonts/fa-solid-900.eot); src: url(../fonts/fa-solid-900.eot?#iefix) format("embedded-opentype"), url(../fonts/fa-solid-900.woff2) format("woff2"), url(../fonts/fa-solid-900.woff) format("woff"), url(../fonts/fa-solid-900.ttf) format("truetype"), url(../fonts/fa-solid-900.svg#fontawesome) format("svg") } .fa, .fas { font-family: Font Awesome\ 5 Pro; font-weight: 900 } .home-banner .slides:before { content: ''; display: block; border-radius: 100%; -o-border-radius: 100%; -ms-border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; position: absolute; height: 20px; width: 20px; border: 2px solid transparent; border-top: 4px solid #174c14; border-right: 4px solid #174c14; animation: cssload-spinL 0.86s linear infinite; -o-animation: cssload-spinL 0.86s linear infinite; -ms-animation: cssload-spinL 0.86s linear infinite; -webkit-animation: cssload-spinL 0.86s linear infinite; -moz-animation: cssload-spinL 0.86s linear infinite; transform-origin: center center; -o-transform-origin: center center; -ms-transform-origin: center center; -webkit-transform-origin: center center; -moz-transform-origin: center center; top: 50%; left: 50%; margin: -10px 0 0 -10px; } .home-banner .slides:before { border-top: 4px solid #000; border-right: 4px solid #000; } @keyframes cssload-spinR { from { transform:rotate(0deg); } to { transform: rotate(360deg); } } @-o-keyframes cssload-spinR { from { -o-transform:rotate(0deg); } to { -o-transform: rotate(360deg); } } @-ms-keyframes cssload-spinR { from { -ms-transform:rotate(0deg); } to { -ms-transform: rotate(360deg); } } @-webkit-keyframes cssload-spinR { from { -webkit-transform:rotate(0deg); } to { -webkit-transform: rotate(360deg); } } @-moz-keyframes cssload-spinR { from { -moz-transform:rotate(0deg); } to { -moz-transform: rotate(360deg); } } @keyframes cssload-spinL { from { transform:rotate(0deg); } to { transform: rotate(-360deg); } } @-o-keyframes cssload-spinL { from { -o-transform:rotate(0deg); } to { -o-transform: rotate(-360deg); } } @-ms-keyframes cssload-spinL { from { -ms-transform:rotate(0deg); } to { -ms-transform: rotate(-360deg); } } @-webkit-keyframes cssload-spinL { from { -webkit-transform:rotate(0deg); } to { -webkit-transform: rotate(-360deg); } } @-moz-keyframes cssload-spinL { from { -moz-transform:rotate(0deg); } to { -moz-transform: rotate(-360deg); } } /*********banner animate*********/ .home-banner .heading { animation: bounceInDown 1s both .5s; } .home-banner .btn-row { animation: fadeInUp 1s both 1s; } .animation { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; opacity: 0 } .slideup { -webkit-transform: translateY(200px); transform: translateY(200px) } .slideup.go { -webkit-animation-name: slideUp; animation-name: slideUp; } .slow { -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } /*****Bounce in left*****/ @-webkit-keyframes bounceInLeft { 0% { opacity:0; -webkit-transform:translateX(-400px); } 60% { -webkit-transform:translateX(30px); } 80% { -webkit-transform:translateX(-10px); } 100% { opacity:1; -webkit-transform:translateX(0); } } /*****BounceInRight****/ @-webkit-keyframes bounceInRight { 0% { opacity:0; -webkit-transform:translateX(400px); } 60% { -webkit-transform:translateX(-30px); } 80% { -webkit-transform:translateX(10px); } 100% { opacity:1; -webkit-transform:translateX(0); } } /****FadeInDown****/ @-webkit-keyframes fadeInDown { 0% { opacity:0; -webkit-transform:translateY(-400px); } 50% { opacity:0.3; } 100% { opacity:1; -webkit-transform:translateY(0); } } /****FadeInUp****/ @-webkit-keyframes fadeInUp { 0% { opacity:0; -webkit-transform:translateY(400px); } 50% { opacity:0.3; } 100% { opacity:1; -webkit-transform:translateY(0); } } /***** slideUp *******/ @-webkit-keyframes slideUp { 0% { opacity:0; -webkit-transform:translateY(200px); } 50% { opacity:0.3; } 100% { opacity:1; -webkit-transform:translateY(0); } } /***** FadeInLeft *******/ @-webkit-keyframes fadeInLeft { 0% { opacity:0; -webkit-transform:translateX(-400px); } 50% { opacity:0.3; } 100% { opacity:1; -webkit-transform:translateX(0); } } .fadeInLeft { opacity: 0; -webkit-transform: translateX(-400px); transform: translateX(-400px); } .fadeInLeft.go { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } /********Fade in Right********/ @-webkit-keyframes fadeInRight { 0% { opacity:0; -webkit-transform:translateX(400px); } 50% { opacity:0.3; } 100% { opacity:1; -webkit-transform:translateX(0); } } .fadeInRight { opacity: 0; -webkit-transform: translateX(400px); transform: translateX(400px); } .fadeInRight.go { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } /****** Fade In ********/ @-webkit-keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; display:block; } } @keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; display:block; } } .fadeIn { opacity: 0; } .fadeIn.go { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @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; } } .bounceInDown { animation-name: bounceInDown; } .bounceInDown.go { animation-name: bounceInDown; } /************product details starts************/ .productDetails { padding-top: 15px; padding-bottom: 50px; margin-bottom: 50px; border-bottom: solid 1px #ababab } .productDetails .slider { padding: 0; overflow: hidden; position: relative; clear: both; min-height: 50px; } .sp-large { background: #ffffff; position: relative } .sp-large:before { position: absolute; left: 50%; bottom: 10px; margin-left: -20px; background: rgba(255,255,255,.8) url(../img/zoom-icon.png) no-repeat center center; border: 1px solid rgba(0,0,0,.2); z-index: 10; width: 25px; height: 25px; display: inline-block; content: ''; z-index: 17 } .sp-large:after { position: absolute; left: 50%; bottom: 10px; margin-left: 10px; background: rgba(255,255,255,.8) url(../img/large.png) no-repeat center center; border: 1px solid rgba(0,0,0,.2); z-index: 10; width: 25px; height: 25px; display: none; content: ''; z-index: 17 } .sp-large:hover:after { display: inline-block } .sp-loading { text-align: center; padding: 0; border: 0; border-radius: 0; font-size: 12px; color: #888; } .sp-wrap { display: none; line-height: 0; font-size: 0; border-radius: 3px; position: relative; margin: 0; float: left; width: 100%; padding-left: 100px } .sp-thumbs { text-align: left; display: inline-block; margin-top: 0px; width: 20%; max-width: 120px; max-height: 364px; top: 0; left: 0; position: absolute } .sp-thumbs img { min-height: 90px; min-width: 90px; max-width: 90px; } .sp-thumbs a:link, .sp-thumbs a:visited { width: 90px; height: 90px; overflow: hidden; opacity: .3; display: inline-block; background-size: 100% 100%; background-position: center; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -ms-transition: all .2s ease-out; -o-transition: all .2s ease-out; transition: all .2s ease-out; box-shadow: inset 0 0 1px #999; } .sp-thumbs a { margin-bottom: 4px } .sp-thumbs a:hover { opacity: 1; } .sp-thumbs a:active, .sp-current { opacity: 1!important; position: relative; } .sp-large { position: relative; overflow: hidden; top: 0; left: 0; background: #ffffff } .sp-large a { display: block; border: 1px solid #e3e3e3; text-align: center; padding-top: 80%; position: relative; overflow: hidden } .sp-large a img { position: absolute; bottom: 10px; left: 10px; right: 10px; top: 10px; margin: auto; max-width: 100%; max-height: 100%; width: auto; -webkit-backface-visibility: hidden; backface-visibility: hidden; background-color: #fff; } .sp-zoom { position: absolute; left: -50%; top: -50%; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; display: none; background-color: #fff; } .sp-lightbox { position: fixed; top: 0; left: 0; height: 100%; width: 100%; background: rgb(0, 0, 0); background: rgba(0, 0, 0, .9); z-index: 500; display: none; cursor: pointer; } .sp-lightbox img { position: absolute; margin: auto; top: 0; bottom: 0; left: 0; right: 0; max-width: 90%; max-height: 90%; background-color: #fff; padding: 15px } #sp-prev, #sp-next { position: absolute; top: 50%; margin-top: -25px; z-index: 501; color: #fff; padding: 14px; text-decoration: none; background: #000; border-radius: 25px; border: 2px solid #fff; width: 50px; height: 50px; box-sizing: border-box; transition: .2s; } #sp-prev { left: 10px; } #sp-prev:before { content: ''; border: 7px solid transparent; border-right: 15px solid #fff; position: absolute; top: 16px; left: 7px; } #sp-next { right: 10px; } #sp-next:before { content: ''; border: 7px solid transparent; border-left: 15px solid white; position: absolute; top: 16px; left: 18px; } #sp-prev:hover, #sp-next:hover { background: #444; } @media screen and (max-width:400px) { .sp-wrap { margin: 0 0 15px 0; } #sp-prev, #sp-next { top: auto; margin-top: 0; bottom: 25px; } } .productDetails h2 { font-size: 38px; color: #174c14; text-transform: uppercase; font-family: 'Novar'; padding-bottom: 10px; margin-bottom: 25px; position: relative } .productDetails h2:after { content: ""; display: block; width: 24px; height: 2px; background: #bababa; left: 0%; bottom: 0; position: absolute; } .productDetails p { font-size: 14px; line-height: 24px; font-weight: 300; color: #2d2d2d; padding: 5px 0 5px; } .productDetails .details { overflow: hidden; position: relative; clear: both } .productDetails .details .price { font-size: 14px; line-height: 28px; padding: 15px 0 15px; font-weight: 600; font-size: 18px; } .productDetails .details .price .price { padding: 0px 0 0 !important; } .productDetails .price p strong { font-weight: 600; font-size: 18px; } .productDetails .details .price strong { font-size: 18px; } .productDetails .details .price del { color: #2d2d2d; font-size: 18px; line-height: 18px; font-weight: 300; display: inline-block; vertical-align: middle; margin-right: 15px } .productDetails .details .price .amount, .productDetails .details .price ins { color: #174c14; text-decoration: none } .productDetails .details .custom-sale ins, .productDetails .details .custom-sale ins * { color: #F00; text-decoration: none } .productDetails .details .custom-sale del, .productDetails .details .custom-sale del * { color: #174c14; } p:empty { display: none } .productDetails .details .QtyBtn { overflow: hidden; margin-top: 10px; } .productDetails .details .btn { padding: 12px 15px!important; margin-right: 5px; float: left; font-size: 14px; width: 50%; color: #ffffff; max-width: 280px; } .productDetails .details .btn:hover { background: none; color: #000000 } .productDetails .details .btn { background: #174c14 } .productDetails .details .WishlistBTN { float: left; padding: 11px 0px; font-size: 13px; line-height: 20px; color: #494949; text-decoration: none; border-radius: 0; } .productDetails .details .WishlistBTN:hover { color: #000; } .productDetails .details .WishlistBTN i { margin: 4px 8px 8px; color: #bababa } .productDetails .details .WishlistBTN:hover i { color: #000000 } .productDetails .details .yith-wcwl-add-to-wishlist, .productDetails .details .ShareIcon { margin: 0; display: inline-block; vertical-align: top } .yith-wcwl-add-to-wishlist { margin: 35px 0 0 30px !important; display: inline-block; float: left; } .productDetails .details .quantity { float: left; margin-right: 5px } .productDetails .details .quantity .qty { width: 50px; margin: 0; float: left; border-radius: 0; text-align: center!important; vertical-align: middle; border: 1px solid #ccc; padding: 8px 4px; line-height: 21px!important; font-size: 18px!important; } .productDetails .details .quantity .plus, .productDetails .details .quantity .minus { background-color: #222; border: 1px solid #222; color: #fff; line-height: 23px; font-size: 23px; border-radius: 0; text-transform: uppercase; margin: 0; padding: 10px 5px; float: left; vertical-align: top; } .productDetails .details .quantity .plus:hover, .productDetails .details .quantity .minus:hover { background-color: #174c14!important; color: #fff!important; border-color: #174c14 } p:empty { display: none } .productDetails .description { overflow: hidden; margin-top: 20px; } .productDetails .description p { font-size: 14px; line-height: 22px; } .productDetails .description ul { padding: 0 15px; } .productDetails .description ul li { font-size: 14px; line-height: 22px; font-weight: 300; color: #2d2d2d; padding: 2px 0 2px 15px; position: relative; vertical-align: top } .productDetails .description ul li:before { content: '\f054'; position: absolute; left: 0px; top: 5px; font-family: 'FontAwesome'; font-size: 13px; line-height: 15px; color: #174c14 } .productDetails .description ol { counter-reset: item; list-style-type: none; list-style-position: inside; padding: 0 15px; margin: 0 } .productDetails .description ol li { position: relative; padding: 4px 0 4px 40px; min-height: 30px; font-size: 14px; line-height: 30px; font-weight: 300; color: #2d2d2d; } .productDetails .description ol li:before { font-size: 14px; line-height: 30px; font-weight: 400; vertical-align: middle; width: 30px; color: #fff; text-align: center; height: 30px; content: counter(item) ""; counter-increment: item; position: absolute; left: 0; top: 5px; background: #174c14; border-radius: 100%; z-index: 5 } .productDetails .description ol li:last-child:after { display: none } .productDetails .ShareIcon { padding: 5px 0; } .productDetails .ShareIcon ul { padding-left: 30px } .productDetails .ShareIcon li { font-size: 14px } .productDetails .details .yith-wcwl-add-to-wishlist { margin: 0; display: inline-block; width: 100%; } .productDetails .details .cartButton .clear, .productDetails .details .cartButton .ajax-loading { display: none !important } .berocket_aapf_widget li.slider span.left input, .berocket_aapf_widget li.slider span.right input { width: 80%!important; margin-top: 5px!important } .productDetails .cartButton { display: inline-block; float: left; width: 100%; color: #333 } .productDetails .add_to_wishlist { font-size: 14px; line-height: 18px; color: #bababa } .productDetails .yith-wcwl-add-to-wishlist { margin: 12px 0 0 0px !important; } .productDetails .woocommerce-Price-amount.amount { color: #000000 !important } .productDetails .button { padding: 9px 30px !important; min-width: 140px } .productDetails .cartButton .label { color: #333!important } .productDetails .cartButton .variations { overflow: hidden; width: 100%; padding: 10px 0; } .productDetails .cartButton .variations td { width: 80%; padding: 10px 0; text-align: left; vertical-align: middle } .productDetails .cartButton .variations td.label { width: 15%; min-width: 90px; } .productDetails .cartButton .variations td .custom-select { width: 200px; float: left; text-align: left } @media screen and (max-width:767px) { .productDetails h2 { font-size: 30px; } .sp-thumbs a:link, .sp-thumbs a:visited { width: 98px; height: 98px; } .sp-wrap { padding-left: 110px; } .productDetails { padding-top: 15px; padding-bottom: 25px; margin-bottom: 25px; } } @media screen and (max-width:639px) { .sp-thumbs a:link, .sp-thumbs a:visited { width: 70px; height: 70px; } .sp-wrap { padding-left: 84px; } } @media screen and (max-width:639px) { .sp-thumbs a:link, .sp-thumbs a:visited { width: 45px; height: 45px; } .sp-wrap { padding-left: 56px; } .sp-thumbs { max-width: 50px; } } /************product details ends************/ /****Woocommerce Start****/ .woocommerce .star-rating { font-size: 0.7em; color: #949494; } .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, #add_payment_method .wc-proceed-to- checkout a.checkout-button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce-checkout .wc-proceed-to-checkout a.checkout- button, .woocommerce-cart table.cart input[type="submit"] { position: relative; display: inline-block; background-color: #174c14!important; border: solid 1px #174c14; color: #fff !important; font-size: 11px; margin: 0; line-height: 20px !important; text-transform: uppercase; cursor: pointer; padding: 9px 15px !important; outline: none; font-weight: normal; border-radius: 0 !important; text-align: center; box-shadow: 0 0 5px rgba(0,0,0,.4); } .woocommerce #respond input#submit br, .woocommerce a.button br, .woocommerce button.button br, .woocommerce input.button br, #add_payment_method .wc-proceed-to- checkout a.checkout-button br, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button br, .woocommerce-checkout .wc-proceed-to-checkout a.checkout- button br, .woocommerce-cart table.cart input[type="submit"] br { display: none } .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce-cart table.cart input[type="submit"]:hover, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover, .woocommerce-checkout .wc-proceed-to-checkout a.checkout- button:hover { background: #494949!important; color: #fff!important; } .woocommerce table { border-collapse: collapse !important; margin: 0 !important } #add_payment_method table.cart td, #add_payment_method table.cart th, .woocommerce-cart table.cart td, .woocommerce-cart table.cart th, .woocommerce-checkout table.cart td, .woocommerce-checkout table.cart th, #add_payment_method .cart-collaterals .cart_totals tr td, #add_payment_method .cart-collaterals .cart_totals tr th, .woocommerce-cart .cart-collaterals .cart_totals tr td, .woocommerce-cart .cart-collaterals .cart_totals tr th, .woocommerce-checkout .cart-collaterals .cart_totals tr td, .woocommerce-checkout .cart-collaterals .cart_totals tr th, .woocommerce table.shop_table, .woocommerce table.shop_table th, .woocommerce table.shop_table td { border-color: #ebebeb !important; padding: 9px 12px; } .woocommerce .product-thumbnail img { width: 70px !important; border: 1px solid #f5f5f5; } .woocommerce .cart-collaterals .cart_totals table, .woocommerce table.shop_table { background-color: #fff; border-radius: 0; } .woocommerce-cart .commonContent h2, .woocommerce-checkout .commonContent h2, .woocommerce-account .commonContent h2 { margin-bottom: 15px; } .woocommerce-checkout .commonContent h3, .woocommerce-account .commonContent h3 { font-size: 20px; line-height: 35px; padding: 10px 0; color: #484759; font-weight: normal; font-style: normal; clear: both } @media (min-width:769px) { .woocommerce .cart-collaterals .cart_totals table tr td, .woocommerce .cart-collaterals .cart_totals table tr th { border: 1px solid #ebebeb !important; } } .woocommerce ul#shipping_method .amount, .woocommerce ul#shipping_method .amount span { color: #949494; } .woocommerce table.shop_table .order-total strong, .woocommerce-cart table.cart td.product-subtotal .amount, .woocommerce-cart table.cart td.product-subtotal .amount span { font-size: 16px; color: #231f20 } .woocommerce a.remove { line-height: 22px; } .woocommerce-error li:before, .woocommerce-info li:before, .woocommerce-message li:before, #add_payment_method #payment ul.payment_methods li:before, .woocommerce-cart #payment ul.payment_methods li:before, .woocommerce-checkout #payment ul.payment_methods li:before, .woocommerce .order_details li:before, .woocommerce nav.woocommerce-pagination li:before, .woocommerce .order_details:after, .woocommerce .order_details:before, .woocommerce table.shop_table ul#shipping_method li:before, .woocommerce ul#shipping_method li:before, .woocommerce-checkout .custom-select:after, .woocommerce-account .custom-select:after { display: none!important } .woocommerce-error, .woocommerce-info, .woocommerce-message { margin: 0 0 15px 0 !important; padding: 1em 2em 1em 3.5em !important; } .woocommerce .woocommerce-error .button, .woocommerce .woocommerce-info .button, .woocommerce .woocommerce-message .button, .woocommerce table.my_account_orders .button { padding: 5px 10px !important; font-size: 9px; white-space: normal; } .woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1 { float: left !important; width: 50% !important; padding-right: 10px } .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 { float: right !important; width: 50% !important; padding-left: 10px } .woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last { width: 50% !important; padding: 3px } .woocommerce fieldset { padding: 15px; padding-top: 10px; margin: 25px 0 0 0; border: 5px solid #ebebeb; } .woocommerce legend { display: block; width: auto; padding: 0 15px; margin: 0; font-size: 24px; color: #949494; line-height: normal; border: none; } .woocommerce-account .woocommerce-MyAccount-navigation { width: 24%; margin-top: 15px; } .woocommerce-account .woocommerce-MyAccount-content { width: 76%; padding-left: 35px; } .woocommerce-account .woocommerce-MyAccount-navigation ul { display: block; padding: 0; border: 1px solid #ebebeb; border-bottom: none; } .woocommerce-account .woocommerce-MyAccount-navigation ul li { display: block; font-size: 16px; padding: 0; margin: 0; line-height: inherit; clear: both; border-bottom: 1px solid #ebebeb } .woocommerce-account .woocommerce-MyAccount-navigation ul li:before { display: none } .woocommerce-account .woocommerce-MyAccount-navigation ul li a { display: block; line-height: normal; padding: 9px 15px; color: #000; text-decoration: none; } .woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover, .woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a { background-color: #949494; color: #fff; } .addresses address, .woocommerce-view-order address, .woocommerce-order-received address { background: #fff; padding: 15px; border-radius: 1px; margin: 5px 0 15px 0; border: 1px solid #ebebeb; clear: both; } .addresses address p { padding-top: 0; padding-bottom: 0 } .woocommerce td.product-name dl.variation dd p { padding: 0 } #coupon_code { display: inline-block; width: 180px; padding: 8px 10px; } .woocommerce .checkout_coupon p.form-row { width: 49% !important; float: none; display: inline-block; vertical-align: top; } .woocommerce .checkout_coupon #coupon_code { width: 100%; } .woocommerce .woocommerce-info { border: 1px solid #ebebeb; border-radius: 0; margin: 0 0 10px 0 !important; } .woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register { padding: 10px; border-color: #ebebeb; margin: 0 0 10px 0; border-radius: 0; } .woocommerce .woocommerce-billing-fields, .woocommerce .woocommerce-shipping-fields, .woocommerce-checkout-review-order .woocommerce-checkout-payment, .woocommerce .orderwrap { padding: 15px; border: 1px solid #ebebeb; background-color: #fff; } .woocommerce .woocommerce-shipping-fields { background-color: #fff; } .woocommerce .woocommerce-billing-fields h3, .woocommerce .woocommerce-shipping-fields h3 { padding-top: 0 } .woocommerce .woocommerce-shipping-fields h3 label { display: inline-block } .woocommerce-account-fields .create-account .radio .csRadio, .woocommerce-account-fields .create-account .checkbox .csCheckbox { margin-left: 0; } .woocommerce form.checkout_coupon input.button, .woocommerce form.login input.button, .woocommerce form.register input.button { margin-right: 10px } .woocommerce label span { color: #0b0834; } #add_payment_method .checkout .create-account small, .woocommerce-cart .checkout .create-account small, .woocommerce-checkout .checkout .create-account small { font-size: 15px; color: #777; font-weight: 400; line-height: normal; } .woocommerce-checkout .checkbox input[type=checkbox], .woocommerce-checkout .checkbox-inline input[type=checkbox], .woocommerce-checkout .radio input[type=radio], .woocommerce-checkout .radio-inline input[type=radio] { position: static; margin-left: 0 } #add_payment_method #payment ul.payment_methods, .woocommerce-cart #payment ul.payment_methods, .woocommerce-checkout #payment ul.payment_methods { border-color: #e7e7e7 } #add_payment_method #payment ul.payment_methods li label, .woocommerce-cart #payment ul.payment_methods li label, .woocommerce-checkout #payment ul.payment_methods li label, #add_payment_method #payment ul.payment_methods li img, .woocommerce-cart #payment ul.payment_methods li img, .woocommerce-checkout #payment ul.payment_methods li img, .woocommerce ul#shipping_method li label { display: inline-block } .woocommerce ul#shipping_method li { text-indent: 0; padding: 0 } #add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment { background-color: #fff; border: 1px solid #e7e7e7; border-radius: 0; margin: 15px 0; } .woocommerce-checkout #payment ul.payment_methods li .form-row label { display: block } .woocommerce-checkout #payment ul.payment_methods li .csSelect { display: inline-block; height: 46px; padding: 10px 0 8px 0; min-width: 100px; width: 100px } .woocommerce-checkout #payment ul.payment_methods li select { display: inline-block; } .woocommerce-checkout #payment ul.payment_methods li .csSelect:after { padding: 12px 5px; } #add_payment_method #payment ul.payment_methods li, .woocommerce-cart #payment ul.payment_methods li, .woocommerce-checkout #payment ul.payment_methods li, .woocommerce .woocommerce table.shop_table ul#shipping_method li { padding-left: 0 } #add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box { background-color: #f7f6f7; } #add_payment_method #payment div.payment_box:before, .woocommerce-cart #payment div.payment_box:before, .woocommerce-checkout #payment div.payment_box:before { border-bottom-color: #f7f6f7 } .woocommerce-checkout #payment div.payment_box div p { width: auto; display: inline-block; float: none; } .woocommerce-checkout #payment div.payment_box fieldset { padding: 0; padding-top: 10px; margin: 0; border: none; } #add_payment_method #payment ul.payment_methods li input, .woocommerce-cart #payment ul.payment_methods li input, .woocommerce-checkout #payment ul.payment_methods li input { margin: 0px 6px 0 0; vertical-align: middle; } .woocommerce ul.order_details { display: table; width: 100%; margin: 0; padding: 0; border: 1px solid #ebebeb } .woocommerce ul.order_details li { display: table-cell; margin: 0; border: none; border-right: 1px solid #ebebeb; padding: 15px; background: #fff; float: none; width: auto; } .woocommerce ul.order_details li strong { font-size: inherit } .products .box .yith-wcwl-add-to-wishlist { display: inline-block; position: absolute; left: 5px; top: 5px; z-index: 5; margin: 0 !important; width: 25px; } .products .box .yith-wcwl-add-to-wishlist .feedback, .products .box .yith-wcwl-add-to-wishlist .fa-heart { display: none!important } .products .box .yith-wcwl-add-to-wishlist .ajax-loading { position: absolute; top: 50%; left: 50%; margin: -8px 0 0 -8px; } .products .box .yith-wcwl-wishlistexistsbrowse a, .products .box .yith-wcwl-wishlistaddedbrowse a, .products .box .yith-wcwl-add-button a { position: relative; color: #bababa; padding-right: 0!important; font-size: 0; } .products .box .yith-wcwl-wishlistexistsbrowse a:before, .products .box .yith-wcwl-wishlistaddedbrowse a:before, .products .box .yith-wcwl-add-button a:before { position: static; right: 0; top: 50%; margin-top: 0; width: 22px; height: 26px; content: "\f004"; font-family: Font Awesome\ 5 Pro; display: inline-block; vertical-align: top; font-style: inherit; font-size: 22px; font-weight: bold; } .products .box .yith-wcwl-add-button a:hover { color: #174c14 } .products .box .yith-wcwl-add-button a:hover:before, .products .box .yith-wcwl-wishlistexistsbrowse a:before, .products .box .yith-wcwl-wishlistaddedbrowse a:before { font-weight: bold; color: #174c14 } .variations_form .table-responsive { overflow: inherit; } .woocommerce .quantity .qty { width: 90px; padding: 5px 1px 5px 5px; border: solid 1px #174c14 } .product-name a { text-decoration: none } .product-name a:hover { text-decoration: underline } table.variations tr { display: block } table.variations tr td label { margin: 5px 0 0 0 } table.variations tr td { vertical-align: middle; border: none; padding: 0; display: inline-block; vertical-align: top } table.variations .reset_variations { margin-left: 18px; padding: 10px 0; } .single_variation_wrap { padding: 10px 0 0 } .single_variation_wrap .woocommerce-variation-price, .single_variation_wrap .woocommerce-variation-availability p { padding: 0 } .woocommerce-variation-price { padding: 10px 0 } .woocommerce-variation-price .price { color: #949494; font-size: 11px; font-weight: 700; } .woocommerce-variation-price .price del { font-size: 70%; } .variations_button .quantity { display: inline-block; vertical-align: middle; width: 80px; padding: 0 } .variations_button .quantity .qty { padding: 13px 0; width: 96%; } .variations_button .btn { float: none } .shop_table .variation dd, .shop_table .variation dt { padding: 0!important; float: none!important; } .shop_table .variation dt { margin: 0 !important; text-transform: capitalize } .shop_table .variation p { padding: 0!important } #order_review table.shop_table p { display: inline-block; padding: 0!important; margin: 0!important } #order_review table.shop_table dl.variation dd { padding: 0!important; margin: 0!important } #order_review table.shop_table dl.variation { background-color: #f7f6f7; padding: 0 8px!important; } #order_review table.shop_table dl.variation * { font-size: 11px!important; line-height: 14px!important } #order_review #payment .terms { padding: 0!important; text-align: left!important } #order_review #payment .terms label { font-size: 12px; display: inline-block; line-height: normal; vertical-align: middle; } .woocommerce-checkout .checkout .col-2 h3#ship-to-different-address { width: 100%; } .woocommerce-checkout-review-order { float: left; width: 100%; margin: 0 } #customer_details h3 span.counter-num { font-size: 22px; line-height: 35px; padding: 4px 10px; color: #fff; background-color: #949494; border-radius: 100%; margin-right: 10px; } .wc-proceed-to-checkout { padding: 15px 0 0 0 } .content-sec form { text-align: left } .woocommerce-checkout #payment div.payment_box .form-row { float: left; width: 100%; margin: 0 } .woocommerce-checkout #payment div.payment_box .clear { clear: none } .woocommerce-checkout #payment div.payment_box:after { border-bottom-color: #f7f6f7 } .woocommerce-checkout #payment ul.payment_methods li input#beanstream_card_csc { width: 100px !important } .woocommerce-checkout #payment ul.payment_methods li select#beanstream_card_type { width: 100% } .woocommerce-cart .woocommerce ul#shipping_method li input { margin-top: 9px; vertical-align: top } .custom-select .select2-container--default .select2-selection--single .select2-selection__arrow b { display: none } .custom-select .select2-container .select2-selection--single, .custom-select .select2-container--default .select2-selection--single .select2-selection__arrow, .content-sec .custom-select .select2-container .select2-selection--single, .content-sec .custom-select .select2-container--default .select2-selection--single .select2-selection__arrow { border: none } .select2-container .select2-selection--single, .select2-container--default .select2-selection--single .select2-selection__arrow, .content-sec .select2-container .select2-selection--single, .content-sec .select2-container--default .select2-selection--single .select2-selection__arrow { height: 38px !important; border-radius: 0; border-color: #d3d3d3; } .select2.select2-container .select2-selection .select2-selection__arrow { background: url(../img/arrow.png) 0 22px no-repeat; width: 30px; } .select2.select2-container .select2-selection .select2-selection__arrow:before { line-height: 36px; } .content-sec .select2.select2-container .select2-selection { border: 1px solid #dbdbdb!important; } .select2-dropdown { border-color: #d2d2d2; } .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 54px; padding-left: 10px; color: #000; } .woocommerce form .form-row .select2-container { line-height: 26px; } .woocommerce .select2-container .select2-choice { border-color: #e0e0e0; padding: 10px 0 10px 15px; border-radius: 0; } .select2-drop-active, .select2-drop.select2-drop-above.select2-drop-active { border-color: #e0e0e0; } .reset_variations { display: inline-block; font-weight: bold; vertical-align: top; padding: 5px; } .woocommerce table.shop_table tbody th, .woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th { } .woocommerce .wpuef_file_uploader_container { border: none; padding: 0; display: block; } .woocommerce .woocommerce-customer-details .woocommerce-customer-details--email, .woocommerce .woocommerce-customer-details .woocommerce-customer-details--phone { padding-top: 5px; padding-bottom: 0; } .woocommerce table.shop_table p { padding: 0 } .side-by-side .cart-collaterals .cart_totals { width: 100% !important } .woocommerce .side-by-side table.shop_table thead { background: #f5f5f5 } .commonContent .side-by-side h2 { margin-bottom: 0 } .side-by-side #order_review_heading { padding-top: 0 } .woocommerce .woocommerce-shipping-fields #ship-to-different-address { font-size: 16px; } .woocommerce .woocommerce-shipping-fields #ship-to-different-address .checkbox, .woocommerce .woocommerce-shipping-fields #ship-to-different-address .radio { margin: 0 } #add_payment_method #payment ul.payment_methods, .woocommerce-cart #payment ul.payment_methods, .woocommerce-checkout #payment ul.payment_methods { padding: 0 } .checkout-breadcrumbs { padding: 0 0 20px; text-align: center } .checkout-breadcrumbs ul li { display: inline-block; vertical-align: middle; padding: 5px 10px; font-size: 20px; } .checkout-breadcrumbs ul li a { color: #ccc; text-decoration: none } .checkout-breadcrumbs ul li a.current, .checkout-breadcrumbs ul li a:hover { color: #231f20 } .checkout-breadcrumbs ul li a.recent-current { color: #7b7b7b; } /***Pagination****/ .woocommerce nav.woocommerce-pagination { float: left; display: block; width: 100%; padding: 30px 0 0; text-align: center; } .woocommerce nav.woocommerce-pagination ul { display: inline-block; white-space: nowrap; padding: 0; border: none; border-right: 0; margin: 0; width: auto } .woocommerce nav.woocommerce-pagination ul li { border-right: none; padding: 3px 5px; margin: 0; float: left; display: inline; overflow: hidden; text-align: center } .woocommerce nav.woocommerce-pagination ul li:before { display: none } .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span { margin: 0; color: #131313; text-decoration: none; line-height: 18px; font-size: 14px !important; font-weight: normal; padding: 0 5px; display: block; border: none; border-radius: 0; background: #fff; } .woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current { color: #174c14; border-color: transparent; background-color: transparent; font-weight: 700; } .woocommerce nav.woocommerce-pagination ul li .dots { border-color: transparent; background: none } .woocommerce-result-count { padding: 5px 0 } .woocommerce-tabs, .woocommerce-tabs ul.wc-tabs { display: block; width: 100%; overflow: hidden; padding: 15px 0 1px; border-bottom: 1px solid #ccc; margin-bottom: 15px } .woocommerce-tabs ul.wc-tabs li { display: inline-block; } .woocommerce-tabs ul.wc-tabs a { display: block; background: #c41230!important; padding: 5px 10px; color: #fff; text-decoration: none; text-transform: uppercase; border-radius: 6px 6px 0 0; } .woocommerce-tabs ul.wc-tabs a:hover, .woocommerce-tabs ul.wc-tabs a.active { background: #349d7e!important; } .woocommerce-tabs h2 { font-size: 24px; padding-bottom: 10px; font-weight: bold } .woocommerce-tabs #commentform { padding-top: 30px } .woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals { margin-top: 20px; } .woocommerce .cart-collaterals .cart_totals h2 { padding-bottom: 10px; font-size: 24px; } .woocommerce .cart_totals th, .woocommerce .cart_totals td, .woocommerce .cart_totals p, .woocommerce .cart-collaterals .cart_totals li, .woocommerce-cart-form th, .woocommerce-cart-form td, .woocommerce-cart-form { font-size: 16px!important; } .woocommerce label { font-size: 14px!important; } .woocommerce input[type="checkbox"], .woocommerce input[type="radio"] { margin: 9px 0 0; } .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea { border: solid 1px #ccc; } .woocommerce form .custom-select { border: solid 1px #ccc; } .woocommerce #order_review_heading { padding-bottom: 15px; } @media only screen and (max-width:768px) { .woocommerce .col2-set .col-1, .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-1, .woocommerce-page .col2-set .col-2 { float: none; width: 100% !important; padding: 5px 0 } .woocommerce table.shop_table_responsive tr td, .woocommerce-page table.shop_table_responsive tr td { overflow: hidden } .woocommerce-account .woocommerce-MyAccount-navigation { width: 100%; } .woocommerce-account .woocommerce-MyAccount-content { width: 100%; padding-left: 0; padding-top: 25px } .woocommerce .col2-set .col-1, .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-1, .woocommerce-page .col2-set .col-2 { float: none; width: 100% !important; padding: 5px 0; } .woocommerce ul.order_details { display: block; padding: 0; } .woocommerce ul.order_details li { display: block; border: none; border-bottom: 1px solid #ebebeb; width: 100%; } #coupon_code { width: 48%; } .woocommerce form.checkout_coupon #coupon_code { width: 100%; } table.shop_table td, table.shop_table th { border: none } .woocommerce-cart table.cart input[type="submit"] { width: 100% } .woocommerce .quantity .qty { float: right } .woocommerce .cart_totals th, .woocommerce .cart_totals td, .woocommerce .cart_totals p, .woocommerce .cart-collaterals .cart_totals li, .woocommerce-cart-form th, .woocommerce-cart-form td, .woocommerce-cart-form { font-size: 14px!important; } .woocommerce .faq ul li { padding-bottom: 20px; } .reviews .tabs li { margin: 4px 0 } .variations_form .table-responsive { padding: 10px; } } @media screen and (max-width:479px) { .woocommerce form .form-row { padding: 3px 0; } .woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form.form-row-first, .woocommerce-page form .form-row-last { width: 100% !important; } #coupon_code { width: 100%; margin: 0 0 5px 0; } .woocommerce form.checkout_coupon #coupon_code { margin: 0 } .woocommerce .woocommerce-ordering, .woocommerce .woocommerce-result-count, .woocommerce-page table.cart td.actions .coupon .button, .woocommerce-page table.cart td.actions .btn, .woocommerce-page table.cart td.actions .coupon .btn { width: 100%; } .woocommerce .woocommerce-result-count { margin: 0 } .reviews .tabs li { width: 100%; margin: 4px 0 } .reviews .tabs li a { width: 100%; } } .woocommerce .products .button { padding: 0 !important; position: relative } .woocommerce #respond input#submit.added::after, .woocommerce a.button.added::after, .woocommerce button.button.added::after, .woocommerce input.button.added::after { position: absolute; top: 15px; right: 10px; } .woocommerce .products .added_to_cart.wc-forward { display: none } /****Woocommerce End****/ /***How it work****/ .BottomAllContent.innerpage.howItWork { padding-bottom: 30px; overflow: hidden } .order-steps .box { display: inline-block; width: 32%; padding: 3% 1%; text-align: center; vertical-align: top } .order-steps .box img { margin: 0 auto } .order-steps h3 { font-size: 16px; text-transform: uppercase; max-width: 240px; margin: 0 auto; padding-top: 20px; line-height: 24px; } .step-guide { background: #f1f1f1; padding: 50px 40px; margin-bottom: -46px; } .step-guide .iframe-video { padding-top: 73%; position: relative; display: inline-block; width: 100%; margin: 10px 0; } .step-guide h2 { color: #000; font-size: 26px; padding: 0 0 20px; margin: 0 0 10px; position: relative; } .iframe-video iframe { position: absolute; left: 0; top: 0; right: 0; bottom: 0; height: 100%; width: 100%; } /***accordian-all ***/ .accordian-all { float: left; width: 100%; padding: 0 0 0; } .accordian-all ul { float: left; width: 100%; } .accordian-all ul li { float: left; width: 100%; padding: 0 } .accordian-all ul li:last-child { padding: 0 0 1px 0 } .accordian-all ul li h4 { float: left; width: 100%; border: 1px solid #ebebeb; background-color: #fff; position: relative; border-radius: 0px; padding: 16px 50px 16px 25px; font-size: 16px; color: #3c3b39; margin-bottom: -1px; cursor: pointer } .accordian-all ul li h4 b { display: block; position: absolute; right: 0px; top: 0; bottom: 0; margin: auto; width: 50px; height: 50px; color: #2d3031; font-size: 0; text-align: center; font-weight: 300; border-left: 1px solid #ebebeb; } .accordian-all ul li h4 b:after { content: ""; font-family: Font Awesome\ 5 Pro; font-size: 20px; position: absolute; top: 2px; right: 0; bottom: 0; left: 0; margin: auto; color: #000; line-height: 50px; height: 11px; width: 11px; background: url(../img/arrow05.png) 0 0 no-repeat; } .accordian-all .details { padding: 20px 30px; float: left; width: 100%; display: none } .accordian-all .details p { font-size: 14px; color: #000000; padding: 0 0 24px 0; font-weight: 300 } .accordian-all .details strong { font-weight: 500; font-size: 14px; color: #000000 } .accordian-all ul li h4.active b:after { transform: rotate(-180deg); -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); } @media (max-width:767px) { .howItWork p { font-size: 14px; line-height: 24px; } .step-guide .col-md-6 { clear: both } .step-guide h2 { font-size: 24px; } .accordian-all ul li p:last-child { padding-bottom: 0 } } @media (max-width:479px) { .order-steps h3 { font-size: 14px } .order-steps .box { width: 100%; } .step-guide { padding: 30px 0px; } } /***How it work****/ .paging li span.current { background: #174c14; color: #ffffff; padding: 16px 21px; }