/* ======================================== Goggle Fonts ======================================== */ @import url('https://fonts.googleapis.com/css2?family=Merriweather:ital,opsz,wght@0,18..144,300..900;1,18..144,300..900&display=swap'); /* ======================================== Css Style ======================================== */ @import "../css/rs-spacing.css"; @import "../css/helper.css"; @import "../css/menu.css"; /* ======================================== Page Style ======================================== */ @import "../css/style-1.css"; @import "../css/style-2.css"; @import "../css/style-3.css"; @import "../css/style-4.css"; @import "../css/style-5.css"; @import "../css/style-6.css"; /* ==================== TABLE OF CONTENTS =================== (1) == Inner Page Hero (2) == Inner About (3) == Inner About Content (4) == Inner Services (5) == News (6) == News Singel (7) == Contact (8) == Shop (9) == Error (10) == Main Slider ============================================================*/ /* ======================================== Inner Page Hero ======================================== */ .menu-inner {position: unset; background-image: -o-linear-gradient(bottom, #004a9a 0%, #0f5fb5 100%); background-image: -webkit-gradient(linear, left bottom, left top, from(#004a9a), to(#0f5fb5)); background-image: linear-gradient(0deg, #004a9a 0%, #0f5fb5 100%); } .menu-inner .navbar {padding: 0; } /* ======================================== Inner Page Hero ======================================== */ .inner-page-hero-area {background-image: url(../img/inner-bg.jpg); position: relative; padding: 120px 0; } .inner-page-hero-area::before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(11, 29, 65, 0.5); } .inner-page-hero-text {color: #ffffff; } .inner-page-title {font-size: 36px; font-weight: 700; } .inner-page-u {padding-top: 15px; } .inner-page-u li {font-size: 14px; font-weight: 400; display: inline-block; position: relative; color: white !important; } .inner-page-u li a{color: white !important; } .inner-page-u li a:hover{color: #1f65bd !important; } .inner-page-u li:nth-child(1)::after {content: "\f105"; font-family: "Font Awesome 5 free"; font-weight: 900; padding: 0 12px; } .inner-page-u li:nth-child(2)::after {content: "\f105"; font-family: "Font Awesome 5 free"; font-weight: 900; padding: 0 12px; } .inner-page-u li:nth-child(3)::before {} /* ======================================== Inner About ======================================== */ .inner-about-area {} .inner-about-text {} .inner-about-quote {text-align: right; } .inner-about-quote-img {} .inner-about-quote-img img {} .inner-about-quote-text {background: #1f65bd; width: 260px; position: absolute; bottom: 16%; text-align: left; padding: 27px 30px; color: #fff; } .inner-about-quote-text p {padding-bottom: 20px; } /* ======================================== Inner About Content ======================================== */ .inner-about-content-area {position: relative; background-image: url(../img/about-content.jpg); padding: 48px 0; } .inner-about-content-area::before {content: ''; position: absolute; right: 0; top: 0; width: 59%; height: 77%; background-color: #000; -webkit-transform: translateY(15%); -ms-transform: translateY(15%); transform: translateY(15%); } .inner-about-content-text {color: #fff; padding: 97px 0; } .inner-about-content-text .hading-title {padding-bottom: 25px; } .inner-reliable {} .inner-reliable .reliable-img {padding: 150px 0; } /* ======================================== Inner Services ======================================== */ .inner-services-area {} .inner-services-area::before {} .inner-services-area .hading-title {text-align: center; padding-bottom: 40px; } /* ======================================== News ======================================== */ .single-news {margin-bottom: 30px } .news-image {overflow: hidden; } .news-image img {width: 100%; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .single-news:hover .news-image img {-webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .news-text {/* -webkit-box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.1); */ /* box-shadow        : 0 0 4px 2px rgba(0, 0, 0, 0.1); */ padding: 40px; text-align: left; border: 1px solid #eee; } .news-text .news-title {font-family: "Merriweather", serif; font-size: 20px; margin-bottom: 10px; text-transform: capitalize; color: #051d3e; line-height: 30px; } .news-meta p {color: #888888; font-style: italic; } .news-text h2 a:hover {color: #1f65bd } .news-text p {margin-top: 10px; } .news-text .btn-b1 {margin-top: 15px; } .news-text a.bleezy-btn {margin-top: 20px; } .product-thumb-info-content p {color: #051d3e; font-size: 14px; } .product-thumb-info-content p a {display: inline-block !important; margin-left: 10px !important; padding: 0 !important; color: #555 !important } .product-thumb-info-content p a:hover {color: #1f65bd !important } .Tags-catagory li {border-bottom: 0 solid #ededed !important; display: inline-block !important; margin: 2px !important; } .Tags-catagory a {background: #f9f9f9 none repeat scroll 0 0 !important; padding: 5px 10px !important; } .Tags-catagory a:hover {background: #1f65bd none repeat scroll 0 0 !important; color: #fff !important } .instagram li {float: left; padding: 0 8px 8px 0; width: 25%; border: medium none !important } .instagram a {padding: 0 !important; } .instagram img {width: 100%; } ul.pagination {list-style: outside none none; margin: 35px 0 0; padding: 0; text-align: center; display: block } ul.pagination li {display: inline-block; margin: 0 3px } ul.pagination li a {background: #1a1a1a none repeat scroll 0 0; border: 1px solid #1a1a1a; border-radius: 0 !important; color: #fff; display: block; font-size: 15px; font-weight: 600; letter-spacing: 2px; padding: 10px 15px; text-transform: uppercase; } ul.pagination li.active a, ul.pagination li a:hover, ul.pagination li.active a:hover {background: #1f65bd none repeat scroll 0 0; color: #fff; border: 1px solid #1f65bd; } .shop-sidebar-widget {margin-bottom: 30px; border: 1px solid #eee; padding: 35px 25px; } .shop-sidebar-widget:last-child {margin-bottom: 0; } .shop-sidebar-widget h5 {color: #051d3e; margin-bottom: 25px; padding-bottom: 5px; position: relative; text-transform: capitalize; } .shop-sidebar-widget h5:before {background: #1f65bd none repeat scroll 0 0; content: ""; height: 2px; left: 0; position: absolute; top: 100%; width: 80px; } .shop-sidebar-widget form {background: #f7f7f7 none repeat scroll 0 0; height: 40px; position: relative; } .shop-sidebar-widget input {background: transparent none repeat scroll 0 0; border: medium none; color: #051d3e; height: 100%; padding: 5px 10px; position: absolute; top: 0; width: 80%; } .shop-sidebar-widget button {background: #1f65bd none repeat scroll 0 0; border: medium none; color: #fff; height: 100%; position: absolute; right: 0; top: 0; width: 20%; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s } .shop-sidebar-widget button:hover {background: #ff8200 none repeat scroll 0 0 } .shop-sidebar-widget ul li, .cat-parent ul li {border-bottom: 1px solid #ededed; } .shop-sidebar-widget ul li:last-child {border-bottom: 0 solid #ededed; } .shop-sidebar-widget ul li a {color: #051d3e; display: block; font-size: 14px; padding: 10px; text-transform: capitalize; } .shop-sidebar-widget ul li a:hover {color: #1f65bd } .cat-parent span {float: right; } .widget_product_categories ul li.current-cat-parent .children {display: block; } .widget_product_categories .children {border-top: 1px solid #e9e9e9; display: none; padding-left: 20px; } .product-thumb-info-image {background: #eee none repeat scroll 0 0; float: left; height: auto; margin-bottom: 5px; margin-right: 10px; margin-top: 5px; padding: 5px; width: 80px; } .product-thumb-info-image img {width: 100%; } .product-thumb-info-content {display: inline-block; margin-top: 5px; overflow: hidden; } .item-cat {display: block; margin-bottom: 0; } .price {color: #1f65bd; font-size: 16px; font-weight: 600 } .product-thumb-info-image a, .product-thumb-info-content h4 a, .product-thumb-info-content span a {padding: 0 !important } .featured-list li {overflow: hidden; padding: 10px 0; } .product-thumb-info-content h4 a {color: #051d3e !important; font-size: 16px !important; line-height: 25px !important; } .item-cat a {display: inline-block !important; line-height: 20px !important; margin: 5px 0 !important; } .shorting {background: #f9f9f9 none repeat scroll 0 0; padding: 15px 10px; } .shorting p {margin: 7px 0; text-transform: capitalize; } .shorting form {float: right; } .shorting form label {font-weight: 500; margin: 0; } .shorting select {border: 1px solid #ddd; padding: 5px; text-transform: capitalize; } .single-shop-product {margin-top: 30px; border: 1px solid #2165bd; } .single-product-image {border-bottom: 1px solid #2165bd; } .single-product-text {padding: 15px 20px 30px; } .single-product-image img {width: 100%; } .single-product-text h3 {color: #051d3e; font-size: 19px; font-weight: 500; margin-bottom: 0; text-transform: capitalize } .product-price {margin: 0 0 20px; } .product-price h3 {display: inline-block; color: #1f65bd } .product-rating {float: right; } .product-rating li {color: #f3c30b; display: inline-block; margin: 0 1px; } .product-button a {background: #1f65bd none repeat scroll 0 0; color: #fff; display: inline-block; font-weight: 600; margin-right: 3px; padding: 5px 10px; text-transform: uppercase; } .product-button a:hover {background: #ff8200 none repeat scroll 0 0 } .single-product-text h3 a:hover {color: #ff8200 } /* shop Single */ .single-shop-product {margin-top: 30px; border: 1px solid #2165bd; } .swiper-container {width: 100%; height: 300px; margin-left: auto; margin-right: auto; } .swiper-slide {height: auto; text-align: center; background-color: #ebf2f5; } .swiper-slide img {width: 100%; height: auto; margin: 0 auto; } .gallery-top img {position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .gallery-top {height: 80%; width: 100%; } .gallery-thumbs {height: 20%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 10px 0; } .gallery-thumbs .swiper-slide {width: 25%; height: 100%; opacity: 0.4; } .gallery-thumbs .swiper-slide-thumb-active {opacity: 1; } .shop-slider2-right {margin-left: 20px; } .shop-slider2-right h2 {} .shop-slider2-right h4 {padding: 23px 0 38px; } .shop-slider2-right h2 {font-size: 35px; } .shop-slider2-right p { line-height:35px;} .cart-add {padding: 50px 0px 50px; } .cart-add input {width: 90px; height: 55px; font-size: 18px; text-align: center; border: 2px solid #212529; } .cart-add a.btn-1 {margin-left: 20px; margin-top: -4px; } .trainers-information ul li {font-size: 16px; color: #001e3c; font-family: "Merriweather", serif; padding-top: 16px; } .trainers-information ul li span {font-weight: 700; } /* ======================================== News Singel ======================================== */ .news-text.single-news-text {} .news-text.single-news-text img {float: left; margin-right: 20px; margin-top: 20px; } .news-text blockquote {background: #f9f9f9 none repeat scroll 0 0; border-left: 5px solid #ff8200; font-style: italic; margin-bottom: 30px; margin-right: 0; margin-top: 30px; padding: 20px; } .post-share {border-bottom: 1px solid #f3f3f3; border-top: 1px solid #f3f3f3; margin-top: 30px; padding: 15px 20px; } .post-share-left h4, .post-share-right h4 {color: #333; display: inline-block; font-size: 15px; margin-right: 10px; } .post-share-left p {display: inline-block } .post-share-left p a {text-decoration: underline; color: #333; margin-right: 4px; text-transform: capitalize; } .post-share-left p a:hover {text-decoration: none } .post-share-right {text-align: right } .post-share-right ul {float: right; padding: 6px 0; } .post-share-right li {display: inline-block; margin: 0 3px; } .post-share-right li a:hover {color: #ff8200; } .comment-group-title h2, .bleezy-leave-comment h2 {color: #333; font-size: 24px; font-weight: 600; margin-bottom: 5px; text-transform: capitalize; text-align: left } .bleezy-comment-list {margin-top: 50px; } .single-comment-item {margin-top: 30px; } .single-comment-box {background: #ebf2f5 none repeat scroll 0 0; margin-bottom: 10px; position: relative; -webkit-transition: all 300ms ease 0s; -o-transition: all 300ms ease 0s; transition: all 300ms ease 0s; } .main-comment {font-size: 14px; position: relative; padding: 30px; margin-bottom: 25px; } .author-image {border-radius: 50%; margin-right: 20px; } .author-image img {border-radius: 50%; display: block; width: 80px; } .comment-info {margin-bottom: 10px; position: relative; } .comment-info h4 {color: #333; font-size: 17px; text-transform: capitalize; } .comment-info p {color: #666; font-weight: 500; text-transform: capitalize; } .reply {color: #555; display: inline-block; font-size: 14px; font-style: italic; font-weight: 600; text-decoration: underline; text-transform: capitalize; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .comment-text-inner .reply {display: none; } .single-comment-box.reply-comment {margin-left: 100px; } .reply:hover {color: #ff8200 } .bleezy-leave-comment {margin-top: 50px; } .bleezy-leave-comment p {text-align: left } .bleezy-leave-comment form {margin-top: 20px; text-align: center } .bleezy-leave-comment input[type="text"], .bleezy-leave-comment input[type="email"] {background: transparent none repeat scroll 0 0; border: 1px solid #ddd; height: 45px; margin-bottom: 20px; margin-right: 20px; margin-top: 0; padding: 10px 15px; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; width: 100%; color: #333 } .bleezy-leave-comment input[type="email"] {margin-right: 0; } .bleezy-leave-comment textarea {border: 1px solid #ddd; height: 160px; margin-bottom: 20px; padding: 10px 15px; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; width: 100%; color: #333 } .bleezy-leave-comment button {border: 0; width: 200px; float: left; } /* ======================================== Contact ======================================== */ .contact-area {} .single-contact-address {background: #f9f9f9 none repeat scroll 0 0; border: 1px solid #ddd; margin-bottom: 30px; padding: 20px; min-height: 160px; } .single-contact-address>h3 {border-bottom: 1px solid #212121; color: #ff8200; font-size: 20px; padding-bottom: 10px; text-transform: capitalize; } .single-contact-address li {margin-top: 10px; } .single-contact-address ul li i {color: #ff8200; float: left; font-size: 17px; height: 30px; width: 35px; } .single-contact-address p {overflow: hidden; color: #333 } .contact-area .hading-title {padding: 51px 0 50px; } .contact-form-box {} .contact-form-box .name-box {width: 100%; height: 50px; padding: 0 15px; border: 1px solid #ccc; margin-bottom: 30px; } .contact-form-box #message-box {width: 100%; height: 200px; padding: 15px 15px; border: 1px solid #ccc; } .btn-1.message-send {border: 0; margin-top: 40px; } #google-map {margin-bottom: -3px; width: 100%; height: 600px; } /* ======================================== Shop ======================================== */ .shop-area {} .shop-area .product-thumb-info-content p a {margin-left: 0 !important; } .price-cc {color: #1f65bd; font-size: 16px; font-weight: 600; padding-top: 6px; } .shop-content {} .shorting {background: #f9f9f9 none repeat scroll 0 0; padding: 15px 10px; } .shorting p {margin: 7px 0; text-transform: capitalize; } .shorting form {float: right; } .shorting form label {font-weight: 500; margin: 0; } .shorting select {border: 1px solid #ddd; padding: 5px; text-transform: capitalize; } .shop-content .single-product-text h3 a {font-size: 20px; margin-bottom: 10px; position: relative; text-transform: capitalize; font-weight: 600; line-height: 28px; } .shop-content .product-price h3 {display: inline-block; color: #1f65bd; font-size: 20px; margin: 0; font-weight: 600; line-height: 0; padding: 12px 0; } .shop-content .product-button a {font-size: 13px; padding: 10px 13px; border-radius: 5px; } /* ======================================== Error ======================================== */ .error-page {} .error-page-content {text-align: center; } .error-page-content img {width: 100%; } .error-title {margin-bottom: 30px; font-size: 22px; font-weight: 600; } .error-page-content .btn-1 {} /* ======================================== Main Slider ======================================== */ .main-slider {width: 100%; } .main-slider .owl-stage {background-color: rgba(30, 144, 255, 0.8); } .main-slider .owl-item {padding: 0; position: relative; opacity: .5; } .main-slider .owl-item img {-o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; height: 450px; } .main-slider .center {opacity: 1; -webkit-transform: scale(1.005); -ms-transform: scale(1.005); transform: scale(1.005); -webkit-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; z-index: 9999; } .main-slider .owl-controls .owl-nav {position: absolute; width: 100%; top: 0; bottom: 0; } .main-slider .owl-controls .owl-nav .prev {position: absolute; height: 80%; width: 15%; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .main-slider .owl-controls .owl-nav .next {position: absolute; height: 80%; width: 15%; right: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .main-slider .owl-thumbs {text-align: center; display: table; width: 100%; } .main-slider .owl-thumb-item {width: 20%; height: 150px; border: none; background: none; padding: 0; opacity: .7; overflow: hidden; } .main-slider .owl-thumb-item img {width: 100%; height: auto; vertical-align: middle; } .main-slider .owl-thumb-item.active {opacity: 1; } .main-slider .owl-thumb-item.active img {position: relative; } .overlay {width: 100%; height: 100%; display: block; background-color: black; } /*============================================= Scroll top ============================================*/ .scroll-top {position: fixed; right: 1%; bottom: -50px; z-index: 1; -webkit-box-shadow: 0 30px 50px rgba(0, 0, 0, 0.03); box-shadow: 0 30px 50px rgba(0, 0, 0, 0.03); display: block; padding: 0; width: 40px; height: 40px; border-radius: 4px; text-align: center; font-size: 25px; line-height: 60px; cursor: pointer; opacity: 0; visibility: hidden; background-color: #ff8200; background-size: 200% auto; background-position: left center; color: #fff; -webkit-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1); overflow: hidden; border: 1px solid; } .scroll-top:hover {background: #fff; color: #ff8200; } @media only screen and (max-width: 479px) {.scroll-top {width: 50px; height: 50px; line-height: 50px; font-size: 20px; } } .scroll-top.show {visibility: visible; opacity: 1; bottom: 80px; } .scroll-top i {position: absolute; top: 50%; left: 50%; -webkit-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1); } .scroll-top .arrow-top {-webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .scroll-top .arrow-bottom {-webkit-transform: translate(-50%, 80px); -ms-transform: translate(-50%, 80px); transform: translate(-50%, 80px); } .scroll-top:hover {background-position: right center; } .scroll-top:hover .arrow-top {-webkit-transform: translate(-50%, -80px); -ms-transform: translate(-50%, -80px); transform: translate(-50%, -80px); } .scroll-top:hover .arrow-bottom {-webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .fa-long-arrow-up:before {content: "\f106"; font-family: "Font Awesome 5 free"; font-weight: 900; } .widget ul {list-style: none; margin-top: 0px; } .widget_services ul li{display:table; width:100%;padding:2px 0px;} .widget_services ul li a{display:table-cell; width:50%;font-weight: 400;} .widget_services ul li a {color: #fff; } .widget_services ul li a:hover {color: #30b6c4; } .footer-light .widget_services ul li a:hover {color: #266d35; } /*--------------------*/ .choose li {margin-bottom: 10px; } .choose li::before {left: 0; content: "\f058"; font-family: "Font Awesome 5 free"; font-weight: 900; background: unset; top: 0; color: #6bbbf0; margin-right: 10px; } .choose li b{font-weight:900 !important; } .img-responsive {width: 100%; } /* ----------------- Testinomials ----------------- */ figure.snip1157 {position: relative; overflow: hidden; width: 100%; color: #333; text-align: left; box-shadow: none !important; } figure.snip1157 * {-webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.35s cubic-bezier(0.25, 0.5, 0.5, 0.9); transition: all 0.35s cubic-bezier(0.25, 0.5, 0.5, 0.9); } figure.snip1157 img {max-width: 100%; vertical-align: middle; height: 65px; width: 65px; border-radius: 50%; margin: 25px 0 15px 10px; } figure.snip1157 blockquote {display: block; border-radius: 8px; position: relative; background-color: #f3f3f3; padding: 25px 50px 25px 50px; font-size: 1em; font-weight: 500; margin: 0; line-height: 1.6em; font-style: italic; } figure.snip1157 blockquote:before, figure.snip1157 blockquote:after {font-family: 'FontAwesome'; content: "\201C"; position: absolute; font-size: 50px; opacity: 0.3; font-style: normal; } figure.snip1157 blockquote:before {top: 15px; left: 10px; } figure.snip1157 blockquote:after {content: "\201D"; right: 10px; bottom: 0; } figure.snip1157 .arrow {top: 100%; width: 0; height: 0; border-left: 0 solid transparent; border-right: 25px solid transparent; border-top: 25px solid #fafafa; margin: 0; position: absolute; } figure.snip1157 .author {position: absolute; bottom: 45px; padding: 0 10px 0 100px; margin: 0; -webkit-transform: translateY(50%); transform: translateY(50%); } figure.snip1157 .author h5 {opacity: 0.8; margin: 0; font-weight: 600; font-size: 1em } figure.snip1157 .author h5 span {font-weight: 400; text-transform: none; padding-left: 5px; font-size: 1em } .rotate_enquiry {min-width: auto; padding: 10px 20px; /*    background-color: #2165bd;*/ right: -55px; position: fixed; transform: rotate(90deg); color: #fff; top: 250px; border-radius: 5px; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; z-index:999; font-size: 1.5em; animation: myanimation 10s infinite; } @keyframes myanimation {0% {background-color: #fb890f;} 25%{background-color:#00437a;} 50%{background-color:#0f8912;} 75%{background-color:#242566;} 100% {background-color: #2487c8;} } /* (A) STANDARD ROW HEIGHT */ .vwrap, .vitem {height: 30px; line-height: 30px; } /* (B) FIXED WRAPPER */ .vwrap {overflow: hidden; /* HIDE SCROLL BAR */ } /* (C) TICKER ITEMS */ .vitem { text-align: left; } /* (D) ANIMATION - MOVE ITEMS FROM TOP TO BOTTOM */ /* CHANGE KEYFRAMES IF YOU ADD/REMOVE ITEMS */ .vmove { position: relative; } @keyframes tickerv {0% { bottom: 0; } /* FIRST ITEM */ 30% { bottom: 30px; } /* SECOND ITEM */ 60% { bottom: 60px; } /* THIRD ITEM */ 90% { bottom: 90px; } /* FORTH ITEM */ 100% { bottom: 0; } /* BACK TO FIRST */ } .vmove {animation-name: tickerv; animation-duration: 10s; animation-iteration-count: infinite; animation-timing-function: cubic-bezier(1, 0, .5, 0); } .vmove:hover { animation-play-state: paused; } .whatsapp {background: #25D366 !important; color:#fff; } .sidebar-contact{position:fixed; top:50%; right:-250px; transform:translateY(-50%); width:250px; height:auto; padding:30px 10px; background:#fff; box-shadow: 0 20px 0px rgba(0,0,0,.5); box-sizing:border-box; transition:0.5s; z-index: 999; } .sidebar-contact.active{right:0; } .sidebar-contact input, .sidebar-contact textarea{width:100%; height:auto; padding:5px; margin-bottom:5px; box-sizing:border-box; border:1px solid rgba(0,0,0,.5); outline:none; } .sidebar-contact h2{margin:0 0 5px; padding:0; font-size: 25px; } .sidebar-contact textarea{height:60px; resize:none; } .sidebar-contact input[type="submit"]{background:#00bcd4; color:#fff; cursor:pointer; border:none; font-size:18px; } .toggle{position:absolute; height:48px; width:48px; text-align:center; cursor:pointer; background:#f00; top:-50px; left: -48px; line-height:48px; z-index: 999; } /* @media (min-width: 768px) and (max-width: 991.98px) {.toggle {} } */ .toggle:before{content:'\f003'; font-family:fontAwesome; font-size:18px; color:#fff; } .toggle.active:before{content:'\f00d'; } @media(max-width:768px) {/*.sidebar-contact{width:100%; height:100%; left:-100%; } .sidebar-contact .toggle{top:50%; transform:translateY(-50%); transition:0.5s; } .sidebar-contact.active .toggle {top:0; right:0; transform:translateY(0); }*/ .scroll{width:100%; height:100%; overflow-y:auto; } .content{padding:50px 50px; } } @media screen and (max-width: 320px), (min-device-width: 320px) and (max-device-width: 480px) and (orientation : portrait) {.toggle{top:100px !important; } } @media screen and (min-width: 320px) and (max-width: 480px), (min-device-width: 320px) and (max-device-width: 480px) and (orientation : landscape) {.toggle{display:none; } } @media screen and (max-width: 360px), (min-device-width: 360px) and (max-device-width: 640px) and (orientation : portrait) {.toggle{top:70px !important; } } @media screen and (min-width: 320px) and (max-width: 568px), (min-device-width: 320px) and (max-device-width: 568px) and (orientation : landscape) {.toggle{display:none; } } @media screen and (min-width: 360px) and (max-width: 640px), (min-device-width: 360px) and (max-device-width: 640px) and (orientation : landscape) {.toggle{top:70px; } } @media screen and (max-width: 600px), (min-device-width: 600px) and (max-device-width: 960px) and (orientation : portrait) {.toggle{top:0px; } } @media screen and (min-width: 768px) and (max-width: 1024px), (min-device-width: 768px) and (max-device-width: 1024px) and (orientation : landscape) {.toggle{top:100px; } } @media screen and (max-width: 768px), (min-device-width: 768px) and (max-device-width: 1024px) and (orientation : portrait) {.toggle{top:0px; } } .roadtrafficsafety {background-image: url(../img/bg/road-traffic-safety.jpg) !important; } .warehousesafety {background-image: url(../img/bg/warehouse-safety.jpg) !important; } .safetywearables {background-image: url(../img/bg/safety-wearables.jpg) !important; } .firesafety {background-image: url(../img/bg/fire-safety.jpg) !important; } .industrialsafety {background-image: url(../img/bg/industrial-safety.jpg) !important; } .logicalsafety {background-image: url(../img/bg/logistic-safety.jpg) !important; } .constructionsafety {background-image: url(../img/bg/constructions-safety.jpg) !important; } .householdsafety {background-image: url(../img/inner-bg.jpg) !important; } .watersafety {background-image: url(../img/bg/water-safety.jpg) !important; } .treesafety {background-image: url(../img/inner-bg.jpg) !important; } #myModal {margin: 5% auto auto auto; } .modal-body h1 {font-weight: 900; font-size: 2em; text-transform: uppercase; line-height: 50px; } .modal-body a.pre-order-btn {color: #fff; background-color: #1e61b7; border-radius: .5em; padding: .5em 1em; display: block; margin: 1em auto; width: 70%; font-size: 1.5em; font-weight: 600; } .modal-body a.pre-order-btn:hover {background-color: #ff8200; text-decoration: none; color: #333; }