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;
	}