/* 360 of 3214 CSS properties converted by rtl.daskhat.ir These properties should be override originals. just load rtl css file after original css file.*/ /* body {direction:rtl;} */ body, button, input, select, optgroup, textarea{ color: #404040; font-family: sans-serif; font-size: 1rem; line-height: 1.5; } h1, h2, h3, h4, h5, h6{ clear: both; font-family: 'Roboto', sans-serif; color: #222222; margin-top: 0; margin-bottom: 20px; line-height: 1.4; } p{ margin-bottom: 1.5em; line-height: 1.6; margin: 0 0 20px 0 ; } dfn, cite, em, i{ font-style: italic; } blockquote{ margin: 30px 0; background: #f5f5f5; border: none; color: #8f8e8e; display: flex; font-size: 18px; font-style: italic; padding: 40px; } address{ margin: 0 0 1.5em; } pre{ background: #eee; font-family: "Courier 10 Pitch", Courier, monospace; font-size: 0.9375rem; line-height: 1.6; margin-bottom: 1.6em; max-width: 100%; overflow: auto; padding: 1.6em; } code, kbd, tt, var{ font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; font-size: 0.9375rem; } abbr, acronym{ border-bottom: 1px dotted #666; cursor: help; } mark, ins{ background: #fff9c0; text-decoration: none; } big{ font-size: 125%; } .screen-reader-text{ border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; } .screen-reader-text:focus{ background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; clip-path: none; color: #21759b; display: block; font-size: 0.875rem; font-weight: bold; height: auto; right: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; } a:focus{ outline: thin dotted!important; } ul li a:focus ~ ul{ display: block; visibility: visible; opacity: 1; right: auto; animation: fadeinUp .3s; } ul li:focus-within > ul{ display: block; opacity: 1; visibility: visible; right: auto; animation: fadeinUp .3s; } .main-menu-area nav>ul>li:focus-within ul.sub-menu{ opacity: 1; visibility: visible; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .header-address li a{ color: #222222; } .header-address li:focus-within a,.header-address li:hover a{ color: #cb011b,; } li.cart-area:focus-within .widget.woocommerce.widget_shopping_cart{ opacity: 1; visibility: visible; } a.accordion-toggle:focus{ color: #fff; } .widget{ margin: 0 0 1.5em; } .widget select{ max-width: 100%; } embed, iframe, object{ max-width: 100%; } #content[tabindex="-1"]:focus{ outline: 0; } .alignleft{ display: inline; float: right; margin-left: 1.5em; margin-top: 0.5em; } .alignright{ display: inline; float: left; margin-right: 1.5em; margin-top: 0.5em; } .aligncenter,.alignnone{ clear: both; display: block; margin-right: auto; margin-left: auto; } .clear:before, .clear:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after{ content: ""; display: table; table-layout: fixed; } .clear:after, .entry-content:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after{ clear: both; } .sticky{ display: block; } .post, .page{ margin: 0 0 1.5em; } .updated:not(.published){ display: none; } .page-content, .entry-content, .entry-summary{ margin: 1.5em 0 0; } .page-links{ clear: both; margin: 0 0 1.5em; } .comment-content a{ word-wrap: break-word; } .bypostauthor{ display: block; } .comment-list, .comment-list .children{ list-style: none; margin-bottom: 0; } .comment-list{ margin: 0; padding: 0; } .comment{ margin: 40px 0 0; position: relative; } .comment-list li{ padding-bottom: 0.4em; } .comment-body{ padding-bottom: 20px; border-bottom: 1px solid rgba(136, 136, 136, 0.11); } .comment-author{ position: relative; } .comment-author, .comment-metadata{ padding-right: 80px; } .comment-author .avatar{ vertical-align: middle; position: absolute; right: 0; border-radius: 8px; -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.14), 0 4px 20px rgba(0, 0, 0, 0.18); box-shadow: 0 2px 6px rgba(0, 0, 0, 0.14), 0 4px 20px rgba(0, 0, 0, 0.18); -webkit-transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1) 0s; transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1) 0s; will-change: all; } .comment-author a{ text-decoration: none; color: inherit; font-size: 1em; } .comment-author .says{ display: none; } .comment-metadata{ margin-top: 0; font-size: 0.8333333333em; color: #888; margin-right: 50px; } .comment-author b.fn{ margin-right: 50px; text-transform: capitalize; } .comment-metadata > a{ text-decoration: none; color: inherit; } .comment-content{ margin-top: 1em; padding-right: 124px; } .comment .reply{ position: absolute; top: 0; left: 0; } .comment .reply a{ font-size: 12px; font-weight: bold; text-decoration: none; color: inherit; } .comment-respond{ margin: 30px 0; } .comment-reply-title{ font-size: 18px !important; margin-bottom: 10px; font-weight: bold; } .comment-respond .comment-notes, .comment-respond label{ font-size: 13px; font-weight: 400; } .comment-form > p{ margin-bottom: 1.2em; } .comment-form-author label, .comment-form-email label, .comment-form-url label{ display: block; margin-bottom: 6px; } label{ vertical-align: middle; } .comment-form-comment label{ display: none; } #commentform input#submit{ border-radius: 30px; } .call-to-action p{ color: #FFF; } li.cart-area{ position: relative; } li.cart-area:hover .widget.woocommerce.widget_shopping_cart{ opacity: 1; visibility: visible; } .widget.woocommerce.widget_shopping_cart{ opacity: 0; visibility: hidden; margin-top: 10px; transition: all 0.3s ease; position: absolute; z-index: 99999; top: 70%; width: 400px; padding: 20px; background-color: #444; color: #fff; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; text-align: right; left: 0; } .widget.woocommerce.widget_shopping_cart p{ margin: 0 0 10px 0 ; } .widget.woocommerce.widget_shopping_cart:before{ content: ""; position: absolute; width: 16px; height: 16px; top: -8px; left: 15px; background-color: #444; transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); } .banner-one-area .banner-content h2{ margin-bottom: 0; color: #ffffff; font-size: 36px; text-align: center; } .banner-one-area{ text-align: center; background: url(img/section2.jpg); background-position: center; background-attachment: scroll; background-size: cover; padding: 90px 0; position: relative; z-index: 1; } .infinite-scroll .posts-navigation, .infinite-scroll.neverending .site-footer{ display: none; } .infinity-end.neverending .site-footer{ display: block; } .wp-caption{ margin-bottom: 1.5em; max-width: 100%; } .wp-caption img[class*="wp-image-"]{ display: block; margin-right: auto; margin-left: auto; } .wp-caption .wp-caption-text{ margin: 0.8075em 0; } .wp-caption-text{ text-align: center; } .gallery{ margin-bottom: 1.5em; } .gallery-item{ display: inline-block; text-align: center; vertical-align: top; width: 100%; } .gallery-columns-2 .gallery-item{ max-width: 50%; } .gallery-columns-3 .gallery-item{ max-width: 33.33%; } .gallery-columns-4 .gallery-item{ max-width: 25%; } .gallery-columns-5 .gallery-item{ max-width: 20%; } .gallery-columns-6 .gallery-item{ max-width: 16.66%; } .gallery-columns-7 .gallery-item{ max-width: 14.28%; } .gallery-columns-8 .gallery-item{ max-width: 12.5%; } .gallery-columns-9 .gallery-item{ max-width: 11.11%; } .gallery-caption{ display: block; } html, body{ height: 100%; font-family: 'Open Sans', sans-serif; font-size: 15px; line-height: 1.5; font-weight: 400; vertical-align: baseline; background: #ffffff; color: #444444; } h1{ font-size: 48px; } h2{ font-size: 30px; } h3{ font-size: 22px; } h4{ font-size: 18px; } a{ text-decoration: none; } a:active, a:hover, a:focus{ text-decoration: none; outline: 0 none; } img{ max-width: 100%; height: auto; } ul{ list-style: outside none none; margin: 0; padding: 0; } .fi-clear:after{ clear: both; content: ""; display: block; } .row.no-gutter > [class^="col-"], .row.no-gutter > [class*=" col-"]{ padding-left: 0; padding-right: 0; } #wrapper{ overflow: hidden; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .detail-item ul, .news-details-layout ul{ list-style: disc; margin: 30px; padding: 0; } .bg-primary{ background: #cb011b; } .bg-accent{ background: #f5f5f5; } .bg-primaryText{ background: #222222; } .bg-textPrimary{ background: #ffffff; } .overlay-default{ position: relative; z-index: 1; } .overlay-default:after{ background: rgba(0, 0, 0, 0.8); position: absolute; content: ""; right: 0; top: 0; height: 100%; width: 100%; z-index: -1; } .overlay-dark{ position: relative; z-index: 1; } .page .item-image{ margin-bottom: 30px; } .page-title.overlay-dark{ padding: 80px 0; } .overlay-dark:after{ background: rgba(3, 23, 34, 0.75); position: absolute; content: ""; right: 0; top: 0; height: 100%; width: 100%; z-index: -1; } .ghost-btn{ background: transparent; border: 2px solid #cb011b; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; color: #222222; display: inline-block; font-weight: 600; padding: 14px 30px; text-transform: uppercase; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .ghost-btn:hover{ background: #cb011b; color: #ffffff; } .btn-default{ background: transparent; border: 2px solid #ffffff; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; color: #ffffff; font-size: 16px; font-weight: 600; margin-top: 8px; padding: 16px 30px; text-transform: uppercase; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .btn-default:hover{ background: #ffffff; color: #cb011b; } .btn-default i{ font-size: 18px; padding-right: 12px; } .btn-default-black{ background: #222222; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; color: #ffffff; display: inline-block; font-size: 14px; font-weight: 600; margin-top: 10px; padding: 12px 20px; text-transform: uppercase; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .btn-default-black:hover{ background: #cb011b; color: #ffffff; } .btn-default-black i{ font-size: 14px; padding-right: 10px; } .btn-default-big{ background: #cb011b; border: 2px solid #ffffff; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; color: #ffffff; display: inline-block; font-size: 16px; font-weight: 600; margin-top: 8px; padding: 16px 30px; text-transform: uppercase; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .btn-default-big:hover{ background: #a51c2d; color: #ffffff; } .btn-default-big i{ font-size: 16px; padding-right: 12px; } .arrow-left-right.owl-theme .owl-controls .owl-nav{ position: inherit; } .arrow-left-right.owl-theme .owl-controls .owl-nav > div{ position: absolute; bottom: 50%; -webkit-transform: translateY(50%); -moz-transform: translateY(50%); -ms-transform: translateY(50%); -o-transform: translateY(50%); transform: translateY(50%); } .arrow-left-right.owl-theme .owl-controls .owl-nav .owl-prev{ right: -50px; } .arrow-left-right.owl-theme .owl-controls .owl-nav .owl-next{ left: -50px; } .owl-theme .owl-controls .owl-nav{ position: absolute; top: -104px; left: -5px; margin-top: 0px; } .owl-theme .owl-controls .owl-nav > div{ background: transparent; border: 1px solid #cb011b; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; padding: 12px; line-height: 1; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .owl-theme .owl-controls .owl-nav > div i{ color: #cb011b; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .owl-theme .owl-controls .owl-nav > div:hover{ background: #cb011b; border: 1px solid #cb011b; } .owl-theme .owl-controls .owl-nav > div:hover i{ color: #ffffff; } .owl-theme .owl-controls .owl-dots{ margin-top: 20px; } .owl-theme .owl-controls .owl-dots .owl-dot span{ height: 14px; width: 14px; } .owl-theme .owl-controls .owl-dots .owl-dot.active span, .owl-theme .owl-controls .owl-dots .owl-dot:hover span{ background: #cb011b; } .section-title{ margin-bottom: 50px; } .section-title h2{ position: relative; padding-bottom: 15px; } .section-title h2:after{ background: #cb011b; position: absolute; content: ""; right: 0; bottom: 0; margin: 0 auto; height: 4px; width: 60px; } .section-title p{ font-weight: 600; margin: 0 auto; width: 55%; } .section-title-center{ text-align: center; } .section-title-center h2{ font-size: 36px; margin-bottom: 30px; } .section-title-center h2:after{ left: 0; } .title-bar{ position: relative; padding-bottom: 15px; margin-bottom: 30px; } .title-bar:after{ background: #cb011b; position: absolute; content: ""; right: 0; bottom: 0; margin: 0 auto; height: 4px; width: 50px; } .pagination li a, .pagination li span{ background: #f5f5f5; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; color: #222222; font-weight: 600; font-size: 18px; margin-left: 5px; padding: 8px 18px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .pagination li a:hover{ background: #222222; color: #ffffff; } .pagination li.active span{ background: #222222; color: #ffffff; } .pagination li.active span:hover{ background: #222222; } .pagination li:first-child span{ -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; } .pagination li:last-child a{ -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; margin-left: 0; } blockquote:before{ font-family: 'FontAwesome'; content: "\f10d"; color: #cb011b; font-size: 30px; padding-left: 25px; } .google-map .google-map-area iframe{ width: 100%; } .header-top-bar{ background: #222222; padding: 8px 0; -webkit-transition: all 1s ease-out; -moz-transition: all 1s ease-out; -ms-transition: all 1s ease-out; -o-transition: all 1s ease-out; transition: all 1s ease-out; } .header-top-bar .top-address ul li{ display: inline-block; color: #d9d9d9; font-size: 14px; margin-left: 25px; } .header-top-bar .top-address ul li i{ color: #cb011b; font-size: 18px; padding-left: 10px; } .header-top-bar .top-address ul li:last-child{ margin-left: 0; } .header-top-bar .top-social-link ul{ text-align: left; } .header-top-bar .top-social-link ul li{ display: inline-block; color: #d9d9d9; padding-right: 10px; } .header-top-bar .top-social-link ul li:last-child{ padding-right: 0; } .header-top-bar .top-social-link ul li a{ color: #d9d9d9; } .header-top-bar .top-social-link ul li a:hover{ color: #cb011b; } .header-fixed{ position: fixed; right: 0; left: 0; top: 0; z-index: 9999; } .stick{ position: fixed; z-index: 999999; width: 100%; top: 0; right: 0; border-bottom: 2px solid #cb011b; } .menu-two-style.stick{ border-bottom: none; } .menu-two-style.stick .container .menu-full{ position: inherit; top: 0; } .menu-two-style.stick:before{ background: #cb011b; position: absolute; content: ""; right: 0; top: 0; height: 100%; width: 50%; } .menu-two-style.stick:after{ background: #222222; position: absolute; content: ""; left: 0; top: 0; height: 100%; width: 50%; } .header-three-style .header-area.stick{ background: rgba(255, 255, 255, 0.95); } .header-five-style .header-area.stick{ background: rgba(3, 23, 34, 0.9); } .mean-container .mean-bar{ background: transparent; position: fixed; top: 0; padding: 0; float: none; } .mean-container .mean-bar a.logo-mobile-menu{ background-color: rgba(255, 255, 255, 0.95); box-sizing: border-box; width: 100%; } .mean-container .mean-bar a{ display: inline-block; padding: 0 15px !important; } .mean-container .mean-bar .mean-nav{ background: transparent; } .mean-container .mean-bar .mean-nav > ul{ overflow-y: scroll; } .mean-container .mean-bar a.meanmenu-reveal{ position: absolute; top: 3px; } .menu-four-style .main-menu-area nav > ul > li.current-menu-item a{ color: #cb011b; } .header-area{ background: #ffffff; } .nav-top-right{ text-align: left; -webkit-transition: all 1s ease-out; -moz-transition: all 1s ease-out; -ms-transition: all 1s ease-out; -o-transition: all 1s ease-out; transition: all 1s ease-out; } .nav-top-right > li{ cursor: pointer; position: relative; margin-left: 10px; display: inline-block; line-height: 87px; } .nav-top-right > li i{ font-weight: 500; font-size: 18px; color: #222222; } .header-search .search-input{ position: absolute; top: 53px; left: 0px; z-index: 10; height: 40px; width: 400px; background: #f5f5f5; border: 1px solid #d7d7d7; padding: 5px 15px 8px; color: #444444; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; display: none; } .header-search a i{ -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .header-search a:hover i{ color: #cb011b; } .header-search input.search-input:focus{ outline-width: 0; outline: none; } .cart-area{ position: relative; } .cart-area > a{ color: #d7d7d7; font-size: 24px; } .cart-area > a > span{ background: #cb011b; border-radius: 45px; color: #ffffff; height: 20px; padding: 0 6px; position: absolute; top: 30px; width: 23px; font-size: 12px; left: -20px; line-height: 20px; } .cart-area > ul{ padding: 15px 15px 0 15px ; text-align: right; background-color: #ffffff; visibility: hidden; position: absolute; left: 0; opacity: 0; top: 90px; -webkit-box-shadow: 0px 15px 8px 5px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 15px 8px 5px rgba(0, 0, 0, 0.15); box-shadow: 0px 15px 8px 5px rgba(0, 0, 0, 0.15); width: 418px; z-index: 9999; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .cart-area > ul > li{ border-bottom: 1px solid #d7d7d7; margin-bottom: 10px; padding-bottom: 10px; line-height: initial; } .cart-area > ul > li .media{ position: relative; } .cart-area > ul > li .media .cart-product-img{ padding-left: 15px; } .cart-area > ul > li .media .cart-product-img a{ display: inline-block; } .cart-area > ul > li .media .cart-product-img a img{ width: 80px; min-height: 80px; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .cart-area > ul > li .media .cart-content ul li{ margin-left: 25px; display: inline-block; } .cart-area > ul > li .media .cart-content ul li h1{ text-transform: capitalize; font-size: 16px; margin-bottom: 5px; font-weight: 500; } .cart-area > ul > li .media .cart-content ul li h1 a{ color: #222222; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .cart-area > ul > li .media .cart-content ul li h1 a:hover{ color: #cb011b; } .cart-area > ul > li .media .cart-content ul li h2{ font-size: 12px; color: #cb011b; } .cart-area > ul > li .media .cart-content ul li h2 span{ color: #222222; } .cart-area > ul > li .media .cart-content ul li a i{ font-size: 16px; color: #222222; } .cart-area > ul > li .media .cart-content ul li a i:hover{ color: #cb011b; } .cart-area > ul > li .media .cart-content ul li .trash{ font-size: 16px; color: #222222; } .cart-area > ul > li .media .cart-content ul li .trash:hover{ color: #cb011b; } .cart-area > ul > li .media .cart-content ul li:first-child{ width: 140px; } .cart-area > ul > li .media .cart-content ul li:last-child{ margin-left: 0; } .cart-area > ul > li:last-child{ border-bottom: none; } .cart-area > ul > li .checkout-btn-area{ margin: 20px 0 10px; text-align: center; } .cart-area > ul > li .checkout-btn-area li{ display: inline; } .cart-area > ul > li .checkout-btn-area li a{ background: #cb011b; color: #ffffff; display: inline-block; font-size: 14px; font-weight: 700; text-transform: uppercase; padding: 8px 15px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .cart-area > ul > li .checkout-btn-area li a:hover{ background: #a51c2d; } .cart-area > ul > li > span{ display: inline-block; border-top: 1px solid #d7d7d7; border-left: 1px solid #d7d7d7; font-size: 12px; text-align: center; line-height: 24px; width: 50%; } .cart-area > ul > li > span span{ border-right: 1px solid #d7d7d7; font-weight: 600; width: 100%; display: inline-block; } .cart-area:hover > ul{ opacity: 1; visibility: visible; } .header-address{ margin-top: 30px; } .header-address li{ display: inline-block; font-size: 18px; font-weight: 600; color: #222222; padding: 0 10px; } .header-address li span{ display: block; color: #444444; font-size: 14px; font-weight: 400; padding-right: 27px; } .header-address li i{ color: #cb011b; padding-left: 10px; width: 25px; } .header-one-style{ position: fixed; right: 0; left: 0; top: 0; width: 100%; z-index: 9999; } .header-two-style .logo-area{ height: 110px; } .header-two-style .nav-top-right > li{ height: 110px; } .header-two-style .header-area{ margin-bottom: 30px; } .header-three-style .container-fluid{ padding-right: 70px; padding-left: 70px; } .header-three-style .header-area{ background: rgba(255, 255, 255, 0.5); box-shadow: 0 3px 3px rgba(0, 0, 0, 0.05); } .header-four-style .logo-area{ height: 110px; } .header-four-style .nav-top-right > li{ height: 110px; } .header-five-style .header-area{ background: transparent; box-shadow: none; } .header-six-style .container-fluid{ padding-right: 70px; padding-left: 70px; } .header-six-style .main-menu-area nav{ text-align: center; } .logo-area{ height: 90px; display: table; } .logo-area a{ display: table-cell; vertical-align: middle; } .main-menu-area nav{ font-family: 'Roboto', sans-serif; text-align: left; } .main-menu-area nav > ul > li{ display: inline-block; position: relative; text-align: right; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .main-menu-area nav > ul > li > a{ color: #222222; display: inline-block; font-size: 15px; font-weight: 500; padding: 0 14px; line-height: 90px; text-transform: uppercase; } .main-menu-area nav > ul > li:hover ul.sub-menu{ opacity: 1; visibility: visible; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .main-menu-area nav > ul > li ul.sub-menu{ background: #cb011b; box-shadow: none; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; opacity: 0; margin: 0; min-width: 240px; padding: 0; top: 100%; position: absolute; visibility: hidden; -webkit-transform: translateY(100px); -moz-transform: translateY(100px); -ms-transform: translateY(100px); -o-transform: translateY(100px); transform: translateY(100px); -webkit-transition: all 0.42s ease-out; -moz-transition: all 0.42s ease-out; -ms-transition: all 0.42s ease-out; -o-transition: all 0.42s ease-out; transition: all 0.42s ease-out; z-index: 9999; } .main-menu-area nav > ul > li ul.sub-menu li{ display: block; border-bottom: 1px solid #a51c2d; position: relative; } .main-menu-area nav > ul > li ul.sub-menu li a{ display: block; color: #ffffff; font-weight: 400; padding: 12px 15px; text-transform: capitalize; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .main-menu-area nav > ul > li ul.sub-menu li a:hover, .main-menu-area nav > ul > li ul.sub-menu li a:focus{ background: #a51c2d; padding-right: 18px; } .main-menu-area nav > ul > li ul.sub-menu li:last-child{ border-bottom: none; } .main-menu-area nav > ul li.menu-justify{ position: static; } .main-menu-area nav > ul li.menu-justify .rt-dropdown-mega{ opacity: 0; position: absolute; right: 0; left: 0; margin: 0; z-index: 9999; visibility: hidden; -webkit-transform: translateY(100px); -moz-transform: translateY(100px); -ms-transform: translateY(100px); -o-transform: translateY(100px); transform: translateY(100px); -webkit-transition: all 0.42s ease-out; -moz-transition: all 0.42s ease-out; -ms-transition: all 0.42s ease-out; -o-transition: all 0.42s ease-out; transition: all 0.42s ease-out; } .main-menu-area nav > ul li.menu-justify .rt-dropdown-mega .rt-dropdown-inner{ background: #cb011b; padding: 20px; } .main-menu-area nav > ul li.menu-justify .rt-dropdown-mega .rt-dropdown-inner h3{ font-size: 20px; color: #ffffff; margin-bottom: 5px; } .main-menu-area nav > ul li.menu-justify .rt-dropdown-mega .rt-dropdown-inner ul.rt-mega-items li{ border-bottom: 1px solid #a51c2d; display: block; position: relative; } .main-menu-area nav > ul li.menu-justify .rt-dropdown-mega .rt-dropdown-inner ul.rt-mega-items li a{ display: block; color: #ffffff; font-weight: 400; padding: 10px 0px; text-transform: capitalize; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .main-menu-area nav > ul li.menu-justify .rt-dropdown-mega .rt-dropdown-inner ul.rt-mega-items li a:hover{ background: #a51c2d; padding-right: 8px; } .main-menu-area nav > ul li.menu-justify .rt-dropdown-mega .rt-dropdown-inner ul.rt-mega-items li:last-child{ border-bottom: none; } .main-menu-area nav > ul li.menu-justify:hover .rt-dropdown-mega{ opacity: 1; visibility: visible; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .mobile-menu-area{ display: none; } .menu-two-style .container{ position: relative; } .menu-two-style .container > .menu-full{ background: #cb011b; position: absolute; right: 0; left: 0; top: -35px; margin: 0 15px; z-index: 999; -webkit-transition: all 1s ease-out; -moz-transition: all 1s ease-out; -ms-transition: all 1s ease-out; -o-transition: all 1s ease-out; transition: all 1s ease-out; } .menu-two-style .container > .menu-full .col-xs-12{ padding: 0; } .menu-two-style .container > .menu-full > div{ padding: 0; } .menu-two-style .main-menu-area nav{ text-align: right; } .menu-two-style .main-menu-area nav > ul > li > a{ color: #ffffff; line-height: 70px; padding: 0 18px; } .menu-two-style .main-menu-area nav > ul > li .rt-dropdown-mega{ right: -15px; } .menu-two-style .get-quote{ height: 0; border-style: solid; border-width: 0 70px 70px 0 ; border-color: transparent transparent #222222 transparent ; line-height: 70px; position: absolute; right: 0; left: 0; text-align: center; } .menu-two-style .get-quote a{ color: #ffffff; font-weight: 700; font-size: 16px; text-transform: uppercase; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .menu-two-style .get-quote a:hover{ color: #cb011b; } .menu-four-style{ background: #222222; } .menu-four-style .main-menu-area nav{ text-align: right; } .menu-four-style .main-menu-area nav > ul > li > a{ color: #ffffff; line-height: 70px; padding: 0 20px; } .menu-four-style .get-quote{ background: #cb011b; text-align: center; line-height: 70px; } .menu-four-style .get-quote a{ color: #ffffff; font-weight: 700; font-size: 16px; text-transform: uppercase; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .header-one-style .main-menu-area nav > ul > li .rt-dropdown-mega, .header-five-style .main-menu-area nav > ul > li .rt-dropdown-mega{ right: -38%; } .header-five-style .main-menu-area nav ul li a{ color: #ffffff; } .header-five-style .nav-top-right > li i{ color: #ffffff; } .header-search i.fa.fa-search{ color: #222222; } h1.site-title, p.site-title{ font-size: 30px; margin: 11px 0px 0px 0px ; font-weight: 800; } .slider-overlay .nivoSlider .nivo-caption{ color: #444444; padding: 0; opacity: 1; } .slider-overlay .nivoSlider .nivo-caption:after{ background: rgba(0, 0, 0, 0.6); content: ""; position: absolute; right: 0; top: 0; height: 100%; width: 100%; } .slider-overlay-dark .nivoSlider .nivo-caption{ color: #444444; padding: 0; opacity: 1; } .slider-overlay-dark .nivoSlider .nivo-caption:after{ background: rgba(3, 23, 34, 0.6); content: ""; position: absolute; right: 0; top: 0; height: 100%; width: 100%; } .slider-area .nivoSlider .nivo-caption{ color: #444444; padding: 0; opacity: 1; } .slider-area .nivoSlider .slider-content{ position: relative; z-index: 99; } .slider-area .nivoSlider .slider-content .large-title{ color: #222222; font-size: 48px; margin-bottom: 20px; font-weight: 500; text-align: right; line-height: 1.4; font-family: 'Roboto', sans-serif; } .slider-area .nivoSlider .slider-content p{ font-size: 16px; text-align: right; padding: 0; width: 50%; } .slider-area .nivoSlider .slider-content .slider-btn-area{ display: block; margin-top: 40px; text-align: right; } .slider-area .nivoSlider .slider-content .slider-btn-area .btn-fill-round{ display: inline-block; background: #cb011b; color: #ffffff; font-weight: 600; font-size: 16px; text-transform: uppercase; padding: 14px 20px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .slider-area .nivoSlider .slider-content .slider-btn-area .btn-fill-round:hover{ background: #a51c2d; } .slider-area .nivoSlider .slider-content .slider-btn-area .btn-fill-round i{ padding-right: 15px; } .slider-area .nivoSlider .nivo-directionNav a.nivo-prevNav{ right: -15%; -webkit-transition: all 0.7s ease-out; -moz-transition: all 0.7s ease-out; -ms-transition: all 0.7s ease-out; -o-transition: all 0.7s ease-out; transition: all 0.7s ease-out; } .slider-area .nivoSlider .nivo-directionNav a.nivo-prevNav:before{ background: #ffffff; color: #222222; display: block; font-family: 'FontAwesome'; content: "\f104"; font-size: 24px; height: 50px; width: 40px; line-height: 50px; text-align: center; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .slider-area .nivoSlider .nivo-directionNav a.nivo-prevNav:hover:before{ background: #cb011b; color: #ffffff; } .slider-area .nivoSlider .nivo-directionNav a.nivo-nextNav{ left: -15%; -webkit-transition: all 0.7s ease-out; -moz-transition: all 0.7s ease-out; -ms-transition: all 0.7s ease-out; -o-transition: all 0.7s ease-out; transition: all 0.7s ease-out; } .slider-area .nivoSlider .nivo-directionNav a.nivo-nextNav:before{ background: #ffffff; color: #222222; display: block; font-family: 'FontAwesome'; content: "\f105"; font-size: 24px; height: 50px; width: 40px; line-height: 50px; text-align: center; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .slider-area .nivoSlider .nivo-directionNav a.nivo-nextNav:hover:before{ background: #cb011b; color: #ffffff; } .slider-area .nivo-controlNav{ padding: 0; } .slider-area:hover .nivoSlider .nivo-directionNav a.nivo-prevNav{ right: 2%; } .slider-area:hover .nivoSlider .nivo-directionNav a.nivo-nextNav{ left: 2%; } .slider-content-center .nivoSlider .slider-content .large-title{ color: #ffffff; font-size: 48px; font-weight: 500; text-align: center; margin-bottom: 20px; line-height: 1.4; font-family: 'Roboto', sans-serif; } .slider-content-center .nivoSlider .slider-content .large-upper-title{ color: #ffffff; font-size: 48px; font-weight: 500; text-align: center; text-transform: uppercase; margin-bottom: 20px; line-height: 1.4; font-family: 'Roboto', sans-serif; } .slider-content-center .nivoSlider .slider-content p{ color: #ffffff; margin: 0 auto; text-align: center; } .slider-content-center .nivoSlider .slider-content .slider-btn-area{ text-align: center; } .waste-time-area{ background: #cb011b; padding: 50px 0; } .waste-time-area .waste-time-content{ color: #ffffff; } .waste-time-area .waste-time-content h3{ color: #ffffff; font-size: 30px; margin-bottom: 5px; } .waste-time-area .waste-time-content p{ margin-bottom: 0; } .waste-time-area .waste-time-button{ text-align: left; } .waste-time-area .waste-time-button .btn-default{ display: inline-block; margin-top: 6px; } .item-author .position{ text-transform: capitalize; } .service-one-area{ padding: 120px 0 90px 0 ; } .single-service-one .single-service{ margin-bottom: 30px; text-align: center; } .single-service-one .single-service .service-image{ margin-bottom: 20px; position: relative; overflow: hidden; } .single-service-one .single-service .service-image img{ width: 100%; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .single-service-one .single-service .service-content{ margin-top: 25px; } .single-service-one .single-service .service-content h3{ margin-bottom: 20px; } .single-service-one .single-service .service-content h3 a{ color: #222222; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .single-service-one .single-service .service-content p{ margin-bottom: 0; text-align: justify; } .single-service-one .single-service:hover .service-image img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .single-service-one .single-service:hover .service-content h3 a{ color: #cb011b; } .service-two-area{ padding: 110px 0 70px; } .service-two-area .single-service{ margin-bottom: 30px; } .service-two-area .single-service .item-icon{ display: flex; color: #cb011b; padding-left: 20px; } .service-two-area .single-service .item-icon i:before{ font-size: 48px; line-height: 1; margin-right: 0; } .service-two-area .single-service .item-content h3{ margin-bottom: 15px; line-height: 1; } .service-two-area .single-service .item-content h3 a{ color: #222222; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .service-two-area .single-service:hover h3 a{ color: #cb011b; } .service-three-area .single-item .single-service{ background: #f5f5f5; box-shadow: -2px 0px 0px -1px #d8d8d8; padding: 90px 90px 75px; position: relative; overflow: hidden; z-index: 1; } .service-three-area .single-item .single-service:after{ background: #cb011b; position: absolute; content: ""; right: 0; top: 0; opacity: 0; height: 100%; width: 100%; z-index: -1; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .service-three-area .single-item .single-service .item-icon{ display: flex; -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; align-items: center; color: #cb011b; margin-bottom: 30px; } .service-three-area .single-item .single-service .item-icon i{ padding-left: 20px; } .service-three-area .single-item .single-service .item-icon i:before{ font-size: 48px; line-height: 1; margin-right: 0; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .service-three-area .single-item .single-service .item-icon h3{ margin-bottom: 0px; } .service-three-area .single-item .single-service .item-icon h3 a{ color: #222222; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .service-three-area .single-item .single-service .service-content{ display: inline; -webkit-transition: all 0.1s ease-out; -moz-transition: all 0.1s ease-out; -ms-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out; transition: all 0.1s ease-out; } .service-three-area .single-item .single-service:hover:after{ opacity: 1; } .service-three-area .single-item .single-service:hover .item-icon{ color: #ffffff; } .service-three-area .single-item .single-service:hover .item-icon h3 a{ color: #ffffff; } .service-three-area .single-item .single-service:hover .service-content{ color: #ffffff; } .service-four-area{ padding: 110px 0 120px 0 ; } .service-four-area .single-feature-item{ position: relative; overflow: hidden; } .service-four-area .single-feature-item .feature-content{ background: rgba(203, 1, 27, 0.8); color: #ffffff; position: absolute; right: 0; bottom: -100px; padding: 7px 25px 15px; -moz-transform: scale(1) translateY(0px); -webkit-transform: scale(1) translateY(0px); -o-transform: scale(1) translateY(0px); -ms-transform: scale(1) translateY(0px); transform: scale(1) translateY(0px); -webkit-transition: all 0.7s ease-out; -moz-transition: all 0.7s ease-out; -ms-transition: all 0.7s ease-out; -o-transition: all 0.7s ease-out; transition: all 0.7s ease-out; } .service-four-area .single-feature-item .feature-content h3{ margin-bottom: 0; padding: 10px 0; } .service-four-area .single-feature-item .feature-content h3 a{ color: #ffffff; } .service-four-area .single-feature-item .feature-content a.btn-flat{ color: #ffffff; font-weight: 600; text-transform: uppercase; } .service-four-area .single-feature-item .feature-content a.btn-flat i{ padding-right: 10px; } .service-four-area .single-feature-item .feature-content a.feature-icon i{ display: block; color: #ffffff; font-size: 18px; } .service-four-area .single-feature-item .feature-content a.feature-icon .fa-chevron-circle-down{ opacity: 0; position: absolute; left: 15px; top: 25px; } .service-four-area .single-feature-item .feature-content a.feature-icon .fa-chevron-circle-up{ position: absolute; left: 15px; top: 25px; } .service-four-area .single-feature-item:hover .feature-content{ bottom: 0px; padding-bottom: 30px; padding-top: 20px; } .service-four-area .single-feature-item:hover .feature-content a.feature-icon .fa-chevron-circle-down{ opacity: 1; } .service-four-area .single-feature-item:hover .feature-content a.feature-icon .fa-chevron-circle-up{ opacity: 0; } .service-five-area{ padding: 110px 0 90px; } .service-five-area .section-title-center{ margin-bottom: 70px; } .service-five-area .section-title-center h2{ font-size: 30px; } .service-five-area .single-service-item .single-service{ margin-bottom: 30px; text-align: center; } .service-five-area .single-service-item .single-service .service-icon{ background: #f5f5f5; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; display: inline-block; color: #cb011b; position: relative; overflow: hidden; line-height: 130px; width: 130px; height: 130px; z-index: 1; } .service-five-area .single-service-item .single-service .service-icon i{ -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .service-five-area .single-service-item .single-service .service-icon i:before{ font-size: 48px; margin-right: 0; } .service-five-area .single-service-item .single-service .service-icon:after{ background: rgba(203, 1, 27, 0.8); position: absolute; content: ""; right: 0; top: 0; opacity: 0; height: 100%; width: 100%; -moz-transform: scale(1) translateY(150px); -webkit-transform: scale(1) translateY(150px); -o-transform: scale(1) translateY(150px); -ms-transform: scale(1) translateY(150px); transform: scale(1) translateY(150px); -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; z-index: -1; } .service-five-area .single-service-item .single-service .service-content{ margin-top: 25px; } .service-five-area .single-service-item .single-service .service-content h3{ margin-bottom: 20px; } .service-five-area .single-service-item .single-service .service-content h3 a{ color: #222222; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .service-five-area .single-service-item .single-service .service-content p{ margin-bottom: 0; } .service-five-area .single-service-item .single-service:hover .service-icon:after{ -moz-transform: scale(1) translateY(0px); -webkit-transform: scale(1) translateY(0px); -o-transform: scale(1) translateY(0px); -ms-transform: scale(1) translateY(0px); transform: scale(1) translateY(0px); opacity: 1; } .service-five-area .single-service-item .single-service:hover .service-icon i{ color: #ffffff; } .service-five-area .single-service-item .single-service:hover .service-content h3 a{ color: #cb011b; } .service-six-area{ padding: 110px 0 90px; } .service-six-area .single-service-item .single-service{ margin-bottom: 30px; text-align: center; } .service-six-area .single-service-item .single-service .service-icon{ display: inline-block; color: #d6d6d6; font-size: 40px; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .service-six-area .single-service-item .single-service .service-icon i:before{ font-size: 48px; line-height: 1; margin-right: 0; } .service-six-area .single-service-item .single-service .service-content{ margin-top: 25px; } .service-six-area .single-service-item .single-service .service-content h3{ margin-bottom: 20px; } .service-six-area .single-service-item .single-service .service-content h3 a{ color: #222222; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .service-six-area .single-service-item .single-service .service-content p{ margin-bottom: 0; } .service-six-area .single-service-item .single-service .service-content a.ghost-btn{ margin-top: 30px; padding: 12px 25px; } .service-six-area .single-service-item .single-service:hover .service-icon{ color: #222222; } .service-six-area .single-service-item .single-service:hover .service-content h3 a{ color: #cb011b; } .about-one-area{ background-position: center; background-attachment: scroll; background-size: cover; padding-top: 110px; background-color: #f7efef; } .about-one-area .about-content-center .about-content{ padding-top: 90px; } .about-one-area .about-content-center .about-content h2{ position: relative; padding-bottom: 15px; } .about-one-area .about-content-center .about-content h2:after{ background: #cb011b; position: absolute; content: ""; right: 0; bottom: 0; height: 5px; width: 60px; } .about-one-area .about-content-center .about-content span{ display: block; font-size: 20px; font-style: italic; line-height: 28px; margin: 30px 0; } .about-one-area .about-content-center .about-content h3{ color: #cb011b; margin-bottom: 5px; } .about-one-area .about-content-center .about-content h4{ font-weight: 400; margin-bottom: 0; } .service-slider-one-area{ padding: 110px 0 120px 0 ; } .service-slider-one-area .single-feature-slide{ position: relative; overflow: hidden; } .service-slider-one-area .single-feature-slide .feature-slide-content{ background: rgba(203, 1, 27, 0.8); color: #ffffff; position: absolute; right: 0; left: 0; bottom: auto; top: 100%; padding: 7px 25px 5px; -moz-transform: translateY(-60px); -webkit-transform: translateY(-60px); -o-transform: translateY(-60px); -ms-transform: translateY(-60px); transform: translateY(-60px); -webkit-transition: all 0.7s ease-out; -moz-transition: all 0.7s ease-out; -ms-transition: all 0.7s ease-out; -o-transition: all 0.7s ease-out; transition: all 0.7s ease-out; } .service-slider-one-area .single-feature-slide .feature-slide-content h3{ margin-bottom: 0; padding: 10px 0; } .service-slider-one-area .single-feature-slide .feature-slide-content h3 a{ color: #ffffff; } .service-slider-one-area .single-feature-slide .feature-slide-content a.btn-flat{ color: #ffffff; font-weight: 600; text-transform: uppercase; } .service-slider-one-area .single-feature-slide .feature-slide-content a.btn-flat i{ padding-right: 10px; } .service-slider-one-area .single-feature-slide .feature-slide-content a.feature-icon i{ display: block; color: #ffffff; font-size: 18px; } .service-slider-one-area .single-feature-slide .feature-slide-content a.feature-icon .fa-chevron-circle-down{ opacity: 0; position: absolute; left: 15px; top: 25px; } .service-slider-one-area .single-feature-slide .feature-slide-content a.feature-icon .fa-chevron-circle-up{ position: absolute; left: 15px; top: 25px; } .service-slider-one-area .single-feature-slide:hover .feature-slide-content{ -moz-transform: translateY(-100%); -webkit-transform: translateY(-100%); -o-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); padding-bottom: 30px; padding-top: 20px; } .service-slider-one-area .single-feature-slide:hover .feature-slide-content a.feature-icon .fa-chevron-circle-down{ opacity: 1; } .service-slider-one-area .single-feature-slide:hover .feature-slide-content a.feature-icon .fa-chevron-circle-up{ opacity: 0; } .service-slider-two-area{ padding: 110px 0 120px; } .service-slider-two-area .single-feature-slide{ background: #ffffff; margin: 15px; } .service-slider-two-area .single-feature-slide .feature-slide-img{ position: relative; overflow: hidden; } .service-slider-two-area .single-feature-slide .feature-slide-img img{ -webkit-transform: translate3d(-50px, 0px, 0px); transform: translate3d(-50px, 0px, 0px); -webkit-transition: all 0.42s ease-out; -moz-transition: all 0.42s ease-out; -ms-transition: all 0.42s ease-out; -o-transition: all 0.42s ease-out; transition: all 0.42s ease-out; max-width: none; width: calc(130%); max-height: 260px; } .service-slider-two-area .single-feature-slide .feature-slide-content{ padding: 25px 30px 30px; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .service-slider-two-area .single-feature-slide .feature-slide-content h3{ margin-bottom: 10px; } .service-slider-two-area .single-feature-slide .feature-slide-content h3 a{ color: #222222; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .service-slider-two-area .single-feature-slide .feature-slide-content p{ margin-bottom: 0; } .service-slider-two-area .single-feature-slide:hover .feature-slide-img img{ -webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); opacity: 0.7; } .service-slider-two-area .single-feature-slide:hover .feature-slide-content{ box-shadow: 0 2px 4px #a1a1a1; } .service-slider-two-area .single-feature-slide:hover .feature-slide-content h3 a{ color: #cb011b; } .service-slider-three-area{ padding: 110px 0 120px; } .service-slider-three-area .single-feature-slide{ background: #f5f5f5; margin: 15px; } .service-slider-three-area .single-feature-slide .feature-slide-img{ position: relative; overflow: hidden; } .service-slider-three-area .single-feature-slide .feature-slide-img:after{ background: rgba(3, 23, 34, 0.9); color: #ffffff; position: absolute; content: ""; right: 0; top: 0; height: 100%; width: 100%; opacity: 0; -moz-transform: scale(1) translateY(400px); -webkit-transform: scale(1) translateY(400px); -o-transform: scale(1) translateY(400px); -ms-transform: scale(1) translateY(400px); transform: scale(1) translateY(400px); -webkit-transition: all 1s ease-out; -moz-transition: all 1s ease-out; -ms-transition: all 1s ease-out; -o-transition: all 1s ease-out; transition: all 1s ease-out; } .service-slider-three-area .single-feature-slide .feature-slide-img img{ -webkit-transform: translate3d(-50px, 0px, 0px); transform: translate3d(-50px, 0px, 0px); -webkit-transition: all 0.42s ease-out; -moz-transition: all 0.42s ease-out; -ms-transition: all 0.42s ease-out; -o-transition: all 0.42s ease-out; transition: all 0.42s ease-out; max-width: none; width: calc(130%); max-height: 260px; } .service-slider-three-area .single-feature-slide .feature-slide-content{ padding: 25px 30px 30px; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .service-slider-three-area .single-feature-slide .feature-slide-content h3{ margin-bottom: 10px; } .service-slider-three-area .single-feature-slide .feature-slide-content h3 a{ color: #222222; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .service-slider-three-area .single-feature-slide .feature-slide-content p{ margin-bottom: 0; } .service-slider-three-area .single-feature-slide:hover .feature-slide-img:after{ opacity: 1; -moz-transform: scale(1) translateY(0px); -webkit-transform: scale(1) translateY(0px); -o-transform: scale(1) translateY(0px); -ms-transform: scale(1) translateY(0px); transform: scale(1) translateY(0px); } .service-slider-three-area .single-feature-slide:hover .feature-slide-img img{ -webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); opacity: 0.9; } .service-slider-three-area .single-feature-slide:hover .feature-slide-content{ box-shadow: 0 2px 4px #a1a1a1; } .service-slider-three-area .single-feature-slide:hover .feature-slide-content h3 a{ color: #cb011b; } .service-slider-five-area{ padding: 110px 0 120px; } .service-slider-five-area .single-feature-slide .feature-slide-img{ position: relative; overflow: hidden; } .service-slider-five-area .single-feature-slide .feature-slide-img img{ -webkit-transform: translate3d(-50px, 0px, 0px); transform: translate3d(-50px, 0px, 0px); -webkit-transition: all 0.42s ease-out; -moz-transition: all 0.42s ease-out; -ms-transition: all 0.42s ease-out; -o-transition: all 0.42s ease-out; transition: all 0.42s ease-out; max-width: none; width: calc(130%); max-height: 260px; } .service-slider-five-area .single-feature-slide .feature-slide-content{ padding: 25px 0px 0px; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .service-slider-five-area .single-feature-slide .feature-slide-content h3{ margin-bottom: 10px; } .service-slider-five-area .single-feature-slide .feature-slide-content h3 a{ color: #222222; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .service-slider-five-area .single-feature-slide .feature-slide-content p{ margin-bottom: 0; } .service-slider-five-area .single-feature-slide:hover .feature-slide-img img{ -webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); opacity: 0.9; } .service-slider-five-area .single-feature-slide:hover .feature-slide-content h3 a{ color: #cb011b; } .service-slider-six-area{ background-repeat: no-repeat; background-size: cover; background-position: center; padding: 110px 0 120px; } .service-slider-six-area .section-title-center h2{ color: #ffffff; } .service-slider-six-area .section-title-center p{ color: #ffffff; width: 40%; } .service-slider-six-area .single-feature-slide{ position: relative; } .service-slider-six-area .single-feature-slide .feature-item{ position: relative; overflow: hidden; margin: 0 2px; } .service-slider-six-area .single-feature-slide .feature-item img{ -webkit-transform: translate3d(-50px, 0px, 0px); transform: translate3d(-50px, 0px, 0px); -webkit-transition: all 0.42s ease-out; -moz-transition: all 0.42s ease-out; -ms-transition: all 0.42s ease-out; -o-transition: all 0.42s ease-out; transition: all 0.42s ease-out; max-width: none; width: calc(114%); } .service-slider-six-area .single-feature-slide .feature-item:after{ background: rgba(3, 23, 34, 0.5); color: #ffffff; position: absolute; content: ""; right: 0; top: 0; height: 100%; width: 100%; opacity: 1; z-index: 1; -webkit-transition: all 0.42s ease-out; -moz-transition: all 0.42s ease-out; -ms-transition: all 0.42s ease-out; -o-transition: all 0.42s ease-out; transition: all 0.42s ease-out; } .service-slider-six-area .single-feature-slide h3{ background: #f5f5f5; display: inline-block; position: absolute; right: 0; left: 0; bottom: 0; margin-bottom: 0px; padding: 12px 0; text-align: center; z-index: 9; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .service-slider-six-area .single-feature-slide h3 a{ display: block; color: #222222; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .service-slider-six-area .single-feature-slide:hover .feature-item img{ -webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); opacity: 0.9; } .service-slider-six-area .single-feature-slide:hover .feature-item:after{ opacity: 0; } .service-slider-six-area .single-feature-slide:hover h3{ background: #cb011b; } .service-slider-six-area .single-feature-slide:hover h3 a{ color: #ffffff; } .footer-bottom-area .tagcloud a.tag-cloud-link{ font-size: 16px !important; } .weekly-financial-report{ padding: 110px 0 100px 0 ; } .financial-report-one .financial-report h2{ position: relative; padding-bottom: 15px; } .financial-report-one .financial-report h2:after{ background: #cb011b; position: absolute; content: ""; right: 0; bottom: 0; height: 5px; width: 60px; } .financial-report-one .financial-report span{ color: #cb011b; font-size: 18px; font-weight: 600; } .banner-one-area:after{ background: rgba(3,23,34,.5); content: ""; height: 100%; right: 0; position: absolute; top: 0; width: 100%; z-index: -1; } .banner-one-area .banner-content h2 span{ display: block; font-size: 46px; } .banner-one-area a.btn-default-black{ background: #cb011b; } .expert-advisor-slider-area{ padding: 110px 0px 120px; } .expert-advisor-slider-area .single-expert .item-image{ position: relative; overflow: hidden; } .expert-advisor-slider-area .single-expert .item-image img{ -moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .expert-advisor-slider-area .single-expert .item-content{ margin-top: 25px; text-align: center; } .expert-advisor-slider-area .single-expert .item-content h3{ margin-bottom: 5px; } .expert-advisor-slider-area .single-expert .item-content h3 a{ color: #222222; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .expert-advisor-slider-area .single-expert .item-content h3 a:hover{ color: #cb011b; } .expert-advisor-slider-area .single-expert .item-content .position{ color: #cb011b; } .expert-advisor-slider-area .single-expert .item-content ul.social-icons{ margin-top: 25px; list-style: none; } .expert-advisor-slider-area .single-expert .item-content ul.social-icons li{ display: inline-block; } .expert-advisor-slider-area .single-expert .item-content ul.social-icons li a{ border: 1px solid #d7d7d7; color: #cb011b; display: block; line-height: 38px; height: 40px; width: 40px; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .expert-advisor-slider-area .single-expert .item-content ul.social-icons li a:hover{ background: #cb011b; border: 1px solid #cb011b; color: #ffffff; } .expert-advisor-slider-area .single-expert:hover .item-image img{ -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .our-expert-slider-area{ padding: 110px 0px 120px; } .latest-news-one-area.bg-accent .item-image{ margin-bottom: 0px !important; } .our-expert-slider-area .single-expert{ background: #f5f5f5; padding: 50px 15px; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .our-expert-slider-area .single-expert .item-image{ position: relative; text-align: center; } .our-expert-slider-area .single-expert .item-image img{ -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; width: 150px; height: 150px; display: inline-block; } .our-expert-slider-area .single-expert .item-content{ margin-top: 25px; text-align: center; -webkit-transition: all 0.7s ease-out; -moz-transition: all 0.7s ease-out; -ms-transition: all 0.7s ease-out; -o-transition: all 0.7s ease-out; transition: all 0.7s ease-out; } .our-expert-slider-area .single-expert .item-content h3{ margin-bottom: 5px; } .our-expert-slider-area .single-expert .item-content h3 a{ color: #222222; -webkit-transition: all 0.7s ease-out; -moz-transition: all 0.7s ease-out; -ms-transition: all 0.7s ease-out; -o-transition: all 0.7s ease-out; transition: all 0.7s ease-out; } .our-expert-slider-area .single-expert .item-content .position{ color: #cb011b; display: block; margin-bottom: 20px; -webkit-transition: all 0.7s ease-out; -moz-transition: all 0.7s ease-out; -ms-transition: all 0.7s ease-out; -o-transition: all 0.7s ease-out; transition: all 0.7s ease-out; } .our-expert-slider-area .single-expert .item-content p{ text-align: justify; margin-bottom: 0; } .our-expert-slider-area .single-expert:hover{ background: #cb011b; } .our-expert-slider-area .single-expert:hover .item-content{ color: #ffffff; } .our-expert-slider-area .single-expert:hover .position{ color: #ffffff !important; } .our-expert-slider-area .single-expert:hover h3 a{ color: #ffffff; } .our-expert-member-slider-area{ padding: 110px 0px 120px; } .our-expert-member-slider-area .single-expert .item-content{ margin-top: 25px; text-align: right; -webkit-transition: all 0.7s ease-out; -moz-transition: all 0.7s ease-out; -ms-transition: all 0.7s ease-out; -o-transition: all 0.7s ease-out; transition: all 0.7s ease-out; } .our-expert-member-slider-area .single-expert .item-content h3{ margin-bottom: 5px; } .our-expert-member-slider-area .single-expert .item-content h3 a{ color: #222222; -webkit-transition: all 0.7s ease-out; -moz-transition: all 0.7s ease-out; -ms-transition: all 0.7s ease-out; -o-transition: all 0.7s ease-out; transition: all 0.7s ease-out; } .our-expert-member-slider-area .single-expert .item-content h3 a:hover{ color: #cb011b; } .our-expert-member-slider-area .single-expert .item-content .position{ color: #868686; display: block; font-size: 16px; } .our-expert-advisor{ padding: 110px 0px 120px; } .our-expert-advisor .single-expert{ background: #cb011b; display: flex; -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; align-items: center; margin-left: 50px; } .our-expert-advisor .single-expert .item-image{ position: relative; overflow: hidden; } .our-expert-advisor .single-expert .item-image:after{ background: rgba(3, 23, 35, 0.8); position: absolute; content: ""; right: 0; top: 0; opacity: 0; height: 100%; width: 100%; -moz-transform: scale(0); -webkit-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: all 0.7s ease-out; -moz-transition: all 0.7s ease-out; -ms-transition: all 0.7s ease-out; -o-transition: all 0.7s ease-out; transition: all 0.7s ease-out; } .our-expert-advisor .single-expert .item-image img{ -moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .our-expert-advisor .single-expert .item-image:hover:after{ -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); opacity: 1; } .our-expert-advisor .single-expert .item-image:hover img{ -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .our-expert-advisor .single-expert .item-content{ -webkit-box-flex: 2; -moz-flex: 2; -webkit-flex: 2; flex: 2; text-align: right; color: #ffffff; margin: 0 70px; } .our-expert-advisor .single-expert .item-content h3{ color: #ffffff; font-size: 30px; margin-bottom: 5px; } .our-expert-advisor .single-expert .item-content .position{ display: block; position: relative; margin-bottom: 25px; padding-bottom: 20px; } .our-expert-advisor .single-expert .item-content .position:after{ background: #ffffff; position: absolute; content: ""; right: 0; bottom: 0; margin: 0 auto; height: 4px; width: 50px; } .our-expert-advisor .single-expert .item-content ul.social-icons{ margin-top: 25px; list-style: none; } .our-expert-advisor .single-expert .item-content ul.social-icons li{ display: inline-block; padding-left: 30px; } .our-expert-advisor .single-expert .item-content ul.social-icons li a{ color: #ffffff; display: block; font-size: 16px; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .our-expert-advisor .single-expert .item-content ul.social-icons li:last-child{ padding-left: 0; } .our-expert-advisor .single-expert:after{ position: absolute; content: ""; left: 0px; bottom: 10px; width: 0; height: 0; border-style: solid; border-width: 420px 50px 0 0 ; border-color: transparent #e2e4ed transparent transparent ; } .expert-people-area, .team-layout-2{ padding: 110px 0 90px; } .expert-people-area .single-item, .team-layout-2 .single-item{ display: inline-block; margin-bottom: 30px; } .expert-people-area .single-item .item-image, .team-layout-2 .single-item .item-image{ height: auto; max-width: 200px; position: relative; overflow: hidden; } .expert-people-area .single-item .item-image .plus-icon, .team-layout-2 .single-item .item-image .plus-icon{ color: #ffffff; font-size: 20px; position: absolute; right: 0; left: 0; top: 50%; opacity: 0; margin: auto; text-align: center; z-index: 1; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 1s ease-out; -moz-transition: all 1s ease-out; -ms-transition: all 1s ease-out; -o-transition: all 1s ease-out; transition: all 1s ease-out; } .expert-people-area .single-item .item-image .plus-icon a, .team-layout-2 .single-item .item-image .plus-icon a{ color: #ffffff; } .expert-people-area .single-item .item-image .plus-icon a:hover, .team-layout-2 .single-item .item-image .plus-icon a:hover{ color: #cb011b; } .expert-people-area .single-item .item-image:after, .team-layout-2 .single-item .item-image:after{ background: rgba(3, 23, 35, 0.8); position: absolute; content: ""; right: 0; top: 0; width: 100%; height: 100%; opacity: 1; text-align: center; -webkit-transition: all 0.9s ease-out; -moz-transition: all 0.9s ease-out; -ms-transition: all 0.9s ease-out; -o-transition: all 0.9s ease-out; transition: all 0.9s ease-out; -moz-transform: scale(0); -webkit-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); } .expert-people-area .single-item .item-content, .team-layout-2 .single-item .item-content{ padding-right: 30px; } .expert-people-area .single-item .item-content h3, .team-layout-2 .single-item .item-content h3{ margin-bottom: 5px; } .expert-people-area .single-item .item-content h3 a, .team-layout-2 .single-item .item-content h3 a{ color: #222222; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .expert-people-area .single-item .item-content span.position, .team-layout-2 .single-item .item-content span.position{ display: block; font-weight: 500; margin-bottom: 20px; } .expert-people-area .single-item .item-content ul.social-icon, .team-layout-2 .single-item .item-content ul.social-icon{ padding-top: 15px; } .expert-people-area .single-item .item-content ul.social-icon li, .team-layout-2 .single-item .item-content ul.social-icon li{ display: inline-block; margin-left: 5px; } .expert-people-area .single-item .item-content ul.social-icon li a, .team-layout-2 .single-item .item-content ul.social-icon li a{ color: #cb011b; display: block; border: 1px solid #d7d7d7; text-align: center; line-height: 38px; height: 40px; width: 40px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .expert-people-area .single-item .item-content ul.social-icon li a:hover, .team-layout-2 .single-item .item-content ul.social-icon li a:hover{ background: #cb011b; border: 1px solid #cb011b; color: #ffffff; } .expert-people-area .single-item:hover .item-image .plus-icon, .team-layout-2 .single-item:hover .item-image .plus-icon{ opacity: 1; } .expert-people-area .single-item:hover .item-image:after, .team-layout-2 .single-item:hover .item-image:after{ opacity: 1; -moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .expert-people-area .single-item:hover .item-content h3 a, .team-layout-2 .single-item:hover .item-content h3 a{ color: #cb011b; } .asked-question-one-area{ display: flex; -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; align-items: center; background: #cb011b; } .asked-question-one-area .asked-image{ background-position: center; background-size: cover; background-repeat: no-repeat; width: 50%; overflow: hidden; } .asked-question-one-area .asked-question{ width: 50%; overflow: hidden; } .asked-question-one-area .asked-accordion{ padding: 30px 60px 30px 0 ; } .asked-question-one-area .asked-accordion h2{ color: #ffffff; position: relative; margin-bottom: 30px; padding-bottom: 15px; } .asked-question-one-area .asked-accordion h2:after{ background: #ffffff; position: absolute; content: ""; right: 0; bottom: 0; margin: 0 auto; height: 4px; width: 50px; } .asked-question-one-area .asked-accordion .asked-descrip{ color: #ffffff; margin-bottom: 30px; } .asked-question-one-area .asked-accordion .panel-default{ background: transparent; border: none; box-shadow: none; margin-top: 15px; } .asked-question-one-area .asked-accordion .panel-default .panel-heading{ border: none; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px; padding: 14px 20px; } .asked-question-one-area .asked-accordion .panel-default .panel-heading .panel-title{ font-size: 18px; } .asked-question-one-area .asked-accordion .panel-default .panel-heading .panel-title .accordion-toggle:after{ font-family: 'FontAwesome'; content: "\f107"; float: left; font-size: 20px; } .asked-question-one-area .asked-accordion .panel-default .panel-heading.active .panel-title{ color: #cb011b; } .asked-question-one-area .asked-accordion .panel-default .panel-heading.active .panel-title .accordion-toggle:after{ font-family: 'FontAwesome'; content: "\f106"; float: left; font-size: 20px; } .asked-question-one-area .asked-accordion .panel-default .panel-collapse .panel-body{ border: none; color: #ffffff; padding: 20px; } .asked-question-two-area .row{ display: flex; -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; align-items: center; } .asked-question-two-area .asked-image{ padding-top: 90px; } .asked-question-two-area .asked-accordion{ margin-bottom: 0; } .asked-question-two-area .asked-accordion h2{ position: relative; margin-bottom: 40px; padding-bottom: 15px; } .asked-question-two-area .asked-accordion h2:after{ background: #cb011b; position: absolute; content: ""; right: 0; bottom: 0; margin: 0 auto; height: 4px; width: 50px; } .asked-question-two-area .asked-accordion .asked-descrip{ margin-bottom: 30px; } .asked-question-two-area .asked-accordion .panel-default{ background: transparent; border: none; box-shadow: none; margin-top: 15px; } .asked-question-two-area .asked-accordion .panel-default .panel-heading{ background: #222222; border: none; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px; padding: 12px 20px; } .asked-question-two-area .asked-accordion .panel-default .panel-heading .panel-title{ color: #ffffff; font-size: 18px; } .asked-question-two-area .asked-accordion .panel-default .panel-heading .panel-title a:hover{ color: #ffffff !important; } .asked-question-two-area .asked-accordion .panel-default .panel-heading .panel-title .accordion-toggle:after{ font-family: 'FontAwesome'; content: "\f107"; float: left; font-size: 20px; } .asked-question-two-area .asked-accordion .panel-default .panel-heading.active{ background: #cb011b; } .asked-question-two-area .asked-accordion .panel-default .panel-heading.active .panel-title .accordion-toggle:after{ font-family: 'FontAwesome'; content: "\f106"; float: left; font-size: 20px; } .asked-question-two-area .asked-accordion .panel-default .panel-collapse .panel-body{ border: none; padding: 20px; } .testimonial-one-area{ padding: 110px 0; } .testimonial-one-area .single-testimonial .testimo-content i{ color: #d8d8d8; font-size: 30px; margin-bottom: 12px; } .testimonial-one-area .single-testimonial .testimo-info{ display: flex; -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; align-items: center; } .testimonial-one-area .single-testimonial .testimo-info .testimo-img{ padding-left: 20px; } .testimonial-one-area .single-testimonial .testimo-info .testimo-title h3{ color: #cb011b; font-size: 20px; margin-bottom: 5px; } .testimonial-two-area{ background-repeat: no-repeat; background-size: cover; background-position: center; padding: 110px 0; } .testimonial-two-area .single-testimonial{ margin: 0 auto; text-align: center; width: 60%; } .testimonial-two-area .single-testimonial .testimo-content{ color: #e8e9e9; margin-top: 25px; } .testimonial-two-area .single-testimonial .testimo-info .testimo-img img{ border: 4px solid #ffffff; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; display: inline-block; width: 80px; height: 80px; } .testimonial-two-area .single-testimonial .testimo-info ul.rating{ margin-top: 30px; } .testimonial-two-area .single-testimonial .testimo-info ul.rating li{ color: #ffc000; display: inline-block; font-size: 18px; } .testimonial-two-area .single-testimonial .testimo-info .testimo-title{ margin-top: 12px; } .testimonial-two-area .single-testimonial .testimo-info .testimo-title h3{ color: #ffffff; font-size: 18px; margin-bottom: 0px; } .testimonial-two-area .single-testimonial .testimo-info .testimo-title h3 .position{ color: inherit; } .testimonial-two-area .arrow-left-right .owl-controls .owl-nav > div{ border: 1px solid #ffffff; } .testimonial-two-area .arrow-left-right .owl-controls .owl-nav > div i{ color: #ffffff; } .testimonial-two-area .arrow-left-right .owl-controls .owl-nav > div:hover{ border: 1px solid #cb011b; } .latest-news-one-area{ padding: 110px 0 105px; } .latest-news-one-area .single-news{ background: #ffffff; margin: 15px; } .latest-news-one-area .single-new{ background: #ffffff; margin: 15px; } .latest-news-one-area .single-news .item-image{ position: relative; overflow: hidden; margin-bottom: 0px; } .latest-news-one-area .single-new .item-image{ position: relative; overflow: hidden; } .latest-news-one-area .single-news .item-image span.date{ background: #cb011b; color: #ffffff; font-size: 16px; font-weight: 600; padding: 6px 15px; position: absolute; right: 20px; bottom: 0; } .latest-news-one-area .single-new .item-image span.date{ background: #cb011b; color: #ffffff; font-size: 16px; font-weight: 600; padding: 6px 15px; position: absolute; right: 20px; bottom: 0; } .latest-news-one-area .single-news .item-image img{ -webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); -webkit-transition: all 0.42s ease-out; -moz-transition: all 0.42s ease-out; -ms-transition: all 0.42s ease-out; -o-transition: all 0.42s ease-out; transition: all 0.42s ease-out; max-width: none; width: calc(114%); } .latest-news-one-area .single-new .item-image img{ -webkit-transform: none !important; transform: none !important; -webkit-transition: all 0.42s ease-out; -moz-transition: all 0.42s ease-out; -ms-transition: all 0.42s ease-out; -o-transition: all 0.42s ease-out; transition: all 0.42s ease-out; max-width: none; width: 100% !important; -moz-transform: none !important; -o-transform: none !important; border-radius: 0 !important; } .latest-news-one-area .single-news .item-info{ padding: 35px 20px; -webkit-transition: all 0.7s ease-out; -moz-transition: all 0.7s ease-out; -ms-transition: all 0.7s ease-out; -o-transition: all 0.7s ease-out; transition: all 0.7s ease-out; } .latest-news-one-area .single-new .item-info{ padding: 35px 20px; box-shadow: 0 0px 26px 9px rgba(0, 0, 0, 0.05); -webkit-transition: all 0.7s ease-out; -moz-transition: all 0.7s ease-out; -ms-transition: all 0.7s ease-out; -o-transition: all 0.7s ease-out; transition: all 0.7s ease-out; } .latest-news-one-area .single-news .item-info h3{ font-size: 20px; } .latest-news-one-area .single-new .item-info h3{ font-size: 20px; } .latest-news-one-area .single-news .item-info h3 a{ color: #002e52; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .latest-news-one-area .single-new .item-info h3 a{ color: #002e52; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .latest-news-one-area .single-news .item-info .favourite{ margin-left: 20px; } .latest-news-one-area .single-new .item-info .favourite{ margin-left: 20px; } .latest-news-one-area .single-news .item-info i{ font-size: 18px; padding-left: 8px; } .latest-news-one-area .single-new .item-info i{ font-size: 18px; padding-left: 8px; } .latest-news-one-area .single-news:hover .item-image img{ -webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); } .latest-news-one-area .single-new:hover .item-image img{ -webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); } .single.single-post .latest-news{ display: block !important; margin-right: -15px; overflow: hidden; padding-bottom: 30px; } .latest-news-one-area .single-news:hover .item-info{ box-shadow: 0 2px 4px #a1a1a1; } .latest-news-one-area .single-new:hover .item-info h3 a{ color: #cb011b; } .single.single-post .latest-news-one-area{ padding: 45px 0 20px; } .single.single-post .latest-news-one-area .single-new{ margin: 0px !important; } .latest-news-one-area .single-news:hover .item-info h3 a{ color: #cb011b; } .latest-news-one-area .owl-controls .owl-nav{ left: 10px; } .news-two-style .single-news{ background: transparent; } .news-two-style .single-news .item-image span.date{ bottom: 20px; font-size: 18px; font-weight: 600; padding: 5px 18px; text-align: center; } .news-two-style .single-news .item-info{ padding: 28px 0 0; } .news-two-style .single-news .item-info p{ margin-bottom: 0; } .news-two-style .single-news:hover .item-info{ box-shadow: none; } .news-two-style .single-news:hover .item-info h3 a{ color: #cb011b; } .news-three-style{ padding: 110px 0 90px; } .news-three-style .single-news{ margin: 0 0 30px 0 ; } .request-call-one-area{ background: #cb011b url(img/section4.png); background-position: center; background-size: cover; background-attachment: scroll; background-repeat: no-repeat; padding: 120px 0 120px; } .request-call-one-area .request-form{ background: #ffffff; margin: 0 auto; padding: 70px 50px; width: 75%; position: relative; } .request-call-one-area .request-form:before{ background: #222222; border-radius: 50%; box-shadow: 0 2px 4px #a1a1a1; color: #ffffff; content: "\f095"; font-family: "FontAwesome"; font-size: 24px; height: 70px; right: 0; line-height: 70px; margin: 0 auto; position: absolute; text-align: center; left: 0; top: -38px; width: 70px; } .request-call-one-area .request-form .request-title{ text-align: center; font-weight: 500; margin-bottom: 40px; } .request-call-one-area .request-form .form-group{ margin-bottom: 25px; } .request-call-one-area .request-form .form-group .form-control{ border: 1px solid #d7d7d7; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; box-shadow: none; height: 45px; } .request-call-one-area .request-form .form-group.margin-bottom-none{ margin-bottom: 0; text-align: center; } .request-call-one-area .request-form .form-group.margin-bottom-none .default-big-btn{ background: #cb011b; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; box-shadow: none; color: #ffffff; font-size: 18px; font-weight: 600; padding: 12px 40px; text-transform: uppercase; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .request-call-one-area .request-form .form-group.margin-bottom-none .default-big-btn:hover{ background: #a51c2d; } .request-call-one-area .request-form .select2-container--classic .select2-selection--single{ background: #ffffff; border: 1px solid #d7d7d7; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; box-shadow: none; height: 45px; } .request-call-one-area .request-form .select2-container--classic .select2-selection--single .select2-selection__arrow{ background: transparent; border: none; box-shadow: none; top: 10px; } .request-call-one-area .request-form .select2-container--classic .select2-selection--single .select2-selection__rendered{ color: #8b8b8b; padding-right: 12px; line-height: 42px; } .select2-container--classic .select2-dropdown{ border: 1px solid #d7d7d7 !important; } .select2-container--classic .select2-results__option--highlighted[aria-selected]{ background: transparent; color: #444444; } .request-call-two-area{ display: flex; } .request-call-two-area .request-image{ width: 50%; overflow: hidden; } .request-call-two-area .request-form-wrapper{ background: #cb011b; display: flex; -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; align-items: center; width: 50%; overflow: hidden; } .request-call-two-area .request-form-select{ padding-right: 60px; } .request-call-two-area .request-form .request-title{ color: #ffffff; margin-bottom: 40px; padding-right: 60px; } .request-call-two-area .request-form .request-title h2{ color: #ffffff; font-size: 36px; line-height: 1; } .request-call-two-area .request-form .form-group{ margin-bottom: 10px; } .request-call-two-area .request-form .form-group .form-control{ background: #b70007; border: 1px solid #a51c2d; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; box-shadow: none; height: 45px; color: #ffffff; } .request-call-two-area .request-form .form-group .form-control::-moz-placeholder{ color: #ffffff; } .request-call-two-area .request-form .form-group .form-control::-webkit-input-placeholder{ color: #ffffff; } .request-call-two-area .request-form .form-group.margin-bottom-none{ margin-bottom: 0; margin-top: 30px; } .request-call-two-area .request-form .form-group.margin-bottom-none .default-big-btn{ background: #ffffff; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; box-shadow: none; color: #222222; font-size: 18px; font-weight: 600; padding: 12px 40px; text-transform: uppercase; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .request-call-two-area .request-form .form-group.margin-bottom-none .default-big-btn:hover{ color: #cb011b; } .request-call-two-area .request-form .select2-container--classic .select2-selection--single{ background: #b70007; border: 1px solid #a51c2d; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; box-shadow: none; height: 45px; } .request-call-two-area .request-form .select2-container--classic .select2-selection--single .select2-selection__arrow{ background: transparent; border: none; box-shadow: none; top: 10px; } .request-call-two-area .request-form .select2-container--classic .select2-selection--single .select2-selection__arrow b{ border-color: #ffffff transparent transparent; } .request-call-two-area .request-form .select2-container--classic .select2-selection--single .select2-selection__rendered{ color: #ffffff; padding-right: 12px; line-height: 42px; } .request-call-three-area{ padding: 120px 0 120px; } .request-call-three-area .request-form .form-left h2{ color: #ffffff; position: relative; margin-bottom: 30px; padding-bottom: 20px; line-height: 1; } .request-call-three-area .request-form .form-left h2:after{ background: #ffffff; content: ""; position: absolute; right: 0; bottom: 0; margin: 0 auto; height: 4px; width: 50px; } .request-call-three-area .request-form .form-group{ margin-bottom: 10px; } .request-call-three-area .request-form .form-group .form-control{ background: #b70007; border: 1px solid #a51c2d; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; box-shadow: none; height: 45px; color: #ffffff; } .request-call-three-area .request-form .form-group .form-control::-moz-placeholder{ color: #ffffff; } .request-call-three-area .request-form .form-group .form-control::-webkit-input-placeholder{ color: #ffffff; } .request-call-three-area .request-form .form-group.margin-bottom-none{ margin-bottom: 0; margin-top: 30px; } .request-call-three-area .request-form .form-group.margin-bottom-none .default-big-btn{ background: #ffffff; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; box-shadow: none; color: #222222; font-size: 16px; font-weight: 600; padding: 14px 40px; text-transform: uppercase; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .request-call-three-area .request-form .form-group.margin-bottom-none .default-big-btn:hover{ color: #cb011b; } .request-call-three-area .request-form .select2-container--classic .select2-selection--single{ background: #b70007; border: 1px solid #a51c2d; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; box-shadow: none; height: 45px; } .request-call-three-area .request-form .select2-container--classic .select2-selection--single .select2-selection__arrow{ background: transparent; border: none; box-shadow: none; top: 10px; } .request-call-three-area .request-form .select2-container--classic .select2-selection--single .select2-selection__arrow b{ border-color: #ffffff transparent transparent; } .request-call-three-area .request-form .select2-container--classic .select2-selection--single .select2-selection__rendered{ color: #ffffff; padding-right: 12px; line-height: 42px; } .our-partner{ padding: 90px 0; } .our-partner .single-item .item-image img{ width: inherit; } .our-partner .owl-controls .owl-nav{ position: inherit; } .our-partner .owl-controls .owl-nav > div{ margin: 0; position: absolute; top: 20%; } .our-partner .owl-controls .owl-nav .owl-prev{ right: -50px; } .our-partner .owl-controls .owl-nav .owl-next{ left: -50px; } .footer-bottom-area{ background: #222229; color: #dbdbdb; font-size: 16px; padding: 40px 0; } .footer-bottom-area .footer-box .title-bar-footer{ color: #ffffff; } .footer-bottom-area .footer-box .footer-about{ margin-top: 30px; } .footer-bottom-area .footer-box .footer-phone{ color: #ffffff; font-size: 24px; } .footer-bottom-area .footer-box .footer-phone i{ color: #cb011b; padding-left: 15px; } .footer-bottom-area .footer-box .footer-social{ margin-top: 20px; } .footer-bottom-area .footer-box .footer-social li{ display: initial; margin-left: 20px; } .footer-bottom-area .footer-box .footer-social li a{ color: transparent; font-size: 0px; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .footer-bottom-area .footer-box .footer-social li a:hover{ color: transparent; } .footer-bottom-area .footer-box .footer-social li:last-child{ margin-left: 0; } .footer-bottom-area .footer-box ul li{ margin-bottom: 5px; padding-bottom: 5px; } .footer-bottom-area .footer-box ul li:last-child{ margin-bottom: 0; padding-bottom: 0; } .footer-bottom-area .footer-box a{ color: #dbdbdb; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .footer-bottom-area .footer-box a:hover{ color: #cb011b; } .footer-bottom-area .footer-box .stylish-input-group{ padding-top: 15px; } .footer-bottom-area .stylish-input-group .form-control{ background: #18181c; border: none; box-shadow: none; color: #dbdbdb; border-radius: 0 30px 30px 0; height: 50px; padding-right: 18px; } .footer-bottom-area .footer-box .stylish-input-group .form-control::-moz-placeholder{ color: #dbdbdb; } .footer-bottom-area .footer-box .stylish-input-group .form-control::-webkit-input-placeholder{ color: #dbdbdb; } .footer-bottom-area .footer-box .stylish-input-group .input-group-addon{ background: #18181c; border: none; border-radius: 30px 0 0 30px; padding: 0; } .footer-bottom-area .footer-box .stylish-input-group .input-group-addon button{ background: #cb011b; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px; border: none; box-shadow: none; margin-left: 6px; padding: 12px 24px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .footer-bottom-area .footer-box .stylish-input-group .input-group-addon button i{ color: #ffffff; } .footer-bottom-area .footer-box .stylish-input-group .input-group-addon button:hover{ background: #a51c2d; } .copyright{ background: #1c1c21; color: #b1b1b1; font-size: 16px; padding: 25px 0; text-align: center; } .copyright p{ margin-bottom: 0; } .copyright a{ color: #cb011b; } .copyright a:hover{ color: #a51c2d; } #scrollUp{ background: rgba(203, 1, 27, 0.8); bottom: 5px; color: #ffffff; display: block; font-size: 18px; height: 45px; line-height: 45px; position: fixed; left: 20px; text-align: center; text-decoration: none; transition: all 0.5s cubic-bezier(0, 0, 0, 1) 0s; width: 45px; z-index: 99999; border-radius: 50%; } #scrollUp i{ color: #ffffff; } #scrollUp:hover, #scrollUp:focus{ background-color: rgba(255, 255, 255, 0.8); } #scrollUp:hover i, #scrollUp:focus i{ color: #cb011b; } #preloader{ background: #f5f5f5 url('img/preloader.gif') no-repeat scroll center center; height: 100%; right: 0; overflow: visible; position: fixed; top: 0; width: 100%; z-index: 9999999; } .style-switch{ background-color: #b70007; } .style-switch ul .active a{ color: #cb011b; } .style-switch .switch-button{ left: -45px; background-color: #cb011b; color: #ffffff; padding: 10px 10px 12px; } .sidebar .section-title{ margin-bottom: 0px; } .sidebar ul.footer-social{ font-size: 0px; color: transparent; margin-bottom: -15px; } .sidebar ul.footer-social li{ display: inline-flex; padding: 7px 5px; border-bottom: none !important; } .social-links ul li a:before{ content: "\f0c1"; font-family: FontAwesome, sans-serif; color: #cb011b; font-size: 20px; line-height: 15px; transition: color 0.3s ease-in-out 0s; vertical-align: middle; } .social-links ul li a[href*="facebook.com"]:before{ content: "\f09a"; } .social-links ul li a[href*="twitter.com"]:before{ content: "\f099"; } .social-links ul li a[href*="linkedin.com"]:before{ content: "\f0e1"; } .social-links ul li a[href*="plus.google.com"]:before{ content: "\f0d5"; } .social-links ul li a[href*="youtube.com"]:before{ content: "\f167"; } .social-links ul li a[href*="dribbble.com"]:before{ content: "\f17d"; } .social-links ul li a[href*="pinterest.com"]:before{ content: "\f0d2"; } .social-links ul li a[href*="bitbucket.org"]:before{ content: "\f171"; } .social-links ul li a[href*="github.com"]:before{ content: "\f113"; } .social-links ul li a[href*="codepen.io"]:before{ content: "\f1cb"; } .social-links ul li a[href*="flickr.com"]:before{ content: "\f16e"; } .social-links ul li a[href$="/feed/"]:before{ content: "\f09e"; } .social-links ul li a[href*="foursquare.com"]:before{ content: "\f180"; } .social-links ul li a[href*="instagram.com"]:before{ content: "\f16d"; } .social-links ul li a[href*="tumblr.com"]:before{ content: "\f173"; } .social-links ul li a[href*="reddit.com"]:before{ content: "\f1a1"; } .social-links ul li a[href*="vimeo.com"]:before{ content: "\f194"; } .social-links ul li a[href*="digg.com"]:before{ content: "\f1a6"; } .social-links ul li a[href*="twitch.tv"]:before{ content: "\f1e8"; } .social-links ul li a[href*="stumbleupon.com"]:before{ content: "\f1a4"; } .social-links ul li a[href*="delicious.com"]:before{ content: "\f1a5"; } .social-links ul li a[href*="mailto:"]:before{ content: "\f0e0"; } .social-links ul li a[href*="skype.com"]:before{ content: "\f17e"; } .social-links ul li a[href*="dribble.com"]:before{ content: "\f17d"; } .sidebar ul li:before,.sidebar .widget_recent_entries ul li:before,.sidebar .widget_recent_comments ul li:before, .sidebar .widget.widget_archive ul li:before , .sidebar .widget.widget_categories ul li:before{ font-family: FontAwesome, sans-serif; content: "\f105"; color: #cb011b; padding-left: 12px; } .sidebar .woocommerce ul.product_list_widget li a{ padding-right: 0; } .sidebar .widget.widget_archive ul li, .sidebar .widget.widget_categories ul li{ display: flex; } .left-sidebar .left-block{ float: left; } .right-sidebar .left-block{ float: right; } .no-sidebar .left-block{ width: 100% !important; } .no-sidebar .right-block{ display: none; } .sidebar a{ color: #000; } .sidebar a:hover{ color: #cb011b; } .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover{ color: #ffffff; } .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea{ min-height: 35px; padding: 10px; } .select2-container .select2-selection--single{ height: 40px; padding: 5px; } .left-tab-style{ padding: 120px 0; } .left-tab-style .tabs-left .nav-tabs{ float: right; margin-left: 25px; border: none; } .left-tab-style .tabs-left .nav-tabs li{ margin-bottom: 5px; float: none; } .left-tab-style .tabs-left .nav-tabs li a{ background: #f5f5f5; border: none; font-size: 18px; color: #222222; display: flex; -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; align-items: center; padding: 15px 20px; min-width: 330px; margin: 3px; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .left-tab-style .tabs-left .nav-tabs li a:hover{ background: #cb011b; color: #ffffff; } .left-tab-style .tabs-left .nav-tabs li a:hover i{ color: #ffffff; } .left-tab-style .tabs-left .nav-tabs li a i{ color: #cb011b; padding-left: 12px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .left-tab-style .tabs-left .nav-tabs li a i:before{ font-size: 36px; line-height: 1; margin-right: 0; } .left-tab-style .tabs-left .nav-tabs li.active a{ border: none; background: #cb011b; color: #ffffff; } .left-tab-style .tabs-left .nav-tabs li.active a i{ color: #ffffff; } .left-tab-style .tabs-left .tab-content{ display: table-cell; } .left-tab-style .tabs-left .tab-content h2{ position: relative; margin-bottom: 30px; padding-bottom: 15px; } .left-tab-style .tabs-left .tab-content h2:after{ position: absolute; background: #cb011b; content: ""; right: 0; bottom: 0; margin: 0 auto; height: 4px; width: 50px; } .people-choose-services{ position: relative; display: flex; } .people-choose-services .choose-services{ background: #cb011b; width: 50%; overflow: hidden; } .people-choose-services .people-image{ width: 50%; overflow: hidden; position: relative; } .people-choose-services .choose-services-wrapper{ position: absolute; right: 0; left: 0; top: 0; bottom: 0; display: flex; -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; align-items: center; } .people-choose-services .people-choose-content{ padding-left: 75px; color: #ffffff; } .people-choose-services .people-choose-content h2{ color: #ffffff; font-size: 40px; font-weight: 500; } .people-choose-services .people-choose-content a.ghost-btn{ border: 2px solid #ffffff; color: #ffffff; margin-top: 30px; } .people-choose-services .people-choose-content a.ghost-btn i{ padding-right: 12px; } .people-choose-services .people-choose-content a.ghost-btn:hover{ background: #ffffff; color: #cb011b; } .people-choose-services .people-image:before{ background: rgba(0, 0, 0, 0.5); position: absolute; content: ""; right: 0; top: 0; height: 100%; width: 100%; z-index: 1; } .people-choose-services .calculator{ position: absolute; right: 0; bottom: 45px; z-index: 1; } .people-choose-services .banner-logo{ position: absolute; left: 100px; bottom: 100px; z-index: 1; } .counter-area{ background-repeat: no-repeat; background-size: cover; padding: 110px 0 90px; } .counter-area .counter-title h2{ font-size: 46px; color: #ffffff; margin-bottom: 80px; text-align: center; } .counter-area .counter-content{ text-align: center; } .counter-area .counter-content .counter1-box{ margin-bottom: 30px; } .counter-area .counter-content h3{ color: #ffffff; font-size: 40px; margin-bottom: 5px; } .counter-area .counter-content p{ color: #cb011b; font-size: 18px; margin-bottom: 0; } .financial-analysis-area{ padding: 120px 0 120px; } .financial-analysis-area .financial-content h2{ position: relative; margin-bottom: 30px; padding-bottom: 15px; line-height: 1; } .financial-analysis-area .financial-content h2:after{ position: absolute; background: #cb011b; content: ""; right: 0; bottom: 0; margin: 0 auto; height: 4px; width: 50px; } .our-case-studies-area{ padding: 110px 0 80px; } .our-case-studies-area .case-item{ margin-bottom: 40px; } .our-case-studies-area .case-item .item-image{ position: relative; } .our-case-studies-area .case-item .item-image:after{ background: rgba(3, 23, 34, 0.7); position: absolute; content: ""; right: 0; bottom: 0; opacity: 0; height: 100%; width: 100%; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .our-case-studies-area .case-item .item-image-mobile{ display: none; } .our-case-studies-area .case-item .item-content-bottom{ position: relative; padding: 30px 0 0; } .our-case-studies-area .case-item .item-content-bottom h3{ margin-bottom: 15px; } .our-case-studies-area .case-item .item-content-bottom h3 a{ color: #222222; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .our-case-studies-area .case-item .item-content-bottom:before{ position: absolute; content: ""; right: 25px; top: 0px; width: 0; height: 0; margin: 0 auto; z-index: 1; opacity: 0; border-style: solid; border-width: 0 10px 15px; border-color: transparent transparent #ffffff transparent ; -webkit-transition: all 0.9s ease-out; -moz-transition: all 0.9s ease-out; -ms-transition: all 0.9s ease-out; -o-transition: all 0.9s ease-out; transition: all 0.9s ease-out; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } .our-case-studies-area .case-item .item-content-top{ position: relative; padding: 0 0 30px; } .our-case-studies-area .case-item .item-content-top h3{ margin-bottom: 15px; } .our-case-studies-area .case-item .item-content-top h3 a{ color: #222222; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .our-case-studies-area .case-item .item-content-top:after{ position: absolute; content: ""; right: 25px; bottom: -15px; width: 0; height: 0; margin: 0 auto; z-index: 1; opacity: 0; border-style: solid; border-width: 15px 10px 0; border-color: #ffffff transparent transparent transparent ; -webkit-transition: all 0.9s ease-out; -moz-transition: all 0.9s ease-out; -ms-transition: all 0.9s ease-out; -o-transition: all 0.9s ease-out; transition: all 0.9s ease-out; -webkit-transform: translateY(-15px); -moz-transform: translateY(-15px); -ms-transform: translateY(-15px); -o-transform: translateY(-15px); transform: translateY(-15px); } .our-case-studies-area .case-item:hover .item-image:after{ opacity: 1; } .our-case-studies-area .case-item:hover .item-content-bottom h3 a, .our-case-studies-area .case-item:hover .item-content-top h3 a{ color: #cb011b; } .our-case-studies-area .case-item:hover .item-content-bottom:before, .our-case-studies-area .case-item:hover .item-content-top:before{ opacity: 1; -webkit-transform: translateY(-15px); -moz-transform: translateY(-15px); -ms-transform: translateY(-15px); -o-transform: translateY(-15px); transform: translateY(-15px); } .our-case-studies-area .case-item:hover .item-content-bottom:after, .our-case-studies-area .case-item:hover .item-content-top:after{ opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } .our-portfolio-area{ padding: 110px 0 120px; } .our-portfolio-area .no-gutter{ margin: 0; } .our-portfolio-area.layout-space{ padding: 120px 0 80px; } .portfolio-layout-1 .single-item{ position: relative; overflow: hidden; margin: 1px; } .portfolio-layout-1 .single-item .overlay-dark:after{ -webkit-transition: all 0.8s ease-out; -moz-transition: all 0.8s ease-out; -ms-transition: all 0.8s ease-out; -o-transition: all 0.8s ease-out; transition: all 0.8s ease-out; opacity: 0; z-index: 1; } .portfolio-layout-1 .single-item .item-content h3{ margin-bottom: 0; position: absolute; right: 0; left: 0; bottom: 45%; opacity: 0; text-align: center; z-index: 1; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .portfolio-layout-1 .single-item .item-content h3 a{ color: #ffffff; } .portfolio-layout-1 .single-item .item-content h3 a:hover{ color: #cb011b; } .portfolio-layout-1 .single-item .item-content a.plus-icon{ background: #cb011b; color: #ffffff; font-size: 18px; margin-bottom: 0; position: absolute; left: 0; bottom: -45px; opacity: 0; padding: 8px 14px; text-align: center; z-index: 1; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .portfolio-layout-1 .single-item:hover .overlay-dark:after{ opacity: 1; } .portfolio-layout-1 .single-item:hover .item-content h3{ opacity: 1; } .portfolio-layout-1 .single-item:hover .item-content a.plus-icon{ bottom: 0; opacity: 1; } .portfolio-layout-2 .single-item{ margin-bottom: 40px; } .portfolio-layout-2 .single-item .item-image{ position: relative; overflow: hidden; } .portfolio-layout-2 .single-item .item-image .overlay{ color: #ffffff; position: absolute; right: 0; left: 0; opacity: 0; top: 50%; text-align: center; z-index: 1; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .portfolio-layout-2 .single-item .item-image:after{ background: rgba(3, 23, 34, 0.8); position: absolute; content: ""; right: 0; top: 0; opacity: 0; height: 100%; width: 100%; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .portfolio-layout-2 .single-item .item-image a.plus-icon{ background: #cb011b; color: #ffffff; font-size: 18px; position: absolute; left: -40px; bottom: -40px; opacity: 0; text-align: center; line-height: 40px; height: 40px; width: 40px; z-index: 1; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .portfolio-layout-2 .single-item .item-image img{ -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .portfolio-layout-2 .single-item .item-content{ padding-top: 20px; } .portfolio-layout-2 .single-item .item-content h3{ margin-bottom: 10px; } .portfolio-layout-2 .single-item .item-content h3 a{ color: #222222; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .portfolio-layout-2 .single-item:hover .item-image .overlay{ opacity: 1; } .portfolio-layout-2 .single-item:hover .item-image:after{ opacity: 1; } .portfolio-layout-2 .single-item:hover .item-image a.plus-icon{ left: 0; bottom: 0; opacity: 1; } .portfolio-layout-2 .single-item:hover .item-image img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .portfolio-layout-2 .single-item:hover .item-content h3 a{ color: #cb011b; } .portfolio-layout-3 .single-item{ margin-bottom: 40px; box-shadow: 0 6px 4px #ccc; } .portfolio-layout-3 .single-item .item-image{ position: relative; overflow: hidden; } .portfolio-layout-3 .single-item .item-image .overlay{ background: rgba(3, 23, 34, 0.8); color: #ffffff; position: absolute; content: ""; right: 0; left: 0; opacity: 0; height: 100%; width: 100%; padding: 30px 20px; text-align: center; z-index: 1; -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .portfolio-layout-3 .single-item .item-image .overlay span{ display: block; margin-bottom: 15px; font-weight: 600; } .portfolio-layout-3 .single-item .item-image .overlay a.plus-icon{ background: #cb011b; color: #ffffff; font-size: 18px; position: absolute; left: 0; right: 0; display: block; margin: 0 auto; text-align: center; line-height: 40px; height: 40px; width: 40px; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .portfolio-layout-3 .single-item .item-content{ padding: 20px 20px 10px; text-align: center; } .portfolio-layout-3 .single-item .item-content h3{ margin-bottom: 10px; } .portfolio-layout-3 .single-item .item-content h3 a{ color: #222222; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .portfolio-layout-3 .single-item:hover .item-image .overlay{ opacity: 1; -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } .portfolio-layout-3 .single-item:hover .item-content h3 a{ color: #cb011b; } .detail-portfolio-item .item-header{ margin-top: 30px; } .detail-portfolio-item .item-header h2{ font-size: 24px; } .design-own-area{ background-repeat: no-repeat; background-size: cover; background-position: center; padding: 110px 0 120px; } .design-own-area .own-site-content{ text-align: center; } .design-own-area .own-site-content h2{ font-size: 36px; margin-bottom: 30px; } .design-own-area .own-site-content p{ padding: 0 7%; } .design-own-area .own-site-content a.ghost-btn{ margin-top: 20px; } h2.trail-browse{ display: none; } .page-title h2{ font-size: 32px; color: #ffffff; margin-bottom: 10px; text-transform: capitalize; } .page-title .breadcrumbs{ background: transparent; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; margin: 0; padding: 0; } .page-title .breadcrumbs ul.trail-items li a,.trail-item.trail-end{ color: #FFF !important; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .page-title .breadcrumbs ul.trail-items li a:hover{ color: #cb011b; } .page-title .breadcrumbs ul.trail-items li.active{ color: #cb011b; } .page-title .breadcrumbs ul.trail-items > li + li::before{ content: " - "; padding: 0 5px; color: #ccc; } .page-title .breadcrumbs ul.trail-items{ display: inline-flex; } .trail-item.trail-end{ color: #cb011b; } .trail-item.trail-end{color: #cb011b;} .breadcrumbs a, .breadcrumbs{color: #FFF;} .video-section{ background-size: cover; background-position: 52% 100%; } .video-overlay{ background: rgba(0, 0, 0, 0.7); } .video-overlay .video{ text-align: center; padding: 100px 0; } .video-overlay .video h3{ font-size: 30px; font-weight: 700; color: #fefefe; text-transform: uppercase; padding-top: 3px; } .video-overlay .video p{ color: #fff; } .custom-logo-link{ max-width: 250px; } .custom-logo-link img{ margin: 15px 0 15px 15px ; } .about-page-one-area{ background-repeat: no-repeat; background-position: 90% center; padding: 120px 0 100px; } .about-page-one-area .about-content span{ color: #222222; font-size: 20px; font-weight: 600; } .about-page-one-area .about-video{ position: relative; } .about-page-one-area .about-video a.video{ position: absolute; top: 50%; right: 0; left: 0; display: block; text-align: center; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .about-page-one-area .about-video a.video i{ border: 1px solid #ffffff; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; height: 45px; width: 45px; line-height: 43px; color: #cb011b; } .about-service-one-area{ padding: 110px 0 90px; } .about-service-one .single-service{ margin-bottom: 30px; } .about-service-one .single-service .item-icon{ color: #ffffff; display: flex; font-size: 30px; padding-left: 20px; } .about-service-one .single-service .item-icon i:before{ font-size: 48px; margin-right: 0; line-height: 1; } .about-service-one .single-service .item-content{ display: inline; } .about-service-one .single-service .item-content h3 a{ color: #ffffff; position: relative; padding-bottom: 15px; margin-bottom: 10px; display: inline-block; } .about-service-one .single-service .item-content h3 a:after{ background: #ffffff; position: absolute; content: ""; right: 0; bottom: 0; height: 4px; width: 50px; } .service-layout-1{ padding: 120px 0 80px; } .service-layout-1 .single-item{ margin-bottom: 40px; } .service-layout-1 .single-item .item-image{ overflow: hidden; position: relative; } .service-layout-1 .single-item .item-image:before{ position: absolute; top: 0; right: -75%; z-index: 2; display: block; content: ''; width: 50%; height: 100%; background: linear-gradient(to left rgba(255, 255, 255, 0) 100% rgba(255, 255, 255, 0.3) 100%); -webkit-transform: skewX(-25deg); transform: skewX(-25deg); } @keyframes shine{ 100%{ left: 125%; } } .service-layout-1 .single-item .item-content{ padding-top: 25px; } .service-layout-1 .single-item .item-content h3{ margin-bottom: 15px; } .service-layout-1 .single-item .item-content h3 a{ color: #222222; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .service-layout-1 .single-item:hover .item-image:before{ -webkit-animation: shine .75s; animation: shine .75s; } .service-layout-1 .single-item:hover .item-content h3 a{ color: #cb011b; } .service-layout-2{ padding: 120px 0 100px; } .service-layout-2 .single-item{ margin-bottom: 40px; } .service-layout-2 .single-item .item-image{ overflow: hidden; position: relative; } .service-layout-2 .single-item .item-image:before{ position: absolute; top: 0; right: -75%; z-index: 2; display: block; content: ''; width: 50%; height: 100%; background: linear-gradient(to left rgba(255, 255, 255, 0) 100% rgba(255, 255, 255, 0.3) 100%); -webkit-transform: skewX(-25deg); transform: skewX(-25deg); } .service-layout-2 .single-item .item-content h3{ line-height: 1; position: relative; padding-bottom: 20px; margin-bottom: 30px; } .service-layout-2 .single-item .item-content h3:after{ background: #cb011b; position: absolute; content: ""; right: 0; bottom: 0; margin: 0 auto; height: 4px; width: 50px; } .service-layout-2 .single-item .item-content h3 a{ color: #222222; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .service-layout-2 .single-item .item-content a.ghost-btn{ border: 1px solid #d7d7d7; color: #cb011b; font-size: 14px; margin-top: 20px; padding: 12px 20px; } .service-layout-2 .single-item .item-content a.ghost-btn i{ color: #444444; padding-right: 10px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .service-layout-2 .single-item .item-content a.ghost-btn:hover{ border: 1px solid #cb011b; color: #ffffff; } .service-layout-2 .single-item .item-content a.ghost-btn:hover i{ color: #ffffff; } .service-layout-2 .single-item:hover .item-image:before{ -webkit-animation: shine .75s; animation: shine .75s; } .service-layout-2 .single-item:hover .item-content h3 a{ color: #cb011b; } .service-layout-3{ padding: 120px 0 90px; } .service-layout-3 .single-item{ position: relative; overflow: hidden; margin-bottom: 30px; } .service-layout-3 .single-item .item-content{ background: rgba(203, 1, 27, 0.8); color: #ffffff; position: absolute; right: 0; left: 0; bottom: -100px; padding: 7px 25px 15px; -moz-transform: scale(1) translateY(0px); -webkit-transform: scale(1) translateY(0px); -o-transform: scale(1) translateY(0px); -ms-transform: scale(1) translateY(0px); transform: scale(1) translateY(0px); -webkit-transition: all 0.7s ease-out; -moz-transition: all 0.7s ease-out; -ms-transition: all 0.7s ease-out; -o-transition: all 0.7s ease-out; transition: all 0.7s ease-out; } .service-layout-3 .single-item .item-content h3{ margin-bottom: 0; padding: 10px 0; } .service-layout-3 .single-item .item-content h3 a{ color: #ffffff; } .service-layout-3 .single-item .item-content a.btn-flat{ color: #ffffff; font-weight: 600; text-transform: uppercase; } .service-layout-3 .single-item .item-content a.btn-flat i{ padding-right: 10px; } .service-layout-3 .single-item .item-content a.item-icon i{ display: block; color: #ffffff; font-size: 18px; } .service-layout-3 .single-item .item-content a.item-icon .fa-chevron-circle-down{ opacity: 0; position: absolute; left: 15px; top: 25px; } .service-layout-3 .single-item .item-content a.item-icon .fa-chevron-circle-up{ position: absolute; left: 15px; top: 25px; } .service-layout-3 .single-item:hover .item-content{ bottom: 100px; padding-bottom: 30px; padding-top: 20px; -moz-transform: scale(1) translateY(101px); -webkit-transform: scale(1) translateY(101px); -o-transform: scale(1) translateY(101px); -ms-transform: scale(1) translateY(101px); transform: scale(1) translateY(101px); } .service-layout-3 .single-item:hover .item-content a.item-icon .fa-chevron-circle-down{ opacity: 1; } .service-layout-3 .single-item:hover .item-content a.item-icon .fa-chevron-circle-up{ opacity: 0; } .service-layout-detail{ padding: 120px 0 120px; } .service-layout-detail .detail-item .item-header{ margin-top: 30px; } .service-layout-detail .detail-item h2{ font-size: 24px; position: relative; padding-bottom: 15px; margin-bottom: 30px; } .service-layout-detail .detail-item h2:after{ background: #cb011b; position: absolute; content: ""; right: 0; bottom: 0; margin: 0 auto; height: 4px; width: 50px; } .service-layout-detail .detail-item .monthly-servay{ margin-top: 40px; display: flex; -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; align-items: center; } .service-layout-detail .detail-item .monthly-servay .servay-left{ flex: 1; padding-left: 30px; } .service-layout-detail .detail-item .monthly-servay .servay-right{ flex: 1; padding-right: 30px; } .service-layout-detail .detail-item .solution{ margin-top: 30px; } .service-layout-detail .detail-item .solution ul.nav-tabs{ border: 1px solid #d7d7d7; border-bottom: none; } .service-layout-detail .detail-item .solution ul.nav-tabs li{ border-bottom: 3px solid #d7d7d7; margin-bottom: 0; width: 33.333333%; text-align: center; font-weight: 700; font-size: 16px; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .service-layout-detail .detail-item .solution ul.nav-tabs li a{ border: none; color: #444444; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .service-layout-detail .detail-item .solution ul.nav-tabs li a:hover{ background: transparent; color: #cb011b; } .service-layout-detail .detail-item .solution ul.nav-tabs li:hover{ border-bottom: 3px solid #cb011b; } .service-layout-detail .detail-item .solution ul.nav-tabs li.active{ border-bottom: 3px solid #cb011b; } .service-layout-detail .detail-item .solution ul.nav-tabs li.active a{ color: #cb011b; } .service-layout-detail .detail-item .solution .tab-content{ border: 1px solid #d7d7d7; border-top: none; padding: 30px; } .sidebar .sidebar-box{ margin-bottom: 50px; } .sidebar .widget h2.widget-title{ font-size: 24px; position: relative; margin-bottom: 30px; padding-bottom: 20px; line-height: 1; } .sidebar .widget h2.widget-title:after{ background: #cb011b; position: absolute; content: ""; right: 0; bottom: 0; height: 4px; width: 50px; } .sidebar .sidebar-box:last-child{ margin-bottom: 0; } .sidebar .sidebar-box .ready-to-help{ background: #cb011b url(img/phone-img.png) no-repeat left bottom; padding: 35px; color: #ffffff; } .sidebar .sidebar-box .ready-to-help h3{ color: #ffffff; font-size: 20px; } .sidebar .sidebar-box .ready-to-help a.ghost-btn{ background: #ffffff; color: #222222; margin-top: 15px; padding: 12px 20px; font-weight: 700; } .sidebar .sidebar-box .ready-to-help a.ghost-btn:hover{ color: #cb011b; } .sidebar .sidebar-box .side-testimonial .single-testimonial .testimo-content i{ color: #d8d8d8; font-size: 30px; margin-bottom: 12px; } .sidebar .sidebar-box .side-testimonial .single-testimonial .testimo-info{ display: flex; -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; align-items: center; } .sidebar .sidebar-box .side-testimonial .single-testimonial .testimo-info .testimo-img{ padding-left: 20px; } .sidebar .sidebar-box .side-testimonial .single-testimonial .testimo-info .testimo-title h3{ color: #cb011b; font-size: 20px; margin-bottom: 0px; } .sidebar .sidebar-box .side-testimonial .owl-theme .owl-controls .owl-nav{ top: -74px; } .sidebar .sidebar-box .side-testimonial .owl-theme .owl-controls .owl-nav > div{ border: none; padding: 0; } .sidebar .sidebar-box .side-testimonial .owl-theme .owl-controls .owl-nav > div:hover{ background: transparent; } .sidebar .sidebar-box .side-testimonial .owl-theme .owl-controls .owl-nav > div i{ color: #444444; } .sidebar .sidebar-box .download{ background: #222222; padding: 35px; } .sidebar .sidebar-box .download h3{ color: #ffffff; font-size: 24px; font-weight: 400; } .sidebar .sidebar-box .download h3 span{ font-weight: 500; } .sidebar .sidebar-box .download .button-dow{ display: flex; -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; align-items: center; } .sidebar .sidebar-box .download .button-dow a{ background: #cb011b; color: #ffffff; padding: 12px 15px; text-transform: uppercase; font-weight: 600; display: inline-block; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .sidebar .sidebar-box .download .button-dow a:hover{ background: #a51c2d; } .sidebar .sidebar-box .download .button-dow i{ color: #555555; font-size: 55px; padding-right: 20px; } .sidebar .sidebar-box .service-menu ul li{ margin-bottom: 2px; } .sidebar .sidebar-box .service-menu ul li a{ display: block; background: #f5f5f5; color: #222222; padding: 8px 20px; line-height: 35px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .sidebar .sidebar-box .service-menu ul li a i{ color: #cb011b; padding-left: 12px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .sidebar .sidebar-box .service-menu ul li a:hover{ background: #cb011b; color: #ffffff; } .sidebar .sidebar-box .service-menu ul li a:hover i{ color: #ffffff; } .sidebar .sidebar-box .service-menu ul li:last-child{ margin-bottom: 0; } .sidebar .sidebar-box .service-menu ul li.active a{ background: #cb011b; color: #ffffff; } .sidebar .sidebar-box .service-menu ul li.active a i{ color: #ffffff; } .sidebar .widget .search-form .search-field{ background: transparent; border: 1px solid #d7d7d7; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; box-shadow: none; float: right; height: 47px; padding: 0 10px; font-weight: 400; width: 100%; } .sidebar .sidebar-box .sidebar-search form button{ background: #cb011b; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; box-shadow: none; padding: 11px 18px; position: absolute; left: 15px; font-size: 16px; } .sidebar .widget ul li{ border-bottom: 1px solid #d7d7d7; margin-bottom: 12px; padding-bottom: 12px; } .sidebar .widget ul li a{ display: inline; align-content color: #222222; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .sidebar .sidebar-box .menu-sidebar ul li a i{ color: #cb011b; padding-left: 12px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .sidebar .sidebar-box .menu-sidebar ul li a:hover{ color: #cb011b; } .sidebar .sidebar-box .menu-sidebar ul li:last-child{ border-bottom: none; margin-bottom: 0; padding-bottom: 0; } .sidebar .sidebar-box .menu-sidebar ul li.active a{ color: #cb011b; } .sidebar .sidebar-box .case-info ul li{ padding: 10px 0; } .sidebar .sidebar-box .case-info ul li span{ font-size: 16px; font-weight: 600; } .sidebar .sidebar-box .popular-tag a{ border: 1px solid #d7d7d7; color: #222222; display: inline-block; font-size: 14px !important; letter-spacing: 1px; float: right; margin: 2px; padding: 5px 0; text-align: center; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; width: 31.5%; } .sidebar .sidebar-box .popular-tag a:hover{ background: #222222; color: #ffffff; } .sidebar .sidebar-box .recent-post li{ border-bottom: 1px solid #d7d7d7; margin-bottom: 15px; padding-bottom: 15px; } .sidebar .sidebar-box .recent-post li h3{ font-size: 15px; margin-bottom: 5px; } .sidebar .sidebar-box .recent-post li h3 a{ color: #222222; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .sidebar .sidebar-box .recent-post li h3 a:hover{ color: #cb011b; } .sidebar .sidebar-box .recent-post li span{ color: #7d7d7d; font-size: 14px; } .sidebar .sidebar-box .recent-post li:last-child{ border-bottom: none; margin-bottom: 0; padding-bottom: 0; } .sidebar .sidebar-box .price-range-wrapper .noUi-target{ background: #f5f5f5; box-shadow: none; border: none; height: 12px; } .sidebar .sidebar-box .price-range-wrapper .noUi-base .noUi-handle{ background: #cb011b; box-shadow: none; border: none; top: -8px; width: 24px; } .sidebar .sidebar-box .price-range-wrapper .noUi-base .noUi-handle:before{ right: 10px; top: 7px; height: 14px; } .sidebar .sidebar-box .price-range-wrapper .noUi-base .noUi-handle:after{ right: 14px; top: 7px; height: 14px; } .sidebar .sidebar-box .price-range-wrapper .noUi-base .noUi-connect{ background: #cbcbcb; box-shadow: none; } .sidebar .sidebar-box .price-range-wrapper .price-range-select{ margin-top: 40px; } .sidebar .sidebar-box .price-range-wrapper .price-range-select .pull-left{ padding-left: 15px; } .sidebar .sidebar-box .price-range-wrapper .price-range-select .pull-left .btn-default-black{ border: none; margin-top: 0; padding: 8px 14px; } .sidebar .sidebar-box .price-range-wrapper .price-range-select .media-body{ font-size: 16px; padding-top: 6px; } .sidebar .sidebar-box .price-range-wrapper .price-range-select .title-price{ float: right; font-weight: 700; padding-left: 7px; } .sidebar .sidebar-box .price-range-wrapper .price-range-select .price-range-1{ float: right; } .sidebar .sidebar-box .price-range-wrapper .price-range-select .price-range-2{ float: left; } .sidebar .sidebar-box .related-product ul li{ margin-bottom: 15px; } .sidebar .sidebar-box .related-product ul li:last-child{ margin-bottom: 0; } .sidebar .sidebar-box .related-product .retated-img{ background: #f5f5f5; margin-left: 15px; padding: 15px; } .sidebar .sidebar-box .related-product .retated-img img{ width: 70px; } .sidebar .sidebar-box .related-product .related-content h3{ font-size: 16px; margin-bottom: 10px; } .sidebar .sidebar-box .related-product .related-content h3 a{ color: #222222; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .sidebar .sidebar-box .related-product .related-content h3 a:hover{ color: #cb011b; } .sidebar .sidebar-box .related-product .related-content .sprice{ color: #cb011b; font-weight: 600; } .sidebar .sidebar-box .related-product .related-content .review{ margin-top: 10px; } .sidebar .sidebar-box .related-product .related-content .review a{ color: #fea62b; } form.search-form button{ background: #cb011b; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; box-shadow: none; padding: 12px 18px; position: absolute; left: 15px; font-size: 16px; } i.fa.fa-search{ color: #ffffff; } .case-studies-layout{ padding: 120px 0 100px; } .case-studies-layout .single-item{ background: #f5f5f5; margin-bottom: 30px; } .case-studies-layout .single-item .item-image{ overflow: hidden; position: relative; } .case-studies-layout .single-item .item-image:after{ background: rgba(3, 23, 34, 0.8); position: absolute; content: ""; right: 0; top: 0; opacity: 0; height: 100%; width: 100%; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .case-studies-layout .single-item .item-content{ padding: 25px; text-align: center; } .case-studies-layout .single-item .item-content h3{ margin-bottom: 15px; } .case-studies-layout .single-item .item-content h3 a{ color: #222222; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .case-studies-layout .single-item:hover .item-image:after{ opacity: 1; } .case-studies-layout .single-item:hover .item-content h3 a{ color: #cb011b; } .case-studies-layout .pagination-wrapper{ text-align: center; } .case-layout-detail{ padding: 120px 0 120px; } .case-layout-detail .detail-item .item-header{ margin-top: 30px; } .case-layout-detail .detail-item h2{ font-size: 24px; position: relative; padding-bottom: 15px; margin-bottom: 30px; } .case-layout-detail .detail-item h2:after{ background: #cb011b; position: absolute; content: ""; right: 0; bottom: 0; margin: 0 auto; height: 4px; width: 50px; } .our-team-area{ padding: 120px 0 90px; } .our-team-area .pagination-wrapper{ text-align: center; } .our-team-area .team-layout-2{ padding: 0; } .team-layout-1 .single-team{ margin-bottom: 30px; text-align: center; } .team-layout-1 .single-team .item-image{ position: relative; overflow: hidden; } .team-layout-1 .single-team .item-image a.plus-icon{ background: #cb011b; bottom: -45px; color: #ffffff; font-size: 18px; margin-bottom: 0; opacity: 0; padding: 8px 14px; position: absolute; left: -43px; text-align: center; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; z-index: 1; } .team-layout-1 .single-team .item-image:after{ background: rgba(3, 23, 34, 0.8); position: absolute; content: ""; right: 0; top: 0; opacity: 0; height: 100%; width: 100%; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .team-layout-1 .single-team .item-content{ margin-top: 25px; } .team-layout-1 .single-team .item-content h3{ margin-bottom: 5px; } .team-layout-1 .single-team .item-content h3 a{ color: #222222; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .team-layout-1 .single-team .item-content .position{ font-size: 16px; } .team-layout-1 .single-team .item-content ul.social-icons{ margin-top: 25px; list-style: none; } .team-layout-1 .single-team .item-content ul.social-icons li{ display: inline-block; } .team-layout-1 .single-team .item-content ul.social-icons li a{ border: 1px solid #d7d7d7; color: #cb011b; display: block; line-height: 38px; height: 40px; width: 40px; text-align: center; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .team-layout-1 .single-team .item-content ul.social-icons li a:hover{ background: #cb011b; border: 1px solid #cb011b; color: #ffffff; } .team-layout-1 .single-team:hover a.plus-icon{ bottom: 0; left: 0; opacity: 1; } .team-layout-1 .single-team:hover .item-image:after{ opacity: 1; } .team-layout-1 .single-team:hover .item-content h3 a{ color: #cb011b; } .team-layout-3 .single-item{ position: relative; overflow: hidden; margin-bottom: 30px; } .team-layout-3 .single-item .item-image:after{ background-image: linear-gradient(transparent, #031722), linear-gradient(transparent, #031722); -moz-background-size: 100%; background-size: 100%; background-position: right 0, 0% 0; background-repeat: no-repeat; position: absolute; content: ""; right: 0; top: 0; opacity: 0; height: 100%; width: 100%; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .team-layout-3 .single-item .item-content{ position: absolute; right: 0; left: 0; bottom: -100%; margin: auto; padding: 20px; text-align: center; color: #ffffff; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.7s ease-out; -moz-transition: all 0.7s ease-out; -ms-transition: all 0.7s ease-out; -o-transition: all 0.7s ease-out; transition: all 0.7s ease-out; } .team-layout-3 .single-item .item-content h3{ margin-bottom: 5px; } .team-layout-3 .single-item .item-content h3 a{ color: #ffffff; } .team-layout-3 .single-item .item-content .position{ color: #ffffff; display: block; margin-bottom: 20px; } .team-layout-3 .single-item .item-content ul.social-icon{ padding-top: 10px; } .team-layout-3 .single-item .item-content ul.social-icon li{ display: inline-block; margin-left: 3px; } .team-layout-3 .single-item .item-content ul.social-icon li a{ border: 1px solid #d7d7d7; color: #cb011b; display: block; line-height: 38px; height: 40px; width: 40px; text-align: center; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .team-layout-3 .single-item .item-content ul.social-icon li a:hover{ background: #ffffff; } .team-layout-3 .single-item:hover .item-image:after{ opacity: 1; } .team-layout-3 .single-item:hover .item-content{ bottom: 0; } .team-detail-layout .detail-image{ margin-bottom: 30px; } .team-detail-layout .detail-image .image-caption{ position: relative; } .team-detail-layout .detail-image .image-caption h3{ background: #002e52; color: #ffffff; font-size: 18px; position: absolute; right: 0; left: 0; bottom: 0; margin-bottom: 0; padding: 22px 5px; text-align: center; text-transform: uppercase; } .team-detail-layout .detail-image .image-caption h3 a{ color: #ffffff; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .team-detail-layout .detail-image .image-caption h3 a:hover{ color: #cb011b; } .team-detail-layout .detail-image ul{ margin-top: 30px; } .team-detail-layout .detail-image ul li{ display: flex; -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; align-items: center; margin-bottom: 15px; font-size: 18px; color: #222222; } .team-detail-layout .detail-image ul li a{ color: #222222; } .team-detail-layout .detail-image ul li i{ background: #cb011b; color: #ffffff; font-size: 22px; margin-left: 15px; line-height: 45px; height: 45px; width: 45px; text-align: center; } .team-detail-layout .detail-image ul li:first-child{ font-size: 26px; font-weight: 600; } .team-detail-layout .detail-content h2{ margin-bottom: 5px; } .team-detail-layout .detail-content .position{ display: block; position: relative; padding-bottom: 15px; margin-bottom: 30px; } .team-detail-layout .detail-content .position:after{ background: #cb011b; position: absolute; content: ""; right: 0; bottom: 0; height: 4px; width: 50px; } .team-detail-layout .detail-content ul.social-icon{ margin-bottom: 30px; } .team-detail-layout .detail-content ul.social-icon li{ display: inline-block; margin-left: 3px; } .team-detail-layout .detail-content ul.social-icon li a{ border: 1px solid #d7d7d7; color: #cb011b; display: block; line-height: 38px; height: 40px; width: 40px; text-align: center; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .team-detail-layout .detail-content ul.social-icon li a:hover{ background: #cb011b; border: 1px solid #cb011b; color: #ffffff; } .team-detail-layout .detail-content .skill-progress{ overflow: hidden; margin-top: 50px; } .team-detail-layout .detail-content .skill-progress label{ font-size: 16px; font-weight: 600; } .team-detail-layout .detail-content .skill-progress .progress{ margin: 10px 0 30px; position: relative; overflow: visible; } .team-detail-layout .detail-content .skill-progress .progress .progress-bar{ box-shadow: none; border-radius: 0 5px 5px 0; } .team-detail-layout .detail-content .skill-progress .progress .progress-bar span{ float: left; background: #222222; margin-top: -30px; padding: 2px 3px; position: relative; } .team-detail-layout .detail-content .skill-progress .progress .progress-bar span:after{ position: absolute; content: ""; right: 10px; bottom: -8px; width: 0; height: 0; border-style: solid; border-width: 8px 5px 0; border-color: #222222 transparent transparent transparent ; -webkit-transition: all 0.9s ease-out; -moz-transition: all 0.9s ease-out; -ms-transition: all 0.9s ease-out; -o-transition: all 0.9s ease-out; transition: all 0.9s ease-out; } .latest-news-area{ padding: 60px 0 100px; } .latest-news-area .pagination-wrapper{ text-align: center; } .latest-news-area .single-item .item-image{ position: relative; overflow: hidden; } .latest-news-area .single-item .item-image:before{ position: absolute; top: 0; right: -75%; z-index: 2; display: block; content: ''; width: 50%; height: 100%; background: linear-gradient(to left rgba(255, 255, 255, 0) 100% rgba(255, 255, 255, 0.3) 100%); -webkit-transform: skewX(-25deg); transform: skewX(-25deg); } .latest-news-area .single-item .item-image:hover:before{ -webkit-animation: shine .75s; animation: shine .75s; } .news-layout-1 .single-item{ margin-bottom: 50px; } .news-layout-1 .single-item .item-image .date{ background: #cb011b; color: #ffffff; font-size: 18px; font-weight: 600; position: absolute; right: 25px; bottom: 25px; padding: 8px 20px; text-align: center; } .news-layout-1 .single-item .item-image .date span{ display: block; } .news-layout-1 .single-item .item-container{ padding-top: 30px; } .news-layout-1 .single-item .item-container h3 a{ color: #222222; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .news-layout-1 .single-item .item-container h3 a:hover{ color: #cb011b; } .news-layout-2 .single-item{ margin-bottom: 50px; } .news-layout-2 .single-item .item-container{ padding-top: 25px; } .news-layout-2 .single-item .item-container h3 a{ color: #222222; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .news-layout-2 .single-item .item-container h3 a:hover{ color: #cb011b; } .news-layout-2 .single-item .item-info{ border-top: 1px solid #d7d7d7; margin-top: 15px; padding-top: 15px; } .news-layout-2 .single-item .item-info ul li{ display: inline-block; margin-left: 20px; } .news-layout-2 .single-item .item-info ul li:last-child{ margin-left: 0; } .news-layout-2 .single-item .item-info ul li i{ color: #cb011b; padding-left: 12px; } .news-layout-2 .single-item .item-info ul li a{ color: #444444; } .news-layout-2 .single-item .item-info ul li a:hover{ color: #cb011b; } .news-layout-3 .single-item{ margin-bottom: 50px; } .news-layout-3 .single-item .item-container{ padding-top: 25px; } .news-layout-3 .single-item .item-container h3 a{ color: #222222; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .news-layout-3 .single-item .item-container h3 a:hover{ color: #cb011b; } .news-layout-3 .single-item .item-container .btn-default-black{ margin-top: 18px; } .news-layout-3 .single-item .item-info ul li{ display: inline-block; margin-left: 20px; } .news-layout-3 .single-item .item-info ul li:last-child{ margin-left: 0; } .news-layout-3 .single-item .item-info ul li i{ color: #cb011b; padding-left: 12px; } .news-layout-3 .single-item .item-info ul li a{ color: #444444; } .news-layout-3 .single-item .item-info ul li a:hover{ color: #cb011b; } .news-details-layout .item-img-holder{ margin-bottom: 30px; } .news-details-layout .item-header ul.item-info{ margin-bottom: 25px; } .news-details-layout .item-header ul.item-info li{ display: inline-block; margin-left: 20px; } .news-details-layout .item-header ul.item-info li:last-child{ margin-left: 0; } .news-details-layout .item-header ul.item-info li i{ color: #cb011b; padding-left: 12px; } .news-details-layout .item-header ul.item-info li a{ color: #444444; } .news-details-layout .item-header ul.item-info li a:hover{ color: #cb011b; } .news-details-layout .item-header h2{ font-size: 24px; } .news-details-layout .item-links{ border-top: 1px solid #d7d7d7; margin-top: 50px; padding-top: 50px; } .news-details-layout .item-links ul.item-tags{ float: right; } .news-details-layout .item-links span{ font-size: 16px; font-weight: 600; padding-left: 10px; } .news-details-layout .item-links ul.item-tags li{ display: inline-block; margin-left: 5px; } .news-details-layout .item-links a{ color: #444444; } .news-details-layout .item-links a:hover{ color: #cb011b; } .news-details-layout .item-links ul.item-tags li a:hover{ color: #cb011b; } .news-details-layout .item-links ul.item-social{ float: left; } .news-details-layout .item-links ul.item-social li{ display: inline-block; margin: 0 3px; } .news-details-layout .item-links ul.item-social li a i{ -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; color: #ffffff; display: block; line-height: 40px; height: 40px; width: 40px; text-align: center; } .news-details-layout .item-links ul.item-social li a i.fa-facebook{ background: #3b5998; } .news-details-layout .item-links ul.item-social li a i.fa-twitter{ background: #00aced; } .news-details-layout .item-links ul.item-social li a i.fa-linkedin{ background: #276cca; } .news-details-layout .item-links ul.item-social li a i.fa-pinterest{ background: #E60023; } .news-details-layout .item-links ul.item-social li a i:hover{ opacity: 0.8; } .news-details-layout .item-comments{ margin-top: 50px; } .news-details-layout .item-comments h2{ font-size: 24px; } .news-details-layout .item-comments .item-author{ background: #f5f5f5; padding: 30px 30px 10px; } .news-details-layout .item-comments .item-author .pull-left{ padding-left: 25px; } .news-details-layout .item-comments .item-author .media-body h3{ font-size: 20px; margin-bottom: 5px; } .news-details-layout .item-comments .item-author .media-body .position{ color: #646464; display: block; margin-bottom: 15px; } .news-details-layout .item-comments .item-comments-list{ margin-top: 50px; } .news-details-layout .item-comments .item-comments-list ul.comments-list{ padding-top: 20px; } .news-details-layout .item-comments .item-comments-list ul.comments-list li{ margin-bottom: 50px; overflow: hidden; } .news-details-layout .item-comments .item-comments-list ul.comments-list li .comment-image{ float: right; padding-left: 20px; } .news-details-layout .item-comments .item-comments-list ul.comments-list li .comment-name{ font-size: 16px; font-weight: 600; margin-left: 10px; } .news-details-layout .item-comments .item-comments-list ul.comments-list li .comment-date{ color: #646464; } .news-details-layout .item-comments .item-comments-list ul.comments-list li .comment-reply{ background: #cb011b; padding: 2px 10px 3px; float: left; font-size: 14px; } .news-details-layout .item-comments .item-comments-list ul.comments-list li .comment-reply a{ color: #ffffff; } .news-details-layout .item-comments .item-comments-list ul.comments-list li .comment-reply:hover{ background: #a51c2d; } .news-details-layout .item-comments .item-comments-list ul.comments-list li p{ padding-top: 20px; } .news-details-layout .item-comments .item-comments-list ul.comments-list li:last-child{ margin-bottom: 0; } .news-details-layout .item-comments .item-comments-list ul.comments-list li.odd{ margin-right: 50px; } .news-details-layout .item-comments .item-comments-form{ border-top: 1px solid #d7d7d7; margin-top: 0; padding-top: 50px; } .news-details-layout .item-comments .item-comments-form .comments-form{ padding-top: 20px; } .news-details-layout .item-comments .item-comments-form .comments-form .form-group{ margin-bottom: 20px; } .news-details-layout .item-comments .item-comments-form .comment-form textarea{ background: #f5f5f5; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; box-shadow: none; height: auto; } .news-details-layout .item-comments #comment{ width: 100%; } .news-details-layout .item-comments #comment, .news-details-layout .item-comments #email , .news-details-layout .item-comments #url ,.news-details-layout .item-comments #author{ display: block; min-height: 48px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #f5f5f5; background-image: none; box-shadow: none; border: none; } .news-details-layout .item-comments p.comment-form-cookies-consent label{ margin-right: 10px; } .comment-form-author, .comment-form-email, .comment-form-url{ width: 33.33%; float: right; } .news-details-layout .item-comments .item-comments-form .comments-form .form-group input{ height: 40px; } .news-details-layout .item-comments .comment-form input[type=submit]{ border: none; background: #cb011b; color: #ffffff; padding: 16px 30px; font-weight: 600; } .news-details-layout .item-comments .comment-form input[type=submit]:hover{ background: #a51c2d; } .contact-area{ padding: 110px 0 120px; } .contact-area h2{ position: relative; padding-bottom: 15px; margin-bottom: 30px; } .contact-area h2:after{ background: #cb011b; position: absolute; content: ""; right: 0; bottom: 0; height: 4px; width: 50px; } .contact-area .contact-info ul{ margin-top: 40px; } .contact-area .contact-info ul li{ display: inline-block; margin-bottom: 20px; font-size: 16px; } .contact-area .contact-info ul li:nth-child(odd){ width: 60%; } .contact-area .contact-info ul li:nth-child(even){ width: 39%; } .contact-area .contact-info ul li i{ color: #cb011b; font-size: 20px; padding-left: 10px; } .contact-area .contact-form fieldset{ padding-top: 5px; } .contact-area .contact-form .form-group{ margin-bottom: 5px; } .contact-area .contact-form .form-group .form-control{ background: #f5f5f5; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; box-shadow: none; } .contact-area .contact-form .form-group input{ height: 40px; } .contact-area .contact-form .margin-bottom-none{ margin-bottom: 0; } .contact-area .btn-default-black{ border: none; font-size: 15px; padding: 20px 40px; } .everest-forms .everest-forms-part-button, .everest-forms button, .everest-forms button[type=submit], .everest-forms input[type=submit]{ border: none; font-size: 14px; padding: 17px 40px; background: #222222; border-radius: 0px; color: #ffffff; display: inline-block; font-weight: 600; margin-top: 10px; text-transform: uppercase; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .everest-forms input[type=text],.everest-forms input[type=email],.everest-forms .evf-field-container .evf-frontend-row textarea{ border: none; background: #f5f5f5; min-height: 50px; } .everest-forms button[type=submit]:hover, .everest-forms input[type=submit]:hover{ background: #cb011b; min-height: 50px; color: #ffffff; } .faqs-area{ padding: 120px 0 100px; } .faq-accordion .panel-default{ background: transparent; border: none; box-shadow: none; } .faq-accordion .panel-default .panel-heading{ background: transparent; border: 1px solid #d7d7d7; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; padding: 14px 20px; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .faq-accordion .panel-default .panel-heading .panel-title{ font-size: 18px; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .faq-accordion .panel-default .panel-heading .panel-title .accordion-toggle{ display: block; } .faq-accordion .panel-default .panel-heading .panel-title .accordion-toggle:after{ font-family: 'FontAwesome'; content: "\f107"; float: left; font-size: 20px; } .faq-accordion .panel-default .panel-heading.active, .faq-accordion .panel-default .panel-heading:hover{ background: #cb011b; } .faq-accordion .panel-default .panel-heading.active .panel-title, .faq-accordion .panel-default .panel-heading:hover .panel-title{ color: #ffffff; } .faq-accordion .panel-default .panel-heading.active .panel-title .accordion-toggle:after, .faq-accordion .panel-default .panel-heading:hover .panel-title .accordion-toggle:after{ font-family: 'FontAwesome'; content: "\f106"; float: left; font-size: 20px; } .faq-accordion .panel-default .panel-collapse .panel-body{ border: none; padding: 20px; } .error-area{ background: #cb011b; padding: 120px 0; } .error-top-wrapper{ margin-bottom: 80px; text-align: center; } .error-top-wrapper img{ display: inline-block; } .error-bottom-wrapper{ color: #ffffff; width: 50%; margin: 0 auto; text-align: center; } .error-bottom-wrapper h2{ color: #ffffff; } .error-bottom-wrapper a.error-btn{ border: 1px solid #ffffff; color: #ffffff; display: inline-block; font-size: 16px; font-weight: 600; margin-top: 20px; padding: 20px 50px; text-transform: uppercase; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .error-bottom-wrapper a.error-btn:hover{ background: #ffffff; color: #cb011b; } .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce span.onsale{ background-color: #CB011B; color: #ffffff; } .woocommerce .woocommerce-ordering select{ border: 1px solid #d7d7d7; color: #222222; padding: 9px 20px; } .woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current{ background: #222222; color: #ffffff; } .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span{ padding: 12px 18px 16px !important; font-weight: 600; color: #000; } .woocommerce .quantity .qty{ width: 3.631em; text-align: center; line-height: 1.8; } .woocommerce nav.woocommerce-pagination ul li{ background: #f5f5f5; border: none; margin-left: 3px; } .woocommerce nav.woocommerce-pagination ul{ border: none; display: inline-block; padding-right: 0; margin: 20px 0; border-radius: 4px; } .woocommerce-info{ border-top-color: #CB011B; } .online-shop-area{ padding: 120px 0 100px; } .online-shop-area .pagination-wrapper{ text-align: center; } .online-shop-category .online-header .pager-area{ text-align: left; display: flex; -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; align-items: center; } .online-shop-category .online-header .pager-area .pager-left-area h3{ margin-bottom: 0; text-align: right; } .online-shop-category .online-header .pager-area .pager-right-area .shor-list{ display: inline-block; } .online-shop-category .online-header .pager-area .pager-right-area .shor-list select{ border: 1px solid #d7d7d7; color: #222222; padding: 9px 20px; } .online-shop-category .online-header .pager-area .pager-right-area .view-mode{ float: left; } .online-shop-category .online-header .pager-area .pager-right-area .view-mode ul li{ display: inline-block; margin-right: 5px; } .online-shop-category .online-header .pager-area .pager-right-area .view-mode ul li a{ border: 1px solid #d7d7d7; color: #444444; font-size: 19px; display: block; padding: 7px 14px; } .online-shop-category .online-header .pager-area .pager-right-area .view-mode ul li.active a{ border: 1px solid #cb011b; background: #cb011b; color: #ffffff; } .online-shop-category .category-product-grid{ margin-top: 50px; } .online-shop-category .category-product-grid .single-item{ margin-bottom: 30px; } .online-shop-category .category-product-grid .single-item .product-image{ background: #f5f5f5; padding: 30px; text-align: center; position: relative; overflow: hidden; } .online-shop-category .category-product-grid .single-item .product-image .product-info{ position: absolute; right: 0; top: 100%; left: 0; opacity: 0; z-index: 1; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.7s ease-out; -moz-transition: all 0.7s ease-out; -ms-transition: all 0.7s ease-out; -o-transition: all 0.7s ease-out; transition: all 0.7s ease-out; } .online-shop-category .category-product-grid .single-item .product-image .product-info ul li{ display: inline-block; } .online-shop-category .category-product-grid .single-item .product-image .product-info ul li a{ background: #cb011b; color: #ffffff; display: block; line-height: 40px; width: 40px; height: 40px; } .online-shop-category .category-product-grid .single-item .product-image:after{ background: rgba(0, 0, 0, 0.8); position: absolute; content: ""; right: 0; top: 0; opacity: 0; height: 100%; width: 100%; -webkit-transition: all 0.7s ease-out; -moz-transition: all 0.7s ease-out; -ms-transition: all 0.7s ease-out; -o-transition: all 0.7s ease-out; transition: all 0.7s ease-out; } .online-shop-category .category-product-grid .single-item .product-content{ margin-top: 20px; } .online-shop-category .category-product-grid .single-item .product-content h3{ font-size: 20px; margin-bottom: 5px; } .online-shop-category .category-product-grid .single-item .product-content h3 a{ color: #222222; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .online-shop-category .category-product-grid .single-item .product-content h3 a:hover{ color: #cb011b; } .online-shop-category .category-product-grid .single-item .product-content .product-price{ color: #cb011b; font-size: 20px; font-weight: 600; } .online-shop-category .category-product-grid .single-item .product-content .add-cart{ display: block; margin-top: 20px; } .online-shop-category .category-product-grid .single-item .product-content .add-cart a{ margin-top: 0; } .online-shop-category .category-product-grid .single-item:hover .product-image .product-info{ top: 50%; opacity: 1; } .online-shop-category .category-product-grid .single-item:hover .product-image:after{ opacity: 1; } .online-shop-category .category-product-list{ margin-top: 50px; } .online-shop-category .category-product-list .single-item{ margin-bottom: 40px; } .online-shop-category .category-product-list .single-item .product-image{ background: #f5f5f5; padding: 30px; text-align: center; position: relative; overflow: hidden; } .online-shop-category .category-product-list .single-item .product-image img{ -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all 0.7s ease-out; -moz-transition: all 0.7s ease-out; -ms-transition: all 0.7s ease-out; -o-transition: all 0.7s ease-out; transition: all 0.7s ease-out; } .online-shop-category .category-product-list .single-item .product-image:hover img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .online-shop-category .category-product-list .single-item .product-content h3{ margin-bottom: 5px; } .online-shop-category .category-product-list .single-item .product-content h3 a{ color: #222222; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .online-shop-category .category-product-list .single-item .product-content h3 a:hover{ color: #cb011b; } .online-shop-category .category-product-list .single-item .product-content .product-price{ display: block; color: #cb011b; font-size: 20px; font-weight: 600; } .online-shop-category .category-product-list .single-item .product-content .product-short-description{ padding: 30px 0 10px; } .online-shop-category .category-product-list .single-item .product-content .product-list-action{ margin-top: 38px; } .online-shop-category .category-product-list .single-item .product-content .product-list-action ul li{ border: 1px solid #d7d7d7; display: inline-block; margin-left: 5px; padding: 12px 18px; } .online-shop-category .category-product-list .single-item .product-content .product-list-action ul li a{ color: #cb011b; } .online-shop-category .category-product-list .single-item .product-content .product-list-action ul li.add-cart{ background: #222222; border: none; text-transform: uppercase; font-weight: 700; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .online-shop-category .category-product-list .single-item .product-content .product-list-action ul li.add-cart a{ color: #ffffff; } .online-shop-category .category-product-list .single-item .product-content .product-list-action ul li.add-cart:hover{ background: #cb011b; } .single-shop-area{ padding: 120px 0; } .product-details .details-image .tab-content{ background: #f5f5f5; padding: 40px; text-align: center; } .product-details .details-image .single-product-tab{ margin-top: 20px; } .product-details .details-image .single-product-tab ul{ border: none; } .product-details .details-image .single-product-tab ul li{ display: inline-block; margin: 0; text-align: center; width: 33.333333%; } .product-details .details-image .single-product-tab ul li a{ background: #f5f5f5; border: 1px solid #f5f5f5; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; margin-left: 10px; padding: 10px; } .product-details .details-image .single-product-tab ul li a img{ width: 60px; } .product-details .details-image .single-product-tab ul li.active a{ background: transparent; border: 1px solid #d7d7d7; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; opacity: 0.5; } .product-details .details-image .single-product-tab ul li:last-child a{ margin-left: 0; } .product-details .detail-content h2{ margin-bottom: 10px; } .product-details .detail-content .regular-price{ display: block; color: #cb011b; font-size: 20px; font-weight: 600; margin-bottom: 10px; } .product-details .detail-content .sku{ color: #222222; font-size: 14px; font-weight: 600; } .product-details .detail-content .detail-short-des{ border-bottom: 1px solid #d7d7d7; border-top: 1px solid #d7d7d7; font-size: 14px; margin: 30px 0; padding: 30px 0 10px; } .product-details .detail-content .product-cart-counter{ display: flex; -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; align-items: center; } .product-details .detail-content .product-cart-counter .detail-cart{ display: inline-block; } .product-details .detail-content .product-cart-counter .detail-cart a{ background: #222222; color: #ffffff; font-weight: 600; margin-left: 10px; padding: 14px 30px; text-transform: uppercase; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .product-details .detail-content .product-cart-counter .detail-cart a:hover{ background: #cb011b; } .product-details .detail-content .product-cart-counter .input-group{ display: inline-block; } .product-details .detail-content .product-cart-counter .input-group input{ border: 1px solid #d7d7d7; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; color: #222222; font-size: 20px; font-weight: 600; text-align: center; height: 50px; width: 60px; } .product-details .detail-content .product-cart-counter .input-group-btn-vertical{ float: right; } .product-details .detail-content .product-cart-counter .input-group-btn-vertical .btn-default{ display: block; border: 1px solid #d7d7d7; border-right: none; color: #cb011b; margin: 0; padding: 0px 7px; } .product-details .detail-content .product-cart-counter .input-group-btn-vertical .btn-default i{ padding-right: 0; } .product-details .detail-content .product-cart-counter .input-group-btn-vertical .btn-default:active, .product-details .detail-content .product-cart-counter .input-group-btn-vertical .btn-default:focus{ background: transparent; box-shadow: none; } .product-details .detail-content .product-category{ margin-top: 20px; } .product-details .detail-content .product-category span{ font-weight: 600; } .product-details .detail-content .product-tag{ margin-top: 5px; } .product-details .detail-content .product-tag span{ font-weight: 600; } .review{ margin-bottom: 10px; } .review a{ color: #fea62b; } .review a.inactive{ color: #444444; } .review p{ display: inline-block; margin-right: 15px; margin-bottom: 0; } .product-overview-area{ margin-top: 60px; } .product-overview-area .tabbable{ border: 1px solid #d7d7d7; } .product-overview-area ul.nav-tabs{ border: none; } .product-overview-area ul.nav-tabs li a{ background: #f5f5f5; color: #222222; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; font-weight: 600; padding: 16px 30px; text-transform: uppercase; } .product-overview-area ul.nav-tabs li.active a{ background: transparent; color: #cb011b; border: none; } .product-overview-area .tab-content{ padding: 30px; } .related-product-area{ margin-top: 60px; } .related-product-area .single-item .item-image{ background: #f5f5f5; padding: 30px; text-align: center; position: relative; overflow: hidden; } .related-product-area .single-item .item-image img{ width: inherit; display: inline-block; } .related-product-area .single-item .item-image .product-info{ position: absolute; right: 0; top: 100%; left: 0; opacity: 0; z-index: 1; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.7s ease-out; -moz-transition: all 0.7s ease-out; -ms-transition: all 0.7s ease-out; -o-transition: all 0.7s ease-out; transition: all 0.7s ease-out; } .related-product-area .single-item .item-image .product-info ul li{ display: inline-block; } .related-product-area .single-item .item-image .product-info ul li a{ background: #cb011b; color: #ffffff; display: block; line-height: 40px; width: 40px; height: 40px; } .related-product-area .single-item .item-image:after{ background: rgba(0, 0, 0, 0.8); position: absolute; content: ""; right: 0; top: 0; opacity: 0; height: 100%; width: 100%; -webkit-transition: all 0.7s ease-out; -moz-transition: all 0.7s ease-out; -ms-transition: all 0.7s ease-out; -o-transition: all 0.7s ease-out; transition: all 0.7s ease-out; } .related-product-area .single-item .item-content{ margin-top: 20px; } .related-product-area .single-item .item-content h3{ font-size: 20px; margin-bottom: 5px; } .related-product-area .single-item .item-content h3 a{ color: #222222; } .related-product-area .single-item .item-content .product-price{ display: block; color: #cb011b; font-size: 20px; font-weight: 600; } .related-product-area .single-item .item-content .add-cart{ display: inline-block; margin-top: 20px; } .related-product-area .single-item .item-content .add-cart .btn-default-black{ margin-top: 0; } .related-product-area .single-item:hover .item-image .product-info{ top: 50%; opacity: 1; } .related-product-area .single-item:hover .item-image:after{ opacity: 1; } .cart-page-area{ padding: 120px 0; } .cart-page-area .cart-page-top{ margin-bottom: 45px; border: 1px solid #d7d7d7; padding: 0 0 10px; } .cart-page-area .cart-page-top table{ margin-bottom: 10px; border-bottom: 1px solid #d7d7d7; } .cart-page-area .cart-page-top table .cart-form-heading{ text-transform: uppercase; font-weight: 600; padding: 15px 20px; } .cart-page-area .cart-page-top table tr td{ vertical-align: middle!important; border-left: 1px solid #d7d7d7; } .cart-page-area .cart-page-top table tr td:last-child{ border-left: 0; } .cart-page-area .cart-page-top table tr td h3{ letter-spacing: 2px; text-transform: capitalize; font-size: 18px; margin-bottom: 0; margin-right: 15px; } .cart-page-area .cart-page-top table tr td h3 a{ color: #222222; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .cart-page-area .cart-page-top table tr td h3 a:hover{ color: #cb011b; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .cart-page-area .cart-page-top table tr td a img{ -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .cart-page-area .cart-page-top table tr td a img:hover{ opacity: 0.5; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .cart-page-area .cart-page-top table tr .cart-img-holder{ width: 12%; } .cart-page-area .cart-page-top table tr .cart-img-holder img{ background: #ececec; padding: 20px; } .cart-page-area .cart-page-top table tr .amount{ text-align: center; letter-spacing: 2px; text-transform: uppercase; font-size: 16px; color: #222222; font-weight: 600; } .cart-page-area .cart-page-top table tr .quantity .quantity-holder{ margin: 0 auto; position: relative; width: 130px; top: -15px; z-index: 2; } .cart-page-area .cart-page-top table tr .quantity .quantity-holder input{ text-align: center; position: absolute; right: 0; left: 0; margin: 0 auto; width: 48px; border-radius: 0; } .cart-page-area .cart-page-top table tr .quantity .quantity-holder .input-group-btn-vertical button{ border-radius: 0; position: absolute; z-index: 3; } .cart-page-area .cart-page-top table tr .quantity .quantity-holder .input-group-btn-vertical .quantity-plus{ right: 0; } .cart-page-area .cart-page-top table tr .quantity .quantity-holder .input-group-btn-vertical .quantity-minus{ left: 0; } .cart-page-area .cart-page-top table tr .dismiss{ text-align: center; } .cart-page-area .cart-page-top table tr .dismiss a i{ color: #cb011b; font-size: 18px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .cart-page-area .cart-page-top table tr .dismiss a:hover i{ color: #ff0000; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .cart-page-area .cart-page-top .update-button{ text-align: left; padding-left: 10px; } .cart-page-area .ghost-btn{ padding: 12px 25px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px; } .cart-page-area .cart-page-bottom-left{ border: 1px solid #d7d7d7; padding: 30px; } .cart-page-area .cart-page-bottom-left h2{ color: #222222; text-transform: uppercase; letter-spacing: 2px; font-size: 20px; } .cart-page-area .cart-page-bottom-left input{ width: 60%; margin-left: 15px; height: 50px; padding: 5px 10px; } .cart-page-area .cart-page-bottom-left button{ margin-right: -5px; } .cart-page-area .cart-page-bottom-right{ border: 1px solid #d7d7d7; padding: 30px; } .cart-page-area .cart-page-bottom-right h2{ color: #222222; text-transform: capitalize; letter-spacing: 2px; font-size: 20px; } .cart-page-area .cart-page-bottom-right h3{ color: #222222; font-size: 16px; text-transform: capitalize; letter-spacing: 2px; border-bottom: 1px solid #d7d7d7; margin-bottom: 10px; padding-bottom: 10px; } .cart-page-area .cart-page-bottom-right h3 span{ float: left; } .cart-page-area .cart-page-bottom-right .proceed-button{ text-align: left; margin-top: 20px; } .checkout-page-area{ padding: 120px 0; } .checkout-page-area .checkout-page-top{ padding: 15px; border: 1px solid #d7d7d7; margin-bottom: 30px; } .checkout-page-area .checkout-page-top p{ font-size: 13px; font-weight: 600; letter-spacing: 2px; margin-bottom: 0; text-transform: uppercase; } .checkout-page-area .checkout-page-top p a{ color: #222222; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .checkout-page-area .checkout-page-top p a:hover{ color: #cb011b; } .checkout-page-area .checkout-page-top p i{ margin-left: 5px; font-size: 16px; color: #cb011b; } .checkout-page-area .billing-details-area{ margin-bottom: 30px; } .checkout-page-area .billing-details-area label{ letter-spacing: 1px; color: #333333; font-weight: 400; margin-bottom: 10px; } .checkout-page-area .billing-details-area input{ height: 40px; border: 1px solid #d7d7d7; border-radius: 0; box-shadow: none; margin-bottom: 10px; } .checkout-page-area .billing-details-area span{ color: #333333; text-transform: capitalize; letter-spacing: 1px; } .checkout-page-area .billing-details-area span input{ height: inherit; margin-left: 10px; } .checkout-page-area .billing-details-area span.creat-account{ font-weight: 600; } .checkout-page-area .billing-details-area .custom-select select{ width: 100%; height: 40px; } .checkout-page-area .billing-details-area .select2-container .select2-selection--single{ height: 40px; } .checkout-page-area .billing-details-area .select2-container--classic .select2-selection--single{ background-color: transparent; background-image: none; border-radius: 0; border: 1px solid #d7d7d7; } .checkout-page-area .billing-details-area .select2-container--classic .select2-selection--single .select2-selection__rendered{ line-height: 40px; } .checkout-page-area .billing-details-area .select2-container--classic .select2-selection--single .select2-selection__arrow{ top: 7px; background-color: transparent; background-image: none; border-style: none; left: 5px; } .checkout-page-area .billing-details-area .select2-container--classic .select2-dropdown{ border: 1px solid #cb011b !important; } .checkout-page-area .billing-details-area .select2-container--classic .select2-results__option--highlighted[aria-selected]{ background-color: #cb011b !important; color: red; font-weight: 600; } .checkout-page-area .ship-to-another-area h2 span{ margin-right: 15px; } .checkout-page-area .ship-to-another-area label{ letter-spacing: 2px; color: #333333; font-weight: 600; margin-bottom: 10px; margin-right: 6px; } .checkout-page-area .ship-to-another-area textarea{ box-shadow: none; border-radius: 0; font-size: 13px; font-weight: 500; letter-spacing: 2px; } .checkout-page-area .ship-to-another-area textarea:focus{ border-color: #d7d7d7 !important; } .checkout-page-area .order-sheet{ margin-bottom: 45px; padding: 30px 35px; border: 1px solid #d7d7d7; } .checkout-page-area .order-sheet h2{ text-transform: uppercase; font-size: 18px; color: #333333; margin-bottom: 15px; } .checkout-page-area .order-sheet ul li{ border-bottom: 1px solid #d7d7d7; padding-bottom: 10px; margin-bottom: 10px; } .checkout-page-area .order-sheet ul li span{ float: left; } .checkout-page-area .order-sheet h3{ text-transform: uppercase; font-size: 18px; color: #333333; letter-spacing: 0px; border-bottom: 1px solid #d7d7d7; padding-bottom: 12px; margin-bottom: 12px; } .checkout-page-area .order-sheet h3:last-child{ border-bottom: 0; padding-bottom: 0; margin-bottom: 0; } .checkout-page-area .order-sheet h3 span{ float: left; } .checkout-page-area .payment-option{ border: 1px solid #d7d7d7; padding-top: 30px; margin-bottom: 50px; } .checkout-page-area .payment-option .form-group{ border-bottom: 1px solid #d7d7d7; padding-bottom: 15px; } .checkout-page-area .payment-option .form-group:last-child{ border-bottom: 0; padding-bottom: 0; } .checkout-page-area .payment-option span{ color: #333333; text-transform: uppercase; letter-spacing: 1px; font-size: 16px; font-weight: 600; padding-right: 30px; } .checkout-page-area .payment-option span input{ margin-left: 20px; } .checkout-page-area .payment-option p{ padding: 0 64px; margin-bottom: 0; } .checkout-page-area .place-order .btn-default-big{ -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px; padding: 14px 30px; } .mean-container .mean-nav ul li{ border: 1px solid #ddd; border-bottom: none; padding: 7px; width: 97%; } .mean-container .mean-nav ul li:last-child{ border-bottom: 1px solid #ddd; } .mean-container .mean-nav ul li a.mean-expand{ margin: 0; padding: 0 !important; font-size: 24px !important; width: 20px; height: 20px; border: 1px solid #ccc !important; display: flex; justify-content: center; align-items: center; flex-direction: column; color: #cb011b; margin-left: 5px; top: 2px; } @media (max-width: 600px){ .slider-area{ display: block; } .nivo-main-image, .nivoSlider img, .nivo-slice{ height: 200px !important; width: 100% !important; } .slider-content p{ display: none; } } @media (min-width: 800px){ .smush-detected-img{ box-shadow: none; } } @media only screen and (max-width: 767px){ .slider-text{ max-width: 300px; } #intro p{ font-size: 14px; } #intro .carousel-item{ height: 365px; } .slider-text h2{ margin-top: 40px; } .slider-area{ margin-top: 0; } .mean-container .mean-bar a{ padding: 0!important; } h1.site-title, p.site-title{ margin: 4px 0px 0px 0px ; } .mean-container .mean-bar a.meanmenu-reveal{ left: 15px!important; right: auto; top: 32px!important; } .service-one-area .section-title{ padding: 0 15px; } .video-overlay .video h3{ padding-right: 15px; padding-left: 15px; } .asked-question-two-area .asked-accordion .panel-default .panel-heading{ padding: 12px 16px; } .asked-question-two-area h4 a{ font-size: 13px; line-height: 20px; } .asked-question-two-area .asked-accordion .panel-default .panel-collapse .panel-body{ padding-right: 0; padding-left: 0; } } @media only screen and (max-width: 600px){ .woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product{ width: 100%; border: 1px solid #eeee; padding-bottom: 20px; text-align: center; } .case-layout-detail .detail-item h2:after{ right: 50%; transform: translateX(-50%); } } .woocommerce.widget_shopping_cart .cart_list li:last-child{ border-bottom: none; margin-bottom: 0px; } .woocommerce .widget_shopping_cart .cart_list li, .woocommerce.widget_shopping_cart .cart_list li{ padding: 0; } .woocommerce .widget_shopping_cart .cart_list li a.remove, .woocommerce.widget_shopping_cart .cart_list li a.remove{ padding: 0; top: 20%; width: 25px; height: 25px; display: flex; align-items: center; justify-content: center; } .woocommerce ul.product_list_widget li a{ display: block; float: none; color: inherit; font-size: inherit; font-weight: 600; padding-right: 40px; line-height: initial; } .woocommerce ul.cart_list li a, .woocommerce ul.product_list_widget li a{ display: flex; align-items: center; justify-content: left; color: inherit; font-size: inherit; font-weight: 600; padding-right: 40px; } .woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img{ width: 5.5rem; margin-left: 15px; border-radius: 0; float: right; } .woocommerce ul.product_list_widget li span.quantity{ display: block; color: inherit; padding: 0.5rem 1rem; line-height: initial; background: inherit; margin-right: 45px; } .woocommerce .widget_shopping_cart .total, .woocommerce.widget_shopping_cart .total{ border-top: 1px solid #4e4e4e; border-bottom: 1px solid #4e4e4e; padding: 5px 0; } .widget_shopping_cart_content .woocommerce-mini-cart__buttons{ padding-right: 40px; } .woocommerce.widget_shopping_cart .cart_list li{ padding: 0 0 15px 0 ; border-bottom: 1px solid #4e4e4e; margin-bottom: 15px; } .footer-bottom-area table#wp-calendar, .sidebar table#wp-calendar{ width: 100%; } .sidebar .widget select{ max-width: 100%; height: 47px; width: 100%; background: transparent; border: 1px solid #d7d7d7; padding: 0 10px; font-weight: 400; } .main-menu-area nav > ul > li:hover ul.sub-menu li a{ color: #FFF; } .main-menu-area nav > ul > li:hover ul.sub-menu li a:hover, .main-menu-area nav > ul > li:hover ul.sub-menu li.current_page_item a, .main-menu-area nav > ul > li.current-menu-parent a{ color: #cb011b; } .main-menu-area nav > ul > li:hover ul.sub-menu li a:hover{ color: #ffffff; } @media (max-width: 767px){ .custom-logo-link img{ width: 60%; } ul.trail-items li.trail-item{ font-size: 11px !important; } .section-title{ margin-bottom: 30px; } .inner-title-banner h2{ font-size: 20px; } .mean-bar{ position: relative; } .page-title{ margin-top: 55px; padding: 60px 0; text-align: center; } .about-one-area,.service-one-area{ padding-top: 50px; } .video-overlay .video h3,.about-one-area .about-content-center .about-content h2,.financial-report-one .financial-report h2,.asked-question-two-area .asked-accordion h2{ font-size: 20px; } .single-service-one .single-service .service-content h3{ margin-bottom: 18px; } .service-slider-one-area, .weekly-financial-report, .expert-advisor-slider-area, .our-expert-advisor, .service-slider-two-area, .our-portfolio-area, .service-four-area, .design-own-area, .service-slider-three-area, .our-expert-slider-area, .service-slider-five-area, .our-expert-member-slider-area, .service-slider-six-area, .about-page-one-area, .our-portfolio-area, .contact-area,.our-partner{ padding: 50px 0 50px; } .testimonial-one-area, .latest-news-one-area, .testimonial-two-area, .footer-bottom-area{ padding: 50px 0; } .section-title h2,.footer-bottom-area .footer-box .title-bar-footer{ font-size: 20px; } header{ display: none; } .slider-area .nivoSlider .slider-content h1, .slider-area .nivoSlider .slider-content .large-title{ font-size: 26px; line-height: 1.1; text-align: center; } .slider-area .nivoSlider .slider-content p{ font-size: 14px; margin: 0 auto; text-align: center; width: 60%; } .slider-area .nivoSlider .slider-content .slider-btn-area{ margin-top: 20px; text-align: center; } .slider-area .nivoSlider .slider-content .slider-btn-area .btn-fill-round{ font-size: 14px; padding: 10px 20px; } .sidebar{ margin-top: 70px; } .waste-time-area, .waste-time-area .waste-time-button{ text-align: center; } .waste-time-area .waste-time-button .btn-default{ margin-top: 24px; } .about-one-area .about-image{ text-align: center; } .about-one-area .about-content-center .about-content{ padding-top: 30px; padding-bottom: 90px; } .asked-question-one-area{ display: inherit; } .asked-question-one-area .asked-image, .asked-question-one-area .asked-question{ width: inherit; } .asked-question-one-area .asked-accordion{ padding-right: 0; padding-top: 90px; padding-bottom: 90px; } .people-choose-services .calculator{ display: none; } .people-choose-services .choose-services-wrapper{ position: inherit; } .people-choose-services{ display: inherit; } .people-choose-services .choose-services, .people-choose-services .people-image{ width: 100%; } .people-choose-services .people-choose-content{ padding: 90px 0; } .request-call-two-area, .request-call-two-area .request-form-wrapper{ display: inherit; } .request-call-two-area .request-form{ padding: 90px 0; } .request-call-two-area .request-form .request-title, .request-call-two-area .request-form-select{ padding-right: 0; } .request-call-two-area .request-form-wrapper{ width: inherit; } .request-call-two-area .request-image{ width: inherit; } .banner-one-area .banner-content h2{ font-size: 26px; } .banner-one-area .banner-content h2 span{ font-size: 30px; } .request-call-one-area .request-form{ width: 90%; padding-right: 10px; padding-left: 10px; } .footer-bottom-area .footer-box .footer-social, .footer-bottom-area .footer-box ul{ margin-bottom: 50px; } .latest-news-one-area .single-news .item-image img{ width: calc(124%); } .left-tab-style .tabs-left .nav-tabs{ float: inherit; margin-left: 0; margin-bottom: 40px; } .section-title p, .service-slider-six-area .section-title-center p{ width: 95%; } .our-expert-advisor .single-expert{ display: inherit; margin-left: 0; } .our-expert-advisor .single-expert .item-content{ margin: 0; padding: 30px; } .our-expert-advisor .single-expert::after{ border: none; position: inherit; } .service-three-area .single-item .single-service{ box-shadow: 0 -1px 0 0 #d8d8d8; padding-left: 40px; padding-right: 40px; } .asked-question-two-area .row{ display: inherit; } .asked-question-two-area .asked-accordion{ padding: 70px 0 120px; } .asked-question-two-area .asked-image{ text-align: center; } .asked-question-two-area .asked-image img{ display: inline-block; } .service-four-area .feature-left-content{ margin-bottom: 30px; } .service-four-area .single-feature-item img{ width: 100%; } .testimonial-two-area .single-testimonial{ width: inherit; } .service-one-area, .our-team-area, .service-layout-3, .pricing-plan-area{ padding: 90px 0 60px; } .about-one-area{ padding-top: 90px; } .request-call-one-area, .asked-question-two-area .asked-accordion{ padding-bottom: 90px; } .service-slider-one-area, .weekly-financial-report, .expert-advisor-slider-area, .our-expert-advisor, .service-slider-two-area, .our-portfolio-area, .service-four-area, .design-own-area, .service-slider-three-area, .our-expert-slider-area, .service-slider-five-area, .our-expert-member-slider-area, .service-slider-six-area, .about-page-one-area, .our-portfolio-area, .contact-area{ padding: 80px 0 90px; } .testimonial-one-area, .latest-news-one-area, .testimonial-two-area, .footer-bottom-area{ padding: 80px 0; } .left-tab-style, .financial-analysis-area, .request-call-three-area, .service-layout-detail, .error-area, .latest-news-area, .online-shop-area, .single-shop-area, .checkout-page-area, cart-page-area{ padding: 90px 0; } .service-two-area{ padding: 80px 0 40px; } .counter-area, .our-case-studies-area, .expert-people-area, .team-layout-2, .service-five-area, .service-six-area, .about-service-one-area{ padding: 80px 0 60px; } .our-portfolio-area.layout-space, .service-layout-1{ padding: 90px 0 50px; } .service-layout-2, .case-studies-layout, .case-layout-detail, .faqs-area{ padding: 90px 0 70px; } .request-form-select > fieldset > div{ padding: 0; } .counter-area .counter-title h2{ margin-bottom: 40px; font-size: 36px; } .service-slider-six-area .single-feature-slide .feature-item img{ width: calc(118%); } .service-layout-2 .single-item .item-content{ margin-top: 30px; } .faq-accordion .panel-default .panel-heading .panel-title{ font-size: 16px; } .error-bottom-wrapper{ width: 65%; } .news-layout-3 .single-item .item-info{ margin-top: 30px; } .news-details-layout .item-comments .item-comments-list ul.comments-list li.odd{ margin-right: 0; } .online-shop-category .online-header .pager-area{ display: inherit; text-align: inherit; } .online-shop-category .online-header .pager-area .pager-left-area h3{ text-align: center; margin-bottom: 20px; } .online-shop-category .category-product-list .single-item .product-content{ margin-top: 30px; } .product-details .detail-content{ margin-top: 30px; } .service-six-area .single-service-item .single-service .service-content{ margin-top: 15px; } .cart-page-area .cart-page-top table tr .cart-img-holder img{ padding: 5px; display: inline-block; } .cart-page-area .ghost-btn{ padding: 10px 15px; } .cart-page-area .cart-page-bottom-left input{ margin-bottom: 15px; } .about-video{ margin-top: 40px; } .about-video img{ width: 100%; } .page-title h2{ font-size: 32px; } .team-layout-1 .single-team .item-image img, .team-layout-3 .single-item .item-image img, .detail-image .image-caption img, .portfolio-layout-1 .single-item .item-image img, .portfolio-layout-2 .single-item .item-image img, .portfolio-layout-3 .single-item .item-image img, .service-layout-1 .single-item .item-image img, .service-layout-2 .single-item .item-image img, .service-layout-3 .single-item .item-image img, .case-studies-layout .single-item .item-image img, .news-layout-2 .single-item .item-image img, .news-layout-3 .single-item .item-image img{ width: 100%; } } @media (min-width: 992px) and (max-width: 1199px){ .nav-top-right > li{ margin-left: 5px; } .main-menu-area nav > ul > li > a{ padding: 0 8px; } .menu-two-style .main-menu-area nav > ul > li > a, .menu-four-style .main-menu-area nav > ul > li > a{ padding: 0 12px; } .header-three-style .container-fluid, .header-six-style .container-fluid{ padding-right: 15px; padding-left: 30px; } .header-address li{ font-size: 16px; padding: 0 5px; } .header-three-style .main-menu-area nav > ul li.menu-justify .rt-dropdown-mega, .header-six-style .main-menu-area nav > ul li.menu-justify .rt-dropdown-mega{ right: -25%; } .slider-area .nivoSlider .slider-content h1, .slider-area .nivoSlider .slider-content .large-title{ font-size: 44px; line-height: 1.2; text-align: center; } .slider-area .nivoSlider .slider-content p{ margin: 0 auto; text-align: center; } .slider-area .nivoSlider .slider-content .slider-btn-area{ margin-top: 30px; text-align: center; } .our-partner .owl-controls .owl-nav .owl-prev, .arrow-left-right.owl-theme .owl-controls .owl-nav .owl-prev{ right: -30px; } .our-partner .owl-controls .owl-nav .owl-next, .arrow-left-right.owl-theme .owl-controls .owl-nav .owl-next{ left: -30px; } .waste-time-area .waste-time-button .btn-default{ margin-top: 18px; } .asked-question-one-area .asked-accordion{ padding: 90px 0; } .asked-question-one-area .asked-accordion .asked-descrip{ display: none; } .people-choose-services .choose-services-wrapper{ position: inherit; display: inherit; padding: 60px 0; } .people-choose-services .calculator{ display: none; } .people-choose-services .people-image img{ min-height: 446px; } .people-choose-services .people-choose-content{ padding-left: 0; } .request-call-two-area .request-image img{ min-height: 444px; } .request-call-two-area .request-title p{ display: none; } .service-three-area .single-item .single-service{ padding: 70px 40px 50px; } .service-four-area .feature-left-content > h2{ font-size: 24px; } .service-four-area .single-feature-item .feature-content{ bottom: -125px; } .design-own-area .own-site-content p{ padding: 0 3%; } .service-slider-three-area .single-feature-slide .feature-slide-img img{ width: calc(118%); } .section-title p{ width: 70%; } .service-slider-six-area .section-title-center p{ width: 80%; } .service-slider-six-area .single-feature-slide h3{ font-size: 20px; } .service-slider-six-area .single-feature-slide .feature-item img{ width: calc(126%); } .service-slider-one-area .single-feature-slide .feature-slide-content{ padding-right: 15px; padding-left: 15px; } .latest-news-one-area .single-news .item-info .favourite{ margin-left: 5px; } .team-layout-3 .single-item .item-content{ -webkit-transform: translateY(-25%); -moz-transform: translateY(-25%); -ms-transform: translateY(-25%); -o-transform: translateY(-25%); transform: translateY(-25%); } .sidebar .sidebar-box .download{ padding: 30px 15px; } .sidebar .sidebar-box .download .button-dow i{ font-size: 40px; } .sidebar .sidebar-box .popular-tag a{ width: 30.5%; } .about-one-area .about-content-center .about-content{ padding-top: 50px; } } @media (min-width: 768px) and (max-width: 991px){ .smush-detected-img{ box-shadow: none; } .header-top-bar .top-address ul li{ margin-left: 10px; } .header-top-bar .top-social-link ul li{ padding-right: 3px; } .main-menu-area nav > ul > li > a{ font-size: 14px; line-height: 70px; padding: 0 5px; } .logo-area{ height: 70px; } .header-address li{ font-size: 15px; padding: 0 5px; } .header-address li i{ width: 15px; } .header-address li span{ padding-right: 15px; } .menu-two-style .main-menu-area nav > ul > li > a, .menu-four-style .main-menu-area nav > ul > li > a{ padding: 0 14px; } .header-three-style .container-fluid, .header-six-style .container-fluid{ padding-right: 15px; padding-left: 15px; } .header-one-style .main-menu-area nav > ul > li .rt-dropdown-mega, .header-five-style .main-menu-area nav > ul > li .rt-dropdown-mega, .main-menu-area nav > ul li.menu-justify .rt-dropdown-mega{ right: auto; } .menu-two-style .main-menu-area nav > ul > li .rt-dropdown-mega{ right: -15px; } .menu-two-style.stick::before{ width: 100%; } .menu-two-style.stick::after{ width: auto; } .slide-3 .s-tb-c .container, .slide-5 .s-tb-c .container{ margin-top: 80px; } .slider-area .nivoSlider .slider-content h1, .slider-area .nivoSlider .slider-content .large-title{ font-size: 40px; line-height: 1.1; text-align: center; } .slider-area .nivoSlider .slider-content p{ margin: 0 auto; width: 70%; text-align: center; } .slider-area .nivoSlider .slider-content .slider-btn-area{ margin-top: 20px; text-align: center; } .team-layout-2 .single-item .item-content h3{ font-size: 18px; } .waste-time-area .waste-time-button .btn-default{ margin-top: 20px; } .about-one-area .about-content-center .about-content{ padding-top: 0; } .banner-one-area .banner-content h2{ font-size: 30px; } .asked-question-one-area, .request-call-two-area .request-form-wrapper{ display: inherit; } .asked-question-one-area .asked-image, .asked-question-one-area .asked-question, .request-call-two-area .request-image, .request-call-two-area .request-form-wrapper{ width: inherit; } .asked-question-one-area .asked-accordion{ padding-right: 0; padding-top: 90px; padding-bottom: 90px; } .our-partner .owl-controls .owl-nav .owl-prev, .arrow-left-right.owl-theme .owl-controls .owl-nav .owl-prev{ right: -20px; } .our-partner .owl-controls .owl-nav .owl-next, .arrow-left-right.owl-theme .owl-controls .owl-nav .owl-next{ left: -20px; } .request-call-one-area .request-form{ width: 90%; } .people-choose-services .calculator{ display: none; } .people-choose-services .choose-services-wrapper{ position: inherit; } .people-choose-services{ display: inherit; } .people-choose-services .choose-services, .people-choose-services .people-image{ width: 100%; } .people-choose-services .people-choose-content{ padding: 90px 0; } .left-tab-style{ padding-bottom: 100px; } .section-title p, .service-slider-six-area .section-title-center p{ width: 80%; } .service-slider-six-area .single-feature-slide .feature-item img{ width: calc(120%); } .our-expert-advisor .single-expert .item-content{ flex: inherit; padding: 40px 0; } .request-call-two-area{ display: inherit; } .request-call-two-area .request-form{ padding: 90px 0; } .request-call-two-area .request-form .request-title, .request-call-two-area .request-form-select{ padding-right: 0; } .service-three-area .single-item .single-service{ padding: 50px 20px 30px; } .expert-people-area .single-item .item-image, .team-layout-2 .single-item .item-image{ max-width: 120px; } .service-four-area .feature-left-content{ margin-bottom: 30px; } .service-five-area .section-title-center h2{ font-size: 26px; } .testimonial-two-area .single-testimonial{ width: 80%; } .service-slider-one-area .single-feature-slide .feature-slide-content{ padding-right: 15px; padding-left: 15px; } .about-service-one .single-service .item-icon{ padding-left: 15px; } .about-service-one .single-service .item-content h3{ font-size: 20px; } .page-title{ padding: 70px 0; } .team-detail-layout .detail-image ul li{ font-size: 15px; } .team-detail-layout .detail-image ul li:first-child{ font-size: 22px; } .sidebar .sidebar-box .download{ padding: 30px 15px; } .sidebar .sidebar-box .download .button-dow i{ font-size: 35px; padding-right: 10px; } .sidebar .sidebar-box .download h3{ font-size: 18px; } .sidebar .sidebar-box .download .button-dow a{ padding: 10px; font-size: 12px; } .sidebar .sidebar-box .ready-to-help{ padding: 30px 15px; } .sidebar .sidebar-box .ready-to-help a.ghost-btn{ padding: 12px; } .faq-accordion .panel-default .panel-heading .panel-title{ font-size: 16px; } .sidebar .sidebar-box .popular-tag a{ width: 47%; } .online-shop-category .online-header .pager-area .pager-left-area h3{ font-size: 19px; } .online-shop-category .online-header .pager-area .pager-right-area .view-mode ul li a{ padding: 6px 5px; } .sidebar .sidebar-box .related-product .retated-img{ margin-left: 10px; padding: 8px; } .sidebar .sidebar-box .related-product .retated-img img{ width: 50px; } .product-details .details-image .single-product-tab ul li a img{ width: 36px; } .contact-area .contact-info ul li:nth-child(odd), .contact-area .contact-info ul li:nth-child(even){ width: inherit; } .contact-area .contact-info ul li{ display: block; } .banner-one-area .banner-content h2 span{ font-size: 36px; } .counter-area .counter-title h2{ font-size: 40px; } .cart-page-area .cart-page-top table tr .cart-img-holder img{ padding: 10px; } } @media (max-width: 480px){ slider-area{ display: block; } .nivo-main-image, .nivoSlider img, .nivo-slice{ height: 180px !important; } .slider-area .nivoSlider .slider-content h1, .slider-area .nivoSlider .slider-content .large-title{ font-size: 20px; margin-bottom: 10px; } .slider-area .nivoSlider .slider-content .slider-btn-area{ display: block; } .slider-area .nivoSlider .slider-content .slider-btn-area .btn-fill-round{ font-size: 11px; padding: 4px 10px; } .slider-area .nivoSlider .slider-content p{ font-size: 13px; line-height: 18px; width: 70%; } h2, .our-expert-advisor .single-expert .item-content h3{ font-size: 26px; } .section-title-center h2, .counter-area .counter-title h2, .people-choose-services .people-choose-content h2, .request-call-two-area .request-form .request-title h2, .waste-time-area .waste-time-content h3, .design-own-area .own-site-content h2, .service-five-area .section-title-center h2{ font-size: 26px; } .expert-people-area .single-item .item-image, .team-layout-2 .single-item .item-image{ float: inherit !important; max-width: inherit; } .expert-people-area .single-item .item-image img, .team-layout-2 .single-item .item-image img{ width: 100%; } .expert-people-area .single-item .item-content, .team-layout-2 .single-item .item-content{ padding-right: 0; padding-top: 20px; } .service-slider-three-area .single-feature-slide .feature-slide-content{ padding-left: 15px; padding-right: 15px; } .service-three-area .single-item .single-service{ padding: 50px 50px 40px; } .left-tab-style .tabs-left .nav-tabs li a{ padding-top: 10px; padding-bottom: 10px; } .btn-default-big{ padding: 14px 25px; } .service-slider-six-area .single-feature-slide .feature-item img{ width: calc(123%); } .page-title{ padding: 50px 0; } .page-title h2{ font-size: 30px; } .error-bottom-wrapper a.error-btn{ padding: 16px 30px; } .news-details-layout .item-comments .item-author .pull-left{ float: inherit !important; margin-bottom: 30px; } .product-overview-area ul.nav-tabs li a{ padding: 12px; font-size: 13px; } .contact-area .contact-info ul li:nth-child(odd), .contact-area .contact-info ul li:nth-child(even){ width: inherit; } .contact-area .contact-info ul li{ display: block; } } @media (max-width: 320px){ .slider-area .nivoSlider .slider-content h1, .slider-area .nivoSlider .slider-content .large-title{ font-size: 24px; } .slider-area .nivoSlider .slider-content .slider-btn-area{ display: none; } .service-four-area .single-feature-item .feature-content{ padding-right: 10px; padding-left: 10px; } .latest-news-one-area .single-news .item-info span{ font-size: 13px; } .latest-news-one-area .single-news .item-info i{ font-size: 14px; } .latest-news-one-area .single-news .item-info .favourite{ margin-left: 6px; } .page-title{ padding: 40px 0; } .page-title h2{ font-size: 26px; } .team-layout-3 .single-item .item-content{ -webkit-transform: translateY(-25%); -moz-transform: translateY(-25%); -ms-transform: translateY(-25%); -o-transform: translateY(-25%); transform: translateY(-25%); } .product-overview-area ul.nav-tabs li a{ padding: 12px 8px; font-size: 12px; } .online-shop-category .online-header .pager-area .pager-right-area .view-mode ul li a{ padding: 6px 12px; } .related-product-area .single-item .item-content{ text-align: center; } } h1.site-title a, p.site-title a{ font-size: 24px!important; } .logo-area .site-description{ font-size: 14px!important; } @media only screen and (max-width: 768px){ #header #logo img{ max-width: 200px; margin-top: 18px; max-height: inherit!important; } } @media screen and (min-width: 768px) and (max-width: 1080px){ .waste-time-button .btn-default{ font-size: 14px; padding: 15px 19px; } .about-one-area{ padding-bottom: 100px; } .about-one-area .row{ display: flex; align-items: center; } .asked-question{ padding-top: 100px; } .asked-question-two-area .row{ align-items: flex-end; } .asked-question .asked-accordion{ padding-bottom: 100px; } .asked-question .asked-accordion h4 a, h4{ font-size: 13px; line-height: 20px; } .asked-question-two-area .asked-accordion .panel-default .panel-heading{ padding: 10px 15px; } .asked-question-two-area .asked-accordion .panel-default .panel-collapse .panel-body{ padding: 20px 0; } } @media only screen and (max-width: 1080px){ #intro{ height: auto; } #intro .carousel-item{ height: 500px; } #intro h2{ margin-left: 0; font-size: 60px; } .slider-text{ margin-right: 30px; max-width: 600px; } #intro .carousel-container{ justify-content: flex-start; } #intro p{ font-size: 16px; } }