/* Author: XpeedStudio Author URI: http://themeforest.net/user/XpeedStudio/portfolio */ /* ========================================================================== Author's custom styles ========================================================================== */ html, body { font-size: 15px; color: #565656; width: 100%; padding: 0; margin-left: 0; margin-right: 0; font-family: 'Roboto', sans-serif; font-weight: 300; } .navbar-header img{ width: 100px; object-fit: cover; height: 80px; margin-top: -44px; } img { -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; user-drag: none; } a, a:hover, a:active, a:focus { text-decoration: none; outline: none; } a, button, a span { -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; } .btn.extra-width { padding: 13px 40px; } .btn:focus, .btn:active { outline: inherit; } *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; /* direction: rtl;*/ } p { margin: 0 0 15px; } .clear { clear: both; } /*ol, ul { list-style: none; padding: 0; }*/ ul { list-style: none; padding: 0; } img { max-width: 100%; } textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { outline: none; } .form-control { border: 1px solid rgba(0, 0, 0, 0.08); font-size: 16px; height: 45px; } .form-control:focus { border-color: red; } h1, h2, h3 { font-weight: 300; margin: 0; } h4, h5 { font-weight: 300; margin: 0; line-height: 2rem; } h1 { font-size: 3rem; line-height: 4rem; font-weight: 300; } h2 { color: #9a181d; font-size: 2.5rem; line-height: 3rem; margin-bottom: .9rem; } h3 { font-weight: 300; margin-bottom: .9rem; font-size: 2.1rem; line-height: 2.5rem; } h4 { font-size: 1.6rem; line-height: 2.2rem; margin-bottom: 1.1rem; } h5 { font-size: 1.3rem; margin-bottom: 1rem; } h6 { font-size: 1rem; margin-bottom: .9rem; } p { line-height: 1.5rem; font-size: 1.1rem; } p:last-child { margin-top: 10px; margin-bottom: 10px; } /*.home-wrap h1,*/ .home-wrap h2, .home-wrap h3, .home-wrap h4, .home-wrap h5, .home-wrap p { color: #ffffff; } .text { color: #333333; } .colorstext { color: #f56363; } .coloricon i { color: #f56363; } .colorsbg { background: #f56363; color: #ffffff; } .lightbg { background-color: #f9f9f9; } .transition { -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; transition: all 300ms linear; } /* Section */ .sections { padding-top: 50px; padding-bottom: 0px; position: relative; overflow: hidden; } .sections2 { padding-top:40px; padding-bottom:40px; position: relative; overflow: hidden; } .sections.footer { padding-bottom: 80px; } section .subtitle h5 { margin-top: 10px; font-size: 1.3rem; font-family: 'roboto', sans-serif; } .parallax-section { max-width: 100%; color: #ffffff; } section .title-half h2 { font-size: 3rem; line-height: 4rem; font-weight: 300; margin-bottom: 1.4rem; } section .subtitle-half h5 { font-weight: 100; font-size: 12px; } .heading { margin-bottom: 4rem; } .overlay { background-color: rgba(0, 0, 0, 0.3); width: 100%; min-height: 750px; } .overlay-fluid-block { background-color: rgba(0, 0, 0, 0.15); width: 100%; } .home-overlay-fluid { background-color: rgba(41, 41, 41, 0.68); width: 80%; margin: auto; } .overlay-img { background: rgba(0, 0, 0, 0.3); width: 100%; padding-top: 100px; padding-bottom: 100px; color: #ffffff; } .no-padding { padding: 0 !important; } .fluid-blocks-col { padding: 70px 40px 0 80px; } .fluid-blocks-col-right { padding: 70px 80px 0 40px; } /* Separator */ .separator { height: 2px; width: 80px; margin: auto; background: #ededed; } /* Button */ .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open > .dropdown-toggle.btn-primary.focus, .open > .dropdown-toggle.btn-primary:focus, .open > .dropdown-toggle.btn-primary:hover, .btn-primary.focus, .btn-primary:focus, .btn-primary.disabled{ color: #ffffff; background-color:#64c583; border-color: #f56363; } .btn-primary:hover { background-color:#64c583; } .btn { border: solid; display: inline-block; /* padding: 6px 12px; */ margin-bottom: 0; font-size: 14px; font-weight: 400; line-height: 1.728571; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid #9a181d; border-radius: 3px; width: 200px; height: 50px; padding: 1em; background-color: #9a181d; color: white; margin-left: 25%; } .btn:hover { color: white; } .btn-default { border: solid; border-radius: 0px; background: #9a181d; color: #ededed; border: 0; padding: 12px 15px; max-width:160px; margin-top: 20px; } .btn-default:hover{ border-color: red; color: white; background-color: red; border-color: red; } .input-lg, .form-group-lg .form-control { height: 46px; width: 100%; padding: 10px 16px; font-size: 18px; line-height: 1.33; border-radius:0; } .btn-lg, .btn-group-lg>.btn { font-size: 18px; line-height: 26px; border-radius:0; background: red; border: 0; padding: 10px 25px; } .input-group button a i{ color:#fff; } /* Extra height css */ .margin-top-20 { margin-top: 20px; } .margin-bottom-20 { margin-bottom: 20px; } .margin-top-40 { margin-top: 40px; } .margin-bottom-40 { margin-bottom: 40px; } .margin-top-60 { margin-top: 60px; } .margin-80 { margin-top: 80px; margin-bottom: 80px; } .margin-bottom-60 { margin-bottom: 60px; } .margin-top-80 { margin-top: 80px; } .margin-bottom-80 { margin-bottom: 80px; } .padding-top-20 { padding-top: 1.33rem; } .padding-bottom-20 { padding-bottom: 1.33rem; } .padding-top-40 { padding-top: 2.66rem; } .padding-bottom-40 { padding-bottom: 2.66rem; } .padding-top-60 { padding-top: 5rem; } .padding-bottom-60 { padding-bottom: 5rem; } .padding-bottom-0 { padding-bottom: 0; } /*padding*/ .padding-twenty { padding: 10px 0; } .padding-fourty { padding: 20px 0; } .padding-sixty { padding: 30px 0; } .padding-eighty { padding: 40px 0; } h1 span { color: #f56363; font-weight: 400; } /*for placeholder changes*/ input::-webkit-input-placeholder { color: #CACACA; font-size: 12px; padding-top:2px; } input::-moz-placeholder { color: #CACACA; font-size: 12px; padding-top:2px; } input:-ms-input-placeholder { color: #CACACA; font-size: 12px; padding-top:2px; } textarea::-webkit-input-placeholder { color: #CACACA; font-size: 12px; padding-top:2px; } textarea::-moz-input-placeholder { color: #CACACA; font-size: 12px; padding-top:2px; } textarea::-ms-input-placeholder { color: #CACACA; font-size: 12px; padding-top:2px; } /*for image bg*/ /*.img-bg{ background: url(../images/home-msg.jpg) no-repeat center top fixed; background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; -o-background-size: cover; width: 100%; overflow: hidden; }*/ /*For Our Global CSS*/ .heading-content h1{ font-size:48px; margin-bottom:40px; } /* For Social Wrapper */ .social{ background:#000; padding:10px 0; } .social-wrapper .social-icon a{ float:left; font-size:13px; color:#fff; } .social-wrapper .social-icon a:hover{ color:red; } .social-wrapper .social-icon a i{ padding-right:10px; } .social-wrapper .social-contact{ float:right; font-size:13px; } .social-wrapper .social-contact a{ color:#fff; margin-right:20px; } .social-wrapper .social-contact a:hover{ color:red; } .social-wrapper .social-contact a i{ padding-right:5px; } /*For Menu Style*/ .navbar-default { background-color: white; border-color: white; border-radius: 0; padding-top: 40px; } .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus { color: #000; background-color: transparent; } .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover{ color: red; background-color:transparent; } .navbar-default .navbar-nav>li>a { color: #000; font-size:14px; font-weight:600; text-transform:uppercase; } .navbar-default .navbar-nav li a :hover{ color: red; } .navbar-default .collapse .login a{ color: red; border: 1px solid red; border-radius: 20px; padding: 4px 30px; font-size: 12px; margin-top: 10px; margin-left: 30px; display:inline-block; overflow:hidden; } .navbar-default .collapse .login:hover a{ background-color: rgba(0, 173, 62, 0.75); color:#fff; } .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus { color: red; background-color: transparent; } .navbar-brand{ margin-top:-5px; } /*For Home Section*/ .home{ height: 700px; background:url(../images/jpg/serralheria.jpg) no-repeat center center; color:#000; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; -ms-background-size:cover; z-index: 0; position: relative; } .home:before { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; background: rgba(00, 00, 00, 0.4); z-index: -1; } .home-wrapper{ padding:200px 0px; overflow:hidden; } .home-content h1{ padding-top: 150px; font-size: 48px; font-weight: 700; margin-bottom: 31px; color: #fff;; text-shadow: 0 0 2px #000; } .home-content p{ margin-bottom: 30px; color: #fff; } .home-content .home-contact{ margin-top: 90px; } .home-contact .input-group{display: block;} .home-content .input-group .form-control { position: relative; z-index: 2; float: left; width: 65%; margin-bottom: 0; height: 60px; } .home-content .home-contact input[type="text"]{ color:red; } .home-content .home-contact input[type="submit"]{ display:inline-block; width:35%; background:red; color:#fff; border: 0px; } .home-content .home-contact input[type="submit"]:hover{ background-color: rgba(0, 173, 62, 0.75); } .home-contact p{ margin-top: 20px; color:#000; font-size:15px; } .form-control { border: 1px solid #DEDEDE; height:45px; border-radius: 0px; margin-right: -3px; } .head_title { margin-bottom: 40px; } .head_title p { color: #fff; max-width: 55%; margin: 10px auto; padding-bottom: 20px; } #service .head_title p { color: #000; } /* features section */ .single_features_left img{ height:460px; } .single_features_right { margin-top: 0; } .single_features_right h2 { margin-bottom: 40px; font-size:40px; color: #9a181d; } .single_features_right p{ font-size:18px; } .single_features_right ul li{ font-size:18px; margin-top:3%; } /* Service2 Section */ .service2{} .service_content{ width: 90%; margin: 0 auto; } .single_service2{ margin-top: 90px; } .single_service_left{ display: inline-block; } .single_service2 img{ width: 70px; margin-top: -70px; } .single_service2 .single_service_right{ display: inline-block; width: 70%; padding-left: 20px; overflow: hidden; } .single_service_right h2{ font-size:24px; text-transform:uppercase; color:#222222; margin: 0; } .single_service_right p{ font-size:18px; color:#777777; } /*For Price Section*/ .cd-header { height: 100px; line-height: 170px; position: relative; } .cd-header h1 { text-align: center; color: #FFFFFF; font-size: 2.2rem; } @media only screen and (min-width: 768px) { .cd-header { height: 160px; line-height: 280px; } .cd-header h1 { font-size: 3.6rem; font-weight: 300; } } .cd-pricing-container { width: 90%; max-width: 1170px; margin: 4em auto; } @media only screen and (min-width: 768px) { .cd-pricing-container {margin: 4em auto;} .cd-pricing-container.cd-full-width {width: 100%;max-width: none;} } .cd-pricing-switcher { text-align: center; } .cd-pricing-switcher .fieldset { display: inline-block; position: relative; padding: 2px; border-radius: 50em; background:red; } .cd-pricing-switcher input[type="radio"] { position: absolute; opacity: 0; } .cd-pricing-switcher label { position: relative; z-index: 1; display: inline-block; float: left; width: 90px; height: 35px; line-height: 40px; cursor: pointer; font-size:12px; color:#fff; } .cd-pricing-switcher .cd-switch { /* floating background */ position: absolute; top: 2px; left: 2px; height: 40px; width: 90px; background-color: #0c1f28; border-radius: 50em; -webkit-transition: -webkit-transform 0.5s; -moz-transition: -moz-transform 0.5s; transition: transform 0.5s; } .cd-pricing-switcher input[type="radio"]:checked + label + .cd-switch, .cd-pricing-switcher input[type="radio"]:checked + label:nth-of-type(n) + .cd-switch { /* use label:nth-of-type(n) to fix a bug on safari with multiple adjacent-sibling selectors*/ -webkit-transform: translateX(90px); -moz-transform: translateX(90px); -ms-transform: translateX(90px); -o-transform: translateX(90px); transform: translateX(90px); } .no-js .cd-pricing-switcher { display: none; } .cd-pricing-list { margin: 2em 0 0; } .cd-pricing-list > li { position: relative; margin-bottom: 1em; } @media only screen and (min-width: 768px) { .cd-pricing-list { margin: 3em 0 0; } .cd-pricing-list:after { content: ""; display: table; clear: both; } .cd-pricing-list > li { width: 33.3333333333%; float: left; } .cd-has-margins .cd-pricing-list > li { width: 32.3333333333%; float: left; margin-right: 1.5%; } .cd-has-margins .cd-pricing-list > li:last-of-type { margin-right: 0; } } .cd-pricing-wrapper { /* this is the item that rotates */ position: relative; } .touch .cd-pricing-wrapper { /* fix a bug on IOS8 - rotating elements dissapear*/ -webkit-perspective: 2000px; -moz-perspective: 2000px; perspective: 2000px; } .cd-pricing-wrapper.is-switched .is-visible { /* totate the tables - anticlockwise rotation */ -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); -webkit-animation: cd-rotate 0.5s; -moz-animation: cd-rotate 0.5s; animation: cd-rotate 0.5s; } .cd-pricing-wrapper.is-switched .is-hidden { /* totate the tables - anticlockwise rotation */ -webkit-transform: rotateY(0); -moz-transform: rotateY(0); -ms-transform: rotateY(0); -o-transform: rotateY(0); transform: rotateY(0); -webkit-animation: cd-rotate-inverse 0.5s; -moz-animation: cd-rotate-inverse 0.5s; animation: cd-rotate-inverse 0.5s; opacity: 0; } .cd-pricing-wrapper.is-switched .is-selected { opacity: 1; } .cd-pricing-wrapper.is-switched.reverse-animation .is-visible { /* invert rotation direction - clockwise rotation */ -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); -o-transform: rotateY(-180deg); transform: rotateY(-180deg); -webkit-animation: cd-rotate-back 0.5s; -moz-animation: cd-rotate-back 0.5s; animation: cd-rotate-back 0.5s; } .cd-pricing-wrapper.is-switched.reverse-animation .is-hidden { /* invert rotation direction - clockwise rotation */ -webkit-transform: rotateY(0); -moz-transform: rotateY(0); -ms-transform: rotateY(0); -o-transform: rotateY(0); transform: rotateY(0); -webkit-animation: cd-rotate-inverse-back 0.5s; -moz-animation: cd-rotate-inverse-back 0.5s; animation: cd-rotate-inverse-back 0.5s; opacity: 0; } .cd-pricing-wrapper.is-switched.reverse-animation .is-selected { opacity: 1; } .cd-pricing-wrapper > li { background-color: #FFFFFF; -webkit-backface-visibility: hidden; backface-visibility: hidden; /* Firefox bug - 3D CSS transform, jagged edges */ outline: 1px solid #ededed; } .cd-pricing-wrapper > li::after { /* subtle gradient layer on the right - to indicate it's possible to scroll */ content: ''; position: absolute; top: 0; right: 0; height: 100%; width: 50px; pointer-events: none; background: -webkit-linear-gradient( right , #FFFFFF, rgba(255, 255, 255, 0)); background: linear-gradient(to left, #FFFFFF, rgba(255, 255, 255, 0)); } .cd-pricing-wrapper > li.is-ended::after { /* class added in jQuery - remove the gradient layer when it's no longer possible to scroll */ display: none; } .cd-pricing-wrapper .is-visible { /* the front item, visible by default */ position: relative; z-index: 5; } .cd-pricing-wrapper .is-hidden { /* the hidden items, right behind the front one */ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); } .cd-pricing-wrapper .is-selected { /* the next item that will be visible */ z-index: 3 !important; } @media only screen and (min-width: 768px) { .cd-pricing-wrapper > li::before { /* separator between pricing tables - visible when number of tables > 3 */ content: ''; position: absolute; z-index: 6; left: -1px; top: 50%; bottom: auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); height: 50%; width: 1px; background-color: #b1d6e8; } .cd-pricing-wrapper > li::after { /* hide gradient layer */ display: none; } .cd-popular .cd-pricing-wrapper > li { box-shadow: inset 0 0 0 3px #e97d68; } .cd-has-margins .cd-pricing-wrapper > li, .cd-has-margins .cd-popular .cd-pricing-wrapper > li { box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1); } .cd-secondary-theme .cd-pricing-wrapper > li { background: #3aa0d1; background: -webkit-linear-gradient( bottom , #3aa0d1, #3ad2d1); background: linear-gradient(to top, #3aa0d1, #3ad2d1); } .cd-secondary-theme .cd-popular .cd-pricing-wrapper > li { background: #e97d68; background: -webkit-linear-gradient( bottom , #e97d68, #e99b68); background: linear-gradient(to top, #e97d68, #e99b68); box-shadow: none; } :nth-of-type(1) > .cd-pricing-wrapper > li::before { /* hide table separator for the first table */ display: none; } .cd-has-margins .cd-pricing-wrapper > li { border-radius: 4px 4px 6px 6px; } .cd-has-margins .cd-pricing-wrapper > li::before { display: none; } } @media only screen and (min-width: 1500px) { .cd-full-width .cd-pricing-wrapper > li { padding: 2.5em 0; } } .no-js .cd-pricing-wrapper .is-hidden { position: relative; -webkit-transform: rotateY(0); -moz-transform: rotateY(0); -ms-transform: rotateY(0); -o-transform: rotateY(0); transform: rotateY(0); margin-top: 1em; } @media only screen and (min-width: 320px) { .cd-popular .cd-pricing-wrapper > li::before { /* hide table separator for .cd-popular table */ display: none; } .cd-popular + li .cd-pricing-wrapper > li::before { /* hide table separator for tables following .cd-popular table */ display: none; } } .cd-pricing-header { position: relative; z-index: 1; height: 80px; padding: 1em; pointer-events: none; color: #FFFFFF; border:1px solid red; } .cd-pricing-header h2 { margin-bottom: 3px; font-weight: 700; text-transform: uppercase; } .cd-popular .cd-pricing-header { background-color: #e97d68; } @media only screen and (min-width: 320px) { .cd-pricing-header { height: auto; padding: 1.9em 0.9em 1.6em; pointer-events: auto; text-align: center; color: #000; font-size:14px; } .cd-popular .cd-pricing-header { color:#fff; background:red; } .cd-secondary-theme .cd-pricing-header { color: #FFFFFF; } .cd-pricing-header h2 { font-size:14px; letter-spacing: 2px; } } .cd-currency, .cd-value { font-size: 3rem; font-weight: 300; } .cd-duration { font-weight: 700; font-size: 1.3rem; color: #8dc8e4; text-transform: uppercase; } .cd-popular .cd-duration { color: #f3b6ab; } .cd-duration::before { content: '/'; margin-right: 2px; } @media only screen and (min-width: 320px) { .cd-value { font-size: 23px; font-weight: 300; } .cd-currency, .cd-duration { color:#000; } .cd-popular .cd-currency, .cd-popular .cd-duration { color: #ededed; } .cd-secondary-theme .cd-currency, .cd-secondary-theme .cd-duration { color: #2e80a7; } .cd-secondary-theme .cd-popular .cd-currency, .cd-secondary-theme .cd-popular .cd-duration { color: #ba6453; } .cd-currency { display: inline-block; margin-top:0; vertical-align: top; font-size: 23px; font-weight: 700; } .cd-duration { font-size: 1rem; } } .cd-pricing-body { overflow-x: auto; -webkit-overflow-scrolling: touch; } .is-switched .cd-pricing-body { /* fix a bug on Chrome Android */ overflow: hidden; } @media only screen and (min-width: 320px) { .cd-pricing-body { overflow-x: visible; } } .cd-pricing-features { width: 600px; } .cd-pricing-features:after { content: ""; display: table; clear: both; } .cd-pricing-features li { width: 100px; float: left; padding: 1.6em 1em; font-size:1rem; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .cd-pricing-features em { display: block; margin-bottom: 5px; font-weight: 600; } @media only screen and (min-width: 320px) { .cd-pricing-features { width: auto; } .cd-pricing-features li { float: none; width: auto; padding: 1em; } .cd-popular .cd-pricing-features li { margin: 0 3px; } .cd-pricing-features em { display: inline-block; margin-bottom: 0; margin-right:5px; } .cd-has-margins .cd-popular .cd-pricing-features li, .cd-secondary-theme .cd-popular .cd-pricing-features li { margin: 0; } .cd-secondary-theme .cd-pricing-features li { color: #FFFFFF; } .cd-secondary-theme .cd-pricing-features li:nth-of-type(2n+1) { background-color: transparent; } } .cd-pricing-footer { position: absolute; z-index: 1; top: 0; left: 0; /* on mobile it covers the .cd-pricing-header */ height: 80px; width: 100%; } .cd-pricing-footer a { background:red; color:#fff;} .cd-pricing-footer::after { /* right arrow visible on mobile */ content: ''; position: absolute; right: 1em; top: 50%; bottom: auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); height: 20px; width: 20px; background:red; } @media only screen and (min-width: 320px) { .cd-pricing-footer { position: relative; height: auto; padding: 1.8em 0; text-align: center; } .cd-pricing-footer::after { /* hide arrow */ display: none; } .cd-has-margins .cd-pricing-footer { padding-bottom: 0; } } .cd-select { position: relative; z-index: 1; display: block; height: 100%; overflow: hidden; text-indent: 100%; white-space: nowrap; color:#000; } @media only screen and (min-width: 320px) { .cd-select { position: static; display: inline-block; height: auto; padding: 1.3em 3em; color: #000; border-radius: 2px; font-size: 1rem; text-indent: 0; text-transform: uppercase; } .no-touch .cd-select:hover { color: #112e3c; } .cd-popular .cd-select { color: #ededed; background: red; } .no-touch .cd-popular .cd-select:hover { color:#000; } .cd-secondary-theme .cd-popular .cd-select { color: #0c1f28; } .no-touch .cd-secondary-theme .cd-popular .cd-select:hover { color: #112e3c; } .cd-has-margins .cd-select { display: block; padding: 1.7em 0; border-radius: 0 0 4px 4px; } } /* -------------------------------- xkeyframes -------------------------------- */ @-webkit-keyframes cd-rotate { 0% { -webkit-transform: perspective(2000px) rotateY(0); } 70% { /* this creates the bounce effect */ -webkit-transform: perspective(2000px) rotateY(200deg); } 100% { -webkit-transform: perspective(2000px) rotateY(180deg); } } @-moz-keyframes cd-rotate { 0% { -moz-transform: perspective(2000px) rotateY(0); } 70% { /* this creates the bounce effect */ -moz-transform: perspective(2000px) rotateY(200deg); } 100% { -moz-transform: perspective(2000px) rotateY(180deg); } } @keyframes cd-rotate { 0% { -webkit-transform: perspective(2000px) rotateY(0); -moz-transform: perspective(2000px) rotateY(0); -ms-transform: perspective(2000px) rotateY(0); -o-transform: perspective(2000px) rotateY(0); transform: perspective(2000px) rotateY(0); } 70% { /* this creates the bounce effect */ -webkit-transform: perspective(2000px) rotateY(200deg); -moz-transform: perspective(2000px) rotateY(200deg); -ms-transform: perspective(2000px) rotateY(200deg); -o-transform: perspective(2000px) rotateY(200deg); transform: perspective(2000px) rotateY(200deg); } 100% { -webkit-transform: perspective(2000px) rotateY(180deg); -moz-transform: perspective(2000px) rotateY(180deg); -ms-transform: perspective(2000px) rotateY(180deg); -o-transform: perspective(2000px) rotateY(180deg); transform: perspective(2000px) rotateY(180deg); } } @-webkit-keyframes cd-rotate-inverse { 0% { -webkit-transform: perspective(2000px) rotateY(-180deg); } 70% { /* this creates the bounce effect */ -webkit-transform: perspective(2000px) rotateY(20deg); } 100% { -webkit-transform: perspective(2000px) rotateY(0); } } @-moz-keyframes cd-rotate-inverse { 0% { -moz-transform: perspective(2000px) rotateY(-180deg); } 70% { /* this creates the bounce effect */ -moz-transform: perspective(2000px) rotateY(20deg); } 100% { -moz-transform: perspective(2000px) rotateY(0); } } @keyframes cd-rotate-inverse { 0% { -webkit-transform: perspective(2000px) rotateY(-180deg); -moz-transform: perspective(2000px) rotateY(-180deg); -ms-transform: perspective(2000px) rotateY(-180deg); -o-transform: perspective(2000px) rotateY(-180deg); transform: perspective(2000px) rotateY(-180deg); } 70% { /* this creates the bounce effect */ -webkit-transform: perspective(2000px) rotateY(20deg); -moz-transform: perspective(2000px) rotateY(20deg); -ms-transform: perspective(2000px) rotateY(20deg); -o-transform: perspective(2000px) rotateY(20deg); transform: perspective(2000px) rotateY(20deg); } 100% { -webkit-transform: perspective(2000px) rotateY(0); -moz-transform: perspective(2000px) rotateY(0); -ms-transform: perspective(2000px) rotateY(0); -o-transform: perspective(2000px) rotateY(0); transform: perspective(2000px) rotateY(0); } } @-webkit-keyframes cd-rotate-back { 0% { -webkit-transform: perspective(2000px) rotateY(0); } 70% { /* this creates the bounce effect */ -webkit-transform: perspective(2000px) rotateY(-200deg); } 100% { -webkit-transform: perspective(2000px) rotateY(-180deg); } } @-moz-keyframes cd-rotate-back { 0% { -moz-transform: perspective(2000px) rotateY(0); } 70% { /* this creates the bounce effect */ -moz-transform: perspective(2000px) rotateY(-200deg); } 100% { -moz-transform: perspective(2000px) rotateY(-180deg); } } @keyframes cd-rotate-back { 0% { -webkit-transform: perspective(2000px) rotateY(0); -moz-transform: perspective(2000px) rotateY(0); -ms-transform: perspective(2000px) rotateY(0); -o-transform: perspective(2000px) rotateY(0); transform: perspective(2000px) rotateY(0); } 70% { /* this creates the bounce effect */ -webkit-transform: perspective(2000px) rotateY(-200deg); -moz-transform: perspective(2000px) rotateY(-200deg); -ms-transform: perspective(2000px) rotateY(-200deg); -o-transform: perspective(2000px) rotateY(-200deg); transform: perspective(2000px) rotateY(-200deg); } 100% { -webkit-transform: perspective(2000px) rotateY(-180deg); -moz-transform: perspective(2000px) rotateY(-180deg); -ms-transform: perspective(2000px) rotateY(-180deg); -o-transform: perspective(2000px) rotateY(-180deg); transform: perspective(2000px) rotateY(-180deg); } } @-webkit-keyframes cd-rotate-inverse-back { 0% { -webkit-transform: perspective(2000px) rotateY(180deg); } 70% { /* this creates the bounce effect */ -webkit-transform: perspective(2000px) rotateY(-20deg); } 100% { -webkit-transform: perspective(2000px) rotateY(0); } } @-moz-keyframes cd-rotate-inverse-back { 0% { -moz-transform: perspective(2000px) rotateY(180deg); } 70% { /* this creates the bounce effect */ -moz-transform: perspective(2000px) rotateY(-20deg); } 100% { -moz-transform: perspective(2000px) rotateY(0); } } @keyframes cd-rotate-inverse-back { 0% { -webkit-transform: perspective(2000px) rotateY(180deg); -moz-transform: perspective(2000px) rotateY(180deg); -ms-transform: perspective(2000px) rotateY(180deg); -o-transform: perspective(2000px) rotateY(180deg); transform: perspective(2000px) rotateY(180deg); } 70% { /* this creates the bounce effect */ -webkit-transform: perspective(2000px) rotateY(-20deg); -moz-transform: perspective(2000px) rotateY(-20deg); -ms-transform: perspective(2000px) rotateY(-20deg); -o-transform: perspective(2000px) rotateY(-20deg); transform: perspective(2000px) rotateY(-20deg); } 100% { -webkit-transform: perspective(2000px) rotateY(0); -moz-transform: perspective(2000px) rotateY(0); -ms-transform: perspective(2000px) rotateY(0); -o-transform: perspective(2000px) rotateY(0); transform: perspective(2000px) rotateY(0); } } .fa-check-circle{ color:red; } .fa-remove{ color:red; } /*For portfolio Section*/ .portfolio{ background: url(../images/bg.png) no-repeat top center fixed; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; -ms-background-size:cover; width: 100%; overflow: hidden; } .community-edition{ background:#fff; padding:40px 15px; border:1px solid #ececec; box-shadow:2px 2px 5px 0 rgba(55,50,40, .20); -webkit-box-shadow:2px 2px 5px 0 rgba(55,50,40, .20); -moz-box-shadow:2px 2px 5px 0 rgba(55,50,40, .20); -o-box-shadow:2px 2px 5px 0 rgba(55,50,40, .20); -ms-box-shadow:2px 2px 5px 0 rgba(55,50,40, .20); transition:.3s ease-in-out; -moz-transition:.3s ease-in-out; -webkit-transition:.3s ease-in-out; } .community-edition:hover{ background:red; color:#fff; } .community-edition:hover i { color:#fff; } .community-edition:hover h4 { color:#fff; } .community-edition:hover p { color:#fff; } .community-edition i{ font-size:60px; color:red; margin-bottom: 20px; } .community-edition h4{ font-size:16px; color:#000; text-transform:uppercase; font-weight:600; letter-spacing:1px; margin-top:15px; } .community-edition p{ font-size:12px; color:#777777; } .portfolio-wrapper2{ margin-top:25px; } /* Contact Section */ .contact_content{ width: 80%; margin: 50px auto; } .single_left_contact p{ font-family:''titillium_weblight; font-size:18px; } .single_right_contact .contact_address span{ font-size:18px; display:block; line-height: 30px; } .single_right_contact .contact_socail_bookmark{ margin-left:-15px; margin-top:20px; } .single_right_contact .contact_socail_bookmark a { margin-left:15px; transition:.5s; } .single_right_contact .contact_socail_bookmark a i{ color:#222222; border:1px solid #777777; width:40px; height:40px; line-height:40px; text-align:center; border-radius:50%; } .single_right_contact .contact_socail_bookmark a:hover i{ color:#8a3b6a; border:1px solid #8a3b6a; } /*For Footer Menu Section*/ .footer-menu{ background: white; color:#000; border-bottom:1px solid #cfcdcd; padding-top: 30px; } .menu-item{margin-bottom:20px; } .menu-item h5{font-size:16px;font-family: 'Roboto', sans-serif;font-weight:400; } .menu-item p{ font-size:12px; } .menu-item ul li{ font-size:13px; text-transform:uppercase; font-family: 'Roboto', sans-serif; margin-bottom:10px; font-weight: 300; } .menu-item .form-control { position: relative; z-index: 2; float: left; width: 65%; margin-bottom: 0; } .menu-item input[type="text"]{ color:red; } .menu-item input[type="submit"]{ display:inline-block; width:35%; background:red; color:#fff; border:0px; } .menu-item input[type="submit"]:hover{ background-color: rgba(0, 173, 62, 0.75); } /*For Footer Section*/ .footer{ color:#000; } .footer-wrapper{ display:block; } } .footer-brand{ float:left; } .copyright{ text-align:right; } .copyright p{ font-size: 1.125rem; margin-bottom: 1px; padding: 20px 0px; } .copyright p i{color:#ff0000; }.copyright p a{color:#32E10A; } /*scollup icon*/ .scrollup {width: 30px;height: 30px;border-radius: 15px;opacity: .3;position: fixed;bottom: 20px;right: 25px;color: #fff;cursor: pointer;background-color: #000;z-index: 10;transition: opacity .5s, background-color .5s;-moz-transition: opacity .5s, background-color .5s;-webkit-transition: opacity .5s, background-color .5s; } .scrollup:hover {background: red;opacity: 1; } .scrollup i {font-size: 13px;position: absolute;opacity: 1;color: #fff;left: 50%;top: 50%;margin-top: -7px;margin-left: -6px;text-decoration: none; } .navbar-toggle { position: relative; float: right; padding: 9px 10px; margin-top: -12px; margin-right: 15px; margin-bottom: 8px; background-color: transparent; background-image: none; border: 1px solid transparent; border-radius: 4px; } @media screen and (min-width: 991px){ .home-wrapper { padding: 200px 0px; overflow: hidden; } } @media screen and (max-width: 991px) and (min-width: 768px){ .home-wrapper { padding: 209px 0px; overflow: hidden; } } @media screen and (max-width: 767px) and (min-width: 481px){ .home-wrapper { padding: 216px 0px; overflow: hidden; } } @media screen and (max-width: 480px) and (min-width: 470px){ .home-wrapper { padding: 241px 0px; overflow: hidden; } } @media screen and (max-width: 469px) and (min-width: 321px){ .home-wrapper { padding: 222px 0px; overflow: hidden; } } @media screen and (max-width: 320px){ .home-wrapper { padding: 228px 0px; overflow: hidden; } } @media (min-width: 768px) { .navbar-right { float: right!important; margin-right: -15px; margin-top: -20px; } } .icones img { max-height: 130px; width: 100%; object-fit: contain; margin: 0 auto; } #price { padding-bottom: 30px; } #contact { padding-bottom: 50px; } #contact h2 {color: #FFF;}