/* Theme Name: Insurance WordPress Theme Theme URI: http://martaniandemo.com/wordpress/insurance/ Author: Martanian Design Author URI: http://martanian.com/ Description: WordPress Theme for Insurance Agency Version: 1.0 Tags: light, right-sidebar, featured-images, translation-ready License: GNU General Public License version 3.0 License URI: http://www.gnu.org/licenses/gpl-3.0.html */ /** * * Table of Content * ----------------------------------------------------------------------------- * * 1. Global * 2. Center * 3. Loader * 4. Shortcodes * * 4.1 Progress bars * 4.2 Insurance params * 4.3 Documents * 4.4 Alerts * 4.5 Timeline * 4.6 Menu list * * 5. Form * 6. Button * 7. Header * 8. Sections * * 8.1 Heading * 8.2 Call to action * 8.3 Insurances slider * 8.4 Tabs * 8.5 Blog * 8.6 Slogan * 8.7 References * 8.8 Box with image on right side * 8.9 Box with image on left side * 8.10 Agents * 8.11 Image slogan * 8.12 Contact * 8.13 Contact full * 8.14 Double content * * 9. Footer * 10. Contact popup * 11. Quote popup * */ /** * * 1. Global * ----------------------------------------------------------------------------- * */ * { margin: 0; padding: 0; font-family: 'Open Sans'; } body { background: #fdfdfd; } .clear { clear: both; } .alignright { text-align: right; } .alignleft { text-align: left; } .aligncenter { text-align: center; } .size-auto, .size-full, .size-large, .size-medium, .size-thumbnail { max-width: 100%; height: auto; } tt, code, kbd, samp { font-family: 'Courier New', monospace; background: #eee; font-size: 12px; padding: 2px 5px; } pre { font-family: 'Courier New', monospace; background: #eee; font-size: 12px; padding: 15px; display: block; margin-bottom: 20px; overflow-x: scroll; } section:not(.image-slogan) { border-bottom: 1px solid #eee; } section.section-top-space { padding-top: 75px; } /** * * 2. Center * ----------------------------------------------------------------------------- * */ @media (min-width: 1350px) { .center { width: 1100px; margin: 0 auto; } } @media (min-width: 950px) and (max-width: 1349px) { .center { width: 850px; margin: 0 auto; } } @media (min-width: 600px) and (max-width: 949px) { .center { width: 540px; margin: 0 auto; } } @media (max-width: 599px) { .center { width: -webkit-calc( 100% - 60px ); width: -moz-calc( 100% - 60px ); width: calc( 100% - 60px ); margin: 0 30px; } } /** * * 3. Loader * ----------------------------------------------------------------------------- * */ #loader { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 99999; } #loader .loader-spinner { width: 40px; height: 40px; position: absolute; top: 50%; left: 50%; margin-top: -20px; margin-left: -20px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; -webkit-animation: scaleout 1.0s infinite ease-in-out; -moz-animation: scaleout 1.0s infinite ease-in-out; animation: scaleout 1.0s infinite ease-in-out; } @-webkit-keyframes scaleout { 0% { -webkit-transform: scale( 0.0 ); } 100% { -webkit-transform: scale( 1.0 ); opacity: 0; } } @-moz-keyframes scaleout { 0% { -moz-transform: scale( 0.0 ); } 100% { -moz-transform: scale( 1.0 ); opacity: 0; } } @keyframes scaleout { 0% { transform: scale( 0.0 ); } 100% { transform: scale( 1.0 ); opacity: 0; } } /** * * 4. Shortcodes * ----------------------------------------------------------------------------- * parent; * * 4.1 Progress bars * ----------------------------------------------------------------------------- * */ .progress-bars h4 { margin: 30px 0 15px 0; font-weight: 600; font-size: 16px; } .progress-bars .progress-bar { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .progress-bars .progress-bar .progress-bar-value { height: 4px; -webkit-border-top-left-radius: 2px; -moz-border-top-left-radius: 2px; border-top-left-radius: 2px; -webkit-border-bottom-left-radius: 2px; -moz-border-bottom-left-radius: 2px; border-bottom-left-radius: 2px; position: relative; width: 0; } .progress-bars .progress-bar .progress-bar-value .progress-bar-value-tip:after { width: 6px; height: 6px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; position: absolute; content: ' '; background: #fff; left: -21px; top: 8px; } .progress-bars .progress-bar .progress-bar-value .progress-bar-value-tip { position: absolute; right: -55px; top: -15px; width: 30px; text-align: center; font-size: 13px; font-weight: 400; background: #fdfdfd; padding: 6px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; display: none; } .progress-bars .progress-bar .progress-bar-value .progress-bar-value-tip:before { width: 5px; height: 5px; background: #fdfdfd; -webkit-transform: rotate( 45deg ); -moz-transform: rotate( 45deg ); transform: rotate( 45deg ); position: absolute; content: ' '; left: -7px; top: 10px; } @media (min-width: 1350px) { .progress-bars { margin: 75px 0; } } @media (min-width: 950px) and (max-width: 1349px) { .progress-bars { margin: 75px 0; } } @media (min-width: 600px) and (max-width: 949px) { .progress-bars { margin: 50px 0; } } @media (max-width: 599px) { .progress-bars { margin: 30px 0; } } /** * * 4.2 Insurance params * ----------------------------------------------------------------------------- * */ .insurance-params { position: relative; } .insurance-params .important-number { margin-top: -10px; } .insurance-params .important-number .notice-top { font-size: 16px; font-weight: 600; vertical-align: top; display: inline-block; padding-top: 18px; } .insurance-params .important-number .number { font-weight: 300; font-size: 72px; display: inline-block; vertical-align: top; } .insurance-params .params tr { vertical-align: top; } .insurance-params .params tr td { padding: 10px 0; font-size: 16px; font-weight: 300; border-bottom: 1px dashed #eee; } .insurance-params .params tr td:first-child { font-weight: 600; } .insurance-params .params tr:last-child td { border-bottom: none; } @media (min-width: 1350px) { .insurance-params .params { width: 530px; float: right; } .insurance-params .important-number { float: left; } } @media (min-width: 950px) and (max-width: 1349px) { .insurance-params .params { width: 350px; float: right; } .insurance-params .important-number { float: left; } .insurance-params .params td { display: block; } .insurance-params .params td:first-child { border-bottom: none; padding-bottom: 0; } } @media (min-width: 600px) and (max-width: 949px) { .insurance-params .params { margin-top: 30px; } .insurance-params .params, .insurance-params .important-number { float: none; } .insurance-params .params td { display: block; } .insurance-params .params td:first-child { border-bottom: none; padding-bottom: 0; } } @media (max-width: 599px) { .insurance-params .params { margin-top: 30px; } .insurance-params .params, .insurance-params .important-number { float: none; } .insurance-params .params td { display: block; } .insurance-params .params td:first-child { border-bottom: none; padding-bottom: 0; } } /** * * 4.3 Documents * ----------------------------------------------------------------------------- * */ .documents { list-style: none !important; margin-bottom: 30px; } .documents .document { font-size: 16px; font-weight: 300; margin-bottom: 20px; } .documents .document:last-child { margin-bottom: 0; } .documents .document i { margin-right: 20px; font-size: 60px; float: left; } .documents .document.document-pdf i { color: #e73a30; } .documents .document.document-word i { color: #417BE4; } .documents .document.document-excel i { color: #7DBA2F; } .documents .document a { text-decoration: underline; padding-top: 7px; display: block; } .documents .document a:hover { text-decoration: none; } .documents .document span { display: block; margin-top: 5px; } /** * * 4.4 Alerts * ----------------------------------------------------------------------------- * */ .alert-box { margin-bottom: 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; position: relative; padding: 15px 25px; } .alert-box.alert-box-yellow { background: #fcf8e3; border: 1px solid #e3d9a2; } .alert-box.alert-box-yellow * { color: #c9b754 !important; margin-bottom: 0 !important; font-size: 14px !important; } /** * * 4.5 Timeline * ----------------------------------------------------------------------------- * */ .timeline { position: relative; margin: 40px 30px 0 30px; } .timeline:before { width: 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 2px solid #E2E2E4; background: #E2E2E4; height: 100%; content: ' '; position: absolute; } .timeline:after { width: 4px; height: 55px; content: ' '; position: absolute; bottom: -5px; background-image: -webkit-gradient( linear, left top, left bottom, color-stop( 0, #E2E2E4 ), color-stop( 1, #fdfdfd ) ); background-image: -o-linear-gradient( bottom, #E2E2E4 0%, #fdfdfd 100% ); background-image: -moz-linear-gradient( bottom, #E2E2E4 0%, #fdfdfd 100% ); background-image: -webkit-linear-gradient( bottom, #E2E2E4 0%, #fdfdfd 100% ); background-image: -ms-linear-gradient( bottom, #E2E2E4 0%, #fdfdfd 100% ); background-image: linear-gradient( to bottom, #E2E2E4 0%, #fdfdfd 100% ); } .timeline .timeline-element { position: relative; margin-left: 33px; margin-bottom: 20px; } .timeline .timeline-element:before { content: ' '; position: absolute; width: 7px; height: 7px; background: #fff; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; left: -37.5px; margin-top: -1px; } .timeline .timeline-element .date { font-weight: 400; font-size: 16px; margin-top: -3px; position: absolute; } .timeline .timeline-element p { padding-top: 25px; } /** * * 4.6 Menu list * ----------------------------------------------------------------------------- * */ .menu-list-shortcode button.menu-element { border: none; background: none; text-decoration: underline; font-size: 16px; font-weight: 300; line-height: 1.6em; cursor: pointer; outline: none; } .menu-list-shortcode button.menu-element:hover { text-decoration: none; } /** * * 5. Form * ----------------------------------------------------------------------------- * */ .form input[type="text"], .form textarea, ol.comments-list li .comment-respond form textarea, ol.comments-list li .comment-respond form input[type="text"], section.blog .sidebar .widget input[type="text"] { border: 1px solid #ccc; background: none; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; padding: 0 25px; font-size: 14px; height: 47px; -webkit-transition: all 0.15s linear; -moz-transition: all 0.15s linear; transition: all 0.15s linear; width: 200px; margin-right: 10px; outline: none; } .form textarea { height: 100px; width: 288px; resize: none; padding: 14px 25px; } ol.comments-list li .comment-respond form textarea { padding: 14px 25px; resize: none; height: 100px; } .form input[type="text"]:hover, section.blog .sidebar .widget input[type="text"]:hover, .form textarea:hover, ol.comments-list li .comment-respond form textarea:hover, ol.comments-list li .comment-respond form input[type="text"]:hover, .form select:hover { border: 1px solid #aaa; } .form input[type="text"].error, .form textarea.error, .form select.error { border: 1px solid #e73a30; } .form input[type="text"]::-webkit-input-placeholder, .form textarea::-webkit-input-placeholder, ol.comments-list li .comment-respond form textarea::-webkit-input-placeholder, ol.comments-list li .comment-respond form input[type="text"]::-webkit-input-placeholder { font-weight: 300; color: #bbb; } .form input[type="text"]:-moz-placeholder, .form textarea:-moz-placeholder, ol.comments-list li .comment-respond form textarea:-moz-placeholder, ol.comments-list li .comment-respond form input[type="text"]:-moz-input-placeholder { font-weight: 300; color: #bbb; } .form input[type="text"]::-moz-placeholder, .form textarea::-moz-placeholder, ol.comments-list li .comment-respond form textarea::-moz-placeholder, ol.comments-list li .comment-respond form input[type="text"]::-moz-input-placeholder { font-weight: 300; color: #bbb; } .form input[type="text"]:-ms-input-placeholder, .form textarea:-ms-input-placeholder, ol.comments-list li .comment-respond form textarea:-ms-input-placeholder, ol.comments-list li .comment-respond form input[type="text"]:-ms-input-placeholder { font-weight: 300; color: #bbb; } section.blog .sidebar .widget input[type="text"] { background: #fdfdfd; margin-bottom: 30px; } .custom-dropdown { position: relative; display: inline-block; vertical-align: middle; font-size: 0; padding: 0; margin-right: 10px; } .custom-dropdown.last { margin-right: 0; } .custom-dropdown-select { border: 1px solid #ccc; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-appearance: none; -moz-appearance: none; outline: none; padding: 0 52px 0 25px; font-size: 14px; height: 49px; margin: 0; width: 214px; -webkit-transition: all 0.15s linear; -moz-transition: all 0.15s linear; transition: all 0.15s linear; background: transparent; position: relative; z-index: 10; } .custom-dropdown-select option:disabled { color: #ddd; } .custom-dropdown:before, .custom-dropdown:after { content: ""; position: absolute; z-index: -1; } .custom-dropdown:after { content: "\25BC"; height: 1em; font-size: 9px; line-height: 1; right: 1px; top: 5px; margin-top: 1px; color: rgba( 0, 0, 0, 0.9 ); background: #fdfdfd; width: 45px; text-align: center; padding-top: 13px; padding-bottom: 13px; border-left: 1px solid rgba( 0, 0, 0, 0.1 ); } .custom-dropdown:before { width: 45px; right: 0; border-radius: 0 1px 1px 0; top: 1px; bottom: 11px; background: #fdfdfd; margin-right: 1px; } .checkbox { border: 1px solid #ccc; background: none; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; padding: 0; font-size: 14px; height: 47px; -webkit-transition: all 0.15s linear; -moz-transition: all 0.15s linear; transition: all 0.15s linear; width: 303px; margin-right: 10px; outline: none; cursor: pointer; } .checkbox .checkbox-status { width: 41px; height: 41px; background: #eee; margin-top: 3px; margin-left: 3px; text-align: center; display: inline-block; } .checkbox .checkbox-status i.fa-check { margin-top: 13px; } .checkbox .checkbox-status i.fa-times { color: #e73a30; margin-top: 13px; } .checkbox .checkbox-values { display: inline-block; margin-left: 15px; } .checkbox .checkbox-values .checkbox-value-checked, .checkbox .checkbox-values .checkbox-value-unchecked { display: none; } .checkbox[data-checked="yes"] .checkbox-values .checkbox-value-checked, .checkbox[data-checked="no"] .checkbox-values .checkbox-value-unchecked { display: block; } /** * * 6. Button * ----------------------------------------------------------------------------- * */ button[type="button"] { cursor: pointer; } .button, section.blog form.post-password-form input[type="submit"] { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; padding: 0 25px; height: 49px; font-size: 14px; cursor: pointer; -webkit-transition: all 0.15s linear; -moz-transition: all 0.15s linear; transition: all 0.15s linear; outline: none; text-decoration: none; vertical-align: top; } .button.button-icon { padding: 0 20px; } .button i { margin-left: 10px; -webkit-transition: all 0.15s linear; -moz-transition: all 0.15s linear; transition: all 0.15s linear; } .button.button-icon i { margin-left: 0; } a.button { line-height: 1; display: inline-block; font-weight: 400; text-decoration: none !important; padding: 17px 25px 0 25px; height: 30px; } .button.button-navy-blue, section.blog form.post-password-form input[type="submit"] { color: #fff !important; background: #d13239; } .button.button-white { border: 1px solid #fff; color: #fff !important; background: none; } .button.button-navy-blue:hover i, .button.button-white:hover i { color: rgba( 255, 255, 255, 0.38 ); } /** * * 7. Header * ----------------------------------------------------------------------------- * */ header { height: 75px; width: 100%; box-shadow: 0 0 5px rgba( 0, 0, 0, 0.5 ); position: fixed; z-index: 30000; } header .logo { float: left; padding-top: 24px; } header .menu { float: right; margin-top: 8px; } header .menu li { display: inline-block; list-style: none; } header .menu li a, header .menu li button.menu-element { text-decoration: none; font-weight: 300; font-size: 14px; padding: 20px; -webkit-transition: all 0.15s linear; -moz-transition: all 0.15s linear; transition: all 0.15s linear; background: none; border: none; cursor: pointer; outline: none; display: inline-block; } header .menu li:last-child a, header .menu li:last-child button.menu-element { padding-right: 0; } header .menu li i { font-size: 10px; margin-left: -5px; -webkit-transition: all 0.15s linear; -moz-transition: all 0.15s linear; transition: all 0.15s linear; } header .menu li.current-menu-item a, header .menu li.current-menu-item i, header .menu li.current_page_parent a, header .menu li.current_page_parent i, header .menu li.current_page_ancestor a, header .menu li.current_page_ancestor i, header .menu li:hover button.menu-element, header .menu li:hover a, header .menu li:hover i { color: #feffff; } header .sub-menu { position: absolute; width: 200px; margin-left: -45px; margin-top: -1px; padding: 10px 0; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; display: none; } header .menu li:hover > .sub-menu { display: block; } header .sub-menu:before { width: 8px; height: 8px; content: ' '; position: absolute; -webkit-transform: rotate( 45deg ); -moz-transform: rotate( 45deg ); transform: rotate( 45deg ); top: -4px; left: 50%; margin-left: -4px; } header .sub-menu li { display: block; } header .sub-menu li a { margin: 0 20px; padding: 10px 0; display: block; color: #feffff; border-bottom: 1px solid rgba( 255, 255, 255, 0.4 ); } header .sub-menu li button.menu-element { display: block; width: -webkit-calc( 100% - 40px ); width: -moz-calc( 100% - 40px ); width: calc( 100% - 40px ); text-align: left; padding: 10px 0; margin: 0 20px; color: #feffff; border-bottom: 1px solid rgba( 255, 255, 255, 0.4 ); } header .sub-menu li button.menu-element:hover { } header .sub-menu > li:last-child > a, header .sub-menu > li:last-child > button.menu-element { border-bottom: none; } header .sub-menu li i { color: #feffff; margin-left: 0; margin-right: 10px; } header .sub-menu li a:hover, header .sub-menu li button.menu-element:hover { color: rgba( 255, 255, 255, 0.6 ); } header .sub-menu .sub-menu { margin-left: -200px; margin-top: -48px; } header .sub-menu .sub-menu:before { display: none; } header .menu-responsive { color: #fff; text-align: right; font-size: 18px; padding-top: 28px; float: right; cursor: pointer; } @media (min-width: 1350px) { header .menu-responsive { display: none; } header .logo { width: 300px; } } @media (min-width: 950px) and (max-width: 1349px) { header .menu-responsive { display: none; } header .logo { width: 300px; } } @media (min-width: 600px) and (max-width: 949px) { header .center { position: relative; } header .logo { width: 300px; } header .menu { position: absolute; float: none; width: 215px; max-height: 300px; overflow-y: scroll; overflow-x: hidden; right: 0; top: 67px; padding: 10px 0; -webkit-border-bottom-left-radius: 2px; -moz-border-bottom-left-radius: 2px; border-bottom-left-radius: 2px; -webkit-border-bottom-right-radius: 2px; -moz-border-bottom-right-radius: 2px; border-bottom-right-radius: 2px; display: none; } header .menu li { display: block; } header .menu li a, header .menu li button.menu-element { margin: 0 20px; padding: 10px 0; display: block; width: 160px; color: #feffff; text-align: left; border-bottom: 1px solid rgba( 255, 255, 255, 0.4 ); } header .menu li i { display: none; } header .menu li a:hover, header .menu li button.menu-element:hover { color: rgba( 255, 255, 255, 0.6 ); } header .menu .sub-menu { display: block; position: static; margin: 0; padding: 0; } header .menu .sub-menu:before { display: none; } header .menu > li:last-child a, header .menu > li:last-child button.menu-element { border-bottom: none !important; } } @media (max-width: 599px) { header { top: 0; } header .center { position: relative; } header .logo { width: -webkit-calc( 100% - 80px ); width: -moz-calc( 100% - 80px ); width: calc( 100% - 80px ); } header .menu { position: absolute; float: none; width: 215px; max-height: 300px; overflow-y: scroll; overflow-x: hidden; right: 0; top: 67px; padding: 10px 0; -webkit-border-bottom-left-radius: 2px; -moz-border-bottom-left-radius: 2px; border-bottom-left-radius: 2px; -webkit-border-bottom-right-radius: 2px; -moz-border-bottom-right-radius: 2px; border-bottom-right-radius: 2px; display: none; } header .menu li { display: block; } header .menu li a, header .menu li button.menu-element { margin: 0 20px; padding: 10px 0; display: block; width: 160px; color: #feffff; text-align: left; border-bottom: 1px solid rgba( 255, 255, 255, 0.4 ); } header .menu li i { display: none; } header .menu li a:hover, header .menu li button.menu-element:hover { color: rgba( 255, 255, 255, 0.6 ); } header .menu .sub-menu { display: block; position: static; margin: 0; padding: 0; } header .menu .sub-menu:before { display: none; } header .menu > li:last-child a, header .menu > li:last-child button.menu-element { border-bottom: none !important; } } @media (max-width: 299px) { header .logo { width: -webkit-calc( 100% - 50px ); width: -moz-calc( 100% - 50px ); width: calc( 100% - 50px ); } header .logo img { width: 100%; margin-top: 4px; } } /** * * 8. Sections * ----------------------------------------------------------------------------- * parent; * * 8.1 Heading * ----------------------------------------------------------------------------- * */ .heading { position: relative; } .heading.heading-top-space { padding-top: 75px; } .heading .heading-slide-single { background-position: 50% 30%; background-size: cover; position: absolute; top: 0; width: 100%; display: none; overflow: hidden; } .heading.heading-top-space .heading-slide-single { top: 75px; } .heading .heading-slide-single[data-slide-id="1"] { display: block; } .heading .flying-1 { height: 70px; left: -50px; position: absolute; } .heading .flying-1 span { color: #fff; font-size: 21px; font-weight: 600; position: absolute; right: 20px; bottom: 13px; } .heading .flying-2 { position: absolute; right: -50px; bottom: 0; z-index: 100; } .heading .flying-2 h3 { color: #fff; font-weight: 600; font-size: 21px; } .heading .flying-2 p { color: #fff; font-size: 16px; font-weight: 300; line-height: 1.6em; } .heading .heading-content { position: absolute; left: 50%; } .heading .heading-content h2 { font-weight: 700; color: #ffffff; } .heading .heading-content h3 { font-weight: 300; line-height: 1.1em; margin: 20px 0 45px 0; color: #ffffff; } @media (min-width: 1350px) { .heading .heading-content { width: 1100px; margin-left: -550px; bottom: 100px; } .heading .heading-content h2 { font-size: 62px; } .heading .heading-content h3 { font-size: 26px; } .heading, .heading .heading-slide-single { height: 650px; } .heading .flying-1 { width: 350px; } .heading .flying-2 { width: 350px; padding-bottom: 30px; } .heading .flying-2 h3, .heading .flying-2 p { padding: 30px 80px 0 30px; } } @media (min-width: 950px) and (max-width: 1349px) { .heading .heading-content { width: 850px; margin-left: -425px; bottom: 50px; } .heading .heading-content h2 { font-size: 52px; } .heading .heading-content h3 { font-size: 26px; } .heading, .heading .heading-slide-single { height: 550px; } .heading .flying-1 { width: 350px; } .heading .flying-2 { width: 350px; padding-bottom: 30px; } .heading .flying-2 h3, .heading .flying-2 p { padding: 30px 80px 0 30px; } } @media (min-width: 600px) and (max-width: 949px) { .heading .heading-content { width: 540px; margin-left: -270px; bottom: 50px; } .heading .heading-content h2 { font-size: 38px; } .heading .heading-content h3 { font-size: 20px; } .heading, .heading .heading-slide-single { height: 450px; } .heading .flying-1 { width: 350px; } .heading .flying-2 { display: none !important; } } @media (max-width: 599px) { .heading .heading-content { left: 30px; bottom: 30px; } .heading .heading-content h2 { font-size: 38px; } .heading .heading-content h3 { font-size: 20px; } .heading, .heading .heading-slide-single { height: 450px; } .heading .flying-1 { width: 280px; } .heading .flying-2 { display: none !important; } } /** * * 8.2 Call to action * ----------------------------------------------------------------------------- * */ section.call-to-action { overflow: hidden; position: relative; } section.call-to-action .left h2 { font-size: 32px; margin-bottom: 30px; } section.call-to-action .left p { font-size: 16px; font-weight: 300; line-height: 1.6em; margin-bottom: 30px; } section.call-to-action .left p.without-margin-bottom { margin-bottom: 0; } section.call-to-action .left p a { text-decoration: underline; } section.call-to-action .left p a:hover { text-decoration: none; } section.call-to-action .left .form { position: relative; } section.call-to-action .left .call-to-action-thanks { position: absolute; width: 100%; height: 100%; background: rgba( 253, 253, 253, 0.85 ); top: 0; left: 0; font-size: 16px; font-weight: 300; z-index: 300; display: none; } section.call-to-action .left .call-to-action-thanks .call-to-action-thanks-content { margin: 12px 0 0 0; line-height: 1.6em; text-align: center; width: 437px; } section.call-to-action .left .call-to-action-thanks .call-to-action-thanks-content .call-to-action-thanks-close { text-decoration: underline; cursor: pointer; } section.call-to-action .left .call-to-action-thanks .call-to-action-thanks-content .call-to-action-thanks-close:hover { text-decoration: none; } section.call-to-action .right .circles { width: 450px; height: 450px; position: relative; } section.call-to-action .right .circle-1 { width: 450px; height: 450px; position: absolute; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; top: 50%; left: 50%; margin-top: -226px; margin-left: -226px; border: 1px solid #f5f5f5; } section.call-to-action .right .circle-2 { width: 330px; height: 330px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 1px solid #eee; top: 50%; left: 50%; margin-top: -166px; margin-left: -166px; position: absolute; } section.call-to-action .right .circle-3 { width: 220px; height: 220px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 1px solid #e5e5e5; top: 50%; left: 50%; margin-top: -111px; margin-left: -111px; position: absolute; } section.call-to-action .right .circle-4 { width: 120px; height: 120px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 1px solid #ddd; top: 50%; left: 50%; margin-top: -61px; margin-left: -61px; position: absolute; } section.call-to-action .right .circle-center { width: 40px; height: 40px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; top: 50%; left: 50%; margin-top: -21px; margin-left: -21px; position: absolute; font-size: 0; text-align: center; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear; } section.call-to-action .right .circle-center i { font-size: 16px; display: block; margin-top: 11px; } section.call-to-action .right .circle-center:hover i { color: #fff; } section.call-to-action .right .circle-center .circle-center-tip { position: absolute; font-size: 13px; color: #fff; width: 200px; padding: 7px 0; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; margin-left: -100px; left: 50%; margin-top: -37px; } section.call-to-action .right .circle-center .circle-center-tip:after { width: 6px; height: 6px; -webkit-transform: rotate( 45deg ); -moz-transform: rotate( 45deg ); transform: rotate( 45deg ); content: ' '; position: absolute; left: 50%; margin-left: -3px; bottom: -3px; } @-webkit-keyframes pulse { 0% { -webkit-transform: scale( 1 ); opacity: 0.3; } 50% { -webkit-transform: scale( 1.1 ); opacity: 1; } 100% { -webkit-transform: scale( 1 ); opacity: 0.3; } } @-moz-keyframes pulse { 0% { -moz-transform: scale( 1 ); opacity: 0.3; } 50% { -moz-transform: scale( 1.1 ); opacity: 1; } 100% { -moz-transform: scale( 1 ); opacity: 0.3; } } @-o-keyframes pulse { 0% { -o-transform: scale( 1 ); opacity: 0.3; } 50% { -o-transform: scale( 1.1 ); opacity: 1; } 100% { -o-transform: scale( 1 ); opacity: 0.3; } } @keyframes pulse { 0% { transform: scale( 1 ); opacity: 0.3; } 50% { transform: scale( 1.1 ); opacity: 1; } 100% { transform: scale( 1 ); opacity: 0.3; } } .circle-pulse { -webkit-animation: pulse 2s infinite; -moz-animation: pulse 2s infinite; -o-animation: pulse 2s infinite; animation: pulse 2s infinite; opacity: 1; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; } @media (min-width: 1350px) { section.call-to-action .left { width: 512.5px; float: left; } section.call-to-action .right { width: 512.5px; float: right; } section.call-to-action .center { padding: 75px 0; } section.call-to-action .right .circles { margin: -100px 0; } } @media (min-width: 950px) and (max-width: 1349px) { section.call-to-action .left { width: 400px; float: left; } section.call-to-action .right { width: 400px; float: right; } section.call-to-action .left input[type="text"] { width: 145px; } section.call-to-action .center { padding: 50px 0; } section.call-to-action .right .circles { margin: -100px 0; } } @media (min-width: 600px) and (max-width: 949px) { section.call-to-action .center { padding: 50px 0; } section.call-to-action .left { background: #fdfdfd; position: relative; z-index: 200; } section.call-to-action .right .circles { margin: -75px auto -125px auto; } } @media (max-width: 599px) { section.call-to-action .center { padding: 30px 0; } section.call-to-action .left { background: #fdfdfd; position: relative; z-index: 200; } section.call-to-action .left .form input { margin-bottom: 10px; width: -webkit-calc( 100% - 52px ); width: -moz-calc( 100% - 52px ); width: calc( 100% - 52px ); } section.call-to-action .right .circles { left: 50%; margin: -75px 0 -125px -225px; } } /** * * 8.3 Insurances slider * ----------------------------------------------------------------------------- * */ section.insurances-slider .green-line { width: 150px; height: 5px; left: 0; opacity: 0.75; position: absolute; top: 0; } section.insurances-slider .center { position: relative; } section.insurances-slider .images { float: left; position: relative; } section.insurances-slider .image { width: 100%; height: 100%; background-size: cover; background-position: 50% 50%; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; position: absolute; top: 0; display: none; } section.insurances-slider .content .descriptions { position: relative; } section.insurances-slider .content .descriptions h3 { font-weight: 800; font-size: 13px; margin-left: 2px; padding-bottom: 10px; display: inline-block; margin-bottom: 60px; text-transform: uppercase; } section.insurances-slider .content .descriptions .description { position: absolute; width: 100%; height: auto; top: 0; left: 0; display: none; } section.insurances-slider .content h2 { font-size: 32px; margin-bottom: 30px; } section.insurances-slider .content p { font-size: 16px; margin-bottom: 30px; font-weight: 300; line-height: 1.6em; } section.insurances-slider .content p.without-margin-bottom { margin-bottom: 0; } section.insurances-slider .content p a { text-decoration: underline; } section.insurances-slider .content p a:hover { text-decoration: none; } section.insurances-slider .content .tabs { margin-top: 70px; } section.insurances-slider .content .tabs li { list-style: none; display: inline-block; vertical-align: top; text-align: center; font-size: 13px; font-weight: 400; cursor: pointer; -webkit-transition: all 0.15s linear; -moz-transition: all 0.15s linear; transition: all 0.15s linear; } section.insurances-slider .content .tabs li:last-child { margin-right: 0; } section.insurances-slider .content .tabs li i { display: block; font-size: 36px; margin-bottom: 15px; -webkit-transition: all 0.15s linear; -moz-transition: all 0.15s linear; transition: all 0.15s linear; } @media (min-width: 1350px) { section.insurances-slider .content { width: 512.5px; float: right; padding: 37.5px 0; } section.insurances-slider .center { padding: 75px 0; } section.insurances-slider .content .tabs li { margin-right: 22px; } } @media (min-width: 950px) and (max-width: 1349px) { section.insurances-slider .content { width: 400px; float: right; padding: 25px 0; } section.insurances-slider .center { padding: 50px 0; } section.insurances-slider .content .tabs li { margin-right: 15px; } } @media (min-width: 600px) and (max-width: 949px) { section.insurances-slider .center { padding: 50px 0; } section.insurances-slider .content { padding-top: 350px; } section.insurances-slider .content .tabs li { margin-right: 15px; } } @media (max-width: 599px) { section.insurances-slider .center { padding: 30px 0; } section.insurances-slider .content { padding-top: 350px; } section.insurances-slider .content .descriptions h3 { margin-bottom: 30px; } section.insurances-slider .content .tabs li { margin-right: 15px; width: 100px; margin-bottom: 30px; } } /** * * 8.4 Tabs * ----------------------------------------------------------------------------- * */ section.tabs .tabs-selector { list-style: none; text-align: center; } section.tabs .tabs-selector li { margin-bottom: 50px; font-size: 13px; font-weight: 400; cursor: pointer; -webkit-transition: all 0.15s linear; -moz-transition: all 0.15s linear; transition: all 0.15s linear; } section.tabs .tabs-selector li:last-child { margin-bottom: 0; } section.tabs .tabs-selector li i { font-size: 36px; -webkit-transition: all 0.15s linear; -moz-transition: all 0.15s linear; transition: all 0.15s linear; margin-bottom: 15px; display: block; } section.tabs .content { overflow: hidden; position: relative; } section.tabs .content .content-tab-single { position: absolute; display: none; background: #fdfdfd; } section.tabs .content .content-tab-single[data-tab-id="1"] { display: block; } section.tabs .content .background-icon { position: absolute; font-size: 300px; z-index: 0; bottom: -50px; left: -50px; color: #f4f4f4; display: none; /* add this attribute */ } section.tabs .content *:not(.background-icon) { position: relative; } section.tabs .content .background-icon.fa-plane { font-size: 350px; bottom: -75px; } section.tabs .content h2 { font-size: 32px; margin-bottom: 30px; } section.tabs .content p { font-size: 16px; margin-bottom: 30px; font-weight: 300; line-height: 1.6em; } @media (min-width: 1350px) { section.tabs .content { width: 950px; float: right; border-left: 1px solid #eee; } section.tabs .content .content-tab-single { padding: 75px 0 75px 75px; width: -webkit-calc( 100% - 75px ); width: -moz-calc( 100% - 75px ); width: calc( 100% - 75px ); } section.tabs .tabs-selector { padding: 75px 0; width: 90px; float: left; } } @media (min-width: 950px) and (max-width: 1349px) { section.tabs .content { width: 725px; float: right; border-left: 1px solid #eee; } section.tabs .content .content-tab-single { padding: 50px 0 0 50px; width: -webkit-calc( 100% - 50px ); width: -moz-calc( 100% - 50px ); width: calc( 100% - 50px ); } section.tabs .tabs-selector { padding: 50px 0; width: 90px; float: left; } } @media (min-width: 600px) and (max-width: 949px) { section.tabs .content { width: 425px; float: right; border-left: 1px solid #eee; } section.tabs .content .content-tab-single { padding: 50px 0 0 50px; width: -webkit-calc( 100% - 50px ); width: -moz-calc( 100% - 50px ); width: calc( 100% - 50px ); } section.tabs .tabs-selector { padding: 50px 0; width: 90px; float: left; } } @media (max-width: 599px) { section.tabs .content { float: none; border: none; } section.tabs .tabs-selector { float: none; padding: 30px 0; text-align: left; font-size: 0; } section.tabs .tabs-selector li { display: inline-block; margin: 0 0 15px 0; text-align: center; width: 50%; } section.tabs .tabs-selector li:first-child { margin-left: 0; } } /** * * 8.5 Blog * ----------------------------------------------------------------------------- * */ section.blog .background-icon { position: absolute; font-size: 300px; z-index: -1; opacity: 0.02; -webkit-transform: rotate( -25deg ); -moz-transform: rotate( -25deg ); transform: rotate( -25deg ); top: 50px; left: -50px; } section.blog .recent-news > article { margin-bottom: 80px; } section.blog .recent-news.recent-news-full > article { margin-bottom: 0; } section.blog .recent-news article h1.title, section.blog .recent-news article h2.title { font-size: 32px; margin-bottom: 30px; } section.blog .recent-news article h1.title a, section.blog .recent-news article h2.title a { text-decoration: none; } section.blog .recent-news article .post-data { font-weight: 300; font-size: 13px; margin-bottom: 10px; font-weight: 700; text-transform: uppercase; } section.blog .recent-news article .post-data a { text-decoration: underline; } section.blog .recent-news article .post-data a:hover { text-decoration: none; } section.blog .recent-news article .post-data .divider { display: inline-block; margin: 0 10px; font-weight: 300; } section.blog .recent-news article.sticky .post-data .featured { display: inline-block; } section.blog .recent-news article h1, section.blog .recent-news article h2, section.blog .recent-news article h3, section.blog .recent-news article h4, section.blog .recent-news article h5, section.blog .recent-news article h6 { margin-bottom: 30px; } section.blog .recent-news article h1 { font-size: 32px; } section.blog .recent-news article h2 { font-size: 24px; } section.blog .recent-news article h3 { font-size: 19px; } section.blog .recent-news article h4 { font-size: 16px; } section.blog .recent-news article h5 { font-size: 13px; } section.blog .recent-news article h6 { font-size: 11px; } section.blog .recent-news article p { font-size: 16px; margin-bottom: 30px; font-weight: 300; line-height: 1.6em; } section.blog .recent-news article p strong { font-weight: 600; } section.blog .recent-news article a { text-decoration: underline; } section.blog .recent-news article a:hover { text-decoration: none; } section.blog .recent-news article img { max-width: 100%; height: auto; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } section.blog .recent-news article img.featured-image { width: 100%; margin-bottom: 30px; } section.blog .recent-news article blockquote { margin: 40px 0 40px 120px; position: relative; min-height: 70px; } section.blog .recent-news article blockquote:before { content: ',,'; letter-spacing: -15px; position: absolute; font-size: 250px; opacity: 0.05; font-family: 'Times New Roman'; top: -200px; left: -130px; } section.blog .recent-news article blockquote cite { font-size: 16px; font-weight: 600; margin-bottom: 20px; line-height: 1.6em; } section.blog .recent-news article ul, section.blog .recent-news article ol { margin-bottom: 30px; margin-left: 50px; } section.blog .recent-news article ul li, section.blog .recent-news article ol li { font-size: 16px; font-weight: 300; line-height: 1.6em; } section.blog .recent-news article ul > li { list-style: square; } section.blog .recent-news article ul ul, section.blog .recent-news article ul ol, section.blog .recent-news article ol ul, section.blog .recent-news article ol ol { margin-bottom: 0; margin-left: 20px; } section.blog .recent-news article address { font-size: 14px; line-height: 1.6em; margin-bottom: 30px; } section.blog .recent-news article dl:not(.gallery-item) dt { font-size: 16px; line-height: 1.6em; margin-left: 35px; font-weight: 700; } section.blog .recent-news article dl:not(.gallery-item) dt:before { content: '?'; position: absolute; font-size: 45px; font-weight: 700; margin-top: 10px; margin-left: -35px; opacity: 0.1; } section.blog .recent-news article dl:not(.gallery-item) dd { font-size: 16px; line-height: 1.6em; margin-left: 35px; margin-bottom: 30px; } section.blog .recent-news article img { max-width: 100%; height: auto; } section.blog .recent-news article img.alignleft, section.blog .recent-news article .wp-caption.alignleft { float: left; padding-right: 10px; } section.blog .recent-news article img.alignright, section.blog .recent-news article .wp-caption.alignright { float: right; padding-left: 10px; } section.blog .recent-news article .wp-caption { max-width: 100%; } section.blog .recent-news article .wp-caption.aligncenter { margin: 0 auto; } section.blog .recent-news article .wp-caption-text { margin-top: 5px; } section.blog .recent-news article table { width: 100%; border-collapse: collapse; margin-bottom: 30px; } section.blog .recent-news article table td { font-size: 14px; border: 1px solid #eee; padding: 10px; } section.blog .recent-news article table th { font-size: 14px; border: 1px solid #eee; padding: 10px; text-align: left; background: #fafafa; } section.blog .recent-news article .gallery-caption { font-size: 13px; } section.blog .recent-news article .recent-news-single-content p a.button-open { display: inline-block; } section.blog .recent-news article .recent-news-single-content .recent-news-single-image { width: 100%; height: 400px; background-size: cover; background-position: 50% 50%; margin-bottom: 30px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } section.blog .recent-news article input[type="password"] { border: 1px solid #ccc; background: none; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; padding: 0 25px; font-size: 14px; height: 47px; -webkit-transition: all 0.15s linear; -moz-transition: all 0.15s linear; transition: all 0.15s linear; width: 200px; margin-right: 10px; outline: none; display: inline-block; } section.blog .recent-news article input[type="password"]:hover { border: 1px solid #aaa; } section.blog .recent-news .blog-page-links { text-align: center; margin-bottom: 30px; font-size: 16px; font-weight: 300; line-height: 1.6em; } section.blog .recent-news .blog-page-links .blog-page-link-single { width: 40px; padding: 5px 0; display: inline-block; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } section.blog .recent-news .blog-page-links a .blog-page-link-single { color: #fff; } section.blog .recent-news .blog-page-links .blog-page-links-title { display: inline-block; margin-right: 10px; } section.blog .twitter-tweet { width: 100% !important; } section.blog .recent-news .next-prev-posts { border-top: 1px solid #eee; padding-top: 50px; font-size: 14px; font-weight: 300; margin-bottom: 0; } section.blog .recent-news .next-prev-posts .left { float: left; } section.blog .recent-news .next-prev-posts .right { float: right; } section.blog .recent-news .next-prev-posts a { text-decoration: underline; } section.blog .recent-news .next-prev-posts a:hover { text-decoration: none; } section.blog .recent-news .comments { border-top: 1px solid #eee; padding-top: 75px; margin-top: 75px; position: relative; } section.blog .recent-news .comments h3#reply-title { font-size: 24px; } section.blog .recent-news .comments h3 a { text-decoration: none; } section.blog .recent-news .comments .green-line { width: 150px; height: 5px; left: 0; opacity: 0.75; position: absolute; top: -1px; z-index: 100; } section.blog .recent-news .comments ol.comments-list { margin: 0; } section.blog .recent-news .comments ol.comments-list > li, section.blog .recent-news .comments ol.comments-list ol.children > li { list-style: none; } section.blog .recent-news .comments ol.comments-list ol.children { margin-left: 50px; } section.blog .recent-news .comments ol.comments-list .comment-author img { width: 40px; height: 40px; float: left; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } section.blog .recent-news .comments ol.comments-list .bypostauthor { height: auto; } section.blog .recent-news .comments ol.comments-list .comment-author cite.fn, section.blog .recent-news .comments ol.comments-list .comment-author cite.fn a { font-weight: 600; text-decoration: none; font-style: normal; } section.blog .recent-news .comments ol.comments-list .comment-author cite.fn { margin-left: 10px; } section.blog .recent-news .comments ol.comments-list .comment-meta { margin: 0 0 15px 50px; display: block; } section.blog .recent-news .comments ol.comments-list .comment-meta a { text-decoration: none; } section.blog .recent-news .comments ol.comments-list p, section.blog .recent-news .comments ol.comments-list .reply, section.blog .recent-news .comments ol.comments-list h1, section.blog .recent-news .comments ol.comments-list h2, section.blog .recent-news .comments ol.comments-list h3, section.blog .recent-news .comments ol.comments-list h4, section.blog .recent-news .comments ol.comments-list h5, section.blog .recent-news .comments ol.comments-list h6, section.blog .recent-news .comments ol.comments-list blockquote, section.blog .recent-news .comments ol.comments-list address, section.blog .recent-news .comments ol.comments-list table, section.blog .recent-news .comments ol.comments-list dl { margin: 0 0 15px 50px; } section.blog .recent-news .comments ol.comments-list ul:not(.comments-list):not(.children), section.blog .recent-news .comments ol.comments-list ol:not(.comments-list):not(.children) { margin: 0 0 15px 72px; } section.blog .recent-news .comments ol.comments-list ul:not(.comments-list):not(.children) ul, section.blog .recent-news .comments ol.comments-list ul:not(.comments-list):not(.children) ol, section.blog .recent-news .comments ol.comments-list ol:not(.comments-list):not(.children) ul, section.blog .recent-news .comments ol.comments-list ol:not(.comments-list):not(.children) ol { margin-left: 20px; margin-bottom: 0; } section.blog .recent-news .comments ol.comments-list em.comment-awaiting-moderation { margin-left: 10px; font-style: normal; } section.blog .recent-news .comments ol.comments-list table { width: -webkit-calc( 100% - 50px ); width: -moz-calc( 100% - 50px ); width: calc( 100% - 50px ); } section.blog .recent-news .comments ol.comments-list blockquote:before { top: -70px; left: -15px; opacity: 0.1; } section.blog .recent-news .comments ol.comments-list blockquote cite { display: block; margin-top: 15px; } section.blog .recent-news .comments ol.comments-list pre { margin-left: 50px; line-height: normal; } section.blog .recent-news .comments a { text-decoration: underline; } section.blog .recent-news .comments a:hover { text-decoration: none; } section.blog .recent-news .comments a.comment-reply-link { display: inline-block; margin-bottom: 20px; } section.blog .recent-news .comments .form { font-size: 0; border-top: 1px solid #eee; position: relative; } section.blog .recent-news .comments .form h2 { font-size: 24px; } section.blog .recent-news .comments .form input { margin-right: 10px; margin-bottom: 10px; display: inline-block; vertical-align: top; } section.blog .recent-news .comments .form input.last { margin-right: 0; } section.blog .recent-news .comments .form textarea { margin-bottom: 10px; } section.blog .recent-news .comments .comments-pagination { margin: 65px 0 -50px 0; } section.blog .recent-news .comments .comments-pagination .left { float: left; } section.blog .recent-news .comments .comments-pagination .right { float: right; } section.blog ol.comments-list li .comment-respond { padding-bottom: 40px; } section.blog ol.comments-list li .comment-respond form#commentform { margin-left: 50px; } section.blog ol.comments-list li .comment-respond a#cancel-comment-reply-link { display: block; font-size: 14px; font-weight: 300; text-decoration: underline; } section.blog ol.comments-list li .comment-respond a#cancel-comment-reply-link:hover { text-decoration: none; } section.blog ol.comments-list li .alert-box p { padding: 0; margin: 0 !important; } section.blog ol.comments-list li p.form-submit, section.blog ol.comments-list li p.logged-in-as { margin-left: 0 !important; } section.blog ol.comments-list li .comment-respond form input[type="text"] { margin-bottom: 10px; margin-right: 6.5px; } section.blog ol.comments-list li .comment-respond form input[type="text"].last { margin-right: 0; } section.blog .sidebar { position: relative; z-index: 1; overflow: hidden; } section.blog .sidebar .widget { margin-bottom: 30px; border: 1px solid #eee; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } section.blog .sidebar .widget h3 { font-weight: 800; font-size: 13px; margin-left: 2px; padding-bottom: 10px; display: inline-block; margin-bottom: 30px; text-transform: uppercase; } section.blog .sidebar .widget h3 img { display: none; } section.blog .sidebar .widget h3 a { text-decoration: none; } section.blog .sidebar .widget ul { list-style: none; font-size: 14px; font-weight: 300; margin-bottom: 30px; } section.blog .sidebar .widget ul li { line-height: 1.6em; } section.blog .sidebar .widget ul.most-commented-news .line { margin: 15px 0; border-top: 1px dashed #ddd; height: 1px; width: 100px; } section.blog .sidebar .widget ul ul.children { margin: 0 0 0 15px; } section.blog .sidebar .widget p, section.blog .sidebar .widget .tagcloud { font-size: 14px; font-weight: 300; margin-bottom: 30px; line-height: 1.6em; } section.blog .sidebar .widget a { text-decoration: underline; } section.blog .sidebar .widget .tagcloud a { text-decoration: none; background: #fdfdfd; padding: 5px 10px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; display: inline-block; margin-bottom: 4px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear; font-size: 14px !important; } section.blog .sidebar .widget .tagcloud a:hover { color: #fff; } section.blog .sidebar .widget a:hover { text-decoration: none; } section.blog .sidebar .widget-call-to-action { margin-bottom: 30px; background-size: cover; background-position: 75% 50%; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; position: relative; z-index: 1; } section.blog .sidebar .widget-call-to-action:after { position: absolute; top: 0; left: 0; content: ' '; width: 100%; height: 100%; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; z-index: -1; } section.blog .sidebar .widget-call-to-action h3 { color: #fff; font-weight: 800; font-size: 13px; margin-left: 2px; border-bottom: 3px solid #fff; padding-bottom: 10px; display: inline-block; margin-bottom: 30px; text-transform: uppercase; } section.blog .sidebar .widget-call-to-action p { font-size: 14px; color: #fff; font-weight: 300; margin-bottom: 30px; line-height: 1.6em; } section.blog .sidebar .widget label { display: block; font-size: 14px; font-weight: 300; margin-bottom: 30px; line-height: 1.6em; } section.blog .sidebar .widget table#wp-calendar { width: 100%; border-collapse: collapse; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } section.blog .sidebar .widget table#wp-calendar td, section.blog .sidebar .widget table#wp-calendar th { padding: 5px 0; text-align: center; font-size: 13px; } section.blog .sidebar .widget table#wp-calendar caption { font-weight: 700; padding: 10px 0; } section.blog .sidebar .widget table#wp-calendar tbody td, section.blog .sidebar .widget table#wp-calendar thead th { border: 1px solid #ddd; background: #fafafa; } section.blog .sidebar .widget table#wp-calendar tbody td:first-child, section.blog .sidebar .widget table#wp-calendar thead th:first-child { border-left: 0; } section.blog .sidebar .widget table#wp-calendar tbody td:last-child, section.blog .sidebar .widget table#wp-calendar thead th:last-child { border-right: 0; } section.blog .sidebar .widget table#wp-calendar thead tr:first-child th { border-top: 0; } section.blog .sidebar .widget table#wp-calendar tfoot td#prev { text-align: left; padding: 10px; } section.blog .sidebar .widget table#wp-calendar tfoot td#next { text-align: right; padding: 10px; } section.blog .sidebar .widget ul .post-date { display: block; margin-bottom: 10px; } section.blog .sidebar .widget ul .rss-date { display: block; margin-bottom: 10px; margin-top: 5px; } section.blog .sidebar .widget ul .rssSummary { font-size: 14px; line-height: 1.6em; } section.blog .sidebar .widget ul cite { margin-bottom: 15px; border-bottom: 1px dashed #ddd; padding-bottom: 15px; display: block; margin-top: 15px; } section.blog .sidebar .widget ul li:last-child cite { border-bottom: none; margin-bottom: 0; padding-bottom: 0; } section.blog .sidebar .widget img { max-width: 100%; height: auto; } section.blog .sidebar .widget #search-form { width: -webkit-calc( 100% - 52px ); width: -moz-calc( 100% - 52px ); width: calc( 100% - 52px ); } section.blog .sidebar li.recentcomments { border-bottom: 1px dashed #ddd; margin: 0 0 10px 0; padding-bottom: 10px; } section.blog .sidebar li.recentcomments:last-child { border-bottom: none; } section.blog .sidebar .widget .custom-dropdown { margin-bottom: 30px; width: 100%; } section.blog .sidebar .widget .custom-dropdown .custom-dropdown-select { width: 100%; } @media (min-width: 1350px) { section.blog .center { padding: 75px 0; } section.blog .recent-news { float: left; width: 720px; } section.blog .sidebar { float: right; width: 340px; } section.blog .sidebar .widget, section.blog .sidebar .widget-call-to-action { padding: 40px 40px 10px 40px; } section.blog .recent-news .comments .form { padding-top: 75px; margin-top: 75px; } section.blog .recent-news .comments .form input:not(.button) { width: 181px; } section.blog .recent-news .comments .form textarea { width: 667px; } ol.comments-list li .comment-respond form textarea { width: 618px; } ol.comments-list li .comment-respond form input[type="text"] { width: 164.5px; } } @media (min-width: 950px) and (max-width: 1349px) { section.blog .center { padding: 75px 0 50px 0; } section.blog .recent-news { float: left; width: 535px; } section.blog .sidebar { float: right; width: 270px; } section.blog .sidebar .widget, section.blog .sidebar .widget-call-to-action { padding: 30px 30px 1px 30px; } section.blog .recent-news .comments .form { padding-top: 50px; margin-top: 50px; } section.blog .recent-news .comments .form input:not(.button) { width: 119.5px; } section.blog .recent-news .comments .form textarea { width: 483px; } ol.comments-list li .comment-respond form textarea { width: 433px; } ol.comments-list li .comment-respond form input[type="text"] { width: 433px; } } @media (min-width: 600px) and (max-width: 949px) { section.blog .center { padding: 75px 0 50px 0; } section.blog .sidebar .widget, section.blog .sidebar .widget-call-to-action { padding: 30px 30px 1px 30px; } section.blog .recent-news .comments .form { padding-top: 50px; margin-top: 50px; margin-bottom: 50px; } section.blog .recent-news .comments .form input:not(.button) { width: 121px; } section.blog .recent-news .comments .form textarea { width: 487px; } ol.comments-list li .comment-respond form textarea { width: 438px; } ol.comments-list li .comment-respond form input[type="text"] { width: 438px; } } @media (max-width: 599px) { section.blog .center { padding: 75px 0 30px 0; } section.blog .background-icon { font-size: 200px; } section.blog .recent-news article input[type="password"] { width: -webkit-calc( 100% - 52px ); width: -moz-calc( 100% - 52px ); width: calc( 100% - 52px ); } section.blog .sidebar .widget, section.blog .sidebar .widget-call-to-action { padding: 30px 30px 1px 30px; } section.blog .recent-news .comments .form { padding-top: 30px; margin-top: 30px; margin-bottom: 30px; } section.blog .recent-news .comments .form input:not(.button) { width: -webkit-calc( 100% - 52px ); width: -moz-calc( 100% - 52px ); width: calc( 100% - 52px ); } section.blog .recent-news .comments .form textarea { width: -webkit-calc( 100% - 52px ); width: -moz-calc( 100% - 52px ); width: calc( 100% - 52px ); } ol.comments-list li .comment-respond form textarea { width: -webkit-calc( 100% - 52px ); width: -moz-calc( 100% - 52px ); width: calc( 100% - 52px ); } ol.comments-list li .comment-respond form input[type="text"] { width: -webkit-calc( 100% - 52px ); width: -moz-calc( 100% - 52px ); width: calc( 100% - 52px ); } section.blog .recent-news .comments .comments-pagination { margin: 0 0 40px 0; } section.blog .recent-news .comments .comments-pagination .left, section.blog .recent-news .comments .comments-pagination .right { float: none; display: block; text-align: center; margin-bottom: 0; } } /** * * 8.6 Slogan * ----------------------------------------------------------------------------- * */ section.slogan { position: relative; overflow: hidden; } section.slogan .center .background-icon { position: absolute; font-size: 300px; z-index: -1; opacity: 0.02; -webkit-transform: rotate( 25deg ); -moz-transform: rotate( 25deg ); transform: rotate( 25deg ); top: -50px; right: -20px; } section.slogan h3 { font-weight: 800; font-size: 13px; margin-left: 2px; padding-bottom: 10px; display: inline-block; margin-bottom: 60px; text-transform: uppercase; } section.slogan h2 { font-size: 32px; margin-bottom: 30px; } section.slogan blockquote { margin: 0 0 30px 80px; position: relative; } section.slogan blockquote:before { content: ',,'; letter-spacing: -15px; position: absolute; font-size: 180px; opacity: 0.05; font-family: 'Times New Roman'; top: -145px; left: -90px; } section.slogan p { font-size: 16px; font-weight: 300; margin-bottom: 20px; line-height: 1.6em; } section.slogan p.without-margin-bottom { margin-bottom: 0; } section.slogan p a { text-decoration: underline; } section.slogan p a:hover { text-decoration: none; } section.slogan cite { font-size: 16px; font-weight: 600; margin-bottom: 20px; line-height: 1.6em; } section.slogan .right { font-size: 0; margin-bottom: -30px; } section.slogan .right .single { display: inline-block; text-align: center; vertical-align: top; padding: 30px 0; position: relative; } section.slogan .right .single .number { font-weight: 700; font-size: 52px; display: block; } section.slogan .right .single .description { font-weight: 300; font-size: 16px; line-height: 1.6em; display: block; } section.slogan .right .single.single-left { border-right: 1px solid #eee; } section.slogan .right .single.single-left:not(.single-bottom):after { content: ' '; height: 1px; width: 255.25px; border: none; position: absolute; left: 0; bottom: -1px; background-image: -webkit-gradient( linear, left bottom, right bottom, color-stop( 0, #FDFDFD ), color-stop( 1, #eee ) ); background-image: -o-linear-gradient( right, #FDFDFD 0%, #eee 100% ); background-image: -moz-linear-gradient( right, #FDFDFD 0%, #eee 100% ); background-image: -webkit-linear-gradient( right, #FDFDFD 0%, #eee 100% ); background-image: -ms-linear-gradient( right, #FDFDFD 0%, #eee 100% ); background-image: linear-gradient( to right, #FDFDFD 0%, #eee 100% ); } section.slogan .right .single.single-right:not(.single-bottom):after { content: ' '; height: 1px; width: 255.25px; border: none; position: absolute; left: 0; bottom: -1px; background-image: -webkit-gradient( linear, left bottom, right bottom, color-stop( 0, #eee ), color-stop( 1, #FDFDFD ) ); background-image: -o-linear-gradient( right, #eee 0%, #FDFDFD 100% ); background-image: -moz-linear-gradient( right, #eee 0%, #FDFDFD 100% ); background-image: -webkit-linear-gradient( right, #eee 0%, #FDFDFD 100% ); background-image: -ms-linear-gradient( right, #eee 0%, #FDFDFD 100% ); background-image: linear-gradient( to right, #eee 0%, #FDFDFD 100% ); } section.slogan .right .single.single-left.single-top, section.slogan .right .single.single-left.single-bottom { border-right: none; } section.slogan .right .single.single-left.single-top:before { content: ' '; width: 1px; height: 100%; border: none; position: absolute; right: -1px; bottom: 0; background-image: -webkit-gradient( linear, left top, left bottom, color-stop( 0, #FDFDFD ), color-stop( 1, #eee ) ); background-image: -o-linear-gradient( bottom, #FDFDFD 0%, #eee 100% ); background-image: -moz-linear-gradient( bottom, #FDFDFD 0%, #eee 100% ); background-image: -webkit-linear-gradient( bottom, #FDFDFD 0%, #eee 100% ); background-image: -ms-linear-gradient( bottom, #FDFDFD 0%, #eee 100% ); background-image: linear-gradient( to bottom, #FDFDFD 0%, #eee 100% ); } section.slogan .right .single.single-left.single-bottom:before { content: ' '; width: 1px; height: 100%; border: none; position: absolute; right: -1px; bottom: 0; background-image: -webkit-gradient( linear, left top, left bottom, color-stop( 0, #eee ), color-stop( 1, #FDFDFD ) ); background-image: -o-linear-gradient( bottom, #eee 0%, #FDFDFD 100% ); background-image: -moz-linear-gradient( bottom, #eee 0%, #FDFDFD 100% ); background-image: -webkit-linear-gradient( bottom, #eee 0%, #FDFDFD 100% ); background-image: -ms-linear-gradient( bottom, #eee 0%, #FDFDFD 100% ); background-image: linear-gradient( to bottom, #eee 0%, #FDFDFD 100% ); } @media (min-width: 1350px) { section.slogan .left { width: 532.5px; float: left; } section.slogan .right { width: 532.5px; float: right; } section.slogan .center { padding: 75px 0; } section.slogan .right .single { width: 255.25px; } section.slogan.section-top-space .right { margin-top: -30px; } } @media (min-width: 950px) and (max-width: 1349px) { section.slogan .left { width: 400px; float: left; } section.slogan .right { width: 400px; float: right; margin: 30px 0 0 0; } section.slogan .center { padding: 50px 0; } section.slogan .right .single { width: 200px; } section.slogan.section-top-space .right { margin-top: 5px; } } @media (min-width: 600px) and (max-width: 949px) { section.slogan .center { padding: 50px 0; } section.slogan .right .single { width: 270px; } section.slogan .right .single.single-left:not(.single-bottom):after { width: 270px; } } @media (max-width: 599px) { section.slogan .center { padding: 30px 0; } section.slogan h3 { margin-bottom: 30px; } section.slogan .right .single { margin-bottom: 30px; } section.slogan .right .single { display: block; padding: 15px 0; } section.slogan .right .single:after, section.slogan .right .single:before { display: none; } } /** * * 8.7 References * ----------------------------------------------------------------------------- * */ section.references { background: #f5f5f5; } section.references .center { position: relative; } section.references h3 { font-weight: 800; font-size: 13px; margin-left: 2px; padding-bottom: 10px; display: inline-block; margin-bottom: 60px; text-transform: uppercase; } section.references h2 { font-size: 32px; margin-bottom: 30px; } section.references p { font-size: 16px; font-weight: 300; margin-bottom: 30px; line-height: 1.6em; } section.references p.without-margin-bottom { margin-bottom: 0; } section.references p a { text-decoration: underline; } section.references p a:hover { text-decoration: none; } section.references .references { position: relative; } section.references .single-reference { position: absolute; top: 0; } section.references .single-reference .single-reference-content { border: 1px solid #e5e5e5; background: #fdfdfd; padding: 30px 30px 10px 30px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; position: relative; } section.references .single-reference .single-reference-content p { margin-bottom: 20px; } section.references .single-reference .single-reference-content p.without-margin-bottom { margin-bottom: 0; } section.references .single-reference .single-reference-content p a { text-decoration: underline; } section.references .single-reference .single-reference-content p a:hover { text-decoration: none; } section.references .single-reference .single-reference-author { display: block; padding: 35px 120px 0 0; font-size: 13px; font-weight: 300; text-align: right; } section.references .single-reference .single-reference-author:before { content: ',,'; letter-spacing: -15px; position: absolute; font-size: 250px; opacity: 0.1; font-family: 'Times New Roman'; top: -48px; right: 20px; } section.references .single-reference .single-reference-author strong { display: block; text-transform: uppercase; font-weight: 800; } @media (min-width: 1350px) { section.references .left { width: 532.5px; float: left; } section.references .right { width: 532.5px; float: right; } section.references .center { padding: 75px 0; } } @media (min-width: 950px) and (max-width: 1349px) { section.references .left { width: 400px; float: left; } section.references .right { width: 400px; float: right; } section.references .center { padding: 50px 0; } } @media (min-width: 600px) and (max-width: 949px) { section.references .center { padding: 50px 0; } section.references .left { margin-bottom: 50px; } } @media (max-width: 599px) { section.references .center { padding: 30px 0; } section.references h3 { margin-bottom: 30px; } section.references .left { margin-bottom: 30px; } } /** * * 8.8 Box with image on right side * ----------------------------------------------------------------------------- * */ section.box-with-image-right { overflow: hidden; } section.box-with-image-right .green-line { width: 150px; height: 5px; left: 0; opacity: 0.75; position: absolute; top: 0; display: none; } section.box-with-image-right .center { position: relative; } section.box-with-image-right h3 { font-weight: 800; font-size: 13px; margin-left: 2px; padding-bottom: 10px; display: inline-block; margin-bottom: 60px; text-transform: uppercase; } section.box-with-image-right h2 { font-size: 32px; margin-bottom: 30px; } section.box-with-image-right p { font-size: 16px; font-weight: 300; margin-bottom: 30px; line-height: 1.6em; } section.box-with-image-right p.without-margin-bottom, section.box-with-image-right ul.documents.without-margin-bottom { margin-bottom: 0; } section.box-with-image-right p a { text-decoration: underline; } section.box-with-image-right p a:hover { text-decoration: none; } section.box-with-image-right ul:not(.documents) { list-style-type: square; margin: 0 0 30px 18px; } section.box-with-image-right ul.sub-menu { margin-bottom: 0; } section.box-with-image-right ul li { font-weight: 300; font-size: 16px; line-height: 1.6em; } section.box-with-image-right ul li a { text-decoration: underline; } section.box-with-image-right ul li a:hover { text-decoration: none; } section.box-with-image-right ul ul { margin: 10px 0 10px 18px; } section.box-with-image-right .quote-form { position: relative; font-size: 0; } section.box-with-image-right .quote-form h4 { font-size: 16px; margin: 20px 0 10px 0; } section.box-with-image-right .quote-form h4 .slider-value { float: right; } section.box-with-image-right .quote-form input[type="text"] { margin-bottom: 10px; background: #fdfdfd; } section.box-with-image-right .quote-form select { margin-bottom: 10px; background: transparent; } section.box-with-image-right .quote-form input[type="text"].last, section.box-with-image-right .quote-form select { margin-right: 0; } section.box-with-image-right .quote-form .slider { margin-bottom: 30px; } section.box-with-image-right .quote-form button { display: block; margin-top: 15px; } section.box-with-image-right .quote-form .quote-form-thanks { position: absolute; width: 100%; height: 100%; background: rgba( 253, 253, 253, 0.85 ); top: 0; left: 0; font-size: 16px; font-weight: 300; display: none; } section.box-with-image-right .quote-form .quote-form-thanks .quote-form-thanks-content { width: 300px; margin: 150px auto 0 auto; text-align: center; line-height: 1.6em; } section.box-with-image-right .quote-form .quote-form-thanks .quote-form-thanks-content .quote-form-thanks-close { text-decoration: underline; cursor: pointer; } section.box-with-image-right .quote-form .quote-form-thanks .quote-form-thanks-content .quote-form-thanks-close:hover { text-decoration: none; } section.box-with-image-right .right { float: right; } section.box-with-image-right .right .images-slider { position: relative; } section.box-with-image-right .right .images-slider .images-slider-change { width: 45px; position: absolute; right: -3px; top: 0; z-index: 100; -webkit-border-top-left-radius: 2px; -moz-border-top-left-radius: 2px; border-top-left-radius: 2px; font-size: 0; padding: 30px; } section.box-with-image-right .right .images-slider .images-slider-change .images-slider-prev { width: 40px; height: 40px; border: 1px solid #fff; border-top-left-radius: 2px; border-bottom-left-radius: 2px; cursor: pointer; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear; margin-bottom: 10px; } section.box-with-image-right .right .images-slider .images-slider-change .images-slider-next { width: 40px; height: 40px; border: 1px solid #fff; border-top-left-radius: 2px; border-bottom-left-radius: 2px; cursor: pointer; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear; } section.box-with-image-right .right .images-slider .images-slider-change .images-slider-prev i { color: #fff; font-size: 24px; margin-left: 13px; margin-top: 6px; } section.box-with-image-right .right .images-slider .images-slider-change .images-slider-next i { color: #fff; font-size: 24px; margin-left: 15px; margin-top: 6px; } section.box-with-image-right .right .images-slider .images-slider-change .images-slider-prev:hover i, section.box-with-image-right .right .images-slider .images-slider-change .images-slider-next:hover i { color: rgba( 255, 255, 255, 0.38 ); } section.box-with-image-right .right .images-slider .images-slider-single { background-size: cover; background-position: 50% 20%; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; height: 100%; width: 100%; position: absolute; top: 0; display: none; } section.box-with-image-right .right .images-slider .images-slider-single[data-slide-id="1"] { display: block; } section.box-with-image-right .right .images-slider .images-slider-single .image-caption { width: -webkit-calc( 100% - 100px ); width: -moz-calc( 100% - 100px ); width: calc( 100% - 100px ); height: auto; bottom: 0; left: 0; padding: 50px; position: absolute; -webkit-border-bottom-left-radius: 2px; -moz-border-bottom-left-radius: 2px; border-bottom-left-radius: 2px; background-image: -webkit-gradient( linear, left top, left bottom, color-stop( 0, rgba( 255, 255, 255, 0 ) ), color-stop( 1, rgba( 0, 0, 0, 0.55 ) ) ); background-image: -o-linear-gradient( bottom, rgba( 255, 255, 255, 0 ) 0%, rgba( 0, 0, 0, 0.55 ) 100% ); background-image: -moz-linear-gradient( bottom, rgba( 255, 255, 255, 0 ) 0%, rgba( 0, 0, 0, 0.55 ) 100% ); background-image: -webkit-linear-gradient( bottom, rgba( 255, 255, 255, 0 ) 0%, rgba( 0, 0, 0, 0.55 ) 100% ); background-image: -ms-linear-gradient( bottom, rgba( 255, 255, 255, 0 ) 0%, rgba( 0, 0, 0, 0.55 ) 100% ); background-image: linear-gradient( to bottom, rgba( 255, 255, 255, 0 ) 0%, rgba( 0, 0, 0, 0.55 ) 100% ); color: #fff; } @media (min-width: 1350px) { section.box-with-image-right .center { padding: 75px 0; } section.box-with-image-right .left { width: 512.5px; float: left; padding: 37.5px 0; } section.box-with-image-right .quote-form input[type="text"] { width: 199px; } section.box-with-image-right .quote-form .checkbox { width: 249px; } section.box-with-image-right .quote-form select { width: 251px; } } @media (min-width: 950px) and (max-width: 1349px) { section.box-with-image-right .center { padding: 50px 0; } section.box-with-image-right .left { width: 400px; float: left; padding: 25px 0; } section.box-with-image-right .left .form input[type="text"] { width: 143px; } section.box-with-image-right .right .images-slider .images-slider-single { background-position: 100% 50%; } section.box-with-image-right .quote-form input[type="text"] { width: 143px; } section.box-with-image-right .quote-form .checkbox { width: 193px; } section.box-with-image-right .quote-form select { width: 195px; } } @media (min-width: 600px) and (max-width: 949px) { section.box-with-image-right .center { padding: 50px 0; } section.box-with-image-right .left { margin-bottom: 50px; } section.box-with-image-right .quote-form input[type="text"] { width: 213px; } section.box-with-image-right .quote-form .checkbox { width: 263px; } section.box-with-image-right .quote-form select { width: 265px; } } @media (max-width: 599px) { section.box-with-image-right .center { padding: 30px 0; } section.box-with-image-right .left { margin-bottom: 30px; } section.box-with-image-right .left h3 { margin-bottom: 30px; } section.box-with-image-right .left .form input { margin-bottom: 10px; width: -webkit-calc( 100% - 52px ); width: -moz-calc( 100% - 52px ); width: calc( 100% - 52px ); } section.box-with-image-right .quote-form .checkbox { width: -webkit-calc( 100% - 2px ); width: -moz-calc( 100% - 2px ); width: calc( 100% - 2px ); } section.box-with-image-right .quote-form .custom-dropdown { width: 100%; } section.box-with-image-right .quote-form .custom-dropdown-select { width: 100%; } } /** * * 8.9 Box with image on left side * ----------------------------------------------------------------------------- * */ section.box-with-image-left { overflow: hidden; } section.box-with-image-left .green-line { width: 150px; height: 5px; left: 0; opacity: 0.75; position: absolute; top: 0; display: none; } section.box-with-image-left .center { position: relative; } section.box-with-image-left h3 { font-weight: 800; font-size: 13px; margin-left: 2px; padding-bottom: 10px; display: inline-block; margin-bottom: 60px; text-transform: uppercase; } section.box-with-image-left h2 { font-size: 32px; margin-bottom: 30px; } section.box-with-image-left p { font-size: 16px; font-weight: 300; margin-bottom: 30px; line-height: 1.6em; } section.box-with-image-left p.without-margin-bottom, section.box-with-image-left ul.documents.without-margin-bottom { margin-bottom: 0; } section.box-with-image-left p a { text-decoration: underline; } section.box-with-image-left p a:hover { text-decoration: none; } section.box-with-image-left ul:not(.documents) { list-style-type: square; margin: 0 0 30px 18px; } section.box-with-image-left ul.sub-menu { margin-bottom: 0; } section.box-with-image-left ul li { font-weight: 300; font-size: 16px; line-height: 1.6em; } section.box-with-image-left ul li a { text-decoration: underline; } section.box-with-image-left ul li a:hover { text-decoration: none; } section.box-with-image-left ul ul { margin: 10px 0 10px 18px; } section.box-with-image-left .quote-form { position: relative; font-size: 0; } section.box-with-image-left .quote-form h4 { font-size: 16px; margin: 20px 0 10px 0; } section.box-with-image-left .quote-form h4 .slider-value { float: right; } section.box-with-image-left .quote-form input[type="text"] { margin-bottom: 10px; background: #fdfdfd; } section.box-with-image-left .quote-form select { margin-bottom: 10px; background: #fdfdfd; } section.box-with-image-left .quote-form input[type="text"].last, section.box-with-image-left .quote-form select { margin-right: 0; } section.box-with-image-left .quote-form .slider { margin-bottom: 30px; } section.box-with-image-left .quote-form button { display: block; margin-top: 15px; } section.box-with-image-left .quote-form .quote-form-thanks { position: absolute; width: 100%; height: 100%; background: rgba( 253, 253, 253, 0.85 ); top: 0; left: 0; font-size: 16px; font-weight: 300; display: none; } section.box-with-image-left .quote-form .quote-form-thanks .quote-form-thanks-content { width: 300px; margin: 150px auto 0 auto; text-align: center; line-height: 1.6em; } section.box-with-image-left .quote-form .quote-form-thanks .quote-form-thanks-content .quote-form-thanks-close { text-decoration: underline; cursor: pointer; } section.box-with-image-left .quote-form .quote-form-thanks .quote-form-thanks-content .quote-form-thanks-close:hover { text-decoration: none; } section.box-with-image-left .left { float: left; } section.box-with-image-left .left .images-slider { position: relative; } section.box-with-image-left .left .images-slider .images-slider-change { width: 45px; position: absolute; left: -3px; top: 0; z-index: 100; -webkit-border-top-left-radius: 2px; -moz-border-top-left-radius: 2px; border-top-left-radius: 2px; font-size: 0; padding: 30px; } section.box-with-image-left .left .images-slider .images-slider-change .images-slider-prev { width: 40px; height: 40px; border: 1px solid #fff; border-top-left-radius: 2px; border-bottom-left-radius: 2px; cursor: pointer; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear; margin-bottom: 10px; } section.box-with-image-left .left .images-slider .images-slider-change .images-slider-next { width: 40px; height: 40px; border: 1px solid #fff; border-top-left-radius: 2px; border-bottom-left-radius: 2px; cursor: pointer; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear; } section.box-with-image-left .left .images-slider .images-slider-change .images-slider-prev i { color: #fff; font-size: 24px; margin-left: 13px; margin-top: 6px; } section.box-with-image-left .left .images-slider .images-slider-change .images-slider-next i { color: #fff; font-size: 24px; margin-left: 15px; margin-top: 6px; } section.box-with-image-left .left .images-slider .images-slider-change .images-slider-prev:hover i, section.box-with-image-left .left .images-slider .images-slider-change .images-slider-next:hover i { color: rgba( 255, 255, 255, 0.38 ); } section.box-with-image-left .left .images-slider .images-slider-single { background-size: cover; background-position: 50% 50%; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; height: 100%; width: 100%; position: absolute; top: 0; display: none; } section.box-with-image-left .left .images-slider .images-slider-single[data-slide-id="1"] { display: block; } section.box-with-image-left .left .images-slider .images-slider-single .image-caption { width: -webkit-calc( 100% - 100px ); width: -moz-calc( 100% - 100px ); width: calc( 100% - 100px ); height: auto; bottom: 0; left: 0; padding: 50px; position: absolute; -webkit-border-bottom-left-radius: 2px; -moz-border-bottom-left-radius: 2px; border-bottom-left-radius: 2px; background-image: -webkit-gradient( linear, left top, left bottom, color-stop( 0, rgba( 255, 255, 255, 0 ) ), color-stop( 1, rgba( 0, 0, 0, 0.55 ) ) ); background-image: -o-linear-gradient( bottom, rgba( 255, 255, 255, 0 ) 0%, rgba( 0, 0, 0, 0.55 ) 100% ); background-image: -moz-linear-gradient( bottom, rgba( 255, 255, 255, 0 ) 0%, rgba( 0, 0, 0, 0.55 ) 100% ); background-image: -webkit-linear-gradient( bottom, rgba( 255, 255, 255, 0 ) 0%, rgba( 0, 0, 0, 0.55 ) 100% ); background-image: -ms-linear-gradient( bottom, rgba( 255, 255, 255, 0 ) 0%, rgba( 0, 0, 0, 0.55 ) 100% ); background-image: linear-gradient( to bottom, rgba( 255, 255, 255, 0 ) 0%, rgba( 0, 0, 0, 0.55 ) 100% ); color: #fff; } @media (min-width: 1350px) { section.box-with-image-left .center { padding: 75px 0; } section.box-with-image-left .right { width: 512.5px; float: right; padding: 37.5px 0; } section.box-with-image-left .quote-form input[type="text"] { width: 199px; } section.box-with-image-left .quote-form .checkbox { width: 249px; } section.box-with-image-left .quote-form select { width: 251px; } } @media (min-width: 950px) and (max-width: 1349px) { section.box-with-image-left .center { padding: 50px 0; } section.box-with-image-left .right { width: 400px; float: right; padding: 25px 0; } section.box-with-image-left .right .form input[type="text"] { width: 143px; } section.box-with-image-left .left .images-slider .images-slider-single { background-position: 100% 50%; } section.box-with-image-left .quote-form input[type="text"] { width: 143px; } section.box-with-image-left .quote-form .checkbox { width: 193px; } section.box-with-image-left .quote-form select { width: 195px; } } @media (min-width: 600px) and (max-width: 949px) { section.box-with-image-left .center { padding: 50px 0; } section.box-with-image-left .left { margin-bottom: 50px; } section.box-with-image-left .quote-form input[type="text"] { width: 213px; } section.box-with-image-left .quote-form .checkbox { width: 263px; } section.box-with-image-left .quote-form select { width: 265px; } } @media (max-width: 599px) { section.box-with-image-left .center { padding: 30px 0; } section.box-with-image-left .left { margin-bottom: 30px; } section.box-with-image-left .right h3 { margin-bottom: 30px; } section.box-with-image-left .right .form input { margin-bottom: 10px; width: -webkit-calc( 100% - 52px ); width: -moz-calc( 100% - 52px ); width: calc( 100% - 52px ); } section.box-with-image-left .quote-form .checkbox { width: -webkit-calc( 100% - 2px ); width: -moz-calc( 100% - 2px ); width: calc( 100% - 2px ); } section.box-with-image-left .quote-form .custom-dropdown { width: 100%; } section.box-with-image-left .quote-form .custom-dropdown-select { width: 100%; } } /** * * 8.10 Agents * ----------------------------------------------------------------------------- * */ section.agents { overflow: hidden; } section.agents .center { position: relative; } section.agents h3 { font-weight: 800; font-size: 13px; margin-left: 2px; padding-bottom: 10px; display: inline-block; margin-bottom: 60px; text-transform: uppercase; } section.agents h2 { font-size: 32px; margin-bottom: 30px; } section.agents p { font-size: 16px; font-weight: 300; margin-bottom: 30px; line-height: 1.6em; } section.agents p.without-margin-bottom { margin-bottom: 0; } section.agents p a { text-decoration: underline; } section.agents p a:hover { text-decoration: none; } section.agents .left .agents-data { position: relative; } section.agents .left .agents-data .single-agent { position: absolute; top: 0; display: none; } section.agents .left .agents-data .single-agent[data-agent-id="1"] { display: block; } section.agents .left .switch-agents { margin-top: 30px; } section.agents .right { float: right; } section.agents .right .images-slider { position: relative; } section.agents .right .images-slider .images-slider-single { background-size: cover; background-position: 50% 50%; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; height: 100%; width: 100%; position: absolute; top: 0; display: none; } section.agents .right .images-slider .images-slider-single[data-agent-id="1"] { display: block; } section.agents .right .images-slider .images-slider-single .image-caption { width: -webkit-calc( 100% - 100px ); width: -moz-calc( 100% - 100px ); width: calc( 100% - 100px ); height: auto; bottom: 0; left: 0; padding: 50px; position: absolute; -webkit-border-bottom-left-radius: 2px; -moz-border-bottom-left-radius: 2px; border-bottom-left-radius: 2px; background-image: -webkit-gradient( linear, left top, left bottom, color-stop( 0, rgba( 255, 255, 255, 0 ) ), color-stop( 1, rgba( 0, 0, 0, 0.55 ) ) ); background-image: -o-linear-gradient( bottom, rgba( 255, 255, 255, 0 ) 0%, rgba( 0, 0, 0, 0.55 ) 100% ); background-image: -moz-linear-gradient( bottom, rgba( 255, 255, 255, 0 ) 0%, rgba( 0, 0, 0, 0.55 ) 100% ); background-image: -webkit-linear-gradient( bottom, rgba( 255, 255, 255, 0 ) 0%, rgba( 0, 0, 0, 0.55 ) 100% ); background-image: -ms-linear-gradient( bottom, rgba( 255, 255, 255, 0 ) 0%, rgba( 0, 0, 0, 0.55 ) 100% ); background-image: linear-gradient( to bottom, rgba( 255, 255, 255, 0 ) 0%, rgba( 0, 0, 0, 0.55 ) 100% ); color: #fff; } @media (min-width: 1350px) { section.agents .left { width: 512.5px; float: left; padding: 37.5px 0; } section.agents .center { padding: 75px 0; } } @media (min-width: 950px) and (max-width: 1349px) { section.agents .left { width: 400px; float: left; padding: 25px 0; } section.agents .center { padding: 50px 0; } section.agents .right .images-slider .images-slider-single { background-position: 100% 50%; } } @media (min-width: 600px) and (max-width: 949px) { section.agents .left { margin-bottom: 50px; } section.agents .center { padding: 50px 0; } } @media (max-width: 599px) { section.agents .left { margin-bottom: 30px; } section.agents .center { padding: 30px 0; } } /** * * 8.11 Image slogan * ----------------------------------------------------------------------------- * */ section.image-slogan { background-position: 50% 50%; position: relative; height: 500px; background-repeat: no-repeat; } section.image-slogan .flying-1 { height: 70px; position: absolute; -webkit-border-bottom-right-radius: 2px; -moz-border-bottom-right-radius: 2px; border-bottom-right-radius: 2px; } section.image-slogan .flying-1 span { color: #fff; font-weight: 600; position: absolute; right: 20px; bottom: 13px; } section.image-slogan .flying-2 { position: absolute; right: 0; bottom: 0; z-index: 100; -webkit-border-top-left-radius: 2px; -moz-border-top-left-radius: 2px; border-top-left-radius: 2px; } section.image-slogan .flying-2 h3 { padding: 30px 30px 0 30px; color: #fff; font-weight: 600; font-size: 21px; } section.image-slogan .flying-2 p { padding: 30px; color: #fff; font-size: 16px; font-weight: 300; line-height: 1.6em; } section.image-slogan .flying-2 button { margin: 30px 0 0 0; } @media (min-width: 1350px) { section.image-slogan { background-size: cover; } section.image-slogan .flying-1, section.image-slogan .flying-2 { width: 300px; } section.image-slogan .flying-1 span { font-size: 21px; } } @media (min-width: 950px) and (max-width: 1349px) { section.image-slogan { background-size: cover; } section.image-slogan .flying-1, section.image-slogan .flying-2 { width: 300px; } section.image-slogan .flying-1 span { font-size: 21px; } } @media (min-width: 600px) and (max-width: 949px) { section.image-slogan { background-size: 1000px auto; } section.image-slogan .flying-1, section.image-slogan .flying-2 { width: 300px; } section.image-slogan .flying-1 span { font-size: 21px; } } @media (max-width: 599px) { section.image-slogan { background-size: 1000px auto; } section.image-slogan .flying-1 { width: 230px; } section.image-slogan .flying-2 { width: 240px; } section.image-slogan .flying-1 span, section.image-slogan .flying-2 h3 { font-size: 20px; } } /** * * 8.12 Contact * ----------------------------------------------------------------------------- * */ section.contact { z-index: 1; overflow: hidden; position: relative; } section.contact .center { padding: 75px 0; } section.contact .background-icon { position: absolute; font-size: 300px; z-index: -1; opacity: 0.02; -webkit-transform: rotate( 25deg ); -moz-transform: rotate( 25deg ); transform: rotate( 25deg ); top: -50px; right: -20px; } section.contact h2 { font-size: 32px; margin-bottom: 20px; } section.contact .contact-details { font-size: 0; position: relative; } section.contact .contact-details .contact-detail-single { vertical-align: top; } section.contact .contact-details .contact-detail-single.contact-detail-single-last { margin-right: 0; } section.contact .contact-details h3 { font-weight: 400; font-size: 21px; margin-bottom: 30px; } section.contact .contact-details h3 i { margin-right: 10px; color: #ccc; } section.contact .contact-details p { font-size: 16px; font-weight: 300; margin-bottom: 30px; line-height: 1.6em; } section.contact .contact-details p.without-margin-bottom { margin-bottom: 0; } section.contact .contact-details p strong { font-weight: 400; } section.contact .contact-details p a { text-decoration: underline; } section.contact .contact-details p a:hover { text-decoration: none; } section.contact .contact-details .contact-detail-single.contact-detail-single-last { text-align: right; } @media (min-width: 1350px) { section.contact .center { padding: 75px 0; } section.contact .contact-details .contact-detail-single { margin-right: 40px; width: 340px; display: inline-block; } } @media (min-width: 950px) and (max-width: 1349px) { section.contact .center { padding: 50px 0; } section.contact .contact-details .contact-detail-single { margin-right: 25px; width: 266px; display: inline-block; } } @media (min-width: 600px) and (max-width: 949px) { section.contact .center { padding: 50px 0; } section.contact .contact-details .contact-detail-single { margin-bottom: 50px; } section.contact .contact-details .contact-detail-single.contact-detail-single-last { text-align: center; margin-bottom: 0; } } @media (max-width: 599px) { section.contact .center { padding: 30px 0; } section.contact .contact-details .contact-detail-single { margin-bottom: 30px; } section.contact .contact-details .contact-detail-single.contact-detail-single-last { text-align: center; margin-bottom: 0; } } /** * * 8.13 Contact full * ----------------------------------------------------------------------------- * */ section.contact-full { overflow: hidden; } section.contact-full .center { position: relative; } section.contact-full .green-line { width: 150px; height: 5px; left: 0; opacity: 0.75; position: absolute; top: 0; } section.contact-full h4 { font-size: 16px; margin: 20px 0 10px 0; } section.contact-full h4 .slider-value { float: right; } section.contact-full h3 { font-weight: 800; font-size: 13px; margin-left: 2px; padding-bottom: 10px; display: inline-block; margin-bottom: 60px; text-transform: uppercase; } section.contact-full h2 { font-size: 32px; margin-bottom: 30px; } section.contact-full p { font-size: 16px; font-weight: 300; margin-bottom: 30px; line-height: 1.6em; } section.contact-full p.without-margin-bottom { margin-bottom: 0; } section.contact-full p strong { font-weight: 400; } section.contact-full p a { text-decoration: underline; } section.contact-full p a:hover { text-decoration: none; } section.contact-full .form { font-size: 0; position: relative; } section.contact-full .form input[type="text"] { margin: 0 10px 10px 0; } section.contact-full .form input[type="text"].last { margin-right: 0; } section.contact-full .form textarea { margin-bottom: 10px; } section.contact-full .form .slider { margin-bottom: 30px; } section.contact-full .form select { margin-bottom: 10px; background: #fdfdfd; margin-right: 0; } section.contact-full .form .checkbox { background: #fdfdfd; margin-bottom: 10px; } section.contact-full .form .contact-form-thanks { position: absolute; width: 100%; height: 100%; background: rgba( 253, 253, 253, 0.85 ); top: 0; left: 0; font-size: 16px; font-weight: 300; display: none; } section.contact-full .form .contact-form-thanks .contact-form-thanks-content { width: 300px; margin: 135px auto 0 auto; text-align: center; line-height: 1.6em; } section.contact-full .form .contact-form-thanks .contact-form-thanks-content .contact-form-thanks-close { text-decoration: underline; cursor: pointer; } section.contact-full .form .contact-form-thanks .contact-form-thanks-content .contact-form-thanks-close:hover { text-decoration: none; } section.contact-full .right { float: right; } section.contact-full .right .google-map { -webkit-border-top-left-radius: 2px; -moz-border-top-left-radius: 2px; border-top-left-radius: 2px; -webkit-border-bottom-left-radius: 2px; -moz-border-bottom-left-radius: 2px; border-bottom-left-radius: 2px; } @media (min-width: 1350px) { section.contact-full .left { width: 512.5px; float: left; padding: 37.5px 0; } section.contact-full .center { padding: 75px 0; } section.contact-full .form input[type="text"] { width: 199px; } section.contact-full .form textarea { width: 460px; } section.contact-full .form select { width: 251px; } section.contact-full .form .checkbox { width: 249px; } } @media (min-width: 950px) and (max-width: 1349px) { section.contact-full .left { width: 400px; float: left; padding: 25px 0; } section.contact-full .center { padding: 50px 0; } section.contact-full .form input[type="text"] { width: 143px; } section.contact-full .form textarea { width: 348px; } section.contact-full .form select { width: 195px; } section.contact-full .form .checkbox { width: 193px; } } @media (min-width: 600px) and (max-width: 949px) { section.contact-full .left { margin-bottom: 50px; } section.contact-full .center { padding: 50px 0; } section.contact-full .form input[type="text"] { width: 213px; } section.contact-full .form textarea { width: 488px; } section.contact-full .form select { width: 265px; } section.contact-full .form .checkbox { width: 263px; } } @media (max-width: 599px) { section.contact-full .left { margin-bottom: 30px; } section.contact-full .center { padding: 30px 0; } section.contact-full .form input[type="text"], section.contact-full .form textarea { width: -webkit-calc( 100% - 52px ); width: -moz-calc( 100% - 52px ); width: calc( 100% - 52px ); } section.contact-full .form .checkbox { width: -webkit-calc( 100% - 2px ); width: -moz-calc( 100% - 2px ); width: calc( 100% - 2px ); } section.contact-full .form .custom-dropdown, section.contact-full .form .custom-dropdown-select { width: 100%; } } /** * * 8.14 Double content * ----------------------------------------------------------------------------- * */ section.double-content { overflow: hidden; } section.double-content .center { position: relative; } section.double-content .green-line { width: 150px; height: 5px; left: 0; opacity: 0.75; position: absolute; top: 0; } section.double-content h3 { font-weight: 800; font-size: 13px; margin-left: 2px; padding-bottom: 10px; display: inline-block; margin-bottom: 60px; text-transform: uppercase; } section.double-content h2 { font-size: 32px; margin-bottom: 30px; } section.double-content p { font-size: 16px; margin-bottom: 30px; font-weight: 300; line-height: 1.6em; } section.double-content p.without-margin-bottom, section.double-content ul.without-margin-bottom { margin-bottom: 0; } section.double-content p a { text-decoration: underline; } section.double-content p a:hover { text-decoration: none; } section.double-content ul:not(.documents) { list-style-type: square; margin: 0 0 30px 18px; } section.double-content ul li { font-weight: 300; font-size: 16px; line-height: 1.6em; } section.double-content ul li a { text-decoration: underline; } section.double-content ul li a:hover { text-decoration: none; } section.double-content ul ul { margin: 10px 0 10px 18px; } @media (min-width: 1350px) { section.double-content .center { padding: 75px 0; } section.double-content .content-left { width: 512.5px; float: left; } section.double-content .content-right { width: 512.5px; float: right; } } @media (min-width: 950px) and (max-width: 1349px) { section.double-content .center { padding: 50px 0; } section.double-content .content-left { width: 400px; float: left; } section.double-content .content-right { width: 400px; float: right; } } @media (min-width: 600px) and (max-width: 949px) { section.double-content .content-left { margin-bottom: 50px; } section.double-content .center { padding: 50px 0; } } @media (max-width: 599px) { section.double-content .center { padding: 30px 0; } section.double-content .content-left { margin-bottom: 30px; } section.double-content .content h3 { margin-bottom: 30px; } } /** * * 9. Footer * ----------------------------------------------------------------------------- * */ footer .green-line { width: 150px; height: 5px; left: 0; opacity: 0.75; position: absolute; top: 0; } footer .center { position: relative; } footer ul.left { list-style: none; font-size: 0; } footer ul.left > li { list-style: none; vertical-align: top; font-size: 13px; font-weight: 300; margin-bottom: 10px; } footer ul.left li i { font-size: 8px; margin-right: 5px; } footer ul.left li h4 { text-transform: uppercase; display: inline-block; font-weight: 700; } footer ul.left ul.sub-menu { display: inline-block; } footer ul.left ul.sub-menu li { list-style: none; line-height: 1.6em; display: inline-block; } footer ul.left ul.sub-menu li:before { content: '\b7'; display: inline-block; margin: 0 10px; opacity: 0.4; } footer ul.right { list-style: none; font-size: 0; margin-top: 2px; } footer ul.right > li { list-style: none; vertical-align: top; font-size: 13px; margin-bottom: 10px; font-weight: 300; } footer ul.right .divider { display: inline-block; margin: 0 10px; } footer a, footer button.menu-element { text-decoration: underline; background: none; border: none; font-weight: 300; cursor: pointer; outline: none; } footer a:hover, footer button.menu-element:hover { text-decoration: none; } footer p { margin-bottom: 15px; font-size: 13px; } @media (min-width: 1350px) { footer .center { padding: 75px 0 65px 0; } footer ul.left { float: left; width: 600px; } footer ul.right { float: right; width: 300px; text-align: right; } } @media (min-width: 950px) and (max-width: 1349px) { footer .center { padding: 50px 0 40px 0; } footer ul.left { float: left; width: 550px; } footer ul.right { float: right; width: 250px; text-align: right; } } @media (min-width: 600px) and (max-width: 949px) { footer .center { padding: 50px 0 40px 0; } footer ul.left { margin-bottom: 50px; } } @media (max-width: 599px) { footer .center { padding: 30px 0 20px 0; } footer ul.left { margin-bottom: 30px; } footer ul.left ul.sub-menu li:before { display: none; } footer ul.left ul.sub-menu { margin: 15px 0; display: block; } footer ul.left ul.sub-menu li { display: block; line-height: 2em; } } /** * * 10. Contact popup * ----------------------------------------------------------------------------- * */ #contact-popup #contact-popup-background { width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: rgba( 15, 19, 36, 0.73 ); z-index: 99998; display: none; } #contact-popup #contact-popup-content { background: #fdfdfd; position: fixed; top: -10000px; left: 50%; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; box-shadow: 0 0 7px rgba( 15, 19, 36, 0.73 ); z-index: 99999; } #contact-popup #contact-popup-content .google-map { position: absolute; left: 0; top: 0; -webkit-border-top-left-radius: 2px; -moz-border-top-left-radius: 2px; border-top-left-radius: 2px; -webkit-border-top-right-radius: 2px; -moz-border-top-right-radius: 2px; border-top-right-radius: 2px; } #contact-popup #contact-popup-content .padding { font-size: 0; position: relative; overflow: hidden; z-index: 1; } #contact-popup #contact-popup-content h2 { font-size: 32px; margin-bottom: 30px; } #contact-popup #contact-popup-content h3 { font-weight: 800; font-size: 13px; margin-left: 2px; padding-bottom: 10px; display: inline-block; margin-bottom: 41px; text-transform: uppercase; } #contact-popup #contact-popup-content h3.right { position: absolute; font-weight: 800; font-size: 32px; text-transform: uppercase; border: none; } #contact-popup #contact-popup-content h3.right a { text-decoration: none; } #contact-popup #contact-popup-content h4 { font-size: 16px; margin: 20px 0 10px 0; } #contact-popup #contact-popup-content h4 .slider-value { float: right; } #contact-popup #contact-popup-content p { font-size: 16px; font-weight: 300; margin-bottom: 30px; line-height: 1.6em; } #contact-popup #contact-popup-content .form { position: relative; } #contact-popup #contact-popup-content input[type="text"] { margin: 0 10px 10px 0; background: #fdfdfd; } #contact-popup #contact-popup-content input[type="text"].last { margin-right: 0; } #contact-popup #contact-popup-content textarea { height: 79px; margin-bottom: 10px; background: #fdfdfd; } #contact-popup #contact-popup-content .slider { margin-bottom: 30px; } #contact-popup #contact-popup-content select { margin-bottom: 10px; background: #fdfdfd; margin-right: 0; } #contact-popup #contact-popup-content .checkbox { background: #fdfdfd; margin-bottom: 10px; } #contact-popup #contact-popup-content button { display: block; line-height: 1; background: #fdfdfd; } #contact-popup #contact-popup-content #contact-popup-close { position: absolute; right: -39px; top: 20px; color: #fff; font-weight: 700; padding: 10px 13px; font-size: 16px; -webkit-border-top-right-radius: 2px; -moz-border-top-right-radius: 2px; border-top-right-radius: 2px; -webkit-border-bottom-right-radius: 2px; -moz-border-bottom-right-radius: 2px; border-bottom-right-radius: 2px; cursor: pointer; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear; } #contact-popup #contact-popup-content .background-icon { position: absolute; font-size: 300px; z-index: -1; opacity: 0.05; -webkit-transform: rotate( 25deg ); -moz-transform: rotate( 25deg ); transform: rotate( 25deg ); bottom: -50px; right: -50px; } #contact-popup #contact-popup-content .contact-form-thanks { position: absolute; width: 100%; height: 100%; background: rgba( 253, 253, 253, 0.85 ); top: 0; left: 0; font-size: 16px; font-weight: 300; display: none; } #contact-popup #contact-popup-content .contact-form-thanks .contact-form-thanks-content { width: 300px; margin: 150px auto 0 auto; text-align: center; line-height: 1.6em; } #contact-popup #contact-popup-content .contact-form-thanks .contact-form-thanks-content .contact-form-thanks-close { text-decoration: underline; cursor: pointer; } #contact-popup #contact-popup-content .contact-form-thanks .contact-form-thanks-content .contact-form-thanks-close:hover { text-decoration: none; } @media (min-width: 1350px) { #contact-popup #contact-popup-content { width: 1000px; margin-left: -500px; } #contact-popup #contact-popup-content input[type="text"] { width: 253px; } #contact-popup #contact-popup-content textarea { width: 568px; } #contact-popup #contact-popup-content select { width: 305px; } #contact-popup #contact-popup-content .google-map { width: 300px; height: 100%; } #contact-popup #contact-popup-content .padding { padding: 40px; margin-left: 300px; } #contact-popup #contact-popup-content h3.right { right: 40px; top: 40px; } } @media (min-width: 950px) and (max-width: 1349px) { #contact-popup #contact-popup-content { width: 850px; margin-left: -425px; } #contact-popup #contact-popup-content input[type="text"] { width: 178px; } #contact-popup #contact-popup-content textarea { width: 418px; } #contact-popup #contact-popup-content select { width: 230px; } #contact-popup #contact-popup-content .checkbox { width: 228px; } #contact-popup #contact-popup-content .google-map { width: 300px; height: 100%; } #contact-popup #contact-popup-content .padding { padding: 40px; margin-left: 300px; } #contact-popup #contact-popup-content h3.right { right: 40px; top: 40px; } } @media (min-width: 600px) and (max-width: 949px) { #contact-popup #contact-popup-content { width: 540px; margin-left: -270px; position: absolute; } #contact-popup #contact-popup-content input[type="text"] { width: 188px; } #contact-popup #contact-popup-content textarea { width: 438px; } #contact-popup #contact-popup-content .custom-dropdown-select { width: 240px; } #contact-popup #contact-popup-content .checkbox { width: 238px; } #contact-popup #contact-popup-content .google-map { width: 100%; height: 250px; } #contact-popup #contact-popup-content .padding { padding: 25px; margin-top: 250px; } #contact-popup #contact-popup-content h3.right { right: 25px; top: 25px; } } @media (max-width: 700px) { #contact-popup #contact-popup-content #contact-popup-close { width: -webkit-calc( 100% - 26px ); width: -moz-calc( 100% - 26px ); width: calc( 100% - 26px ); left: 0; right: auto; top: -40px; text-align: center; -webkit-border-radius: 2px 2px 0 0; -moz-border-radius: 2px 2px 0 0; border-radius: 2px 2px 0 0; } } @media (max-width: 599px) { #contact-popup #contact-popup-content { width: -webkit-calc( 100% - 60px ); width: -moz-calc( 100% - 60px ); width: calc( 100% - 60px ); margin-left: 30px; left: 0; position: absolute; } #contact-popup #contact-popup-content input[type="text"], #contact-popup #contact-popup-content textarea { width: -webkit-calc( 100% - 52px ); width: -moz-calc( 100% - 52px ); width: calc( 100% - 52px ); } #contact-popup #contact-popup-content .google-map { width: 100%; height: 250px; } #contact-popup #contact-popup-content .checkbox { width: -webkit-calc( 100% - 2px ); width: -moz-calc( 100% - 2px ); width: calc( 100% - 2px ); } #contact-popup #contact-popup-content .custom-dropdown, #contact-popup #contact-popup-content .custom-dropdown-select { width: 100%; } #contact-popup #contact-popup-content .padding { padding: 25px; margin-top: 250px; } #contact-popup #contact-popup-content h3 { margin-bottom: 30px; } #contact-popup #contact-popup-content h3.right { display: none; } } /** * * 11. Quote popup * ----------------------------------------------------------------------------- * */ #quote-popup #quote-popup-background { width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: rgba( 15, 19, 36, 0.73 ); z-index: 99998; display: none; } #quote-popup #quote-popup-content { background: #fdfdfd; position: fixed; top: -10000px; left: 50%; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; box-shadow: 0 0 7px rgba( 15, 19, 36, 0.73 ); z-index: 99999; } #quote-popup #quote-popup-content #quote-popup-close { position: absolute; right: -39px; top: 20px; color: #fff; font-weight: 700; padding: 10px 13px; font-size: 16px; -webkit-border-top-right-radius: 2px; -moz-border-top-right-radius: 2px; border-top-right-radius: 2px; -webkit-border-bottom-right-radius: 2px; -moz-border-bottom-right-radius: 2px; border-bottom-right-radius: 2px; cursor: pointer; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear; } #quote-popup #quote-popup-content #quote-popup-tabs { list-style: none; position: absolute; top: 25px; z-index: 99999; } #quote-popup #quote-popup-content #quote-popup-tabs li { display: inline-block; font-size: 13px; font-weight: 800; text-transform: uppercase; position: relative; cursor: pointer; padding: 15px 0; } #quote-popup #quote-popup-content #quote-popup-tabs li:after { content: ' '; width: 100%; height: 3px; position: absolute; left: 0; bottom: 0; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear; } #quote-popup #quote-popup-content .quote-form { overflow: hidden; position: relative; display: none; } #quote-popup #quote-popup-content .quote-form .quote-form-background { background-size: cover; background-repeat: no-repeat; background-position: 60% 50%; -webkit-border-top-left-radius: 2px; -moz-border-top-left-radius: 2px; border-top-left-radius: 2px; -webkit-border-bottom-left-radius: 2px; -moz-border-bottom-left-radius: 2px; border-bottom-left-radius: 2px; } #quote-popup #quote-popup-content .quote-form .background-icon { position: absolute; font-size: 300px; z-index: -1; opacity: 0.05; -webkit-transform: rotate( 15deg ); -moz-transform: rotate( 15deg ); transform: rotate( 15deg ); bottom: -50px; right: -50px; } #quote-popup #quote-popup-content .quote-form .quote-form-content h2 { font-size: 32px; margin-bottom: 30px; } #quote-popup #quote-popup-content .quote-form .quote-form-content h4 { font-size: 16px; margin: 20px 0 10px 0; } #quote-popup #quote-popup-content .quote-form .quote-form-content h4 .slider-value { float: right; } #quote-popup #quote-popup-content .quote-form .quote-form-content .form { font-size: 0; position: relative; } #quote-popup #quote-popup-content .quote-form .quote-form-content .form input[type="text"] { margin-bottom: 10px; background: #fdfdfd; } #quote-popup #quote-popup-content .quote-form .quote-form-content .form select { margin-bottom: 10px; background: #fdfdfd; } #quote-popup #quote-popup-content .quote-form .quote-form-content .form input[type="text"].last, #quote-popup #quote-popup-content .quote-form .quote-form-content .form select { margin-right: 0; } #quote-popup #quote-popup-content .quote-form .quote-form-content .form .slider { margin-bottom: 30px; } #quote-popup #quote-popup-content .quote-form .quote-form-content .form textarea { height: 79px; margin: 0 0 10px 0; background: #fdfdfd; } #quote-popup #quote-popup-content .quote-form .quote-form-content .form .checkbox { margin-bottom: 10px; } #quote-popup #quote-popup-content .quote-form .quote-form-content .form button { display: block; margin-top: 15px; } #quote-popup #quote-popup-content .quote-form .quote-form-thanks { position: absolute; width: 100%; height: 100%; background: rgba( 253, 253, 253, 0.85 ); top: 0; left: 0; font-size: 16px; font-weight: 300; display: none; } #quote-popup #quote-popup-content .quote-form .quote-form-thanks .quote-form-thanks-content { width: 300px; margin: 150px auto 0 auto; text-align: center; line-height: 1.6em; } #quote-popup #quote-popup-content .quote-form .quote-form-thanks .quote-form-thanks-content .quote-form-thanks-close { text-decoration: underline; cursor: pointer; } #quote-popup #quote-popup-content .quote-form .quote-form-thanks .quote-form-thanks-content .quote-form-thanks-close:hover { text-decoration: none; } @media (min-width: 1350px) { #quote-popup #quote-popup-content { width: 1000px; margin-left: -500px; } #quote-popup #quote-popup-content .quote-form .quote-form-content { width: 620px; float: right; padding: 110px 40px 40px 40px; } #quote-popup #quote-popup-content #quote-popup-tabs { left: 340px; } #quote-popup #quote-popup-content .quote-form .quote-form-background { width: 300px; float: left; } #quote-popup #quote-popup-content .quote-form .quote-form-content .form input[type="text"] { width: 253px; } #quote-popup #quote-popup-content .quote-form .quote-form-content .form select { width: 305px; } #quote-popup #quote-popup-content .quote-form .quote-form-content .form textarea { width: 568px; } #quote-popup #quote-popup-content #quote-popup-tabs li { margin-right: 30px; } } @media (min-width: 950px) and (max-width: 1349px) { #quote-popup #quote-popup-content { width: 850px; margin-left: -425px; } #quote-popup #quote-popup-content .quote-form .quote-form-content { width: 570px; float: right; padding: 110px 40px 40px 40px; } #quote-popup #quote-popup-content #quote-popup-tabs { left: 240px; } #quote-popup #quote-popup-content .quote-form .quote-form-background { width: 200px; float: left; } #quote-popup #quote-popup-content .quote-form .quote-form-content .form input[type="text"] { width: 228px; } #quote-popup #quote-popup-content .quote-form .quote-form-content .form select { width: 280px; } #quote-popup #quote-popup-content .quote-form .quote-form-content .form .checkbox { width: 278px; } #quote-popup #quote-popup-content .quote-form .quote-form-content .form textarea { width: 518px; } #quote-popup #quote-popup-content #quote-popup-tabs li { margin-right: 30px; } } @media (min-width: 600px) and (max-width: 949px) { #quote-popup #quote-popup-content { width: 540px; margin-left: -270px; position: absolute; height: auto; margin-top: -300px; } #quote-popup #quote-popup-content .quote-form .quote-form-background { width: 100%; height: 200px; } #quote-popup #quote-popup-content .quote-form .quote-form-content { padding: 85px 25px 25px 25px; } #quote-popup #quote-popup-content .quote-form .quote-form-content .form input[type="text"] { width: 188px; } #quote-popup #quote-popup-content .quote-form .quote-form-content .form .custom-dropdown-select { width: 240px; } #quote-popup #quote-popup-content .quote-form .quote-form-content .form textarea { width: 438px; } #quote-popup #quote-popup-content .quote-form .quote-form-content .form .checkbox { width: 238px; } #quote-popup #quote-popup-content #quote-popup-tabs { top: 210px; left: 25px; } #quote-popup #quote-popup-content #quote-popup-tabs li { margin-right: 17px; } } @media (max-width: 700px) { #quote-popup #quote-popup-content #quote-popup-close { width: -webkit-calc( 100% - 26px ); width: -moz-calc( 100% - 26px ); width: calc( 100% - 26px ); left: 0; right: auto; top: -40px; text-align: center; -webkit-border-radius: 2px 2px 0 0; -moz-border-radius: 2px 2px 0 0; border-radius: 2px 2px 0 0; } } @media (max-width: 599px) { #quote-popup #quote-popup-content { width: -webkit-calc( 100% - 60px ); width: -moz-calc( 100% - 60px ); width: calc( 100% - 60px ); margin-left: 30px; left: 0; position: absolute; height: auto; margin-top: -300px; } #quote-popup #quote-popup-content .quote-form .quote-form-background { width: 100%; height: 200px; } #quote-popup #quote-popup-content .quote-form .quote-form-content { padding: 25px; } #quote-popup #quote-popup-content input[type="text"], #quote-popup #quote-popup-content textarea { width: -webkit-calc( 100% - 52px ); width: -moz-calc( 100% - 52px ); width: calc( 100% - 52px ); } #quote-popup #quote-popup-content .checkbox { background: #fdfdfd; width: -webkit-calc( 100% - 2px ); width: -moz-calc( 100% - 2px ); width: calc( 100% - 2px ); } #quote-popup #quote-popup-content .custom-dropdown, #quote-popup #quote-popup-content .custom-dropdown-select { width: 100%; } #quote-popup #quote-popup-content #quote-popup-tabs { position: static; padding: 25px; } #quote-popup #quote-popup-content #quote-popup-tabs li { margin-right: 17px; } }