Current File : /home/itiffy/rockyjohnsonconcrete.com/wp-content/themes/rockyjohnson/css/style.css |
@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Quicksand:300,400,500,700');
/* -----------------------------------------------------
------------------- General Styles ------------------
----------------------------------------------------- */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {display:block;}
* {margin:0; padding:0; outline:none;}
* {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0; outline:0; font-size:100%; background-color:transparent;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}
:focus {outline:0;}
ins {text-decoration:none;}
del {text-decoration:line-through;}
table {border-collapse:collapse; border-spacing:0;}
a {outline:none; outline-style:none; outline-width:0; color:#3a3939; text-decoration:none;}
a:hover, a:active, a:focus {outline:none; outline-style:none; outline-width:0; color:#000000; text-decoration:none;}
img {margin:0; padding:0; outline-style:none; outline-width:0; max-width:100%; height:auto;}
@-webkit-viewport {width:device-width; }
@-moz-viewport {width:device-width; }
@-ms-viewport {width:device-width; }
@-o-viewport {width:device-width; }
@viewport {width:device-width; }
body {margin:0; padding:0; font-family:'Quicksand', sans-serif; color:#000000; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; text-size-adjust:100%; font-size:100%; overflow-x:hidden;}
.clr {font-size:0; height:0; line-height:0; clear:both;}
.left {margin:0; padding:0; width:auto; height:auto; float:left;}
.right {margin:0; padding:0; width:auto; height:auto; float:right;}
.clearfix:before, .clearfix:after {content:"."; display:block; height:0; overflow:hidden;}
.clearfix:after {clear:both}
.clearfix {zoom:1}
strong {font-weight:700;}
em {font-style:italic;}
.img-left {float:left; margin:10px 30px 30px 0;}
.img-right {float:right; margin:10px 0 30px 30px;}
/* -----------------------------------------------------
--------------------- Top Styles --------------------
----------------------------------------------------- */
.top-section {height:36px; padding:8px 0; background-color:#000000;}
.top-section .left {font-size:14px; font-weight:400; line-height:20px; color:#c7c2bf; margin-right:20px;}
.top-section .left a {color:#c7c2bf; display:inline-block; transition:all .4s ease-in-out;}
.top-section .left a:hover {color:#fe7c1d; transition:all .4s ease-in-out;}
.top-section .left .fa-phone-volume, .top-section .left .fa-envelope {color:#fe7c1d; font-size:16px; margin-right:5px;}
.top-section .right a {margin-left:10px; display:inline-block; font-size:18px; line-height:20px; color:#c7c2bf; transition:all .4s ease-in-out;}
.top-section .right a:hover {color:#fe7c1d; transition:all .4s ease-in-out;}
/* -----------------------------------------------------
-------------------- Header Styles ------------------
----------------------------------------------------- */
.header-section {min-height:80px; background-color:#d7d7e5;}
.header-section .logo {float:left; padding:10px 0;}
.header-section .logo img {display:block;}
.header-section .menu {float:right;}
.header-section .menu ul {margin:0; padding:0; list-style:none;}
.header-section .menu ul li {margin:0; padding:0; float:left; font-size:15px; font-weight:400; line-height:76px; color:#000000;}
.header-section .menu ul li a {color:#000000; padding:0 7px; display:block; border-top:4px solid #d7d7e5; transition:all .4s ease-in-out;}
.header-section .menu ul li a:hover, .header-section .menu ul li a.active {color:#fe7c1d; border-top:4px solid #fe7c1d; transition:all .4s ease-in-out;}
.header-section .menu ul li.current-menu-item a {color:#fe7c1d; border-top:4px solid #fe7c1d; transition:all .4s ease-in-out;}
#nav-trigger {display:none; width:100%;}
#nav-trigger span {display:block; padding-left:15px; font-size:15px; font-weight:400; line-height:44px; color:#FFFFFF; cursor:pointer; text-align:left;}
#nav-trigger span:after {display:inline-block; width:44px; height:44px; content:""; background:url(../images/menu-bar.png) no-repeat center; float:right;}
#nav-trigger span:hover {}
#nav-trigger span.open:after {background:url(../images/menu-close.png) no-repeat center;}
nav {}
nav#nav-main {}
nav#nav-mobile {position:relative; display:none; width:100%;}
nav#nav-mobile ul {display:none; padding:0; list-style:none; width:100%; position:absolute; top:0; right:0; background-color:#000000;}
nav#nav-mobile ul li {margin:0; padding:0; float:none; font-size:15px; font-weight:400; line-height:1.4; color:#FFFFFF; text-align:left;}
nav#nav-mobile ul li a {padding:10px 15px; color:#FFFFFF; display:block; border:none;}
nav#nav-mobile ul li a:hover, nav#nav-mobile ul li a.active {color:#FFFFFF; background-color:#ea7424; border:none;}
nav#nav-mobile ul li.current-menu-item a {color:#FFFFFF; background-color:#ea7424; border:none;}
.sticky {position:fixed; top:0; z-index:9999; width:100%;}
.sticky + .content-section {padding-top:102px;}
/* -----------------------------------------------------
-------------------- Banner Styles ------------------
----------------------------------------------------- */
.banner-section {background-color:#000000; text-align:center; overflow:hidden;}
.banner-section h1 {font-size:48px; font-weight:700; line-height:1; color:#FFFFFF; display:inline-block; background-color:rgba(13,25,34,0.56); padding:10px 35px 20px 35px; margin-top:270px;}
.banner-heading {font-size:48px; font-weight:700; line-height:1; color:#FFFFFF; display:inline-block; background-color:rgba(13,25,34,0.56); padding:10px 35px 20px 35px;}
.inner-banner-section {min-height:450px; background:url(../images/slide-01.jpg) no-repeat top; text-align:center;}
.inner-banner-section h1 {font-size:48px; font-weight:700; line-height:1; color:#FFFFFF; display:inline-block; background-color:rgba(13,25,34,0.56); padding:10px 35px 20px 35px; margin-top:180px;}
/* -----------------------------------------------------
------------------- Content Styles ------------------
----------------------------------------------------- */
.content-section {background:url(../images/content-bg.jpg) no-repeat top; background-size:cover; background-attachment:fixed; padding:50px 0;}
.content-section h2 {font-size:48px; font-weight:300; line-height:1.2; color:#FFFFFF; padding:10px 0;}
.content-section h3 {font-size:36px; font-weight:300; line-height:1.2; color:#FFFFFF; padding:10px 0;}
.content-section h4 {font-size:30px; font-weight:300; line-height:1.2; color:#FFFFFF; padding:10px 0;}
.content-section h5 {font-size:24px; font-weight:300; line-height:1.2; color:#FFFFFF; padding:10px 0;}
.content-section h6 {font-size:18px; font-weight:300; line-height:1.4; color:#FFFFFF; padding:10px 0;}
.content-section p {font-size:15px; font-weight:400; line-height:1.6; color:#FFFFFF; padding:10px 0;}
.btn-more {margin:10px auto; width:100%; height:50px; font-size:20px; font-weight:400; line-height:28px; color:#FFFFFF; text-align:center; letter-spacing:2px;}
.btn-more a {color:#FFF; padding:10px; display:block; border:1px solid #FFFFFF; border-radius:12px;}
.welcome-section {padding:50px 0; text-align:center;}
.welcome-section h2, .welcome-section h5 {text-transform:uppercase; padding:0;}
.welcome-section h5 {padding-bottom:40px !important;}
.services-section {padding:50px 0;}
.services-section h2 {position:relative; text-align:center; margin-bottom:40px;}
.services-section h2:before {position:absolute; left:34px; top:34px; width:244px; height:12px; background:url(../images/line-left.png) no-repeat center left; content:"";}
.services-section h2:after {position:absolute; right:34px; top:34px; width:244px; height:12px; background:url(../images/line-right.png) no-repeat center right; content:"";}
.services-section [class*="col-"] {padding:15px;}
.services-section .box {min-height:390px; border:1px solid #fe7c1d; border-radius:12px; padding:19px;}
.services-section .box figure {height:300px; overflow:auto; margin:0; padding:0;}
.services-section .box figure img {border-radius:12px;}
.services-section .box h5 {color:#fe7c1d; font-weight:400; line-height:30px;}
.services-section .box h3 {font-size:34px; min-height:100px;}
.flip-container {perspective:1000px;}
.flip-container, .services-section .box .front, .services-section .box .back {max-width:310px; height:350px;}
.flipper {transition:0.6s; transform-style:preserve-3d; position:relative;}
.services-section .box .front, .services-section .box .back {position:absolute; top:0; left:0; backface-visibility:hidden; -webkit-backface-visibility:hidden;}
.services-section .box .front {z-index:1; border-radius:12px;}
.services-section .box .back {transform:rotateX(-180deg); animation:toFront 0.3s linear normal forwards; background-color:#fe7c1d; border-radius:12px; padding:15px 25px;}
.vertical.flip-container {position:relative;}
.vertical.flip-container:hover .back {animation-delay:0.3s; animation:toBack 0.3s linear normal forwards;}
@keyframes toBack {
0% {z-index:0;}
100% {z-index:1;}
}
@keyframes toFront {
0% {z-index:1;}
100% {z-index:0;}
}
.vertical.flip-container .flipper {transform-origin:100% 175px;}
.vertical.flip-container:hover .flipper {transform:rotateX(-180deg);}
.finished-section {padding:50px 0; text-align:center;}
.finished-section h2 {position:relative; text-align:center;}
.finished-section h2:before {position:absolute; left:0; top:34px; width:160px; height:12px; background:url(../images/line-left.png) no-repeat center left; content:"";}
.finished-section h2:after {position:absolute; right:0; top:34px; width:160px; height:12px; background:url(../images/line-right.png) no-repeat center right; content:"";}
.finished-section p {text-transform:uppercase; line-height:1; padding:50px 0 0 0;}
.finished-section p span {font-size:90px; display:block;}
.inner-section01 {padding:50px 0; text-align:center;}
.inner-section01 h2, .welcome-section h5 {text-transform:uppercase; padding:0;}
.inner-section01 h5 {padding-bottom:40px;}
.inner-section01 h2 span {font-size:36px; display:block;}
.inner-section02 {padding:50px 0; text-align:center;}
.inner-section02 h2 {position:relative; text-align:center;}
.inner-section02 h2:before {position:absolute; left:0; top:34px; width:190px; height:12px; background:url(../images/line-left.png) no-repeat center left; content:"";}
.inner-section02 h2:after {position:absolute; right:0; top:34px; width:190px; height:12px; background:url(../images/line-right.png) no-repeat center right; content:"";}
.inner-section02 [class*="col-"] {padding:15px;}
.inner-section02 .box {border:1px solid #fe7c1d; border-radius:12px; padding:14px;}
.inner-section02 .box img {border-radius:12px; width:100%; height:168px; overflow:hidden;}
.inner-section03 {padding:50px 0; text-align:center;}
.inner-section03 h2 {position:relative; text-align:center; margin-bottom:20px;}
.inner-section03 h2:before {position:absolute; left:0; top:34px; width:80px; height:12px; background:url(../images/line-left.png) no-repeat center left; content:"";}
.inner-section03 h2:after {position:absolute; right:0; top:34px; width:80px; height:12px; background:url(../images/line-right.png) no-repeat center right; content:"";}
.inner-section03 h6 {text-transform:uppercase;}
.inner-section03 h6 .span {font-size:48px; display:block;}
.inner-section03 p img {margin:10px;}
.no-pad {padding:0;}
.gallery-section {text-align:center;}
.gallery-section [class*="col-md-4"] {padding:2px 15px; width:20% !important;}
.certifications-section {padding:30px 0;}
.certifications-section .heading {min-height:50px; background-color:#fe7c1d; border-radius:25px; position:relative; padding:10px 10px 10px 130px; font-size:24px; font-weight:400; line-height:30px; color:#FFFFFF; text-transform:uppercase; letter-spacing:0.2em;}
.certifications-section .heading span {position:absolute; top:-12px; left:30px;}
.certifications-section .content {padding-top:50px; text-align:center;}
.certifications-section .content p {font-size:18px; font-weight:400; line-height:1.4; color:#FFFFFF; padding:15px 120px;}
.certifications-section .content ul {margin:0; padding:0; list-style:none;}
.certifications-section .content ul li {margin:25px; display:inline-block;}
.workwith-section {padding:30px 0;}
.workwith-section section {min-height:350px; background-color:#FFFFFF; border-radius:40px; border-top:8px solid #5d89a9; -webkit-box-shadow:0px 10px 20px -10px rgba(0,0,0,1); -moz-box-shadow:0px 10px 20px -10px rgba(0,0,0,1); box-shadow:0px 10px 20px -10px rgba(0,0,0,1); padding:30px 0;}
.workwith-section .heading {min-height:50px; background:url(../images/line.png) repeat-x center; position:relative; text-align:center;}
.workwith-section .heading:after {content:""; position:absolute; left:0; top:0; width:14px; height:50px; background:url(../images/heading-left.png) no-repeat center;}
.workwith-section .heading:before {content:""; position:absolute; right:0; top:0; width:14px; height:50px; background:url(../images/heading-right.png) no-repeat center;}
.workwith-section .heading h4 {padding:9px; background-color:#FFFFFF; border:1px solid #cccccc; font-size:30px; font-weight:400; line-height:30px; color:#1b2934; text-transform:uppercase; letter-spacing:0.2em; display:inline-block; text-align:center;}
.workwith-section .content {padding:15px 30px;}
.workwith-section .content [class*="col-"] {padding:15px;}
.projects-section {padding:50px 0; text-align:center;}
.projects-section h2 {position:relative; text-align:center;}
.projects-section h2:before {position:absolute; left:0; top:34px; width:190px; height:12px; background:url(../images/line-left.png) no-repeat center left; content:"";}
.projects-section h2:after {position:absolute; right:0; top:34px; width:190px; height:12px; background:url(../images/line-right.png) no-repeat center right; content:"";}
.projects-section [class*="col-"] {padding:15px;}
.projects-section .box {border:1px solid #fe7c1d; border-radius:12px; padding:19px;}
.projects-section .box img {border-radius:12px;}
.projects-section .box figure {height:200px; overflow:hidden;}
.projects-section .box article {text-align:left;}
.projects-section .box h5 {font-weight:500; padding:5px 0; min-height:70px;}
.projects-section .box p {padding:5px 0;}
.btn-read-more {margin:10px 0 0 0; width:130px; height:24px; font-size:14px; font-weight:500; line-height:24px; color:#FFFFFF; text-align:center; letter-spacing:1px;}
.btn-read-more a {color:#FFF; padding:0 10px; display:block; background-color:#fe7c1d; border-radius:12px;}
.project-details-section {padding:50px 0; text-align:center;}
.project-details-section h2 {position:relative; text-align:center;}
/*.project-details-section h2:before {position:absolute; left:0; top:34px; width:190px; height:12px; background:url(../images/line-left.png) no-repeat center left; content:"";}
.project-details-section h2:after {position:absolute; right:0; top:34px; width:190px; height:12px; background:url(../images/line-right.png) no-repeat center right; content:"";}*/
.project-details-section [class*="col-"] {padding:15px;}
.project-details-section .box {border:1px solid #fe7c1d; border-radius:12px; padding:4px 19px; margin:30px 0;}
.project-details-section .box img {border-radius:12px;}
.project-details-section .box .content {height:510px; text-align:left;}
.project-details-section .gallery {}
.project-details-section .gbox {border:1px solid #fe7c1d; border-radius:12px; padding:14px;}
.project-details-section .gbox img {border-radius:12px; width:100%; height:350px; overflow:hidden;}
.project-slider .owl-nav {position:absolute; width:100%; top:50%;}
.project-slider .owl-prev, .project-slider .owl-next {position:absolute; font-size:30px; line-height:52px; width:54px; height:54px; text-align:center; margin-top:-27px; color:#FFFFFF;}
.project-slider .owl-prev:hover, .project-slider .owl-next:hover {opacity:1;}
.project-slider .owl-prev {left:-70px;}
.project-slider .owl-next {right:-70px;}
.btn-view-more {margin:50px auto 0 auto; width:160px; height:50px; font-size:18px; font-weight:500; line-height:50px; color:#FFFFFF; text-transform:uppercase; text-align:center; letter-spacing:2px;}
.btn-view-more a {color:#FFF; padding:0 30px; display:block; background-color:#fe7c1d; border-radius:25px;}
.calculor-welcome-section {text-align:center;}
.calculor-welcome-section h3 {text-transform:uppercase; font-weight:700; padding:0;}
.calculor-welcome-section p {font-size:18px; letter-spacing:0.1em;}
.calculor-section {padding:50px 0; margin-bottom:-50px; border-bottom:1px solid #2c4a5f;}
.calculor-section h5 {position:relative; text-align:center; margin:0 auto; max-width:840px; font-weight:400; letter-spacing:0.1em;}
.calculor-section h5:before {position:absolute; left:0; top:20px; width:160px; height:12px; background:url(../images/line-left.png) no-repeat center left; content:"";}
.calculor-section h5:after {position:absolute; right:0; top:20px; width:160px; height:12px; background:url(../images/line-right.png) no-repeat center right; content:"";}
.calculor-section .select-box {margin:0 auto; padding:30px 0; max-width:1040px;}
.calculor-section .select-box ul {margin:0 -15px; padding:0; list-style:none;}
.calculor-section .select-box ul li {margin:0; padding:0; width:25%; float:left;}
.calculor-section .estimated-box {margin:0 auto; padding:15px 0; max-width:1040px; font-size:16px; font-weight:600; line-height:1.6; color:#FFFFFF;}
.calculor-section .estimated-box span {color:#8ea1af; font-size:14px; line-height:50px;}
.calculor-section .estimated-box small {color:#8ea1af; display:block; font-size:12px; line-height:1.4;}
.calculor-section .estimated-box input[type="text"] {margin:0; padding:13px; width:100%; height:50px; background:none; border:2px solid #FFFFFF; border-radius:6px; font-size:16px; font-weight:600; line-height:20px; color:#FFFFFF;}
.calculor-section .materials-box {margin:15px auto; padding:15px; max-width:730px; border:1px dashed #FFFFFF; border-radius:8px;}
.calculor-section .materials-box h6 {font-size:14px; font-weight:600; line-height:1.2; color:#fdc113; padding:15px;}
.calculor-section .materials-box ul {margin:0; padding:0 0 10px 0; list-style:none;}
.calculor-section .materials-box ul li {margin:0; padding:5px 15px; float:left; font-size:14px; font-weight:600; line-height:1.2; color:#FFFFFF;}
.color-box {padding:30px 0; text-align:center; margin:0 auto; max-width:940px;}
.color-box ul {margin:0 -15px; padding:0; list-style:none;}
.color-box ul li {margin:5px 15px; padding:0; width:64px; height:100px; float:left; cursor:pointer; transition:all .4s ease-in-out;}
.color-box ul li .c-box {width:64px; height:64px;}
.color-box ul li .c-box:hover,.color-box ul li.active .c-box {border:4px solid #FFFFFF; transition:all .4s ease-in-out;}
.color-box ul li .c-name {font-size:10px; font-weight:400; line-height:1.4; color:#FFFFFF; text-align:center; padding-top:8px;}
.default-color-box {padding:30px 0; text-align:center; margin:0 auto; max-width:940px;}
.default-color-box ul {margin:0 -15px; padding:0; list-style:none;}
.default-color-box ul li {margin:5px 15px; padding:0; width:110px; height:auto; display:inline-block; cursor:pointer; transition:all .4s ease-in-out;}
.default-color-box ul li .c-box {width:110px; height:110px;}
.default-color-box ul li .c-box:hover,.default-color-box ul li.active .c-box {border:4px solid #FFFFFF; transition:all .4s ease-in-out;}
.default-color-box ul li .c-name {font-size:10px; font-weight:400; line-height:1.4; color:#FFFFFF; text-align:center; padding-top:8px;}
.design-box {padding:30px 0; text-align:center; margin:0 auto; max-width:940px;}
.design-box ul {margin:0 -15px; padding:0; list-style:none;}
.design-box ul li {margin:15px; padding:0; width:160px; height:160px; float:left; cursor:pointer; transition:all .4s ease-in-out; position:relative;}
.design-box ul li:hover,.design-box ul li.active {border:4px solid #FFFFFF; transition:all .4s ease-in-out;}
.design-box ul li .d-name {position:absolute; bottom:0; left:0; padding:5px; width:100%; background-color:rgba(0,0,0,0.5); font-size:12px; font-weight:400; line-height:1.4; color:#FFFFFF; text-align:center;}
.options-box {padding:30px 0; margin:0 auto; max-width:390px;}
.options-box ul {margin:0; padding:0; list-style:none;}
.options-box ul li {margin:0; padding:0;}
.options-box ul li .numbers-row {float:left; margin:-56px 0 0 150px; position:relative;}
.options2-box {padding:30px 0; margin:0 auto; max-width:270px;}
.options2-box ul {margin:0; padding:0; list-style:none;}
.options2-box ul li {margin:0; padding:0;}
.options2-box ul li .numbers-row {float:left; margin:-56px 0 0 170px; position:relative;}
.information-box {padding:30px 0; margin:0 auto; max-width:540px;}
.information-box .field {padding:15px 0;}
.information-box input[type="text"], .information-box input[type="email"], .information-box textarea {margin:0; padding:13px; width:100%; height:50px; background:none; border:2px solid #FFFFFF; border-radius:6px; font-size:16px; font-weight:400; line-height:20px; color:#FFFFFF;}
.information-box textarea {height:100px; overflow:auto; resize:none;}
.information-box input[type="submit"],.information-box input[type="button"] {margin:0 auto; width:150px; height:50px; font-size:18px; font-weight:500; line-height:50px; color:#FFFFFF; text-transform:uppercase; text-align:center; letter-spacing:1px; background-color:#fe7c1d; border-radius:25px; border:none;}
.information-box h6 {text-align:center; font-weight:400; text-transform:uppercase; padding-top:30px;}
.cost-box {padding:30px 0; margin:0 auto; max-width:920px; text-align:center;}
.cost-box h2 {font-size:72px; font-weight:700; padding:20px 0;}
.cost-box h4 {font-weight:600; font-size:24px; color:#fe7c1d; padding:20px 0; letter-spacing:0.1em;}
.cost-box h6 {font-weight:400; padding:20px 0; letter-spacing:0.1em;}
.btn-next {margin:50px auto 0 auto; width:150px; height:50px; font-size:18px; font-weight:500; line-height:50px; color:#FFFFFF; text-transform:uppercase; text-align:center; letter-spacing:1px;}
.btn-next a {color:#FFF; padding:0 10px; display:block; background-color:#fe7c1d; border-radius:25px;}
.btn-previous {margin:50px auto 0 auto; width:150px; height:50px; font-size:18px; font-weight:500; line-height:50px; color:#FFFFFF; text-transform:uppercase; text-align:center; letter-spacing:1px;}
.btn-previous a {color:#FFF; padding:0 10px; display:block; background-color:#5d89a9; border-radius:25px;}
/* custom radio */
.radio-container {display:block; position:relative; padding-left:25px; margin:15px 0; cursor:pointer; font-size:14px; line-height:16px; color:#FFFFFF; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}
.radio-container input {position:absolute; opacity:0; cursor:pointer;}
.radio-container .checkmark {position:absolute; top:0; left:0; height:16px; width:16px; background-color:#1e2c37; border:2px solid #f1911e; border-radius:50%;}
.radio-container:hover input ~ .checkmark {background-color:#1e2c37;}
.radio-container input:checked ~ .checkmark {background-color:#1e2c37;}
.radio-container .checkmark:after {content:""; position:absolute; display:none;}
.radio-container input:checked ~ .checkmark:after {display:block;}
.radio-container .checkmark:after {top:1px; left:1px; width:10px; height:10px; border-radius:50%; background:#fdc113;}
/* custom checkbox */
.checkbox-container {display:block; position:relative; padding-left:45px; margin:30px 0; cursor:pointer; font-size:24px; line-height:24px; color:#FFFFFF; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}
.checkbox-container input {position:absolute; opacity:0; cursor:pointer;}
.checkbox-container .checkmark {position:absolute; top:0; left:0; height:24px; width:24px; background-color:#1a2832; border:2px solid #b2c9da;}
.checkbox-container:hover input ~ .checkmark {background-color:#1a2832;}
.checkbox-container input:checked ~ .checkmark {background-color:#1a2832;}
.checkbox-container .checkmark:after {content:""; position:absolute; display:none;}
.checkbox-container input:checked ~ .checkmark:after {display:block;}
.checkbox-container .checkmark:after {left:7px; top:4px; width:6px; height:10px; border:solid #fe7c1d; border-width:0 3px 3px 0; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);}
.numbers-row {width:96px;}
.numbers-row input[type="text"] {width:30px; height:30px; font-size:14px; font-weight:400; line-height:30px; color:#000000; padding:0; text-align:center; margin:0 1px; background-color:#FFF; border:none;}
.numbers-row div {overflow:hidden;}
.numbers-row .button {margin:0 1px; text-indent:-9999px; cursor:pointer; width:30px; height:30px; float:right; text-align:center; background:url(../images/buttons.png) no-repeat;}
.numbers-row .dec {background-position:0 -30px; float:left;}
.full-width-step{width:100%;}
/* -----------------------------------------------------
---------------- Call To Action Styles --------------
----------------------------------------------------- */
.call-to-action-section {background-color:#182630; min-height:630px; padding:60px 0;}
.call-to-action-section h2 {font-size:48px; font-weight:400; line-height:1; color:#FFFFFF;}
.call-to-action-section p {font-size:18px; font-weight:400; line-height:1.4; color:#FFFFFF; padding:15px 0;}
.call-to-action-section p span {font-size:48px; display:block; padding-bottom:5px;}
.call-to-action-section p a {color:#FFFFFF;}
.call-to-action-section p .fa-map, .call-to-action-section p .fa-fax, .call-to-action-section .fa-facebook-f, .call-to-action-section .fa-twitter, .call-to-action-section .fa-google-plus-g {font-size:24px; margin-right:10px;}
.call-to-action-section .fa-facebook-f {margin-left:10px;}
.call-to-action-section .form-box {max-width:360px;}
.call-to-action-section .form-box input[type="text"], .call-to-action-section .form-box input[type="email"], .call-to-action-section .form-box input[type="tel"], .call-to-action-section .form-box textarea {margin:0; padding:15px 0; width:100%; height:50px; background:none; border:none; border-bottom:1px solid #FFFFFF; font-size:18px; font-weight:400; line-height:20px; color:#FFFFFF;}
.call-to-action-section .form-box textarea {height:90px; overflow:auto; resize:none;}
.call-to-action-section .form-box input[type="submit"] {margin:30px 0 0 0; padding:0; width:100%; height:60px; background:#fe7c1d; border:none; font-size:30px; font-weight:400; line-height:60px; color:#FFFFFF; cursor:pointer;}
#wpcf7-f50-o1 p span {font-size:inherit; display:block; padding-bottom:0;}
.wpcf7-validation-errors, .wpcf7-mail-sent-ok {color:#FFF;}
/* -----------------------------------------------------
-------------------- Footer Styles ------------------
----------------------------------------------------- */
.footer-section {background-color:#0d1922; padding:50px 0; text-align:center;}
.footer-section ul {margin:0; padding:0; list-style:none;}
.footer-section ul li {margin:0; padding:4px; display:inline-block; font-size:18px; font-weight:400; line-height:1.2; color:#8ba1b1;}
.footer-section ul li a {color:#8ba1b1; display:inline-block; transition:all .4s ease-in-out;}
.footer-section ul li a:hover {color:#fe7c1d; transition:all .4s ease-in-out;}
.footer-section ul li a.active {color:#fe7c1d; font-weight:500;}
.footer-section ul li.current-menu-item a {color:#fe7c1d; font-weight:500;}
.footer-section p {font-size:14px; font-weight:400; line-height:1.4; color:#8ba1b1; padding-top:40px;}
.cd-top {display:inline-block; height:40px; width:40px; position:fixed; bottom:20px; right:20px; box-shadow:0 0 10px rgba(0, 0, 0, 0.05); overflow:hidden; text-indent:100%; white-space:nowrap; background:#000000 url(../fonts/cd-top-arrow.svg) no-repeat center 50%; border-radius:50%; visibility:hidden; opacity:0; -webkit-transition:opacity .3s 0s, visibility 0s .3s; -moz-transition:opacity .3s 0s, visibility 0s .3s; transition:opacity .3s 0s, visibility 0s .3s;}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {-webkit-transition:opacity .3s 0s, visibility 0s 0s; -moz-transition:opacity .3s 0s, visibility 0s 0s; transition:opacity .3s 0s, visibility 0s 0s;}
.cd-top.cd-is-visible {visibility:visible; opacity:1;}
.cd-top.cd-fade-out {opacity:1;}
.no-touch .cd-top:hover {background-color:#000000; opacity:1;}
@media only screen and (min-width:768px) {
.cd-top {right:20px; bottom:20px;}
}
@media only screen and (min-width:1024px) {
.cd-top {height:40px; width:40px; right:20px; bottom:20px;}
}
#loader {
position:absolute;
left:50%;
top:50%;
z-index:1;
width:300px;
height:150px;
margin:-75px 0 0 -150px;
background:url(../images/loader-logo.png) no-repeat center;
z-index:999999;
}
#overley {
background:#fff;
width:100%;
height:100%;
position:fixed;
margin:0;
padding:0;
z-index:99999;
}
.loader{
display:none;
}
.calculator-right {
position:fixed;
right:0;
top:45%;
z-index:9;
}
.calculator-right .calculator-button {
background:url(../images/calculator.png) left top no-repeat;
width:66px;
height:60px;
padding:0;
margin:0 0 15px 0;
display:block;
transition:all .5s ease 0s;
float:left;
}
.calculator-right .calculator-button:hover {
background:url(../images/calculator.png) left top no-repeat;
width:230px;
height:60px;
padding:0;
margin:0 0 15px 0;
display:block;
transition:all .5s ease 0s;
float:left;
}