#c3951dbody, h1, h2, h3, h4, h5, p { font-family: 'Quattrocento Sans', sans-serif !important; } body { font-size: 16px; line-height: 22px; } a:hover { color: #c3951d ; } button.btn-gld-c-cls{ color: black; background-color: #e8c25f; border-color: #e8c25f; font-weight: bold; } .header-v6 .navbar-nav > li > a { line-height: 32px; } .Toptext { border-right: none; } .Toptext span { color: #1e1d1d ; margin-left: 5px; } .Toptext { font-style: 15px; } .Toptext i.socialmedia { border-radius: 50%; font-size: 12px !important; height: 25px; line-height: 25px; text-align: center; width: 25px; background-color: #1e1d1d ; } .head-phone { font-size: 16px; font-weight: 600; } .header-fixed .header-v6.header-fixed-shrink .navbar-brand { height: auto; max-height: none; z-index:3; } .head-phone span { font-size: 14px; } .Toptext i.socialmedia:hover { background-color: #ffffff; color: #1e1d1d ; } .one-page-header .dropdown-menu { padding-top: 11px; } a.scroll_hint { background-image: none !important; height: auto !important; text-align: right; padding-bottom: 15px; margin: -66px 20px 0 auto; font-size: 12px; color: #ffffff; width: 80px; height: 51px; /*background-image: url('/assets/img/scroll-back.png'); background-repeat: no-repeat; background-position: bottom center;*/ display: block; position: relative; z-index: 1; text-transform: uppercase; } a.scroll_hint { } a.scroll_hint i { font-size: 24px; } a.scroll_hint:hover { text-decoration: none; } .h1, .h2, .h3 { margin-top: 0px; margin-bottom: 00px; } .our-service-info p { margin-left: 10px; margin-right: 30px; text-align:left; line-height:140%; } .buttonMore { margin: 0px; padding:0px; position: relative; width: auto; height: auto; float: left; } .buttonMore a { color: #1e1d1d ; background: transparent; text-decoration: none; padding: 10px 0px 10px 30px; font-size: 15px; font-weight: 600; -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; margin-left: -30px; display: inline-block; border-bottom: 3px solid #1e1d1d !important; letter-spacing: 1px; } .buttonMore a:hover { color: #1e1d1d !important; border-bottom: 3px solid #1e1d1d !important; background-size: 12px 12px; cursor: pointer; padding-right: 300px; } .slider-content .box_link a { border: none; /* background-color: #1e1d1d ; */ color: #ffffff; /*border: 1px solid #1e1d1d ;*/ } /*.slider-content .box_link a:hover { background-color: transparent; border: 1px solid #1e1d1d ; } */ /*-------------------------------------------------- [4. About Section] ----------------------------------------------------*/ /*Adding background image that would only show on hover*/ #about { background-color: #0d2406; position: relative; padding-bottom: 40px; } .arch-service { padding: 0; position: relative; } .arch-service-1 { background: url(../img/services1.jpg) no-repeat 80% 0 / cover; } .arch-service-1:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-image: linear-gradient(to top right, #2a2f31, #989ea1); opacity: 0.65; z-index:1; transition: opacity 1s ease-in-out; } .arch-service-1:hover:before { transition: opacity 1s ease-in-out; opacity: 0.2; } ::-webkit-calendar-picker-indicator { filter: invert(1); } .arch-service-2 { background: url(../img/services2.jpg) no-repeat 30% 0 / cover; } .arch-service-2:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-image: linear-gradient(to top right, #2a2f31, #989ea1); opacity: 0.65; z-index:1; transition: opacity 1s ease-in-out; } .arch-service-2:hover:before { transition: opacity 1s ease-in-out; opacity: 0.2; } .arch-service-3 { background: url(../img/services3.jpg) no-repeat 80% 0 / cover; } .arch-service-3:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-image: linear-gradient(to top right, #2a2f31, #989ea1); opacity: 0.65; z-index:1; transition: opacity 1s ease-in-out; } .arch-service-3:hover:before { transition: opacity 1s ease-in-out; opacity: 0.2; } .arch-service-4 { background: url(../img/services4.jpg) no-repeat 50% 0 / cover; } .mt-150-cls{ margin-top:15px; } .mt-130-cls{ margin-top: 15px !important; } .arch-service-4:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-image: linear-gradient(to top right, #2a2f31, #989ea1); opacity: 0.65; z-index:1; transition: opacity 1s ease-in-out; } .arch-service-4:hover:before { transition: opacity 1s ease-in-out; opacity: 0.2; } .arch-service-5 { background: url(../img/services5.jpg) no-repeat 80% 0 / cover; } .arch-service-5:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-image: linear-gradient(to top right, #2a2f31, #989ea1); opacity: 0.65; z-index:1; transition: opacity 1s ease-in-out; } .arch-service-5:hover:before { transition: opacity 1s ease-in-out; opacity: 0.2; } .arch-service-6 { background: url(../img/services6.jpg) no-repeat 80% 0 / cover; } .arch-service-6:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-image: linear-gradient(to top right, #2a2f31, #989ea1); opacity: 0.65; z-index:1; transition: opacity 1s ease-in-out; } .arch-service-6:hover:before { transition: opacity 1s ease-in-out; opacity: 0.2; } .arch-service-7 { background: url(../img/services7.jpg) no-repeat 80% 0 / cover; } .arch-service-7:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-image: linear-gradient(to top right, #2a2f31, #989ea1); opacity: 0.65; z-index:1; transition: opacity 1s ease-in-out; } .arch-service-7:hover:before { transition: opacity 1s ease-in-out; opacity: 0.2; } .arch-service-in { padding: 100px 30px; transition: opacity 0.4s ease-in-out; z-index:2; position: relative; } .arch-service-6:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-image: linear-gradient(to top right, #2a2f31, #989ea1); opacity: 0.65; z-index:1; transition: opacity 1s ease-in-out; } .arch-service-6:hover:before { transition: opacity 1s ease-in-out; opacity: 0.2; } /*Adding colors over the background image*/ /* .img-hover-1 { background: #0d2406; } .img-hover-2 { background: #0d2406; } .img-hover-3 { background: #0d2406; } .img-hover-4 { background: #0d2406; } .img-hover-5 { background: #0d2406; }*/ /*Changing opacity on hover so the image shows*/ .arch-service:hover .arch-service-in h3 { opacity: 0.45; transition: all 0.7s ease-in-out; } .arch-service:hover .arch-service-in p{ opacity: 0.45; transition: all 0.7s ease-in-out; border-bottom: 1px solid transparent; } .arch-service:hover .arch-service-in .arch-service-btn{ color: #fff !important; background: #1e1d1d ; padding: 7px 13px 8px 13px; opacity: 0.8; transition: all 0.8s ease-in-out; } .arch-service-in .icon { color: #c74645; font-size: 30px; } .arch-service-in h3 { color: #fff; text-transform: none; margin: 20px 0 25px; transition: all 0.7s ease-in-out; } .arch-service-in p { font-size: 18px; margin-bottom: 30px; color: #fff; text-transform: none; font-weight: 500; transition: all 0.7s ease-in-out; border-bottom: 1px solid #fff; padding: 0 0 20px 0; } .arch-service-in .arch-service-btn { background: transparent; border: none; color: #fff; font-size: 14px; font-weight: bold; text-transform: uppercase; padding-left: 0; text-decoration: none; transition: all 0.8s ease-in-out; /*border-top: 1px solid #fff;*/ padding: 7px 0px 8px 0px; letter-spacing: 1px; } .g-heading-v7 .block_name { color: #1e1d1d ; } .owl2-carousel-v2 .owl-prev, .owl2-carousel-v2 .owl-next, .contact-button-link:hover, .contact-button-link:focus, .contact-button-link:active, .g-heading-v7 h2, .g-heading-v7 .h2 { background-color: transparent; } .our-service-info p { color: #ffffff; } @media (max-width: 768px) { .modal-body .modal-top img { margin-top: -40px; } .modal button.close { position: absolute; width: 30px; height: 30px; top: 0; right: 10px; z-index: 2; } } .col-xs-15, .col-sm-15, .col-md-15, .col-lg-15 { position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; padding: 0 !important; } .col-xs-15 { width: 20%; float: left; } @media (min-width: 768px) { .col-sm-15 { width: 20%; float: left; } } @media (min-width: 992px) { .col-md-15 { width: 20%; float: left; } } @media (min-width: 1200px) { .col-lg-15 { width: 20%; float: left; } } .arch-service span { color: #1e1d1d ; font-size: 52px; display:none; } .call-action-v1-in h3.color-light { font-size: 25px; margin-left:0px; margin-right:30px; } .call-action-v1-in h3.color-light p { text-transform: none; } .call-action-v1 .call-action-v1-in { display: block; text-align: left; width: 100%; padding-left: 10px; } .btn-u.btn-brd-width-2 { margin-left:-10px; border: 1px solid #fff; } .btn-u.btn-brd-width-2:hover { background-color: #1e1d1d !important ; } @media screen and (max-width: 991px) { .call-action-v1 .call-action-v1-in { padding-left: 0px; } .call-action-v1-in h3.color-light { font-size: 21px; } } .call-action-v1 .call-action-v1-in.inner-btn { display: inline-block; text-align: right; margin-top: 20px; } .our-services-list-item h3 { font-size: 24px !important; } .g-bg-default-color { background-color: #1e1d1d ; } .contact-section .h2 strong { color: #3c3b3b; } .contact-section-info { color: #ecf0f1 !important; font-size: 16px; text-align: left; } .contact-section .address, .info2-section { text-align: left; } .info2-section { margin-bottom: 15px; width: 100%; float: left; } .info2-section i { height: 20px; width: 30px; text-align: center; display: inline-block; float: left; } .info2-section span { display: inline-block; float: left; } .info2-section i.fa-mobile { font-size: 24px; } .info2-section i.fa-map-marker { font-size: 20px; } .contact-section .sky-form .input input, .contact-section .sky-form .textarea textarea, .contact-section .sky-form .textarea textarea:hover, .contact-section .sky-form .input input:hover, .contact-section .sky-form .input input:focus { background: #fff none repeat scroll 0 0; box-shadow: none; color: #666666; } ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #b5b5b5 !important; } ::-moz-placeholder { /* Firefox 19+ */ color: #b5b5b5 !important; } :-ms-input-placeholder { /* IE 10+ */ color: #b5b5b5 !important; } :-moz-placeholder { /* Firefox 18- */ color: #b5b5b5 !important; } .sky-form button { font-size: 18px !important; margin-top: 0px; } .call-action-v1 .call-action-v1-box { padding: 40px 10px; } .services-page-section { padding: 50px 0; } .about_page { background-color: #1e1d1d ; } .about_page .h2.color-light { padding-left: 0; } .about_page .h2 .block_name { color: #ffffff; } .about_page p.textnew { color: #ffffff; } .service_page { background-color: #1e1d1d ; } .service_page .h2.color-light { padding-left: 0; } .service_page .h2 .block_name { color: #ffffff; } .service_page p.textnew { color: #ffffff; } .faq_page { background-color: #1e1d1d ; } .faq_page .h2.color-light { padding-left: 0; } .faq_page .h2 .block_name { color: #ffffff; } .faq_page p.textnew { color: #ffffff; } .gallery_page { background-color: #1e1d1d ; } div[title="specialGalleryPage"] { padding:0 !important; background-color: #1e1d1d ; } .gallery_page .h2.color-light { padding-left: 0; } .gallery_page .h2 .block_name { color: #ffffff; } .gallery_page p.textnew { color: #ffffff; } .contact_page { background-color: #1e1d1d ; } .contact_page .h2.color-light { padding-left: 0; } .contact_page .h2 .block_name { color: #ffffff; } .contact_page p.textnew { color: #ffffff; } .contact_page label { color: #ffffff; letter-spacing: 1px; font-size: 110%; font-weight: 500; text-transform: uppercase ; } .contact-page .sky-form button { margin-top: 0; } .faq-add { width: 100%; } .faq-page .faq-add { border: 2px solid #eee; margin-bottom: 20px; padding: 15px; float: left; } .faq-add h3.new-title { font-size: 28px !important; } .faq-page .top-part i { color: #777; float: left; font-size: 48px; margin-bottom: 20px; margin-right: 10px; padding-top: 3px; text-align: center; width: 100%; } .faq-page .new-title { float: left; font-size: 18px; margin-bottom: 5px; text-align: center; width: 100%; } .faq-page .new-title a { color: #1e1d1d ; font-size: 24px; } .faq-page .faq-add p { float: left; font-size: 14px; line-height: 1.5; width: 100%; margin-top: 10px; } .headline.red h2 { font-weight: 600; font-size: 36px !important; } .contact_section { padding: 70px 50px; } .call-action-v1-in .color-green { color: #c3951d; background: transparent ; font-size: 30px; font-weight: 600; padding: .3em .3em; } .who li a { border-bottom: 1px solid #c8c8c8; float: left; padding-bottom: 10px; padding-top: 10px; width: 100%; } .arch-service-btn { color: #1e1d1d ; text-transform: uppercase; font-size: 14px; } .content-boxes-v6 i { color: #1e1d1d !important; } .content-boxes-v6:hover i { background: #1e1d1d none repeat scroll 0 0; transition: all 0.3s ease-in-out 0s; color: #ffffff !important; } .content-boxes-v6:hover i::after { border-color: #1e1d1d ; transition: all 0.3s ease-in-out 0s; color: #ffffff !important; } h1.title-v3-md { color: #ffffff !important; } h2.title-v3-md { color: #ffffff !important; } .contact-sidebar .headline h2 { display: inline-block; font-size: 22px !important; margin: 0 0 -2px; padding-bottom: 5px; } .contact-sidebar ul li a { border-bottom: medium none; float: none; padding-bottom: 0; padding-top: 0; width: 100%; } .filters { list-style: outside none none; margin: 0 0 70px; padding: 0; text-align: center; } .filters li { display: inline-block; margin: 10px 10px 0 0; } .filters li > a { border: 2px solid transparent; color: #111; font-size: 11px; font-weight: 700; padding: 5px 15px; } .filters li > a.current { background: #111 none repeat scroll 0 0; border-color: #111; color: #fff; } .works-grid-wrapper { margin-left: -8px; margin-right: -8px; padding: 0; } .work-item { overflow: hidden; position: relative; width: 25%; } .work-grid-3 .work-item { width: 33.3333%; } .works-grid-gutter .work-item { padding: 8px; float: left; } .work-wrapper { position: relative; } .work-item .work-thumbnail::after { bottom: 0; content: ""; display: block; left: 0; position: absolute; right: 0; top: 0; transition: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1) 0s; z-index: 1; } .work-item:hover .work-thumbnail::after { background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0; } .work-item img { height: auto; width: 100%; } .work-caption { opacity: 0; padding: 0 20px; position: absolute; text-align: center; top: 50%; transform: translateY(-50%); transition-delay: 0.2s; width: 100%; z-index: 1; } .work-item:hover .work-caption { opacity: 1; } .work-title { font-size: 20px; font-weight: 700; letter-spacing: 4px; margin: 0 0 15px; opacity: 0; transform: translateY(10px); transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; } .work-item:hover .work-title { transition-delay: 0.2s; } .work-category { font-size: 14px; font-style: italic; font-weight: 400; margin: 0; opacity: 0; transform: translateY(-10px); transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; } .work-category a { color: #3c3b3b; } .work-item:hover .work-category { transition-delay: 0.3s; } .work-item:hover .work-title, .work-item:hover .work-category { opacity: 1; transform: translateY(0px); } .work-link { bottom: 0; left: 0; position: absolute; right: 0; top: 0; z-index: 3; } @media (max-width: 1200px) { .work-item { width: 50%; } } @media (max-width: 767px) { .work-item, .works-grid-3 .work-item { width: 100%; } } .portfolio-post blockquote { font-size: 22px; margin: 0 0 30px; text-align: left; } .portfolio-post blockquote::before { content: none; } .projects-section { padding-bottom: 50px; } h3.new-title { font-size: 124px !important; color: #1e1d1d ; } .our-service-info { padding: 10px 25px 10px 25px; background: #1e1d1d ; color: rgba(255, 255, 255, 0.8); padding-bottom: 100px; } @media screen and (max-width: 991px) { .our-service-info { padding-top: 10px ; padding-bottom: 50px !important; } } /* E X E */ .g-heading-v8 h2 { font-size: 45px; margin-bottom: 20px; text-align: left !important; } [data-ca3_icon]::before { font-weight: normal; content: attr(data-ca3_icon); } .ca3-scroll-down-arrow { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2hldnJvbl90aGluX2Rvd24iIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwIDIwIiBmaWxsPSJ3aGl0ZSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggZD0iTTE3LjQxOCw2LjEwOWMwLjI3Mi0wLjI2OCwwLjcwOS0wLjI2OCwwLjk3OSwwYzAuMjcsMC4yNjgsMC4yNzEsMC43MDEsMCwwLjk2OWwtNy45MDgsNy44M2MtMC4yNywwLjI2OC0wLjcwNywwLjI2OC0wLjk3OSwwbC03LjkwOC03LjgzYy0wLjI3LTAuMjY4LTAuMjctMC43MDEsMC0wLjk2OWMwLjI3MS0wLjI2OCwwLjcwOS0wLjI2OCwwLjk3OSwwTDEwLDEzLjI1TDE3LjQxOCw2LjEwOXoiLz48L3N2Zz4=); background-size: contain; background-repeat: no-repeat; } .ca3-scroll-down-link { cursor:pointer; height: 25px; width: 25px; margin: 0px 15px 0 -40px; line-height: 60px; position: absolute; right: 0px; bottom: 20px; color: #FFF; text-align: center; font-size: 70px; z-index: 100; text-decoration: none; text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4); -webkit-animation: ca3_fade_move_down 3s ease-in-out infinite; -moz-animation: ca3_fade_move_down 3s ease-in-out infinite; animation: ca3_fade_move_down 3s ease-in-out infinite; } /*animated scroll arrow animation*/ @-webkit-keyframes ca3_fade_move_down { 0% { -webkit-transform:translate(0,-20px); opacity: 0; } 50% { opacity: 1; } 100% { -webkit-transform:translate(0,20px); opacity: 0; } } @-moz-keyframes ca3_fade_move_down { 0% { -moz-transform:translate(0,-20px); opacity: 0; } 50% { opacity: 1; } 100% { -moz-transform:translate(0,20px); opacity: 0; } } @keyframes ca3_fade_move_down { 0% { transform:translate(0,-20px); opacity: 0; } 50% { opacity: 1; } 100% { transform:translate(0,20px); opacity: 0; } } .flexHeaderDivision { position: relative; display: flex; flex: auto; font-size: 1em; flex-direction: column; flex-shrink: 1; width:auto; height: auto; margin:0; zoom: 0.9; } .flexHeaderSection { display: flex; flex-direction: column; flex-grow: 1; flex-shrink: 1; position:relative; overflow: hidden; color: white; width:auto; height: auto; margin:0; transition: flex-basis 700ms ease-in-out; } .flexHeaderDivisionTitle { white-space: normal; width:auto; height:auto; display:inline-block; } .flexHeaderDivisionBodyCopy { white-space: normal; width:auto; height:auto; } .flexHeaderDivisionIcon { display: inline; position: absolute; } .flexHeaderDivision section { /*box-shadow: 0 5px 30px #424242;*/ } .flexHeaderDivision [role="menu_flexHeaderDivision"] { flex-basis:100%; } .flexHeaderDivision [role="visual_flexHeaderDivision"] { flex-basis:100%; min-height:310px; } .flexHeaderDivision [role="visual_flexHeaderDivision"]:hover { } .flexHeaderDivisionCopyBlock { width: auto; height: auto; background: #1e1d1d ; background: -webkit-linear-gradient( left, #1e1d1d , #1e1d1d 50% , rgba(0, 0, 0, 0.8) ); background: -o-linear-gradient(left, #1e1d1d , #1e1d1d 50% , rgba(0, 0, 0, 0.8) ); background: -moz-linear-gradient( left, #1e1d1d , #1e1d1d 50% , rgba(0, 0, 0, 0.8) ); background: linear-gradient( left, #1e1d1d , #1e1d1d 50% , rgba(0, 0, 0, 0.8) ); z-index:2; padding: 0 ; margin: 0px; -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: 2s; transition-duration: 2s; } .flexHeaderDivision [role="visual_flexHeaderDivision"] .flexHeaderDivisionTitle { font-size: 1em; font-weight: 700; margin: 0px 0px 0px 15px; padding: 10px 15px 10px 0px ; text-transform: uppercase; position: relative; display:inline-block; width: auto; height: 100%; color: #fff; left: 0px; top: 0px; transition: all 0.75s; } .flexHeaderDivision [role="visual_flexHeaderDivision"] .flexHeaderDivisionBodyCopy { font-size: 0.85em; font-weight: 500; margin: 0px 0px 0px 0px; padding: 10px 0px 10px 15px ; position: relative; display:inline-block; width: auto; height: 100%; color: #fff; left: 0px; top: 0px; transition: all 0.75s; } .flexHeaderDivision [role="visual_flexHeaderDivision"] .flexHeaderDivisionBodyCopy:after { content:""; background: #fff; position: absolute; top: 0; left: 0; height: 1px; width: 100%; transition: all 0.75s; } .flexHeaderDivision [role="visual_flexHeaderDivision"] .flexHeaderDivisionIcon { top: 0em; height: 100% ; width: 100%; object-fit: cover; z-index:1; } @media (min-width: 900px) { .flexHeaderDivision { position: relative; display: flex; flex: auto; font-size: 1em; flex-direction: row; flex-shrink: 1; height: auto; margin-top: 0px; zoom: 1; } .flexHeaderSection { display: flex; /*flex: 1 0 10em; */ flex-direction: row; flex-grow: 1; flex-shrink: 1; height: auto; position:relative; overflow: hidden; color: white; height: auto; transition: flex-basis 700ms ease-in-out; } .flexHeaderDivisionTitle { white-space: normal; width:auto; height:auto; display:inline-block; } .flexHeaderDivisionBodyCopy { white-space: normal; width:auto; height:auto; color: #fff; } .flexHeaderDivisionIcon { display: block; position: absolute; } .flexHeaderDivision section { /* box-shadow: 0 5px 30px #424242;*/ } .flexHeaderDivision [role="menu_flexHeaderDivision"] { flex-basis:30%; height: auto; } .flexHeaderDivision [role="visual_flexHeaderDivision"].about { background: #545353; } .flexHeaderDivision [role="visual_flexHeaderDivision"].service1 { background: #424343; } .flexHeaderDivision [role="visual_flexHeaderDivision"].service2 { background: #e59f6e; } .flexHeaderDivision [role="visual_flexHeaderDivision"].service3 { background: #4d4640; } .flexHeaderDivision [role="visual_flexHeaderDivision"].service4 { background: #43678a; } .flexHeaderDivision [role="visual_flexHeaderDivision"].fleet { background: #474037; } .flexHeaderDivision [role="visual_flexHeaderDivision"].gallery { background: #424343; } .flexHeaderDivision [role="visual_flexHeaderDivision"].contact { background: #6f5241; } .flexHeaderDivisionCopyBlock { position:absolute; width: auto; height: auto; background: transparent; padding: 0; margin: 0px; left:14%; bottom:55%; -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: 2s; transition-duration: 2s; } .flexHeaderDivision [role="visual_flexHeaderDivision"] .flexHeaderDivisionTitle { font-size: 1.1em; font-weight: 700; margin: 0px 0px 0px 15px; padding: 12px 25px 10px 15px ; text-transform: uppercase; position: relative; display:inline-block; width: auto; height: 100%; color: #fff; left: 0px; top: 0px; letter-spacing: 1px; transition: all 0.75s; background: #c3951d ; background: -webkit-linear-gradient( 45deg, #c3951d , #c3951d , transparent ); background: -o-linear-gradient(45deg, #c3951d , #c3951d , transparent); background: -moz-linear-gradient( 45deg, #c3951d , #c3951d , transparent); background: linear-gradient( 45deg, #c3951d , #c3951d , transparent ); z-index:2; } .flexHeaderDivision [role="visual_flexHeaderDivision"] .flexHeaderDivisionBodyCopy { font-size: 1em; font-weight: 500; margin: 0px 0px 0px 0px; padding: 10px 45px 10px 15px ; position: relative; display:inline-block; width: auto; height: 100%; color: #fff; left: 0px; top: 0px; letter-spacing: 1px; transition: all 0.75s; } .flexHeaderDivision [role="visual_flexHeaderDivision"] .flexHeaderDivisionBodyCopy:after { content:""; background: #fff; position: absolute; top: 0; left: 0; bottom: 0; height: 100%; width: 2px; transition: all 0.75s; display:block; } .flexHeaderDivision [role="visual_flexHeaderDivision"] .flexHeaderDivisionIcon { left: 0em; height: 100% ; width: 100%; object-fit: cover; mix-blend-mode: multiply; } .flexHeaderDivision [role="visual_flexHeaderDivision"] { flex-basis:70%; } } nav.navMenu { display: block; position: relative; /* table-layout: fixed;*/ width: 100%; height:auto; background: #fff; } nav.navMenu input { display: none; } nav.navMenu label { margin: 0; } nav.navMenu div.nav-container { position: relative; display: block; background: #fff; } nav.navMenu div.nav-container .menuItem:nth-child(1){ pointer-events: none; } nav.navMenu div.nav-container .menuItem:nth-child(1) .element{ padding:0em 0em 0.25em 0px; text-transform: uppercase; } nav.navMenu div.nav-container .menuItem:nth-child(1) .name{ font-size: 12.3px; border-top: 1px dotted #393939; padding: 0.55em 0em 0 0 ; letter-spacing: 0.5px; text-transform: uppercase; } nav.navMenu div.nav-container > div { display: block; } nav.navMenu div.nav-container > div:nth-of-type(5n+1) .slide, nav.navMenu div.nav-container > div:nth-of-type(5n+1) a { border-color: #f24907 ; } nav.navMenu div.nav-container > div:nth-of-type(5n+1) .slide:hover, nav.navMenu div.nav-container > div:nth-of-type(5n+1) a:hover { color: #f24907 ; } nav.navMenu div.nav-container > div:nth-of-type(5n+1) .slide ~ .child-menu, nav.navMenu div.nav-container > div:nth-of-type(5n+1) a ~ .child-menu { background-color: #f24907 ; } nav.navMenu div.nav-container > div:nth-of-type(5n+1) input:checked ~ label, nav.navMenu div.nav-container > div:nth-of-type(5n+1) .slide.active ~ label { color: #f24907 ; } nav.navMenu div.nav-container > div:nth-of-type(5n+2) .slide, nav div.nav-container > div:nth-of-type(5n+2) a { border-color: #9b180b; } nav.navMenu div.nav-container > div:nth-of-type(5n+2) .slide:hover, nav.navMenu div.nav-container > div:nth-of-type(5n+2) a:hover { color: #9b180b; } nav.navMenu div.nav-container > div:nth-of-type(5n+2) .slide ~ .child-menu, nav.navMenu div.nav-container > div:nth-of-type(5n+2) a ~ .child-menu { background-color: #9b180b; } nav.navMenu div.nav-container > div:nth-of-type(5n+2) input:checked ~ label, nav.navMenu div.nav-container > div:nth-of-type(5n+2) .slide.active ~ label { color: #9b180b; } nav.navMenu div.nav-container > div:nth-of-type(5n+3) .slide, nav div.nav-container > div:nth-of-type(5n+3) a { border-color: #ffa61a; } nav div.nav-container > div:nth-of-type(5n+3) .slide:hover, nav.navMenu div.nav-container > div:nth-of-type(5n+3) a:hover { color: #ffa61a; } nav.navMenu div.nav-container > div:nth-of-type(5n+3) .slide ~ .child-menu, nav.navMenu div.nav-container > div:nth-of-type(5n+3) a ~ .child-menu { background-color: #ffa61a; } nav.navMenu div.nav-container > div:nth-of-type(5n+3) input:checked ~ label, nav.navMenu div.nav-container > div:nth-of-type(5n+3) .slide.active ~ label { color: #ffa61a; } nav.navMenu div.nav-container > div:nth-of-type(5n+4) .slide, nav.navMenu div.nav-container > div:nth-of-type(5n+4) a { border-color: #b5594d; } nav.navMenu div.nav-container > div:nth-of-type(5n+4) .slide:hover, nav.navMenu div.nav-container > div:nth-of-type(5n+4) a:hover { color: #b5594d; } nav.navMenu div.nav-container > div:nth-of-type(5n+4) .slide ~ .child-menu, nav.navMenu div.nav-container > div:nth-of-type(5n+4) a ~ .child-menu { background-color: #b5594d; } nav.navMenu div.nav-container > div:nth-of-type(5n+4) input:checked ~ label, nav.navMenu div.nav-container > div:nth-of-type(5n+4) .slide.active ~ label { color: #b5594d; } nav.navMenu div.nav-container > div:nth-of-type(5n+5) .slide, nav.navMenu div.nav-container > div:nth-of-type(5n+5) a { border-color: #205095 ; } nav.navMenu div.nav-container > div:nth-of-type(5n+5) .slide:hover, nav.navMenu div.nav-container > div:nth-of-type(5n+5) a:hover { color: #205095 ; } nav.navMenu div.nav-container > div:nth-of-type(5n+5) .slide ~ .child-menu, nav.navMenu div.nav-container > div:nth-of-type(5n+5) a ~ .child-menu { background-color: #205095 ; } nav.navMenu div.nav-container > div:nth-of-type(5n+5) input:checked ~ label, nav.navMenu div.nav-container > div:nth-of-type(5n+5) .slide.active ~ label { color: #205095 ; } nav.navMenu div.nav-container > div:nth-of-type(5n+6) .slide, nav.navMenu div.nav-container > div:nth-of-type(5n+6) a { border-color: #07416d; } nav.navMenu div.nav-container > div:nth-of-type(5n+6) .slide:hover, nav.navMenu div.nav-container > div:nth-of-type(5n+6) a:hover { color: #07416d; } nav.navMenu div.nav-container > div:nth-of-type(5n+6) .slide ~ .child-menu, nav.navMenu div.nav-container > div:nth-of-type(5n+6) a ~ .child-menu { background-color: #07416d; } nav.navMenu div.nav-container > div:nth-of-type(5n+6) input:checked ~ label, nav.navMenu div.nav-container > div:nth-of-type(5n+6) .slide.active ~ label { color: #07416d; } nav.navMenu a, nav.navMenu label { -moz-transition-property: color; -o-transition-property: color; -webkit-transition-property: color; transition-property: color; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; -webkit-transition-duration: 0.2s; transition-duration: 0.2s; -moz-transition-timing-function: ease-in; -o-transition-timing-function: ease-in; -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; } nav.navMenu .slide { padding: 10px 15px 4px 15px; font-size: 1em; display: block; color: #393939; border-top: 3.5px solid transparent; position: relative; -moz-transition-property: border-width, color; -o-transition-property: border-width, color; -webkit-transition-property: border-width, color; transition-property: border-width, color; -moz-transition-duration: 0.2s, 0.3s; -o-transition-duration: 0.2s, 0.3s; -webkit-transition-duration: 0.2s, 0.3s; transition-duration: 0.2s, 0.3s; -moz-transition-timing-function: ease-in; -o-transition-timing-function: ease-in; -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; -moz-transition-delay: 0.2s, 0s; -o-transition-delay: 0.2s, 0s; -webkit-transition-delay: 0.2s, 0s; transition-delay: 0.2s, 0s; } nav.navMenu .slide .element { font-size: 1.05em; font-weight: 600; font-style: normal; display: block; line-height: 1; color: #393939; text-decoration:none; } nav.navMenu .slide .name { font-size: 0.9em; line-height:100%; position: relative; } nav.navMenu .has-child .name:after { content: ""; width: 10px; height: 4px; background-image: url("http://www.elemental-shift.com/remote-assets/down-arrow.svg"); display: block; position: absolute; bottom: -9px; left: 1px; background-repeat: no-repeat; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -webkit-transition-property: -webkit-transform; transition-property: transform; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -moz-transition-timing-function: ease-in; -o-transition-timing-function: ease-in; -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; } nav.navMenu .child-menu { display: block; position: absolute; max-height: 0px; overflow: hidden; width: 100%; left: 0; z-index: 5000; -moz-transition-property: max-height; -o-transition-property: max-height; -webkit-transition-property: max-height; transition-property: max-height; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -moz-transition-timing-function: ease-in; -o-transition-timing-function: ease-in; -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; } nav.navMenu .child-menu a { color: white; display: inline-block; padding: 15px 30px 15px 10px; font-size: 0.9375em; } nav.navMenu input:checked ~ .child-menu { max-height: 300px; -moz-transition-property: max-height; -o-transition-property: max-height; -webkit-transition-property: max-height; transition-property: max-height; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -moz-transition-timing-function: ease-in; -o-transition-timing-function: ease-in; -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; } nav.navMenu input:checked ~ .has-child .name:after { -moz-transform: rotateX(180deg); -webkit-transform: rotateX(180deg); transform: rotateX(180deg); } @media only screen and (min-width: 700px) { nav.navMenu { display: block; position:relative; background: #fff; } nav.navMenu div.nav-container { display: block; position:relative; background: #fff; } nav.navMenu div.nav-container .menuItem:nth-child(1){ pointer-events: none; } nav.navMenu div.nav-container .menuItem:nth-child(1) .element{ text-transform: uppercase; } nav.navMenu div.nav-container .menuItem:nth-child(1) .name{ font-size: 12.3px; border-top: 1px dotted #393939; padding: 0.45em 0 0 0 ; letter-spacing: 0.5px; text-transform: uppercase; } nav.navMenu div.nav-container > div { display: block; margin: 0px 0; } nav.navMenu div.nav-container > div:hover .slide { border-left-width: 9px; -moz-transition-delay: 0; -o-transition-delay: 0; -webkit-transition-delay: 0; transition-delay: 0; } nav.navMenu .slide { display: inline-block; width: auto; border-left: solid 4px ; border-top: none; padding: 5px 15px 14px 15px; } nav.navMenu .slide .element { font-size: 19px; line-height: 1.3em; text-decoration:none; } nav.navMenu .slide .name { font-size: 16px; } nav.navMenu .child-menu { display: block; position: relative; top: 0; background-color: transparent !important; margin-left: 55px; width: auto; max-height: 0px; overflow: hidden; border-top: none; } nav.navMenu .child-menu a { color: #393939; display: block; padding: 3px 0 3px 10px; font-size:0.9em; } nav.navMenu .child-menu a:hover { text-decoration: none !important; } nav.navMenu input:checked ~ div.child-menu { max-height: 300px; } nav.navMenu input:checked ~ .slide { border-width: 25px; } .menuItem:hover .child-menu { max-height: 300px; } .menuItem:hover .slide { border-width: 25px; } } .socialMediaBlock_animated { position:absolute; width:auto; z-index:3; /*border-left: 1px solid #4d4d4f !important;*/ } .socialMediaBlock_animated_Position_Home { left:-5px; top: 50px; } .socialMediaBlock_animated_Position_RegularPage { left:0px; top: 20px; } .socialMediaBlock_animated ul li { list-style:none; text-align:left; margin-bottom: 10px; } .socialMediaBlock_animated ul li span { -webkit-transition: all 1s; transition: all 1s; padding:0px; width:300px; position:absolute; left:90px; opacity: 0.7; letter-spacing: 15px; } .globActing:hover span { left:90px; opacity: 1; letter-spacing: 17px; } .socialMediaBlock_animated ul li span .fa:hover { color: #c3951d ; } .socialMediaBlock_animated ul li span a { font-size: 100% ; line-height: 70% ; } .socialMediaBlock_animated a { color: #fff; text-decoration:none; margin:0px; padding:0px; } .socialMediaBlock_animated .fa { margin:0px; padding:0px; color: #fff; font-size:30px; } @media screen and (max-width: 991px) { .socialMediaBlock_animated ul li span { opacity: 1; letter-spacing: 10px; } .globActing:hover span { letter-spacing: 13px; } } #worldmap { position:absolute; padding:0 0 0 0px; width: 50px; height:50px; } #worldmap svg { position:absolute; width:100%; height:100%; background:rgba(0,0,0,0); } .land {fill: rgba(255,255,255,.94);} #globesarecool {color:#fff;} #contact { right:0px; /*border-left: 1px solid #4d4d4f !important;*/ -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: 2s; transition-duration: 2s; } .contact_Position_Home { position:absolute; top: 25px !important; right: 25px !important; width: 260px; } .contact_Position_RegularPage { position:relative; float: right; top:0px; width: 100%; } #contact ul{ margin:0; padding:0; width:100%; height:auto; } #contact ul li { list-style:none; text-align:right; margin-bottom: 19px; -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: 2s; transition-duration: 2s; width:100%; height:auto; } .contact_to_Trigger { -webkit-transition: all 0.7s; transition: all 0.7s; margin-right:-10px; padding-right:10px; width:230px !important; height: 40px; position:absolute; right:-50px; opacity: 0; letter-spacing: 5px; } .contact_to_Trigger_Long { direction:rtl; display: block; overflow: auto; } ::-webkit-scrollbar { width: 1em; } ::-webkit-scrollbar-button { } ::-webkit-scrollbar-track { box-shadow: inset 0 0 6px 0 rgba(0, 0, 0, 0.3); background-color: #1e1d1d ; } ::-webkit-scrollbar-track-piece { /* 4 */ } ::-webkit-scrollbar-thumb { background-color: #c3951d ; } ::-webkit-scrollbar-thumb:window-inactive { background-color: #1e1d1d ; } ::-webkit-scrollbar-corner { /* 6 */ } ::-webkit-resizer { /* 7 */ } .contact_to_Trigger_Long::-webkit-scrollbar { width: 1em; margin-left: 10px !important; } .contact_to_Trigger_Long::-webkit-scrollbar-button { } .contact_to_Trigger_Long::-webkit-scrollbar-track { background-color: #1e1d1d ; } .contact_to_Trigger_Long::-webkit-scrollbar-track-piece { /* 4 */ } .contact_to_Trigger_Long::-webkit-scrollbar-thumb { background-color: #c3951d ; height: 3px; } .contact_to_Trigger_Long::-webkit-scrollbar-thumb:window-inactive { background-color: #1e1d1d ; } .contact_to_Trigger_Long::-webkit-scrollbar-corner { } .contact_to_Trigger_Long::-webkit-resizer { /* 7 */ } /* :horizontal :vertical :decrement :increment :start :end :double-button :single-button :no-button :corner-present :window-inactive */ .contact_Triggered { right:30px; opacity: 1; padding: 0px 10px 0px 20px; letter-spacing: 1px; font-weight: 600 !important; z-index:3; font-size: 90%; width:230px !important; } .contactSpanAnim_Position_Home { width:230px !important; color: #c3951d ; } .contactSpanAnim_Position_RegularPage { width:100% !important; color: #c3951d; } .contact_Triggered_alfa_01 { opacity: 0.25; } .contact_Triggered_alfa_00 { opacity: 0; } .contact_Triggered_alfa_1 { opacity: 1; } #contact ul li span a { font-size: 85% ; line-height: 60% ; } #contact a { color: #fff; text-decoration:none; margin:0px; padding:0px; } #contact .fa { margin:0px; padding:0px; color: #fff; } #phoneCallToAction { } #contact ul #phoneCallToAction .fa, #contact ul #phoneCallToAction .fa-phone, #contact ul #phoneCallToAction i { font-size: 20px; margin:0; padding: 0; -ms-transform: rotate(-0.5turn); -webkit-transform: rotate(-0.5turn); transform: rotate(-0.5turn); -webkit-transition: transform 0.7s ease-in; transition: transform 0.7s ease-in; } #contact ul #phoneCallToAction:hover .fa { margin:0; padding: 0; font-size: 20px; -ms-transform: rotate(-0.3turn); -webkit-transform: rotate(-0.3turn); transform: rotate(-0.3turn); -webkit-transition: all 0.7s ease-in; transition: all 0.7s ease-in; } #contact ul #email .fa { font-size: 14px; } #contact ul #sms .fa { font-size: 16px; } #contact ul #business_hours .fa { font-size: 19px; } #contact ul #address .fa { font-size: 22px; } #contact ul #business_hours:hover .fa { color: #c3951d ; } #contact ul #address:hover .fa { color: #c3951d ; } #contact ul #business_hours { color: #c3951d ; } #contact ul #address{ color: #c3951d ; } @media screen and (max-width: 991px) { #contact { /*display:none;*/ display:block; margin-bottom: 20px; -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: 2s; transition-duration: 2s; } .contact_Position_Home { position:relative !important; top:initial !important; right:initial !important; float: left !important; bottom:25px !important; left: 0px !; width: 100%; } .contact_Position_RegularPage { position:relative; top: initial; float: left; bottom:75px !important; } #contact ul{ margin-left:0px; } #contact ul li { width: initial; display: inline-block ; list-style:none; text-align:left; margin-right:20px; -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: 2s; transition-duration: 2s; } .contact_to_Trigger { margin-right:0px; width:230px !important; height: 40px; position:absolute; left:-50px; top: 40px; opacity: 0; letter-spacing: 5px; } .contact_to_Trigger_Long { padding: 0 0px 0 10px; } .contact_Triggered { left:0px; top: 40px; opacity: 1; letter-spacing: 1px; } .contactSpanAnim_Position_Home { width:230px; } .contactSpanAnim_Position_RegularPage { width:230px; } } .superMenuHide { display:none; } .block_Open .superMenuHideHome { display:none ; } .indexMenu { position:absolute; display:block; background:transparent; right:0; margin: 0px 0px 30px 0; padding: 33px 0px 0px 20px; color:#1e1d1d; letter-spacing:.05em; word-spacing:.0em; width:100%; height: auto; -webkit-transition-property: all !important; transition-property: all !important; -webkit-transition-duration: 1s !important; transition-duration: 1s !important; } .indexMenuToggled { background:#1e1d1d ; box-shadow: 0 4px 10px 4px rgba(19, 35, 47, 0.3); color:#fff; width:100%; padding: 50px 25px 25px 25px; -webkit-transition-property: all !important; transition-property: all !important; -webkit-transition-duration: 1s !important; transition-duration: 1s !important; } .indexMenu a, .indexMenu a:link, .indexMenu a:visited, .indexMenu a:hover, .indexMenu a:active { text-decoration:none; } .indexMenu ul, .indexMenu ol { list-style-image:none; list-style:none; font-weight:normal; padding-left:0; margin-bottom:0; color:inherit; } .navindexMenu { float: none ; padding: 0; margin: 0; position: relative; } .navindexMenu > li > a:hover span[data-hover] { transition: all .3s; transform: translate3d(0, -100%, 0); } .navindexMenu > li > a { overflow: hidden; position: relative; } .navindexMenuActivePage { color: #c3951d !important; } .navindexMenu > .active > a span[data-hover] { transform: translate3d(0, 0, 0); } .navindexMenu > .active > a:hover span[data-hover] { transform: translate3d(0, 0, 0); } .navindexMenu > .active > a:focus span[data-hover] { transform: translate3d(0, 0, 0); } .navindexMenu > li > a span[data-hover] { position: relative; display: inline-block; transition: transform .4s; } .navindexMenu > li > a span[data-hover]:before { position: absolute; top: 100%; color: #c3951d ; content: attr(data-hover); transform: translate3d(0, 0, 0); transition: all .4s; } .indexMenu li>ul, .indexMenu li>ol { display:none; margin-top:3px; margin-left:17px; color: inherit; } .indexMenu li { padding: 0px 0px 4px 0px; margin: 0px 5px 0 0; display:inline-block; position:relative; vertical-align: top; color:inherit; } .indexMenu li ul li{ padding: 0px 0px 10px 0px; } .indexMenu li a{ color:inherit; font-weight: 700; display: inline-block; font-size:14px; letter-spacing: 1.1px; text-transform: uppercase; } .indexMenu li a:hover{ color:#c3951d ; } .indexMenu li ul li a{ font-weight: 800 !important; opacity: 1; } .indexMenu li ul li a:hover{ opacity: 1; color: #c3951d ; } @media screen and (max-width: 991px) { .indexMenu { position:relative; display:initial; background: transparent; right:initial; color:#fff ; padding:0; margin: 0px 0px 0px 0; letter-spacing:.06em; word-spacing:.1em; width:auto; height: auto; -webkit-transition-property: all !important; transition-property: all !important; -webkit-transition-duration: 1s !important; transition-duration: 1s !important; } .indexMenuToggled { background:transparent; box-shadow: none; color:#fff; width:100%; -webkit-transition-property: all !important; transition-property: all !important; -webkit-transition-duration: 1s !important; transition-duration: 1s !important; } .indexMenuBackgroundRegularPage { background: #c3951d !important; margin:0; width: 100%; padding: 0 25px 0 25px; position:absolute; float: left; bottom:0; left:0; } .indexMenu a, .indexMenu a:link, .indexMenu a:visited, .indexMenu a:hover, .indexMenu a:active { text-decoration:none; } .indexMenu ul, .indexMenu ol { list-style-image:none; list-style:none; font-weight:normal; padding-left:0; margin-bottom:0; color:inherit; } .navindexMenu { float: none ; padding: 0; margin: 0; position: relative; } .navindexMenu > li > a:hover span[data-hover] { transition: all .3s; transform: translate3d(0, -100%, 0); } .navindexMenu > li > a { overflow: hidden; position: relative; } .navindexMenuActivePage { color: #c3951d!important; } .navindexMenu > .active > a span[data-hover] { transform: translate3d(0, 0, 0); } .navindexMenu > .active > a:hover span[data-hover] { transform: translate3d(0, 0, 0); } .navindexMenu > .active > a:focus span[data-hover] { transform: translate3d(0, 0, 0); } .navindexMenu > li > a span[data-hover] { position: relative; display: inline-block; transition: transform .4s; } .navindexMenu > li > a span[data-hover]:before { position: absolute; top: 100%; color: #fff!important; content: attr(data-hover); transform: translate3d(0, 0, 0); transition: all .4s; } .indexMenu li>ul, .indexMenu li>ol { display:none; margin-top: -5px !important; margin-left:10px; color: inherit; } .indexMenu li { padding: 0px 0px 0px 0px !important; margin: 2px 5px 2px 0 !important; display:inline-block; position:relative; color:inherit; vertical-align: middle !important; } .indexMenu li ul li{ padding: 0px 0px 10px 0px; } .indexMenu li a{ color:inherit; font-weight: 700; display: inline-block; font-size:13px; letter-spacing: 2px; text-transform: uppercase; } .indexMenu li a:hover{ color:#1e1d1d ; } .indexMenu li ul li a{ font-weight: 700; opacity: 0.66; color: #fff !important; } .indexMenu li ul li a:hover{ opacity: 1; } .superMenuHide { display:initial; height: auto; padding: 15px 10px 5px 23px ; /* border-left: 1px solid #fff !important;*/ width: 100%; position: relative; background: rgba(12, 15, 17, 0.85); z-index:1; } .block_Open .superMenuHideHome { display:initial ; height: auto; padding: 0px 10px 0px 23px ; /* border-left: 1px solid #fff !important;*/ width: 100%; position: relative; } .superMenuHide_header { display:none; -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: 1s; transition-duration: 1s; } .indexMenuBackgroundRegularPage { margin-top:50%; margin-bottom:0%; width: auto; padding: 0 25px 0 25px; position:relative; bottom:0; left:0; } } .promotionalBlock { position:absolute; margin-right: 100px; zoom:0.7; float:right; } .change_colorCTA_special { background-color: #c3951d; animation-name: homeCycle; animation-duration: 6s; animation-direction: alternate; animation-iteration-count: infinite; -webkit-animation-name: homeCycle; -webkit-animation-duration: 6s; -webkit-animation-direction: alternate; -webkit-animation-iteration-count: infinite; } @keyframes homeCycle { 0% { background-color: #1e1d1d ; } 25% { background-color: #1e1d1d ; } 50% { background-color: #1e1d1d ; } 75% { background-color: #1e1d1d ; } } @-webkit-keyframes homeCycle { 0% { background-color: #1e1d1d ; } 25% { background-color: #1e1d1d ; } 50% { background-color: #1e1d1d ; } 75% { background-color: #1e1d1d ; } } .color { display: flex; flex: 1 0 10em; flex-direction: column; flex-shrink: 1; width: auto; height:auto; position:relative; overflow: hidden; color: white; transition: flex-basis 700ms ease-in-out; } .CTA_special_title { display:inline-block; white-space: normal; text-transform: none; text-align: left; } .CTA_special_bodyCopy { width: 13em; height: auto; text-align: left; } .CTA_special_icon { position: relative; display: inline-block; } [role="bodyCopyMain"] { display: flex; flex: auto; font-size: 1em; flex-direction: column; flex-shrink: 1; height: auto; width: auto; } [role="bodyCopyMain"] section { box-shadow: 0 5px 30px #424242; } [role="bodyCopyMain"] #section1 { flex-basis:100%; width:auto; height: auto; min-height: 170px; } [role="bodyCopyMain"] #section1 .CTA_special_title { width: 10em; font-size: 25px; font-weight: 600; margin: 20px 20px 20px 20px; line-height: 140%; } [role="bodyCopyMain"] #section1 .CTA_special_bodyCopy { width: 10em; font-size: 1em; line-height: 140%; margin: 20px 20px 20px 20px; } [role="bodyCopyMain"] #section1 .CTA_special_icon { height: auto; width:22%; top: 10%; left: 40%; } [role="bodyCopyMain"] #section2 { flex-basis:100%; width:auto; height: auto; min-height: 170px;} [role="bodyCopyMain"] #section2 :hover { } [role="bodyCopyMain"] #section2 .CTA_special_title { width: 80%; font-size: 25px; font-weight: 600; margin: 40px 20px 10px 30px; line-height: 105%; } [role="bodyCopyMain"] #section2 .CTA_special_bodyCopy { width: 80%; font-size: 15px; line-height: 125%; margin: 0px 20px 20px 30px; } [role="bodyCopyMain"] #section2 a { color:#70a6e6; } [role="bodyCopyMain"] #section2 a:hover { color:#c3951d; } [role="bodyCopyMain"] #section2 .CTA_special_icon{ left: 30px; height: 50px; width:150px; margin: 0; margin: 0px 20px 20px 0px; } [role="bodyCopyMain"] #section3 { flex-basis:100%; width:auto; height: auto; min-height: 170px; } [role="bodyCopyMain"] #section3 .CTA_special_title { width: 13em; font-size: 1.2em; font-weight: 600; margin: 20px 20px 20px 20px; } [role="bodyCopyMain"] #section3 .CTA_special_icon{ left:20%; width: 60%; top: 15%; margin:0; } [role="headlinePromotional"] { display: flex; flex: auto; font-size: 1em; flex-direction: column; flex-shrink: 1; height: auto; } [role="headlinePromotional"] #section1 .HeadCopyAd { font-size: 21px; font-weight:700; margin: 20px 0px 20px 20px; line-height: 100%; box-shadow: 0 0px 0px #424242; text-align: left; } [role="headlinePromotional"] #section2 .signatureAd { margin: 10px 20px 5px 20px; text-align: left; font-size: 0.85em; line-height: 150%; font-size: 10px; color: #aeccf2; } [role="headlinePromotional"] #section1 { flex-basis:35%; } [role="headlinePromotional"] #section2 { flex-basis:65%; } [role="bodyCopyMain"] #section1 .CTA_special_icon { margin: 10px 0px 10px 0px; height: 100px; transition: left 700ms ease-in-out; } @media (min-width: 700px) { .color { display: flex; flex: 1 0 10em; flex-direction: column; flex-shrink: 1; height: auto; position:relative; overflow: hidden; color: white; height: auto; transition: flex-basis 700ms ease-in-out; } .CTA_special_title { display:inline-block; white-space: normal; text-transform: none; } .CTA_special_bodyCopy { width: 13em; height: auto; } .CTA_special_icon { position: absolute; display: inline-block; } [role="bodyCopyMain"] { display: flex; flex: auto; font-size: 1em; flex-direction: row; flex-shrink: 1; height: auto; } [role="bodyCopyMain"] section { box-shadow: 0 5px 30px #021429; border-top: dashed 2px #04102d; } [role="bodyCopyMain"] #section1 { flex-basis:20%; width:auto; height: auto; min-height: 170px; } [role="bodyCopyMain"] #section1:hover { flex-basis:20%; max-height: 200px; } [role="bodyCopyMain"] #section1 .CTA_special_title { width: 10em; font-size: 1.9em; font-weight: 500; margin: 20px 20px 20px 20px; line-height: 140%; } [role="bodyCopyMain"] #section1 .CTA_special_bodyCopy { width: 10em; font-size: 1em; line-height: 140%; margin: 20px 20px 20px 20px; } [role="bodyCopyMain"] #section1 .CTA_special_icon{ left:20%; width: 60%; top: 15%; margin:0; } [role="bodyCopyMain"] #section2 { flex-basis:60%; width:auto; height: auto; min-height: 170px; } [role="bodyCopyMain"] #section2:hover { } [role="bodyCopyMain"] #section2 .CTA_special_title { width: 90%; font-size: 23px; font-weight: 500; margin: 20px 20px 10px 30px; line-height: 105%; color: #fff; } [role="bodyCopyMain"] #section2 .CTA_special_bodyCopy { width: 80%; font-size: 1em; line-height: 125%; margin: 10px 20px 40px 30px; } [role="bodyCopyMain"] #section2 .CTA_special_bodyCopy a { color: #fff; font-weight: 700; text-decoration:none; } [role="bodyCopyMain"] #section2 .CTA_special_bodyCopy a:hover { color: #fff; } [role="bodyCopyMain"] #section2 .CTA_special_icon{ left: 30px; width: 33%; height:auto; margin: 0; } [role="bodyCopyMain"] #section3 { flex-basis:20%; width:auto; height: auto; min-height: 170px; } [role="bodyCopyMain"] #section3 .CTA_special_title { width: 13em; font-size: 1.2em; font-weight: 600; margin: 20px 20px 20px 20px; } [role="bodyCopyMain"] #section3 .CTA_special_icon{ left:20%; width: 60%; top: 15%; margin:0; } [role="headlinePromotional"] { display: flex; flex: auto; font-size: 1em; flex-direction: row; flex-shrink: 1; height: auto; } [role="headlinePromotional"] section { box-shadow: 0 5px 30px #021429; } [role="headlinePromotional"] #section1 .HeadCopyAd { font-size: 30px; font-weight:700; margin: 30px 0px 20px 20px; line-height: 100%; } [role="headlinePromotional"] #section2 .signatureAd { font-size: 11px; margin: 25px 20px 20px 0px; line-height: 150%; color: #aeccf2; } [role="headlinePromotional"] #section1 { flex-basis:35%; } [role="headlinePromotional"] #section2 { flex-basis:65%; } } .one-page-header .navbar-brand { position:relative; display:inline-block; margin: 0px ; padding: 0px 0px 00px 25px ; height: 50px; width:52%; -webkit-transition: all 1s; transition: all 1s; } .menuBlock { position:relative; display:inline-block; width:30%; height:auto; float:right; } @media screen and (max-width: 991px) { .menuBlock { display:none; } .one-page-header .navbar-brand { padding: 0px 0px 20px 25px ; } } .navbar-brand img.logomark { width: 66px ; height: auto ; float: left; -webkit-transition: all 1s; transition: all 1s; margin-top: 14px; margin-left: 10px; } .institutionalIdentityBlock { margin-top: 30px; margin-left: 95px; position: absolute; -webkit-transition: all 1s; transition: all 1s; white-space: nowrap; } .navbar-brand h3.companyName { position: relative; display: inline-block; width: auto; color: #191818; float: left; font-family: "Open Sans",sans-serif !important; font-size: 27px; font-weight: 900; line-height: 120%; margin: 7px 15px 0 10px; text-align: left; vertical-align: bottom; bottom: 0px; -webkit-transition: all 1s; transition: all 1s; white-space:nowrap; } .navbar-brand h3.companySlogan { position: relative; display: inline-block; width: auto; color: #191818; font-family: "Open Sans",sans-serif !important; font-size: 14px; font-weight: 800; line-height: 120%; margin: 20px 0 0 0px; text-align: left; float: left; vertical-align: bottom; bottom: 0px; -webkit-transition: all 1s; transition: all 1s; white-space:nowrap; } @media screen and (max-width: 1300px) { .institutionalIdentityBlock { margin-top: 12px; margin-left: 55px; -webkit-transition: all 1s; transition: all 1s; width:auto; } .navbar-brand img.logomark { width: 57px ; height: auto; float: left; z-index:1; margin-top: 5px; margin-left: -7px; -webkit-transition: all 1s; transition: all 1s; } .navbar-brand h3.companyName { position: relative; display: block; min-width: 135%; float: left; font-family: "Open Sans",sans-serif !important; font-size: 19px; font-weight: 900; line-height: 120%; margin: 0px 0 0 25px; text-align: left; vertical-align: bottom; bottom: 0px; -webkit-transition: all 1s; transition: all 1s; white-space:normal; } .navbar-brand h3.companySlogan { position: relative; display: block; width: 135%; font-family: "Open Sans",sans-serif !important; font-size: 12px; font-weight: 800; line-height: 120%; margin: 7px 0 0 25px; text-align: left; float: left; vertical-align: bottom; bottom: 0px; -webkit-transition: all 1s; transition: all 1s; white-space:pre-line; } } section.altMediaSlider article.content { padding:0 !important; margin:0 !important; } .tp-bullets { top:initial !important; bottom: 20px; zoom: 0.85; } .uranus .tp-bullet { margin: 0px !important; } @media screen and (max-width: 991px) { .tp-bullets { top:initial !important; bottom: initial !important; left: initial !important; top: 190px !important; right: 50px; zoom: 0.75; } .uranus .tp-bullet { } } .bg-color-dark { background-color: #3c3b3b !important; } .g-bg-default-color-blue { background: #c3951d; } .our-service-section .owl-buttons { top: 50px; } .our-service-section .owl-next { background: #c3951d ; } .our-service-section .owl-next:hover { background: #3c3b3b; } .our-service-section .owl-next:after { color: #fff; font-size: 25px; } .our-service-section .owl-prev { background: #c3951d ; } .our-service-section .owl-prev:hover { background: #3c3b3b; } .our-service-section .owl-prev:after { color: #fff; font-size: 25px; } #topcontrol { background: #1e1d1d ; } #topcontrol:hover { background: #c3951d ; } .g-bg-dark-blue1 { color: #ccc; background: #1e1d1d ; } .cbp-l-filters-text .cbp-filter-item:hover { color: #c3951d !important } .cbp-l-filters-text .cbp-filter-item.cbp-filter-item-active { color: #c3951d !important } .header-links-red.one-page-header.header-v6{ background: #fff ; /* background: -webkit-linear-gradient( left, transparent , transparent 50% , rgba(255, 255, 255, 0.8) ); background: -o-linear-gradient( left, transparent , transparent 50% , rgba(255, 255, 255, 0.8) ); background: -moz-linear-gradient( left, transparent , transparent 50% , rgba(255, 255, 255, 0.8) ); background: linear-gradient( left, transparent , transparent 50% , rgba(255, 255, 255, 0.8) );*/ height: 106px; width: 100%; margin: 0px !important; padding: 0px !important; z-index: 99; -webkit-transition: all 1s; transition: all 1s; } @media screen and (max-width: 991px) { .header-links-red.one-page-header.header-v6{ } } .header-links-red.one-page-header.header-v6.header-fixed-shrink { position: fixed; background: #fff ; box-shadow: 0 4px 10px 4px rgba(19, 35, 47, 0.3); height:106px; width: 100%; margin: 0px !important; padding: 0px !important; -webkit-transition: all 1s; transition: all 1s; } .our-service-info .block_name { font-size: 19px; font-style: normal; display: inline-block; color: #fff; font-weight:700; background: #c3951d ; padding: 7px 15px; margin: 40px 0 0 0; } @media screen and (max-width: 750px) { .our-service-info .block_name { font-size: 15px; } } .contact_page .btn-u.btn-u-red, .call-action-v1 .btn-u { background: #1e1d1d !important ; float: left; margin: 20px 20px 20px 0px; border: 1px solid #fff; } .contact_page .btn-u:active, .contact_page .btn-u:hover { background: #fbc40f !important ; border: 1px solid #fbc40f; } .contact_section .btn-u.btn-u-red { background: transparent ; float: left; margin: 20px 20px 20px 0px; border: 1px solid #fff; } .contact_section .btn-u:active, .contact_section .btn-u:hover { background: #1e1d1d !important ; border: 1px solid #1e1d1d; } .openingHeadlineSwitcher{ display:block; bottom: 20px; left: 20px; width: 90px; height: 40px; padding:0; position: absolute; border: 2px solid #3c3b3b ; border-radius: 20px; -webkit-transition: all .2s .1s, right .1s; transition: all .2s .1s, right .1s; box-sizing: border-box; zoom:0.75; z-index:3; } .OHS_toggle-on{ position: absolute; bottom: 20px; width: 40px; height: 40px; border: 0px solid #3c3b3b; -webkit-transition: all .2s .1s, right .1s; transition: all .2s .1s, right .1s; z-index:1; right: 20px; left:initial; } .openingHeadlineSwitcher .toggle-button{ position: absolute; top: 9px; bottom: 9px; margin: 0 5px 0 0; width: 20px; height: 20px; right: 50px; background-color: #3c3b3b ; border-radius: 19px; cursor: pointer; -webkit-transition: all .3s .1s, width .1s, top .1s, bottom .1s; transition: all .3s .1s, width .1s, top .1s, bottom .1s; } .OHS_toggle-on .toggle-button{ top: 0px; width: 100%; height: auto; bottom: 0px; right: 0px; left:0px; margin: 0 10px 0 0; border-radius: 23px; background-color: #3c3b3b ; /*box-shadow: 0 0 8px #4b7a8d;*/ -webkit-transition: all .2s .1s, right .1s; transition: all .2s .1s, right .1s; } .openingHeadlineSwitcher .toggle-text-on{ position: absolute; top: 0px; bottom: 0; left: 0; right: 0; line-height: 36px; letter-spacing:1px ; text-align: center; font-size: 1.3em; font-weight: normal; cursor: pointer; -webkit-user-select: none; /* Chrome/Safari */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* IE10+ */ text-transform:uppercase; color: rgba(0,0,0,0); } .OHS_toggle-on .toggle-text-on{ top:4px; color: rgba(255,255,255,0.3); -webkit-transition: color .3s .15s ; transition: color .3s .15s ; } .openingHeadlineSwitcher .toggle-text-off{ position: absolute; top: 2px; bottom: 0; right: 12px; line-height: 36px; text-align: center; font-size: 1.7em; -webkit-user-select: none; /* Chrome/Safari */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* IE10+ */ text-transform:uppercase; cursor: pointer; color: #3c3b3b ; } @media screen and (max-width: 991px) { .OHS_toggle-on{ left: 20px; } } .btnMore { display: inline-block; font-size: 81%; line-height: 90%; text-transform: none; letter-spacing:1px; font-weight: 500; padding: 5px 7px 4px 7px; border: 1px solid #fff ; background: transparent; color: #fff; vertical-align:top; margin-top:2px; -webkit-transition-property: border, background, color; transition-property: border, background, color; -webkit-transition-duration: 1s; transition-duration: 1s; } .btnMore:hover { background: #3c3b3b ; color: #fff; border: 1px solid #3c3b3b ; } .dClass { position: absolute; width: 100%; height: 50px; bottom: 0; background: #055c53; background: -webkit-linear-gradient( bottom, #1e1d1d , #1e1d1d 30% , transparent ); background: -o-linear-gradient(bottom, #1e1d1d , #1e1d1d 30% , transparent); background: -moz-linear-gradient( bottom, #1e1d1d , #1e1d1d 30% , transparent); background: linear-gradient( bottom, #1e1d1d , #1e1d1d 30% , transparent ); z-index:2; margin-left: -23px; } .g-heading-custom .block_HeadlineOpening { /*text-transform: uppercase;*/ margin: 0px 0px 0px -30px ; padding: 0px 0px 0px 30px ; width: 100%; height: auto; color: white; font-weight: 700; font-style: normal; line-height: 120% ; text-align: left; font-size: 190%; letter-spacing:1px; } .g-heading-custom .block_HeadlineOpening span { color: #c3951d; } .g-heading-custom .block_Open .block_chapeau{ line-height: 170% ; float: left; padding: 0px 30px 0px 30px ; margin: 10px 0px 0px -30px ; width: 100%; height:auto; color: white; font-style: normal; font-family: 'Quattrocento Sans', sans-serif; text-align: left; font-size: 1em; letter-spacing: 1px; display:block; visibility: visible; } .g-heading-custom .block_Open { display:block; width: 52.75%; /*height: 306px;*/ padding: 25px 100px 60px 23px ; right: 3%; bottom: 0px ; position: absolute; background: rgba(12, 15, 17, 0.85); -webkit-transition-property: all ; transition-property: all ; -webkit-transition-duration: 1s ; transition-duration: 1s ; z-index:20; } .block_OpenMorph { padding: 23px 260px 0px 23px ; height: auto; } @media screen and (max-width: 991px) { .g-heading-custom .block_Open { display:block; height: auto; width: 100%; padding: 5px 10px 30px 23px ; left: 0px ; bottom: 0px ; max-width: 100%; position: absolute; margin: 0px !; -webkit-transition-property: all ; transition-property: all ; -webkit-transition-duration: 1s ; transition-duration: 1s ; } .block_OpenMorph { width: 100% !important; padding: 0px 0px 0px 0px ; left: 0px ; right:initial; bottom: 0px ; position: absolute; -webkit-transition-property: all ; transition-property: all ; -webkit-transition-duration: 1s ; transition-duration: 1s ; } .g-heading-custom .block_HeadlineOpening { display:block; font-size: 115% !important; padding: 0px 0px 40px 30px !important; -webkit-transition-property: all ; transition-property: all ; -webkit-transition-duration: 1s ; transition-duration: 1s ; line-height: 125%; text-align: left; font-weight: 600; text-transform: uppercase; margin: -10px 0px 0px -30px ; padding: 0px 10px 0px 30px ; width:100% ; height: auto; color: white; font-style: normal; text-align: left; font-size: 120%; } .g-heading-custom .block_Open .block_chapeau{ line-height: 155%; width:100% ; height:0px; text-align: left; padding: 0px 0px 0px 30px ; margin: 10px 0px 0px -30px !important; width: 100% !important; color: white; font-style: normal; text-align: left; font-size: 0.75em !important; letter-spacing: 1px; display:block; visibility: hidden; } } .morph { background-color: transparent; } .morph path { fill:#c3951d ; } .buttonVideoSlider { position:absolute; display: block; right: 30px; margin-top: 120px; padding: 0; width: 45px; height: 30px; border: 0; background-color: transparent; outline: none; z-index:1; } .videoMedia, .sliderMedia { position:absolute; display: block; padding: 0px; margin:0px; width: 100%; height: 100%; border: 0; } .g-heading-v7 .h2::after { background-color: transparent !important; } .g-heading-v7 .h2 { color: #ffffff !important; margin-bottom: 0; padding-top: 30px; font-size: 40; font-weight:600; } .textnew { font-size: 15px; letter-spacing: .75px; } .textnew span { font-size: 15px; color: #c3951d ; font-weight:600; } .moreResponsive { display:none; } @media screen and (max-width: 991px) { .g-heading-v7 .h2::after { background-color: transparent !important; } .g-heading-v7 .h2 { font-size: 30px; padding-top: 20px; } .g-pl-40 { padding-left: 29px; } .textnew { font-size: 14px; } .content-md { padding-bottom: 10px; padding-right:29px; } .moreResponsive { display: inline-block; font-size: 66%; line-height: 90%; text-transform: none; padding-left:10px; letter-spacing:1px; font-weight: 600; padding: 3px 4px; border: 1px solid #fff ; background: transparent; color: #fff !important; vertical-align:top; margin-top:2px; -webkit-transition-property: border, background, color; transition-property: border, background, color; -webkit-transition-duration: 1s; transition-duration: 1s; } .moreResponsive:hover { background: #3c3b3b ; color: #fff; border: 1px solid #3c3b3b ; } } /*Intro Section ------------------------------------*/ /*Intro Section*/ .intro-section{ position: absolute ; top: 0; left: 0; bottom: 0; margin: 0px; padding:0px; right:0; } .intro-section, .fullscreenbanner-container{ position: absolute ; top: 0; left: 0; bottom: 0; margin: 0px; padding:0px; right:0; } .intro-section .fullscreenbanner{ position: absolute !important; top: 0; left: 0; bottom: 0; right:0; width: 100% !important; height: 100% !important; min-width: 100% !important; min-height: 100%!important; object-fit: cover; margin: 0px; padding:0px; } .intro-section:after { width: 100% ; height: 100% ; position: absolute ; } @media (min-width: 992px) { .contact-section .col-md-4:after, .contact-section .col-sm-6:after { clear:initial; } } .faq .acc-v1 .panel-heading a, .faq .acc-v1.plus-toggle .panel-heading a:before { color: #c3951d ; } #paymentsMethods { position:relative; margin:0px; padding:0px; } #paymentsMethods li { display:inline-block; float:left; position: relative; border-radius: 4px; margin: 0px 7px 10px 0px; width: 60px; height: auto; border-bottom: 3px solid rgba(0, 0, 0, .45); } #paymentsMethods li img { width: 100%; height: auto; } #paymentsMethods h3 { text-align: left; } #paymentsMethods .cash { background: #8a8c8e; } #paymentsMethods .visa { background: #0a67b2; } #paymentsMethods .mastercard { background: #DC1825; } #paymentsMethods .paypal { background: #34679a; } #paymentsMethods .discover { background: #f58220; } #paymentsMethods .visa_electron { background: #045ea0; } #paymentsMethods .diners { background: #a6a9ad; } .socket_signature { position : absolute; bottom:10px; width:auto; left: 20px; padding: 0px; opacity: 0.5; -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: 1s; transition-duration: 1s; } .socket_signature .baseline_socket_signature { color: #fff ; font-size: 10px ; float: left; font-weight: 300; letter-spacing: 2px; padding:0px ; margin:0px ; } .socket_signature .logo_socket { position : relative; display:inline-block; height:12px; float: left; margin:0px 0px 0px 7px; bottom:-5px; padding: 0px 0px -20px 20px; } .socket_signature:hover { opacity: 1; } .we-accept { margin-top: 40px; width: auto; } .we-accept h3 { color: #ffffff; margin-bottom: 15px; font-size: 26px; text-align:left; } .visualCTA { width: 120px; height:auto; -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: 2s; transition-duration: 2s; } @media (max-width: 992px) { .visualCTA { width: 90px; height:auto; -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: 2s; transition-duration: 2s; } } @media (min-width: 1001px) { .contact-section-col_Contacts { min-height: 750px; } .contact-section-col_Touch { min-height: 750px; } } @media (min-width: 769px) and (max-width: 1000px) { .contact-section-col_Contacts { min-height: 900px; } .contact-section-col_Touch { min-height: 900px; } } @media (max-width: 768px) { .contact-section-col_Contacts { min-height: 850px; } .contact-section-col_Touch { min-height: 500px; } } .appPresentationBlock { position:relative; width: 100%; height: auto; background: #2A3B46 ; background: -webkit-linear-gradient( left, #2A3B46 , #2A3B46 25% , #141414 ); background: -o-linear-gradient(left, #2A3B46 , #2A3B46 25% , #141414 ); background: -moz-linear-gradient( left, #2A3B46 , #2A3B46 25% , #141414 ); background: linear-gradient( left, #2A3B46 , #2A3B46 25% , #141414); margin:0; } .appPresentationBlock .clearfix { clear: both; } .spacerPresentation { height: 10px; } .presentationHeaderDiv { position:absolute; display:inline-block; width: 20%; height:auto; background-color: #2A3B46; color: white; margin:0; } .appPresentationMain { position:relative; display:inline-block; width: 80%; height:auto; margin:0 0 0 20%; } @media (min-width: 701px) and (max-width: 1215px) { .presentationHeaderDiv { width: 30%; } .appPresentationMain { width: 70%; margin:0 0 0 30%; } .faq_page { background-color: transparent; } } @media screen and (max-width: 700px) { .presentationHeaderDiv { width: 100%; } .appPresentationMain { width: 100%; margin:0 0 0 0%; } .faq_page { background-color: transparent; } .presentationHeaderDiv { position:relative; } } .presentationHeader { padding: .8em 0 1em 3%; background-color: #262626; color: white; border-left: 5px solid #39A279; } .presentationHeader h1 { font-weight: 700; font-size: 1.3em; } .presentationHeader h2 { margin-top: .3em; font-size: .8em; } .presentationHeader h2 b { font-weight: 600; font-size: 1.2em; } .presentationHeader b { color: #39A279; } .cardPresentation { width: 33.33%; float: left; color: white; vertical-align: top; height: 215px; background-color: #141414; outline: 1px solid rgba(255, 255, 255, 0.14); cursor: pointer; transition: all 0.5s ease; overflow: hidden; } .cardPresentation:hover { background-color: rgba(20, 20, 20, 0.95); } @media screen and (max-width: 1215px) { .cardPresentation { width: 50%; } } @media screen and (max-width: 700px) { .cardPresentation { width: 100%; } } .cardPresentation .pos { padding: .5em 0 .5em .5em; color: white; font-size: .9em; background-color: rgba(20, 20, 20, 0.95); margin-bottom: 1em; border-bottom: 1px solid rgba(255, 255, 255, 0.14); } .cardPresentation .itemPresentationInfo { display: inline-block; vertical-align: top; padding: 1em 0.5em 0.5em; position: relative; } .cardPresentation .profileItemPresentation { width: 100px; height: 100px; overflow: hidden; border-radius: 50%; display: inline-block; margin: 20px; transition: all 0.5s ease; } @media screen and (max-width: 925px) { .cardPresentation .profileItemPresentation { width: 80px; height: 80px; } } @media screen and (max-width: 570px) { .cardPresentation .profileItemPresentation { width: 100px; height: 100px; } } .cardPresentation .profileItemPresentation img { height: 100%; margin-left: -20%; } .cardPresentation:hover .profileItemPresentation { width: 90px; height: 90px; } .cardPresentation h1 { font-weight: 600; font-size: 1em; padding-bottom: .15em; } .cardPresentation h2 { font-weight: 300; font-size: .9em; margin-bottom: .4em; } .cardPresentation p { font-weight: 300; font-size: .8em; } .cardPresentation p b { font-weight: 600; } .cardPresentation h3 { font-weight: 700; font-size: 1.8em; padding-bottom: .3em; } .cardPresentation h4 { font-weight: 600; padding: .1em 0; } .cardPresentation h4 i { font-size: .8em; font-weight: 300; } .blockCTAPresentation { width: 66.66%; min-height:215px; height: auto; float: left; background-color: rgba(20, 20, 20, 0.95); color: white; outline: 1px solid rgba(255, 255, 255, 0.14); } @media screen and (max-width: 1215px) { .blockCTAPresentation { width: 100%; } } .blockCTAPresentation .presentationCTA { width: 90%; padding: .4em 0 .4em 5%; } .blockCTAPresentation h2 { font-size: .8em; font-weight: 300; margin: 1.1em 0 .3em 0; } .blockCTAPresentation h1 { font-weight: 600; margin-bottom: .7em; } .presentationCTA .result { border-bottom: 1px solid rgba(255, 255, 255, 0.14); padding: .4em 0 .35em 0; } .presentationCTA .result:before { content: 'projected to win'; padding-left: 5%; } .presentationCTA .presentationCTA_title { color: #39A279; font-weight: 600; font-size: 1.5em; line-height: 120%; } .presentationCTA .presentationCTA_text { color: #fff; font-weight: 500; font-size: .95em; line-height: 150%; } .overlayModalPresentation { width: 100%; margin: 0 auto; background-color: rgba(20, 20, 20, 0.95); position: absolute; z-index: 10; bottom: 0; height: 0; overflow: hidden; transition: all 0.75s ease; } .showModalPresentation { position:relative; width:100%; height: 100%; overflow: show; transition: all 0.75s ease; } .ModalPresentation { width: 100%; margin: 0 auto; color: white; float: left; outline:1px solid rgba(255, 255, 255, 0.14); } @media screen and (max-width: 1215px) { } @media screen and (max-width: 925px) { .ModalPresentation { width: 100%; } } .ModalPresentation .profileItemPresentation { width: 140px; height: 140px; overflow: hidden; border-radius: 50%; display: inline-block; margin: 1.3em .5em .5em 3%; transition: all 0.5s ease; } @media screen and (max-width: 925px) { .ModalPresentation .profileItemPresentation { width: 70px; height: 70px; } } @media screen and (max-width: 570px) { .ModalPresentation .profileItemPresentation { width: 100px; height: 100px; } } .ModalPresentation .profileItemPresentation img { height: 100%; margin-left: -20%; } .ModalPresentation h1 { margin-top: 50px; font-size: 2.5em; font-weight: 600; } .ModalPresentation h2 { font-size: 1.7em; letter-spacing: 1px; } .ModalPresentation h3 { font-weight: 600; } @media screen and (max-width: 800px) { .ModalPresentation { width: 100%; } } .ModalPresentation .modalHeaderPresentation { padding: 1.15em 1em 1em 2.5%; background-color: #39A279; margin-bottom: .5em; position: relative; font-size: 1.7em; font-weight: 600; } .ModalPresentation .modalHeaderPresentation .close { position: absolute; right: 45px; font-weight: 600; font-size: 35px; margin-top: -11px; cursor: pointer; color: #fff; opacity: 0.66; -webkit-transition-property: all ; transition-property: all; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; } .ModalPresentation .modalHeaderPresentation .close:hover { font-size: 70px; margin-top: -25px; opacity: 1; -moz-transform: rotateY(180deg); -webkit-transform: rotateY(180deg); transform: rotateY(180deg); } .ModalPresentation .modalHeaderPresentation .fa { color: #fff; } .ModalPresentation .playerModal { display: inline-block; margin-left: 4%; vertical-align: top; } /*.ModalPresentation .pointsList { width: 90%; margin-left: 5%; padding: .5em 0 0 0; border-top: 1px solid white; border-bottom: 1px solid white; } .ModalPresentation .pointsList li { display: inline-block; margin-right: 2.5%; padding-bottom: .5em; }*/ .descriptionLine { display: block; } .statusClass1 { color: green; padding: 0; } .statusClass2 { color: #A1BF3F; padding: 0; } .statusClass3 { color: orange; padding: 0; } .statusClass4 { color: red; padding: 0; } .presentationHeaderDiv .presentationIntro { padding: 0em 1em; /* background-color: #162630;*/ } .presentationHeaderDiv .appPresentationInfo { padding: 1em 1.5em 1em 1em; } .presentationHeaderDiv .appPresentationInfo h1 { font-weight: 600; font-size: 1.4em; padding: .5em 0; line-height: 120%; } .presentationHeaderDiv .appPresentationInfo p { font-weight: 300; font-size: .9em; line-height: 145%; } .presentationIntro .highlight { border-left: 5px solid #39A279; margin :0 1em 0 -1em; padding: 1.7em 0 0 1em; text-transform: uppercase; } .modalPresentation_SubTitle{ font-size: 120%; color: #39A279; margin: 20px 50px 19px 20% ; text-transform: uppercase; } .modalPresentation_Parag{ font-size: 100%; line-height: 150%; color: #fff; opacity: 0.75; margin: 10px 50px 50px 20% ; } .faq .acc-v1 .panel-heading a { font-size: 17px; line-height: 125%; } .g-heading-v8 .our-service-info h2 { padding-top: 75px; line-height: 107%; font-size:239%; letter-spacing: 1px; } @media screen and (max-width: 750px) { .g-heading-v8 .our-service-info h2 { font-size:189%; } } /* correction boutton*/ .form-control { background-color: transparent !important; color: #fff !important; } .color-red { color: #c3951d !important; } .rc-anchor-light { background-color: transparent !important; } ::-moz-selection { background: #c3951d; } ::selection { background: #c3951d; } /* correction boutton*/ .calls_SlideNClipBlock { position: relative; /*margin-top:106px;*/ height: 100%; -webkit-perspective: 1500px; perspective: 1500px; } .calls_SlideNClipBlock:before { position: absolute; width:100%; height: 50px; background-color: #000 !important; } .fnc { } .fnc-slider { overflow: hidden; box-sizing: border-box; position: relative; height: 100vh; } .fnc-slider *, .fnc-slider *:before, .fnc-slider *:after { box-sizing: border-box; } .fnc-slider__slides { position: relative; height: 100%; -webkit-transition: -webkit-transform 1s 0.66667s; transition: -webkit-transform 1s 0.66667s; transition: transform 1s 0.66667s; transition: transform 1s 0.66667s, -webkit-transform 1s 0.66667s; } .fnc-slider .m--blend-dark .fnc-slide__inner { background-color: #8a8a8a; } .fnc-slider .m--blend-dark .fnc-slide__mask-inner { background-color: #575757; } .fnc-slider .m--navbg-dark { background-color: #575757; } .fnc-slider .m--blend-gold .fnc-slide__inner { background-color: #fff; } .fnc-slider .m--blend-gold .fnc-slide__mask-inner { background-color: rgba(195, 149, 29, 1); } .fnc-slider .m--navbg-gold { background-color: rgba(195, 149, 29, 0.90); } .fnc-slide { overflow: hidden; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .fnc-slide.m--before-sliding { z-index: 2 !important; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .fnc-slide.m--active-slide { z-index: 1; -webkit-transition: -webkit-transform 1s 0.66667s ease-in-out; transition: -webkit-transform 1s 0.66667s ease-in-out; transition: transform 1s 0.66667s ease-in-out; transition: transform 1s 0.66667s ease-in-out, -webkit-transform 1s 0.66667s ease-in-out; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .fnc-slide__inner { position: relative; height: 100%; background-size: cover; background-position: center top; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .m--global-blending-active .fnc-slide__inner, .m--blend-bg-active .fnc-slide__inner { background-blend-mode: luminosity; } .m--before-sliding .fnc-slide__inner { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .m--active-slide .fnc-slide__inner { -webkit-transition: -webkit-transform 1s 0.66667s ease-in-out; transition: -webkit-transform 1s 0.66667s ease-in-out; transition: transform 1s 0.66667s ease-in-out; transition: transform 1s 0.66667s ease-in-out, -webkit-transform 1s 0.66667s ease-in-out; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .fnc-slide__mask { overflow: hidden; position: absolute; /* -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 0 0, 6vh 0, 6vh 61vh, 44vh 61vh, 44vh 6vh, 6vh 6vh); clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 0 0, 6vh 0, 6vh 61vh, 44vh 61vh, 44vh 6vh, 6vh 6vh);*/ } .mask_Slider1 { right: 0%; top: 0%; width: 43%; height: 51%; } .fnc-nav_Slider1 { left: 50px; bottom: 50px; } .mask_Slider2 { left: 0%; top: 0%; width: 49%; height: 41%; } .fnc-nav_Slider2 { right: 50px; bottom: 50px; } .mask_Slider3 { right: 0%; top: 0%; width: 61%; height: 41%; } .fnc-nav_Slider3 { left: 50px; bottom: 50px; } .mask_Slider4 { left:0; top:0%; width: 50%; height: 45%; } .fnc-nav_Slider4 { right: 50px; bottom: 50px; } @media screen and (max-width: 991px) { .fnc-slide__mask { top:106px; right: 0; bottom:initial; left:initial; width: 100%; height: 90px; } .fnc-slide__mask .fnc-nav { right: 0px; top: initial; bottom:3px; left:initial; zoom:0.75; } } .m--before-sliding .fnc-slide__mask { -webkit-transform: translateX(-500px) translate3d(200px, 0, 0); transform: translateX(-500px) translate3d(200px, 0, 0); opacity: 0; } .m--active-slide .fnc-slide__mask { -webkit-transition: opacity 0.35s 1.22222s, -webkit-transform 0.7s 1.22222s; transition: opacity 0.35s 1.22222s, -webkit-transform 0.7s 1.22222s; transition: transform 0.7s 1.22222s, opacity 0.35s 1.22222s; transition: transform 0.7s 1.22222s, opacity 0.35s 1.22222s, -webkit-transform 0.7s 1.22222s; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } .m--previous-slide .fnc-slide__mask { -webkit-transition: opacity 0.35s 0.68333s, -webkit-transform 0.7s 0.33333s; transition: opacity 0.35s 0.68333s, -webkit-transform 0.7s 0.33333s; transition: transform 0.7s 0.33333s, opacity 0.35s 0.68333s; transition: transform 0.7s 0.33333s, opacity 0.35s 0.68333s, -webkit-transform 0.7s 0.33333s; -webkit-transform: translateX(-500px) translate3d(-200px, 0, 0); transform: translateX(-500px) translate3d(-200px, 0, 0); opacity: 0; } .fnc-slide__mask-inner { z-index: -1; position: absolute; left: 50%; top: 50%; width: 100vw; height: 100vh; margin-left: -50vw; margin-top: -50vh; background-size: cover; background-position: center center; background-blend-mode: luminosity; -webkit-transform-origin: 50% 16.5vh; transform-origin: 50% 16.5vh; -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; } .m--before-sliding .fnc-slide__mask-inner { -webkit-transform: translateY(0) rotate(10deg) translateX(-200px) translateZ(0); transform: translateY(0) rotate(10deg) translateX(-200px) translateZ(0); } .m--active-slide .fnc-slide__mask-inner { -webkit-transition: -webkit-transform 0.7s 1.22222s; transition: -webkit-transform 0.7s 1.22222s; transition: transform 0.7s 1.22222s; transition: transform 0.7s 1.22222s, -webkit-transform 0.7s 1.22222s; -webkit-transform: translateX(0); transform: translateX(0); } .m--previous-slide .fnc-slide__mask-inner { -webkit-transition: -webkit-transform 0.7s 0.33333s; transition: -webkit-transform 0.7s 0.33333s; transition: transform 0.7s 0.33333s; transition: transform 0.7s 0.33333s, -webkit-transform 0.7s 0.33333s; -webkit-transform: translateY(0) rotate(-10deg) translateX(200px) translateZ(0); transform: translateY(0) rotate(-10deg) translateX(200px) translateZ(0); } .fnc-nav { z-index: 5; position: absolute; } .fnc-nav__bgs { z-index: -1; overflow: hidden; position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .fnc-nav__bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .fnc-nav__bg.m--nav-bg-before { z-index: 2 !important; -webkit-transform: translateX(100%); transform: translateX(100%); } .fnc-nav__bg.m--active-nav-bg { z-index: 1; -webkit-transition: -webkit-transform 1s 0.66667s; transition: -webkit-transform 1s 0.66667s; transition: transform 1s 0.66667s; transition: transform 1s 0.66667s, -webkit-transform 1s 0.66667s; -webkit-transform: translateX(0); transform: translateX(0); } .fnc-nav__control { overflow: hidden; position: relative; display: inline-block; vertical-align: top; width: auto; padding: 1em 1.5em; font-size: 14px; letter-spacing: 1px; color: #fff; text-transform: uppercase; background: transparent; cursor: pointer; -webkit-transition: all 0.5s; transition: all 0.5s; } .fnc-nav__control:hover { text-decoration: none; color: #fff; } .fnc-nav__control.m--active-control { background: #1F2833; } .fnc-nav__control-progress { position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background: #fff; -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transition-timing-function: linear !important; transition-timing-function: linear !important; } .m--with-autosliding .m--active-control .fnc-nav__control-progress { -webkit-transform: scaleX(1); transform: scaleX(1); } .m--prev-control .fnc-nav__control-progress { -webkit-transform: translateX(100%); transform: translateX(100%); -webkit-transition: -webkit-transform 0.5s !important; transition: -webkit-transform 0.5s !important; transition: transform 0.5s !important; transition: transform 0.5s, -webkit-transform 0.5s !important; } .m--reset-progress .fnc-nav__control-progress { -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transition: -webkit-transform 0s 0s !important; transition: -webkit-transform 0s 0s !important; transition: transform 0s 0s !important; transition: transform 0s 0s, -webkit-transform 0s 0s !important; } .m--autosliding-blocked .fnc-nav__control-progress { -webkit-transition: all 0s 0s !important; transition: all 0s 0s !important; -webkit-transform: scaleX(0) !important; transform: scaleX(0) !important; } .calls-slider { z-index: 2; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: -webkit-transform 0.7s; transition: -webkit-transform 0.7s; transition: transform 0.7s; transition: transform 0.7s, -webkit-transform 0.7s; } .credits-active .calls-slider { -webkit-transform: translate3d(-400px, 0, 0) rotateY(10deg) scale(0.9); transform: translate3d(-400px, 0, 0) rotateY(10deg) scale(0.9); } .calls-slider .fnc-slide-1 .fnc-slide__inner, .calls-slider .fnc-slide-1 .fnc-slide__mask-inner { background-image: url("../img/suburban.png"); } .calls-slider .fnc-slide-2 .fnc-slide__inner, .calls-slider .fnc-slide-2 .fnc-slide__mask-inner { background-image: url("../img/chrysler-300-2015-black-2.jpg"); } .calls-slider .fnc-slide-3 .fnc-slide__inner, .calls-slider .fnc-slide-3 .fnc-slide__mask-inner { background-image: url("../img/mercedes_new.jpg"); } .calls-slider .fnc-slide-4 .fnc-slide__inner, .calls-slider .fnc-slide-4 .fnc-slide__mask-inner { background-image: url("../img/gmc_new.jpg"); } /*.calls-slider .fnc-slide-3 .fnc-slide__inner:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.1); } .calls-slider .fnc-slide-4 .fnc-slide__inner:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); } */ /* .form-holder { height:1171px; } */ iframe { /*height:1171px;*/ /*padding:5%;*/ } #c8 { height:1171px; } .pick-up button{ /* margin-left: -18%; */ margin-left: -21px; margin-top: 1.1%; /* width: 200px; */ height: 75px; border-color: #000; border-style: solid; border-width: 6px; color: #000; background: transparent; font-size: 34px; position: absolute; z-index: 1000; transition: all .9s; font-weight: 900; } .pick-up button:hover { background:#1E1D1D; color:#fff; border-color:#C3951D; } @media (max-width:768px){ .pick-up button { /* display:none;*/ margin-left: 0px; height: 40px; border-width: 2px; font-size: 20px; left: 3px; top: 63px; text-align: center; right: 0px; margin: 0px auto !important; width: 200px; padding:7px; } .navbar-brand h3.companyName{ font-size: 15px; } } @media (max-width:1200px){ #c8 { height:1600px; } iframe { height:1600px; padding:5%; } } /* Latest CSS 14-12-2016 */ @media (min-width:1300px) and (max-width:1460px){ .navbar-brand h3.companyName{ display: block; float: none; } .navbar-brand h3.companySlogan{ margin: 8px 0 0 10px; } .pick-up button { margin-left: -90px; } } @media (min-width:992px) and (max-width:1299px){ .pick-up button { margin-left: -105px; } } @media screen and (max-width: 768px){ .one-page-header .navbar-brand { padding: 0px 0px 0px 0px; } .socialMediaBlock_animated ul li span{ width: 200px; } .g-recaptcha{ transform:scale(0.86); -webkit-transform:scale(0.86); -moz-transform:scale(0.86); -o-transform:scale(0.86); -ms-transform:scale(0.86); margin-left: -20px; } .contact_section { padding: 70px 30px 10px; } .navbar-brand h3.companyName{ margin: 0px 0 0 0px; text-align: center; } .navbar-brand h3.companySlogan{ margin: 8px auto; display: inline; text-align: center; } /*.institutionalIdentityBlock { margin-left: 0px; width: 100%; text-align: center; }*/ .header-links-red.one-page-header.header-v6{ z-index: 999; } /*.navbar-brand img.logomark{ float: none; text-align: center; display: inherit; margin: 10px auto 8px; }*/ .one-page-header .navbar-brand,.navbar-brand h3.companySlogan,.navbar-brand h3.companyName{ width: 100%; min-width: 100% !important; max-width: 100% !important; } .g-heading-custom .block_Open,.one-page-header{ overflow: hidden; } } @media (min-width: 769px) and (max-width:1024px){ .g-recaptcha{ transform:scale(0.86); -webkit-transform:scale(0.86); -moz-transform:scale(0.86); -o-transform:scale(0.86); -ms-transform:scale(0.86); margin-left: -20px; } .g-heading-custom .block_Open,#how-we-work,#contactPage{ overflow: hidden; } } .color-green a{ color: #c3951d; } .contact_form{ padding: 15px; }