/* --------------------------------------------------- TEMPLATE.CSS contains the default styles for websites built in the edit system. --------------------------------------------------- */ /* Typekit FOUT Fix */ .wf-loading {visibility:hidden;} .wf-active {visibility:visible;} /* MAIN ELEMENTS Main page elements, page layout, links and other common styles. */ html, body { font-family:"eurostile-extended",sans-serif; font-style:normal; font-weight:400; font-size:15px; text-align:center; color:#000; clear:both; margin:0 auto; background-color:#333333; } /* DEFAULT LINKS */ a { text-decoration:none; color:#ff9966; -moz-transition:all .1s ease-out; -webkit-transition:all .1s ease-out; transition:all .1s ease-out; } /* Links with no colour */ a .silent, a.silent {color:#000;} a:visited {text-decoration:none;} a:hover {text-decoration:none;color:#000000;} a img {border:none;} /* DEFAULT HEADERS */ h1, h2, h3, h4, h5, h6 { margin:0px 0px 0px 0px; font-family:"eurostile-extended",sans-serif; font-style:normal; font-weight:400; color:#000; } h1 {font-size:28px;line-height:34px;padding:6px 0 20px 0;color:#000;} h2 {font-size:24px;line-height:30px;padding:4px 0 32px 0;} h3 {font-size:22px;line-height:28px;padding:4px 0 32px 0;} h4 {font-size:18px;line-height:24px;padding:4px 0 17px 0;color:#808080;} h5 {font-size:16px;line-height:22px;padding:4px 0 4px 0;} h6 {font-size:15px;line-height:22px;padding:4px 0 4px 0;} h4 { font-family:"proxima-nova",sans-serif; font-style:normal; font-weight:600; } /* OTHER DEFAULT ELEMENTS */ acronym {border:none;} p {padding-top:0;margin-top:0;font-family:"eurostile-extended",sans-serif;} .tiny {font-size:11px;} .small {font-size:12px;} .small-center {font-size:12px;text-align:center;font-style:italic;} .large {font-size:18px;} .error, .checkout-error, .red {color:#b60d04;} .green {color:#5ea90d;} .light {color:#8c999b;} .grey {color:#8c999b;} .checkout-error {padding-bottom:16px;} .center {text-align:center;} /* Hide elements that only work with javascript */ .js-show {display:none;} .clearer { clear:both; font-size:0; line-height:0; height:0; padding:0 0 0 0; margin:0 auto; border:none; } .divider { clear:both; font-size:0; line-height:20px; height:20px; padding:0 0 0 0; margin:20px 0 0 0; border-top:solid #e1e1e1 1px; } /* GAPS Gaps to space elements */ .gap1 {float:left;width:10px;} .gap2 {float:left;width:4px;} .gap3 {float:left;width:30px;} img { max-width: 100%; height: auto; width: auto\9; /* ie8 */ } embed, object, iframe, .map-holder { max-width:100%; width:100%; } /* IMAGE HOLDERS hold images to the left or right */ .img-left {float:left;margin-right:15px;margin-top:4px;margin-bottom:6px;text-align:center;max-width:40%;} .img-right {clear:right;float:right;margin-left:15px;margin-top:4px;margin-bottom:6px;text-align:center;max-width:40%;} .img-left-small {float:left;margin-right:15px;margin-top:4px;margin-bottom:6px;text-align:center;max-width:20%;} .img-right-small {clear:right;float:right;margin-left:15px;margin-top:4px;margin-bottom:6px;text-align:center;max-width:20%;} .img-main, .img-center {text-align:center;margin-bottom:6px;} .img-left img, .img-right img, .img-left-small img, .img-right-small img, .img-main img, .img-center img { vertical-align:middle; } /* LIST ELEMENTS list elements */ ul { margin-top:6px; margin-bottom:6px; padding-top:0; padding-bottom:0; margin-left:0; padding-left:0; } ul li { line-height:24px; list-style:none; margin-top:0; padding-top:0; padding-bottom:4px; margin-left:0; padding-left:20px; background-image:url(../images/point_dark.png); background-position:5px 10px; background-repeat:no-repeat; } #none { -moz-transition:all .3s ease-out; -webkit-transition:all .3s ease-out; transition:all .3s ease-out; -webkit-backface-visibility:hidden; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; pointer-events:none; } /* STANDARD PAGE ELEMENTS Standard page elements for laying out the main content of a website. */ #container1, #container-header, #container-navigation, #container-bread, #container-flash, #container-intro, #container-main, #container-main-top, #container-main-bottom, #container-footer, #container-base { margin:0 auto; margin-left:auto; margin-right:auto; border:none; } #container1 { position:relative; padding-top:86px; } .home #container1 {padding-top:80vh;} #container-header { position:absolute; top:0; left:0; right:0; z-index:9999; background-color:rgba(0,0,0,1); height:96px; } #container-header.header-scrolled { position:fixed; } #container-flash {background-color:#fff;} .home #container-flash { position:fixed; height:71vh; top:95px; right:0; bottom:0; left:0; z-index:500; } #container-main { position:relative; z-index:800; background-color:#fff; } #container-main-bottom { position:relative; z-index:800; background-color:#f2f2f2; } #container-footer, #container-base { position:relative; z-index:800; background-color:#333; } #container2 { text-align:left; margin:0 auto; margin-left:auto; margin-right:auto; padding:0 0 0 0; border:none; } .wrap { max-width:1080px; text-align:left; margin:0 auto; margin-left:auto; margin-right:auto; padding:0 0 0 0; border:none; } /* MAIN HEADER */ #header { height:86px; position:relative; } #header #logo { float:left; display:inline-block; } #header #logo a:nth-child(1) img { vertical-align:middle; max-width:300px; height:auto; } #header #logo a:nth-child(2) img { vertical-align:middle; max-width:150px; height:auto; } /* MOBILE QUICK CALL */ #header #mobile-link { float:right; display:block; clear:right; margin-top:16px; } #header #mobile-link a { color:#fff; font-size:16px; font-family:"eurostile-extended",sans-serif; font-style:normal; font-weight:500; position:relative; } #header #mobile-link a:before { position:absolute; left:-18px; top:2px; font-family: 'fabricators_builders_renovators'; content: "\f038"; color:#ff9966; } #header #mobile-link a:hover { color:#ff9966; } /* CART NAVIGATION */ #top-nav { float:right; display:inline-block; height:22px; line-height:22px; color:#ffffff; font-size:11px; text-align:right; white-space:nowrap; margin-top:10px; padding-right:20px; } #top-nav a {color:#ffffff;} #top-nav a:hover {text-decoration:underline;} #header #search { float:right; display:inline-block; height:22px; margin-top:10px; padding-right:20px; } #header #search .search-off { color:#000000; font-style:italic; } #header #search #search-box-input { width:200px; } .nav-holder { float:right; clear:right; width:600px; } /* MAIN NAVIGATION */ #navigation, #navigationmenu {; float:right; height:32px; line-height:32px; color:#ffffff; margin-top:5px; } #navigation {float:left;} #navigationmenu.menu { position:absolute; display:none; top:81px; right:0; z-index:9999; width:250px; clear:both; height:auto; background-color:rgba(255,170,77,0.9); padding:8px 16px; -webkit-transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1); transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1); } #navigationmenu ul, #navigation ul { margin:0 0 0 0; padding:0 0 0 0; } #navigationmenu ul li, #navigation ul li { float:left; display:inline-block; line-height:32px; list-style:none; margin-top:0; padding-top:0; padding-bottom:0; margin-left:0; padding-left:0; background:none; position:relative; z-index:900; } #navigationmenu.menu ul li { width:100%; float:none; clear:both; display:block; } #navigation ul li.mobile-item { display:none; } #navigationmenu a, #navigation a { float:left; display:inline-block; height:32px; line-height:32px; color:#ffffff; font-size:12px; padding-left:16px; padding-right:16px; -moz-transition:none; -webkit-transition:none; transition:none; font-family:"eurostile-extended",sans-serif; font-style:normal; font-weight:400; text-transform:uppercase; } #navigationmenu.menu a { width:100%; padding:0; text-align:right; -webkit-transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1); transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1); } #navigationmenu a strong, #navigationmenu a b, #navigation a strong, #navigation a b { display:block; height:32px; line-height:32px; font-weight:normal; } #navigation a:hover, #navigation .over, #navigation .on { color:#ff9966; z-index:894; } #navigationmenu.menu a:hover, #navigationmenu.menu .over, #navigationmenu.menu .on { padding-right:20px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; } #navigation a:hover strong, #navigation .over strong, #navigation .on strong, #navigation a:hover b, #navigation .over b, #navigation .on b { cursor:pointer; color:#ff9966; /*background-image:url(../images/nav_link.gif); background-position:right -50px;*/ } #navigation .over, #navigation a:hover.over { } #navigation .over strong, #navigation .over b, #navigation a:hover.over strong, #navigation a:hover.over b { } #navigation > ul .drop a, #navigation > ul .drop a:hover { } #navigation > ul .drop a strong, #navigation > ul .drop a b, #navigation > ul .drop a:hover strong, #navigation > ul .drop a:hover b { } #navigation .nav-div { display:inline-block; float:left; width:13px; /*font-size:0;*/ text-align:center; background-image:url(../images/nav_div.png); background-position:center; background-repeat:no-repeat; line-height:32px; height:32px; padding:0 0 0 0; margin:0 auto; border:none; } #navigationmenu.menu .nav-div {display:none;} #navigation .sub-nav { position:absolute; top:40px; left:2px; display:none; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; text-transform:none; line-height:14px; z-index:897; } /* Align last dropdown to the right */ #navigation > ul > li:last-child .sub-nav { left:auto; right:0px; } #navigation .sub-nav li { width:220px; height:auto; line-height:14px; } #navigation .sub-nav a { float:left; display:inline-block; width:220px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; height:auto; line-height:14px; border:none; border-radius:0px; color:#ffffff; background:none; padding:12px 13px; background-color:#383838; border-bottom:solid #343434 1px; margin:0 0 0 0; z-index:898; } #navigation .sub-nav a:hover, #navigation .sub-nav a.over:hover { color:#ffffff; border-radius:0px; background-color:#a2a2a2; border-bottom:solid #a2a2a2 1px; } #navigation .sub-nav a.over:hover {} #navigation .sub-nav .drop > a {} #navigation .sub-nav a.over {} #navigation .sub-nav li:last-child a { border-bottom:none; } #navigation ul li > .sub-nav .sub-nav { position:absolute; top:0px; left:220px; } .nav-right #navigation, .nav-right #navigation ul li, .nav-right #navigation a, .nav-right #navigation .nav-div { float:right; } /* MOBILE MENU Button */ #mobile-menu a { float:right; clear:right; display:inline-block; margin-top:10px; color:#ffffff; line-height:22px; padding:0 18px 0 18px; height:22px; font-size:18px; background-image:url(../images/icons/icon_menu.png); background-position:5px center; background-size:contain; background-repeat:no-repeat; } /* MEMBERS BAR */ .auth-details { height:auto; line-height:20px; text-align:right; color:#ffffff; background-color:#2e2e2e; padding:5px 0; } .auth-details .wrap { padding:0 27px; text-align:right; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; } .auth-details a {color:#ffffff;} .auth-details a:hover {color:#ffffff;text-decoration:underline;} .auth-details img { vertical-align:middle; margin-bottom:1px; } #site-messages { display:none; } #site-messages .error-message, #site-messages .alert-message, #site-messages .success-message { line-height:18px; font-size:larger; padding:15px 25px; } #site-messages a {color:#ffffff;} #site-messages a:hover {text-decoration:underline;} #site-messages .close-msg { float:right; } #site-messages .error-message { color:#ffffff; background-color:#b60d04; } #site-messages .alert-message { color:#ffffff; background-color:#999999; } #site-messages .success-message { color:#ffffff; background-color:#5ea90d; } /* ROTATING IMAGE */ #image-rotator { color:rgba(255,255,255,0.7); position:relative; } .home #image-rotator {height:71vh;} #image-rotator a {color:rgba(255,255,255,0.7);} #image-rotator a:hover {color:rgba(255,255,255,1);} #main #image-rotator {margin-bottom:18px;} #flash { position:relative; height:200px; z-index:600; } #flash #flash-over { position:absolute; left:0px; top:0px; z-index:800; } #flash table { position:absolute; left:0px; top:0px; z-index:700; display:none; } #header-rotator { float:right; display:inline-block; margin-top:10px; margin-right:25px; } #rotator { position:relative; height:200px; z-index:600; } #rotator table { position:absolute; left:0px; top:0px; z-index:700; display:none; } #slider { position:relative; background:url(images/colorbox/loading_white.gif) no-repeat 50% 50%; } .nivo-caption { position:absolute; right:0px; bottom:65%; color:#fff; width:100%; z-index:8; overflow:visible; height:0px; display: none; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } #image-rotator .slider-text { position:absolute; right:0px; top:0px; padding:5px 25px; text-align:right; } #slider img { position:absolute; top:0px; left:0px; display:none; z-index:1; } #slider a { border:0; display:block; } #slider-over { position:absolute; left:0px; top:0px; z-index:800; } #slidebox { width:940px; color:#ffffff; text-align:left; margin:0 auto; margin-left:auto; margin-right:auto; padding:0 0 0 0; border:none; font-size:14px; color:#ffffff; position:relative; overflow:hidden; } #slidebox-holder { float:left; width:940px; height:140px; overflow:hidden; position:relative; } #slidebox-slider { position:absolute; left:0px; top:0px; } #slidebox a {color:#ffffff;} #slidebox a:hover {text-decoration:underline;} #slidebox .slidebox-item { float:left; width:200px; } #slidebox #slidebox-left { position:absolute; left:0px; top:0px; display:block; width:60px; height:140px; z-index:850; } #slidebox #slidebox-left a { display:block; height:140px; text-decoration:none; background-color:#d6d6d6; background-image:url(../images/slider_left.png); background-position:center; background-repeat:no-repeat; } #slidebox #slidebox-left a:hover { background-color:#ededed; } #slidebox #slidebox-right { position:absolute; right:0px; top:0px; display:block; width:60px; height:140px; z-index:851; } #slidebox #slidebox-right a { display:block; height:140px; text-decoration:none; background-color:#d6d6d6; background-image:url(../images/slider_right.png); background-position:center; background-repeat:no-repeat; text-decoration:none; } #slidebox #slidebox-right a:hover { background-color:#ededed; } #slidebox #slidebox-left a:focus, #slidebox #slidebox-right a:focus { outline:0; } /* RANDOM IMAGE */ .random-image { color:#ffffff; text-align:center; padding:40px 0; min-height:80px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; background-position:center top; background-repeat:no-repeat; background-size:cover; } .random-image a {color:#ffffff;} .random-image a:hover {} /* BREADCRUMB */ #breadcrumb { font-size:12px; line-height:24px; padding:16px 25px 4px 25px; } /* MAIN CONTENT */ #main { line-height:22px; min-height:200px; padding:50px 0; } #main .main-top {padding-bottom:50px;} .home #main {padding-top:10px;} .home #main .main-top { padding-top:40px; background-image:url(../images/building_practitioner_faded.png); background-position:top center; background-repeat:no-repeat; background-size:contain; } .main-top h1 { text-align:center; } #main .main-bottom {padding-top:50px;} #main .main-full { width:100%; } #main .main-content { float:left; width:50%; } #main .main-box { padding:8px 10px; background-color:#efefef; } #main .thirds {} #main .main-third { float:left; width:30%; margin-right:5%; } #main .thirds > div:nth-child(3n+3) {margin-right:0%;} #main .thirds > div:nth-child(3n+4) {clear:left;} #main .full-left { float:left; width:47%; } #main .full-right { float:right; width:47%; } /* MAIN SIDE CONTENT */ #main .main-left { float:left; width:20%; margin-right:20px; } #main .main-right { float:right; width:20%; } #main .main-right .img-left, #main .main-left .img-left {float:left;margin-right:10px;margin-top:0;margin-bottom:0;text-align:center;} #main .main-right .img-right, #main .main-left .img-right {clear:right;float:right;margin-left:10px;margin-top:0;margin-bottom:0;text-align:center;} #main .main-right p, #main .main-left p { padding:6px 0; margin:0 0 0 0; line-height:22px; margin-bottom:1px; } #main .main-right .side-holder, #main .main-left .side-holder, #main .main-right form, #main .main-left form { padding:6px 0; margin:0 0 0 0; line-height:22px; margin-bottom:1px; } #main .main-right .side-holder p, #main .main-left .side-holder p, #main .main-right form p, #main .main-left form p { padding:0 0 12px 0; } #main .main-right h5, #main .main-right h6, #main .main-left h5, #main .main-left h6 { margin-top:10px; } #main .main-right h5, #main .main-left h5 {} #main .main-right h6, #main .main-left h6 {} #main .side-nav { padding:3px 0; margin:0 0 0 0; } #main .side-nav li { list-style:none; margin-top:0; padding-top:0; padding-bottom:0; margin-left:0; padding-left:0; background:none; position:relative; z-index:700; } #main .side-nav li a { padding:4px 10px; } .main-right .form-item, .main-left .form-item { width:100%; } /* MAIN BOTTOM */ #main-bottom { padding:50px 0 80px; } /* MAIN FOOTER */ #footer { line-height:22px; color:#fff; text-align:left; padding:44px 0; } #footer a {color:#757679;} #footer a:hover {text-decoration:underline;color:#fff;} #footer a.mailto { padding-left:24px; background-image:url(../images/icons/icon_mailto_new.png); background-position:left center; background-repeat:no-repeat; } #footer h4 { font-family:"eurostile-extended",sans-serif; font-size:11px; line-height:33px; color:#b6b8ba; font-weight:400; text-transform:uppercase; padding:0; } #footer b, #footer strong { font-family:"eurostile-extended",sans-serif; color:#fff; font-weight:700; font-size:20px; line-height:24px; } #footer b a, #footer strong a { position:relative; font-family:"eurostile-extended",sans-serif; font-weight:700; padding-left:24px; color:#fff; } #footer b a.icon-mobile:before, #footer strong a.icon-mobile:before { position:absolute; top:4px; left:2px; font-family:'fabricators_builders_renovators'; content:"\f038"; color:#ff9966; } #footer .footer-left { float:left; width:32%; text-align:left; margin-right:2%; } .footer-social { width:100%; display:block; } .footer-social a { display:inline-block; width:10%; margin-right:2%; text-align:center; font-size:32px; } .footer-social a:nth-child(5n+5) {margin-right:0;} .footer-social a img {display:none;} #footer .footer-social a:hover { text-decoration:none; } #footer .footer-middle { float:left; width:32%; text-align:left; } #footer .footer-middle a { position:relative; display:block; width:90%; padding-left:15px; clear:both; text-transform:uppercase; font-size:11px; font-family:"eurostile-extended",sans-serif; } #footer .footer-middle a:before { position:absolute; top:0; left:0; content:">"; color:#ff9966; } #footer .footer-right { float:right; width:32%; text-align:left; } #footer .footer-right .img-left {max-width:40%;} #footer .footer-right .footer-images {clear:both; width:90%; margin-right:10%; height:auto; margin-bottom:20px;} #footer .footer-right .footer-images .footimg1 .img-left, #footer .footer-right .footer-images .footimg2 .img-left {max-width:100%; margin:0;} #footer .footer-right .footimg1, #footer .footer-right .footimg2 {width:30%; float:left; clear:both;} #footer .footer-right .footimg2 {margin-left:35%; clear:none; margin-right:5%;} #footer .footer-right .footer-images .footimg3 {clear:both; padding-top:10px;} /* BASE */ #base { line-height:22px; font-size:smaller; color:#ADA8A1; text-align:center; padding:6px 25px 20px 25px; } #base a {color:#ADA8A1;} #base a:hover {text-decoration:underline;} #desktop-link {display:none;} .googlemap-box { width:100%; overflow:hidden; } .googlemap-box .img-right { max-width:none !important; } .googlemap-box img { width:auto; max-width:none !important; } .map-holder { } .map-holder img { width:auto; max-width:none !important; } /* COMMON PAGE STYLES Common styles for database pages. */ /* Image boxes */ .image-boxes { display:block; } .image-boxes .image-box { float:left; display:inline-block; position:relative; } /* 7 Column Image boxes */ .image-boxes.seven-column .image-box { width:13%; margin-right:1.5%; margin-bottom:10px; } .image-boxes.text-over.seven-column .image-box {height:auto;} .image-boxes.seven-column .image-box:nth-child(7n+7) {margin-right:0%;} .image-boxes.seven-column .image-box:nth-child(7n+8) {clear:both;} /* 6 Column Image boxes */ .image-boxes.six-column .image-box { width:15%; margin-right:2%; margin-bottom:20px; } .image-boxes.text-over.six-column .image-box {height:auto;} .image-boxes.six-column .image-box:nth-child(6n+6) {margin-right:0%;} .image-boxes.six-column .image-box:nth-child(6n+7) {clear:both;} /* 5 Column Image boxes */ .image-boxes.five-column .image-box { width:16%; margin-right:5%; margin-bottom:30px; } .image-boxes.text-over.five-column .image-box {height:auto;} .image-boxes.five-column .image-box:nth-child(5n+5) {margin-right:0%;} .image-boxes.five-column .image-box:nth-child(5n+6) {clear:both;} /* 4 Column Image boxes */ .image-boxes.four-column .image-box { width:22%; margin-right:4%; margin-bottom:30px; } .image-boxes.text-over.four-column .image-box {height:auto;} .image-boxes.four-column .image-box:nth-child(4n+4) {margin-right:0%;} .image-boxes.four-column .image-box:nth-child(4n+5) {clear:both;} /* 3 Column Image boxes */ .image-boxes.three-column .image-box { width:32%; margin-right:2%; margin-bottom:20px; } .image-boxes.text-over.three-column .image-box {height:auto;} .image-boxes.three-column .image-box:nth-child(3n+3) {margin-right:0%;} .image-boxes.three-column .image-box:nth-child(3n+4) {clear:both;} /* 2 Column Image boxes */ .image-boxes.two-column .image-box { width:48%; margin-right:4%; margin-bottom:40px; } .image-boxes.text-over.two-column .image-box {height:auto;} .image-boxes.two-column .image-box:nth-child(2n+2) {margin-right:0%;} .image-boxes.two-column .image-box:nth-child(2n+3) {clear:both;} /* 1 Column Image boxes */ .image-boxes.one-column .image-box { width:100%; margin-right:0%; margin-bottom:30px; } .image-boxes.text-over.one-column .image-box {height:auto;} /* Text Over Image boxes */ .image-boxes.text-over .image-box { overflow:hidden; } .image-boxes.text-over .image-box a.image-box-text { position:absolute; top:0px; left:0px; right:0px; bottom:0px; display:block; width:100%; z-index:999; background-color:rgba(0,0,0,0.4); text-transform:uppercase; -webkit-transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1); transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1); } .image-boxes.text-over .image-box a.image-box-text, .image-boxes.text-over .image-box a.image-box-text .silent {color:#ffffff;} .image-boxes.text-over .image-box:hover a.image-box-text {background-color:rgba(0,0,0,0);} .image-boxes.text-over .image-box a.image-box-text h3 { line-height:180px; padding:0; text-align:center; vertical-align:middle; color:#fff; } /* Text Under Image boxes */ .image-boxes.text-under .image-box {} .image-boxes.text-under .image-box a.image-box-text { display:block; padding-top:10px; } /* Image box images */ .image-boxes .image-box a.image-box-image { display:block; } .image-boxes .image-box:hover a.image-box-image { opacity:0.7; } .image-boxes .image-box a.image-box-image { display:block; -webkit-backface-visibility:hidden; -moz-transition:all .3s ease-out; -webkit-transition:all .3s ease-out; transition:all .3s ease-out; } .image-boxes .image-box a.image-box-image img { vertical-align:middle; } /* Services */ .services { display:block; } /* List of image next to text */ .services .service-item { display:block; margin-bottom:20px; } .services .service-item .service-item-text { float:right; width:80%; } .services .service-item .service-item-image { float:left; width:18%; } .grid-video-service .service-item { float:left; width:32%; margin-right:2%; margin-bottom:0; } .grid-video-service.services .service-item .grid-item-image { position:relative; width:100%; max-height:220px; display:block; overflow:hidden; } .grid-video-service.services .service-item .grid-item-image:before { position:absolute; font-family:'fabricators_builders_renovators'; content: "\e806"; right:12px; bottom:10px; color:#ff9966; font-size:24px; -webkit-transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1); transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1); } .grid-video-service.services .service-item .grid-item-image:hover:before {color:#fff;} .grid-video-service.services .service-item .grid-video { position:relative; display:block; max-height:220px; overflow:hidden; } .grid-video-service.services .service-item .grid-video:before { position:absolute; top:0; bottom:0; left:0; right:0; text-align:center; vertical-align:middle; line-height:220px; font-size:100px; font-family:'fabricators_builders_renovators'; content:"\e805"; color:#fff; -webkit-transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1); transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1); } .grid-video-service.services .service-item .grid-video:hover:before {color:#ff9966;} .grid-video-service.services .service-item .grid-video img {vertical-align:middle;} .grid-video-service .service-item:nth-child(3n+3) {margin-right:0;margin-bottom:2%;} .grid-video-service .service-item:nth-child(3n+4) {clear:both;} /* Grid of image next to text */ .services.grid-text-side .service-item { float:left; display:inline-block; width:32%; margin-right:2%; margin-bottom:20px; position:relative; } .services.grid-text-side .service-item .service-item-text {width:60%;} .services.grid-text-side .service-item .service-item-image {width:35%;} .services.grid-text-side .service-item:nth-child(3n+3) {margin-right:0%;} .services.grid-text-side .service-item:nth-child(3n+4) {clear:both;} .main-content .services.grid-text-side .service-item { width:48%; margin-right:4%; margin-bottom:40px; } .main-content .services.grid-text-side .service-item:nth-child(2n+2) {margin-right:0%;} .main-content .services.grid-text-side .service-item:nth-child(3n+3) {clear:both;} .full-left .services.grid-text-side .service-item, .full-right .services.grid-text-side .service-item, .main-third .services.grid-text-side .service-item, .main-right .services.grid-text-side .service-item, .main-left .services.grid-text-side .service-item { width:100% !important; margin-right:0% !important; margin-bottom:40px; } /* Grid of image with text under */ .services.grid-text-under .service-item { float:left; display:inline-block; width:22%; margin-right:4%; margin-bottom:30px; position:relative; } .services.grid-text-under .service-item .service-item-image { float:none; width:100%; } .services.grid-text-under .service-item .service-item-text { float:none; width:100%; display:block; padding-top:10px; } .services.grid-text-under .service-item:nth-child(4n+4) {margin-right:0%;} .services.grid-text-under .service-item:nth-child(4n+5) {clear:both;} .main-content .services.grid-text-under .service-item { width:32%; margin-right:2%; margin-bottom:20px; } .main-content .services.grid-text-under .service-item:nth-child(3n+3) {margin-right:0%;} .main-content .services.grid-text-under .service-item:nth-child(3n+4) {clear:both;} .services.grid-text-under .service-item h3 { font-size:18px; color:#333; font-weight:800; font-family:"proxima-nova", Arial, sans-serif; } .services.grid-text-under .service-item:hover h3 {color:#ababab;} .full-left .services.grid-text-under .service-item, .full-right .services.grid-text-under .service-item { width:48%; margin-right:4%; margin-bottom:40px; } .full-left .services.grid-text-under .service-item:nth-child(2n+2), .full-right .services.grid-text-under .service-item:nth-child(2n+2) {margin-right:0%;} .full-left .services.grid-text-under .service-item:nth-child(2n+3), .full-right .services.grid-text-under .service-item:nth-child(2n+3) {clear:both;} .main-third .services.grid-text-under .service-item, .main-right .services.grid-text-under .service-item, .main-left .services.grid-text-under .service-item { width:100% !important; margin-right:0% !important; margin-bottom:40px; } /* Grid of image with text over */ .services.grid-text-over .service-item { float:left; display:inline-block; width:22%; margin-right:4%; margin-bottom:30px; overflow:hidden; position:relative; } .services.grid-text-over .service-item .service-item-image { float:none; width:100%; } .services.grid-text-over .service-item .service-item-text { float:none; width:auto; position:absolute; top:0px; left:0px; right:0px; bottom:0px; display:block; padding:10px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; z-index:500; } .services.grid-text-over .service-item .service-item-text, .services.grid-text-over .service-item .service-item-text .silent {color:#ffffff;} .services.grid-text-over .service-item:nth-child(4n+4) {margin-right:0%;} .services.grid-text-over .service-item:nth-child(4n+5) {clear:both;} .main-content .services.grid-text-over .service-item { width:32%; margin-right:2%; margin-bottom:20px; } .main-content .services.grid-text-over .service-item:nth-child(3n+3) {margin-right:0%;} .main-content .services.grid-text-over .service-item:nth-child(3n+4) {clear:both;} .full-left .services.grid-text-over .service-item, .full-right .services.grid-text-over .service-item { width:48%; margin-right:4%; margin-bottom:40px; } .full-left .services.grid-text-over .service-item:nth-child(2n+2), .full-right .services.grid-text-over .service-item:nth-child(2n+2) {margin-right:0%;} .full-left .services.grid-text-over .service-item:nth-child(2n+3), .full-right .services.grid-text-over .service-item:nth-child(2n+3) {clear:both;} .main-third .services.grid-text-over .service-item, .main-right .services.grid-text-over .service-item, .main-left .services.grid-text-over .service-item { width:100% !important; margin-right:0% !important; margin-bottom:40px; } /* Grid with Title and Image Only, Title over Image */ .services.grid-title-over {} .services.grid-title-over .service-item { position:relative; float:left; width:32%; margin-right:2%; margin-bottom:2%; max-height:220px; min-height:150px; height:220px; overflow:hidden; } .services.grid-title-over .service-item:nth-child(3n+3) {margin-right:0;} .services.grid-title-over .service-item:nth-child(3n+4) {clear:none;} .services.grid-title-over .service-item .service-item-image { display:block; width:100%; } .services.grid-title-over .service-item .service-item-image img {vertical-align:middle;} .services.grid-title-over .service-item .service-item-text { position:absolute; left:0; right:0; bottom:0; top:0; width:100%; z-index:999; background-color:rgba(0,0,0,0.4); text-transform:uppercase; -webkit-transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1); transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1); display:table; text-align:center; width:100%; } .services.grid-title-over .service-item .service-item-text-noimg { width:auto; position:absolute; height:100%; top:0px; left:0px; right:0px; bottom:0px; display:block; padding:10px; text-transform:uppercase; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; z-index:500; display:table; text-align:center; width:100%; } .services.grid-title-over .service-item:hover .service-item-text-noimg h3 {color:#ff9966;} .services.grid-title-over .service-item:hover .service-item-text {background-color:rgba(0,0,0,0);} .services.grid-title-over .service-item .service-item-text h3, .services.grid-title-over .service-item .service-item-text-noimg h3 { line-height:50px; height:220px; padding:0; text-align:center; vertical-align:middle; color:#fff; display:table-cell; } .services.grid-title-over .service-item .service-item-text-noimg h3 {color:#000;} /* Summary list of image next to text */ .services.list-summary .service-item { display:block; margin-bottom:8px; } .services.list-summary .service-item .service-item-text { width:78%; padding-top:4px; } .services.list-summary .service-item .service-item-text .service-item-details {display:none;} .services.list-summary .service-item .service-item-image { width:18%; } /* Service images */ .services .service-item a.service-item-image { display:block; } .services .service-item:hover a.service-item-image { opacity:0.7; } .services .service-item a.service-item-image { display:block; -webkit-backface-visibility:hidden; -moz-transition:all .3s ease-out; -webkit-transition:all .3s ease-out; transition:all .3s ease-out; } .services .service-item a.service-item-image img { vertical-align:middle; } /* Staff */ .staff { display:block; } /* List of image next to text */ .staff .staff-item { display:block; margin-bottom:20px; } .staff .staff-item .staff-item-text { float:right; width:80%; } .staff .staff-item .staff-item-image { float:left; width:18%; } /* Grid of image next to text */ .staff.grid-text-side .staff-item { float:left; display:inline-block; width:32%; margin-right:2%; margin-bottom:20px; position:relative; } .staff.grid-text-side .staff-item .staff-item-text {width:60%;} .staff.grid-text-side .staff-item .staff-item-image {width:35%;} .staff.grid-text-side .staff-item:nth-child(3n+3) {margin-right:0%;} .staff.grid-text-side .staff-item:nth-child(3n+4) {clear:both;} .main-content .staff.grid-text-side .staff-item { width:48%; margin-right:4%; margin-bottom:40px; } .main-content .staff.grid-text-side .staff-item:nth-child(2n+2) {margin-right:0%;} .main-content .staff.grid-text-side .staff-item:nth-child(3n+3) {clear:both;} .full-left .staff.grid-text-side .staff-item, .full-right .staff.grid-text-side .staff-item, .main-third .staff.grid-text-side .staff-item, .main-right .staff.grid-text-side .staff-item, .main-left .staff.grid-text-side .staff-item { width:100% !important; margin-right:0% !important; margin-bottom:40px; } /* Summary list of image next to text */ .staff.list-summary .staff-item { display:block; margin-bottom:8px; } .staff.list-summary .staff-item .staff-item-text { width:78%; line-height:16px; } .staff.list-summary .staff-item .staff-item-text .staff-item-details {display:none;} .staff.list-summary .staff-item .staff-item-image { width:18%; } /* Staff images */ .staff .staff-item a.staff-item-image { display:block; } .staff .staff-item:hover a.staff-item-image { opacity:0.7; } .staff .staff-item a.staff-item-image { display:block; -webkit-backface-visibility:hidden; -moz-transition:all .3s ease-out; -webkit-transition:all .3s ease-out; transition:all .3s ease-out; } .staff .staff-item a.staff-item-image img { vertical-align:middle; } /* Staff details page */ .staff-details { display:block; } .staff-details .staff-details-image { float:right; margin-left:20px; max-width:50%; } /* Events */ .events {display:block;} .events .event-item { display:block; margin-bottom:20px; position:relative; } .events .event-item .event-item-text { float:left; width:75%; display:inline-block; padding-left:110px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; } .events.list-summary .event-item .event-item-text { padding-left:40px; } .events .event-item .event-item-image { float:right; width:20%; -webkit-backface-visibility:hidden; -moz-transition:all .3s ease-out; -webkit-transition:all .3s ease-out; transition:all .3s ease-out; } .events .event-item:hover .event-item-image { opacity:0.7; } .date-icon { position:absolute; top:0px; left:0px; width:95px; margin-top:5px; height:auto; line-height:12px; font-size:12px; font-weight:bold; text-transform:uppercase; text-align:center; padding:5px 0 5px 0; background-color:#cfcfcf; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; } .date-icon .date-number {font-size:24px;line-height:30px;} .date-icon-start { position:absolute; top:0px; left:0px; width:45px; margin-top:5px; height:auto; line-height:12px; font-size:12px; font-weight:bold; text-transform:uppercase; text-align:center; padding:5px 0 10px 0; background-color:#cfcfcf; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; } .date-icon-start .date-number {font-size:24px;line-height:30px;} .date-icon-start::after { content:'-'; position:absolute; top:12px; right:-11px; width:16px; height:16px; font-size:24px; font-weight:bold; line-height:14px; text-align:center; color:#cfcfcf; background-color:#ffffff; border-radius:11px; z-index:300; } .date-icon-end { position:absolute; top:0px; left:50px; width:45px; margin-top:5px; height:auto; line-height:12px; font-size:12px; font-weight:bold; text-transform:uppercase; text-align:center; padding:5px 0 10px 0; background-color:#cfcfcf; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; } .date-icon-end .date-number {font-size:24px;line-height:30px;} .date-icon-small { position:absolute; top:0px; left:0px; width:30px; height:36px; line-height:11px; font-size:11px; text-transform:uppercase; text-align:center; padding:4px 0 0 0; background-color:#cfcfcf; } .date-icon-small .date-number {font-size:18px;line-height:20px;} .summary-calendar {} .summary-calendar .summary-calendar-title { position:relative; } .summary-calendar .summary-calendar-title h3 { text-align:center; } .summary-calendar .summary-calendar-title .summary-calendar-previous { position:absolute; left:0px; top:0px; } .summary-calendar .summary-calendar-title .summary-calendar-previous::before {content:'«';} .summary-calendar .summary-calendar-title .summary-calendar-next { position:absolute; right:0px; top:0px; } .summary-calendar .summary-calendar-title .summary-calendar-next::after {content:'»';} .summary-calendar .summary-calendar-weekday { float:left; width:14.28571428571429%; padding:6px 0; text-align:center; } .summary-calendar .summary-calendar-day { float:left; width:14.28571428571429%; color:#666666; text-align:center; line-height:30px; border:solid #e1e1e1 1px; border-top:none; border-left:none; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; } .summary-calendar .summary-calendar-day:nth-child(-n+7) { border-top:solid #e1e1e1 1px; } .summary-calendar .summary-calendar-day:nth-child(7n+1) { border-left:solid #e1e1e1 1px; } .calendar-highlight { background-color:#efefef; } .summary-calendar-blank {} .summary-calendar-today { background-color:#efefef; } .summary-calendar .summary-calendar-events { padding-top:10px; } .summary-calendar .summary-calendar-events a { clear:left; float:left; display:inline-block; line-height:16px; margin-bottom:5px; } .summary-calendar .summary-calendar-events a::before {content:'■ ';} .year-calendar {} .year-calendar .summary-calendar-holder { float:left; width:30%; margin-right:5%; margin-bottom:40px; } .year-calendar .summary-calendar-holder:nth-child(3n+3) {margin-right:0%;} .year-calendar .summary-calendar-holder:nth-child(3n+4) {clear:both;} .year-calendar .summary-calendar-previous, .year-calendar .summary-calendar-next {display:none;} .year-calendar-prevnext {} .year-calendar-prevnext .year-calendar-previous { float:left; display:inline-block; } .year-calendar-prevnext .year-calendar-previous::before {content:'« ';} .year-calendar-prevnext .year-calendar-next { float:right; display:inline-block; } .year-calendar-prevnext .year-calendar-next::after {content:' »';} .full-calendar {} .full-calendar .full-calendar-title { position:relative; } .full-calendar .full-calendar-title h2 { text-align:center; } .full-calendar .full-calendar-title .full-calendar-previous { position:absolute; left:0px; top:0px; } .full-calendar .full-calendar-title .full-calendar-previous::before {content:'« ';} .full-calendar .full-calendar-title .full-calendar-next { position:absolute; right:0px; top:0px; } .full-calendar .full-calendar-title .full-calendar-next::after {content:' »';} .full-calendar .full-calendar-weekday { float:left; width:14.28571428571429%; padding:6px 0; } .full-calendar .full-calendar-day { float:left; width:14.28571428571429%; min-height:90px; color:#666666; font-size:11px; border:solid #e1e1e1 1px; border-top:none; border-left:none; padding:30px 10px 5px 10px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; position:relative; } .full-calendar .full-calendar-day:nth-child(-n+7) { border-top:solid #e1e1e1 1px; } .full-calendar .full-calendar-day:nth-child(7n+1) { border-left:solid #e1e1e1 1px; } .full-calendar .full-calendar-day a { clear:left; float:left; display:inline-block; line-height:16px; margin-bottom:5px; } .full-calendar .full-calendar-day a::before {content:'■ ';} .full-calendar-blank {} .full-calendar-today { background-color:#efefef; } .full-calendar .full-calendar-number { position:absolute; right:10px; top:6px; font-size:14px; } /* NEWS PAGES */ .news-holder {display:block;} .news-holder .news-item { display:block; margin-bottom:10px; } .news-holder .news-item .news-text { float:left; width:70%; } .news-holder .news-item .news-text-full { width:100%; } .news-holder .news-item .news-image { float:right; max-width:25%; margin-top:10px; } .news-holder .news-item .news-image img { max-height:80px; } .news-summery {} .news-summery .news-item { color:#000000; font-size:12px; } .news-summery .news-item .text {} /* PHOTO GALLERY PAGES */ .gallery-holder {display:block;} .gallery-holder .gallery-item { float:left; width:15%; height:auto; margin-right:2%; margin-bottom:14px; text-align:center; } .gallery-holder .gallery-item img { max-width:100%; height:auto; width:auto\9; /* ie8 */ vertical-align:bottom; } .gallery-holder div:nth-child(6n+6) {margin-right:0%;} .gallery-holder div:nth-child(6n+7) {clear:left;} .gallery-holder .gallery-item-textover { float:left; width:15%; height:auto; margin-right:2%; margin-bottom:14px; text-align:center; position:relative; } .gallery-holder .gallery-item-textover img { max-width:100%; height:auto; width:auto\9; /* ie8 */ vertical-align:bottom; } .gallery-holder .gallery-item-textover .gallery-title { position:absolute; bottom:0px; width:100%; color:#ffffff; min-height:10%; padding-top:5%; padding-bottom:5%; cursor:pointer; -moz-transition:all 0.15s; -webkit-transition:all 0.15s; transition:all 0.15s; background-color:#000000; background-color:rgba(0,0,0,0.5); } .gallery-holder .gallery-item-textover a:hover .gallery-title { padding-top:5%; padding-bottom:5%; min-height:50%; } .gallery-cat-holder {display:block;} .gallery-cat-holder .gallery-item { float:left; width:22%; height:auto; margin-right:4%; margin-bottom:14px; text-align:center; } .gallery-cat-holder .gallery-item img { max-width:100%; height:auto; width:auto\9; /* ie8 */ vertical-align:bottom; } .gallery-cat-holder div:nth-child(4n+4) {margin-right:0%;} .gallery-cat-holder div:nth-child(4n+5) {clear:left;} .gallery-cat-holder .gallery-item-textover { float:left; width:22%; height:auto; margin-right:4%; margin-bottom:14px; text-align:center; position:relative; } .gallery-cat-holder .gallery-item-textover img { max-width:100%; height:auto; width:auto\9; /* ie8 */ vertical-align:bottom; } .gallery-cat-holder .gallery-item-textover .gallery-title { position:absolute; bottom:0px; width:100%; color:#ffffff; min-height:10%; padding-top:5%; padding-bottom:5%; cursor:pointer; -moz-transition:all 0.15s; -webkit-transition:all 0.15s; transition:all 0.15s; background-color:#000000; background-color:rgba(0,0,0,0.5); } .gallery-cat-holder .gallery-item-textover a:hover .gallery-title { padding-top:5%; padding-bottom:5%; min-height:50%; } .gallery-slider-main { position:relative; width:100%; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; height:318px; padding:2px; border:solid #e1e1e1 1px; } .gallery-slider-main .gsm-image { position:absolute; left:0px; top:2px; width:100%; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; height:312px; text-align:center; display:none; } .gsp-holder { width:100%; height:72px; padding:5px 0px; position:relative; overflow:hidden; margin-top:15px; } .gsp-holder a.gsp-left, .gsp-holder a.gsp-right { display:block; position:absolute; top:5px; width:53px; height:72px; color:#ffffff; cursor:pointer; background-color:#f2f3f4; z-index:900; } .gsp-holder a.gsp-left:hover, .gsp-holder a.gsp-right:hover { background-color:#6a6c6d; } .gsp-holder a.gsp-left {left:0px;} .gsp-holder a.gsp-left strong, .gsp-holder a.gsp-left b { position:absolute; left:20px; top:25px; width:0; height:0; border-top:solid transparent 10px; border-bottom:solid transparent 10px; border-right:solid #a4a6a7 10px; } .gsp-holder a.gsp-right {right:0px;} .gsp-holder a.gsp-right strong, .gsp-holder a.gsp-right b { position:absolute; right:20px; top:25px; width:0; height:0; border-top:solid transparent 10px; border-bottom:solid transparent 10px; border-left:solid #a4a6a7 10px; } .gsp-holder .gallery-slider-previews { position:absolute; left:0px; top:0px; } .gsp-holder .gallery-slider-previews .gsp-image { float:left; margin:5px 5px; width:90px; height:68px; text-align:center; padding:1px; cursor:pointer; border:solid #e1e1e1 1px; } .gsp-holder .gallery-slider-previews .gsp-image img { max-height:100%; } .gsp-holder .gallery-slider-previews .gsp-image-current { margin:2px 1px; width:98px; height:74px; border:solid #878888 1px; } .photo-holder { display:block; text-align:center; } .side-gallery-item { float:left; width:22%; } .side-gallery-item img { max-width: 100%; height: auto; width: auto\9; /* ie8 */ } /* BEFORE AND AFTER GALLERY PAGES */ .beforeafter-holder {display:block;} .beforeafter-holder .beforeafter-item { float:left; width:30%; height:auto; margin-right:5%; margin-bottom:14px; text-align:left; position:relative; } .beforeafter-holder .beforeafter-item .before-image img { max-width:60%; height:auto; width:auto\9; /* ie8 */ vertical-align:bottom; } .beforeafter-holder .beforeafter-item .after-image img { position:absolute; right:0px; top:30px; z-index:980; max-width:50%; height:auto; width:auto\9; /* ie8 */ vertical-align:bottom; } .beforeafter-holder div:nth-child(3n+3) {margin-right:0%;} .beforeafter-holder div:nth-child(3n+4) {clear:left;} .beforeafter-side-holder {display:block;} .beforeafter-side-holder .beforeafter-item { float:left; width:140px; text-align:left; position:relative; padding-bottom:102px; } .beforeafter-side-holder .beforeafter-item .before-image img { position:absolute; left:0px; top:18px; } .beforeafter-side-holder .beforeafter-item .after-image img { position:absolute; left:50px; top:30px; z-index:980; } .beforeafter-cat-holder {display:block;} .beforeafter-cat-holder .beforeafter-item { float:left; width:22%; height:auto; margin-right:4%; margin-bottom:14px; text-align:center; } .beforeafter-cat-holder .beforeafter-item img { max-width:100%; height:auto; width:auto\9; /* ie8 */ vertical-align:bottom; } .beforeafter-details {} .beforeafter-details .before-image { float:left; width:47%; } .beforeafter-details .after-image { float:right; width:47%; } /* VIDEO PAGES */ .video-holder {display:block;} .video-holder .video-item { float:left; width:30%; height:auto; margin-right:5%; margin-bottom:14px; text-align:center; position:relative; } .video-holder .video-item img { max-width:100%; height:auto; width:auto\9; /* ie8 */ vertical-align:bottom; } .video-holder div:nth-child(3n+3) {margin-right:0%;} .video-holder div:nth-child(3n+4) {clear:left;} /* DOCUMENTS PAGES */ .document-list-holder {} .document-list-holder .document-list-item {} .document-icons-holder { clear:both; padding:0 0 20px 0; } .document-icons-holder .document-icons-item { position:relative; padding-left:22px; line-height:26px; } .document-icons-holder .document-icons-item img { position:absolute; top:4px; left:0px; } .document-thumbnails-holder { clear:both; padding:0 0 20px 0; } .document-thumbnails-holder .document-thumbnails-item { position:relative; float:left; width:50%; height:110px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; padding-left:110px; } .document-thumbnails-item .document-thumbnails-item-image { position:absolute; top:0px; left:0px; width:100px; text-align:center; } .document-thumbnails-item img { vertical-align:middle; } /* TESTIMONIALS PAGES */ .testimonial-holder {display:block;} .testimonial-holder .testimonial-item { position:relative; display:block; float:left; width:48%; margin-right:4%; margin-bottom:6%; padding:24px; border:1px solid #333; background-color:#333; color:#fff; border-top-right-radius:4px; border-top-left-radius:4px; padding-bottom:24px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; } .testimonial-holder .testimonial-item:before { position:absolute; left:10%; bottom:-32px; text-align:center; background-color:#ff9966; border:4px solid #fff; border-radius:70px; font-family: 'fabricators_builders_renovators'; content:"\e807"; font-size:28px; line-height:52px; height:52px; width:52px; } .testimonial-holder .testimonial-item:nth-child(2n+2) {margin-right:0;} .testimonial-holder .testimonial-item .testimonial-text { float:left; width:70%; } .testimonial-holder .testimonial-item .testimonial-text-full { width:100%; } .testimonial-item .testimonial-text .answer, .testimonial-item .testimonial-text-full .answer { float:right; font-weight:400; font-size:16px; margin-top:14px; font-family:"eurostile-extended",Arial, sans-serif; } .testimonial-holder .testimonial-item .testimonial-image { float:right; width:25%; margin-top:10px; } .testimonial-holder .beforeafter-holder .beforeafter-item { float:right; width:25%; margin-right:0%; } /* FAQS PAGES */ .faq-holder { display:block; } .faq-item {display:block;margin-top:0px;margin-bottom:18px;} /* LINKS PAGES */ .links-holder { display:block; padding-bottom:18px; } .links-holder img { max-width:none; height:auto; width:auto\9; /* ie8 */ vertical-align:middle; } .links-item { float:Left; display:block; width:100%; } .link-images {} .link-images .links-item { float:left; width:25%; margin-bottom:18px; } .link-images .links-item:nth-child(4n+5) {clear:left;} .link-images .link-images-image { float:left; width:100%; height:100px; text-align:center; display:inline-block; } .link-images .link-images-image img { max-width:100%; max-height:100px; } .link-images .link-images-text { float:left; width:100%; text-align:center; padding-top:5px; } .links-favicons {} .links-favicons .links-item { padding-bottom:16px; } .links-favicons .links-favicons-image { float:left; width:24px; max-width:24px; display:inline-block; } .links-favicons .links-favicons-text { float:left; text-align:left; width:86%; padding-top:2px; } .goto-link-desktop {} .goto-link-mobile {display:none;} .links-favicons-list {} .links-favicons-list .links-item { padding-bottom:0px; } .links-favicons-list .links-favicons-image { float:left; width:24px; max-width:24px; display:inline-block; } .links-favicons-list .links-favicons-text { float:left; text-align:left; width:86%; padding-top:2px; } .links-description {} .links-description .links-item { margin-bottom:18px; } .links-description .links-description-image { float:left; width:20%; display:inline-block; } .links-description .links-description-image img { max-width:100%; } .links-description .links-description-text { float:right; text-align:left; width:75%; } .links-social {font-size: 32px;} /*-----------*/ .sitemap-holder { float:left; width:30%; margin-bottom:14px; } /* SUBSCRIPTION PLANS PAGE */ .subscription-plans {display:block;} .subscription-plans .subscription-plan { float:left; width:32%; height:auto; padding:10px 15px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; margin-right:2%; margin-bottom:18px; text-align:left; } .subscription-plans .subscription-plan .subs-plan-desc { min-height:120px; padding-bottom:20px; } .subscription-plans .subscription-plan .subs-plan-desc h2 { font-size:24px; font-weight:normal; } .subscription-plans div.subscription-plan:nth-child(3n+3) {margin-right:0%;} .subscription-plans div.subscription-plan:nth-child(3n+4) {clear:left;} .subscription-payments { float:left; max-width:600px; } .subscription-table {} .subscription-table .subscription-left { float:left; width:30%; padding:4px 0; border-top:solid #f1f1f1 1px; } .subscription-table .subscription-middle { float:left; width:40%; padding:4px 0; border-top:solid #f1f1f1 1px; } .subscription-table .full-subscription-middle { float:left; width:70%; padding:4px 0; text-align:right; border-top:solid #f1f1f1 1px; } .subscription-table .subscription-right { float:left; width:30%; padding:4px 0; text-align:right; border-top:solid #f1f1f1 1px; } /* BLOG PAGES */ .blog-img-right {clear:right;float:right;margin-left:15px;margin-top:4px;margin-bottom:6px;text-align:center;} .blog-item-admin { padding:5px; background-color:#f4f2ee; } .blog-item-admin-footer { font-size:11px; line-height:18px; color:#ffffff; background-color:#191919; padding:0 5px; } .blog-item-admin-footer .blog-right { float:right; text-align:right; } .blog-item-admin-footer a {color:#ffffff;} .blog-item-admin-footer a:hover {text-decoration:underline;} .blog-item-admin-comments { padding:10px 0 0 40px; background-image:url(../images/comment_arrow.gif); background-position:left top; background-repeat:no-repeat; } .blog-item-admin-footer2 { font-size:11px; line-height:18px; color:#6D9EAD; background-color:#CFDCE3; padding:0 5px; } .blog-item-admin-footer2 .blog-right { float:right; text-align:right; } .blog-item-admin-footer2 a {color:#6D9EAD;} .blog-item-admin-footer2 a:hover {text-decoration:underline;} .blog-item-admin-footer3 { font-size:11px; line-height:18px; color:#ffffff; background-color:#3A525E; padding:0 5px; } .blog-item-admin-footer3 .blog-right { float:right; text-align:right; } .blog-item-admin-footer3 a {color:#ffffff;} .blog-item-admin-footer3 a:hover {text-decoration:underline;} .pricelist { padding-left:20px; } .pricelist-header { font-weight:bold; } .pricelist-item { border-top:solid #e1e1e1 1px; } .pricelist-product { float:left; width:45%; margin-right:2%; padding-bottom:6px; padding-top:4px; } .pricelist-price { float:left; width:20%; margin-right:2%; padding-bottom:6px; padding-top:4px; } .pricelist-inclusive { float:left; width:15%; margin-right:2%; padding-bottom:6px; padding-top:4px; } .pricelist-qty { float:right; width:14%; text-align:right; padding-bottom:6px; padding-top:4px; } .pricelist-qty input { width:95%; } /* PRODUCTS PAGES */ .product-item-table { width:24%; text-align:center; padding:4px 4px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; border:solid #e1e1e1 1px; } .product-item-table .product-item-image { display:block; padding-bottom:4px; } .product-item-table .product-item-image img { max-width:100%; max-height:100%; height:auto; width:auto\9; /* ie8 */ vertical-align:central; } .product-gap {} .product-basegap { font-size:0; line-height:10px; height:10px; padding:0 0 0 0; margin:0 auto; border:none; } .product-item { float:left; width:24%; text-align:center; padding:4px 4px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; border:solid #e1e1e1 1px; margin-right:1%; margin-bottom:10px; } .product-item .product-item-image { display:block; padding-bottom:4px; } .product-item .product-item-image img { max-width:100%; max-height:100%; height:auto; width:auto\9; /* ie8 */ vertical-align:bottom; } .products-holder div:nth-child(4n+4) {margin-right:0%;} .products-holder div:nth-child(4n+5) {clear:both;} /* SHOPPING CART PAGES */ .shopping-cart-list {} .shopping-cart-list .shopping-cart-list-header { font-size:11px; font-weight:bold; padding:4px 0 4px 0; border-bottom:solid #e1e1e1 1px; } .shopping-cart-list .shopping-cart-list-items { padding-top:10px; padding-bottom:10px; border-bottom:solid #e1e1e1 1px; } .shopping-cart-list .scl-image { float:left; width:15%; padding-right:3%; } .shopping-cart-list .scl-image img { max-height:100px; } .shopping-cart-list .scl-products { float:left; width:55%; padding-right:3%; } .shopping-cart-list .scl-products .was-price-line { font-style:italic; } .shopping-cart-list .scl-products .was-price-line .was-price { text-decoration:line-through; } .shopping-cart-list .scl-products .scl-products-additional .label { width:100%; } .shopping-cart-list .scl-products .cart-msg-type, .shopping-cart-list .scl-products .cart-msg-messages { width:70%; margin:1px 0 6px 0; } .shopping-cart-list .scl-products .cart-msg-box textarea { width:70%; height:70px; } .shopping-cart-list .scl-quantity { float:left; width:10%; text-align:center; padding-right:3%; } .shopping-cart-list .scl-quantity .scl-quantity-text {display:none;} .shopping-cart-list .scl-quantity input.text { width:30px; } .shopping-cart-list .remove-link { font-size:10px; } .shopping-cart-list .scl-price { float:right; width:10%; text-align:right; padding-right:1%; } .shopping-cart-list .shopping-cart-update { padding-top:2px; padding-bottom:2px; border-bottom:solid #e1e1e1 1px; } .shopping-cart-totals {} .shopping-cart-totals .shopping-cart-total-item .totals-space { float:left; width:45%; padding-top:5px; } .shopping-cart-totals .shopping-cart-total-item .totals-space-base { float:left; padding-top:10px; font-size:11px; font-weight:bold; width:45%; } .shopping-cart-totals .shopping-cart-total-item .totals-space select { max-width:96%; } .shopping-cart-totals .shopping-cart-total-item .totals-text, .shopping-cart-totals .shopping-cart-total-final .totals-text { float:left; width:40%; text-align:right; padding-top:5px; padding-bottom:5px; padding-right:2%; border-top:solid #e1e1e1 1px; } .shopping-cart-totals .shopping-cart-total-item .totals-value, .shopping-cart-totals .shopping-cart-total-final .totals-value { float:left; width:12%; text-align:right; padding-top:5px; padding-bottom:5px; padding-right:1%; border-top:solid #e1e1e1 1px; } .shopping-cart-totals .shopping-cart-total-final .totals-space { float:left; width:45%; } .shopping-cart-totals .shopping-cart-total-final .totals-text { font-weight:bold; background-color:#f3f3f3; border-top:solid #e1e1e1 1px; border-bottom:solid #e1e1e1 1px; } .shopping-cart-totals .shopping-cart-total-final .totals-value { font-weight:bold; background-color:#f3f3f3; border-top:solid #e1e1e1 1px; border-bottom:solid #e1e1e1 1px; } .shopping-cart-totals #sc-subtotals .totals-text, .shopping-cart-totals #sc-subtotals .totals-value { border-top:none; } /* Message Holder */ .message-holder-over {} .message-holder { padding:4px 6px; background-color:#f3f3f3; border:solid #e1e1e1 1px; margin-bottom:16px; } .message-holder ul { padding:0 0 0 0; margin:0 0 0 0; } .message-holder ul li { background:none; padding:0 0 0 0; margin:0 0 0 0; } .msg-small { font-size:11px; color:#666666; } .cart-box-holder { padding:10px 15px; border: solid #f1f1f1 1px; margin-bottom:10px; } .cart-box { } .address-selector { margin-top:0; margin-bottom:0; padding-top:0; padding-bottom:0; margin-left:0; padding-left:0; } .address-selector li { float:left; width:33%; line-height:18px; list-style:none; margin-top:0; padding-top:0; padding-bottom:7px; margin-left:0; padding-left:0; background:none; } .address-selector .address-selector-button { float:left; width:10%; } .address-selector .address-selector-address { float:left; width:88%; padding-top:2px; } .cart-checkradio-holder {} .cart-checkradio-holder .checkradio { float:left; width:33%; padding-bottom:4px; } .cart-checkradio-holder .checkradio .checkradio-button { float:left; width:10%; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; padding-right:10px; } .cart-checkradio-holder .checkradio label { float:left; width:80%; } .order-summary {} .order-summary .os-left { padding:2px 4px 2px 0; } .order-summary .os-right { padding:2px 0 2px 0; text-align:right; } .order-summary .os-total { padding-top:6px; border-top:solid #c3d0d2 1px; } .payment-holder-table { margin-bottom:10px; padding:4px 6px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; border:solid #e1e1e1 1px; } .payment-radio-holder { float:left; width:5%; padding:4px 0 5px 0; } .payment-holder { float:right; width:95%; padding:2px 0 5px 0; background-position:right top; background-repeat:no-repeat; } .payment-holder label { display:block; } .payment-holder img { margin-top:6px; } .payment-holder label, .payment-holder h5, .payment-holder p { cursor:pointer; } #country-line { line-height:28px; } .country-holder { float:left; display:inline-block; } .country-changer { float:left; padding-left:10px; display:inline-block; } .country-picker { float:left; display:none; padding-left:10px; padding-top:4px; } .orderhistory-titles { padding:5px 3px; background-color:#f9f9f8; border-bottom:solid #d9d9d9 1px; } .orderhistory-td { padding:5px 3px; } /* Tables Module Styles */ .display-table {} .display-table th { color:#ffffff; text-align:left; background-color:#5a5a5a; } .display-table td {text-align:left;} .display-table .dt-firstcol {} .display-table .dt-lastcol {} .display-table .dt-colhighlight {font-weight:bold;} .display-table .dt-modon {background-color:#eeeff0;} .display-table .dt-modoff {} /* Forum Module Styles */ .forum-table {} .forum-table th { padding:0px 5px; font-size:11px; border-bottom:solid #eeeeee 1px; } .forum-table td { padding:6px 5px; line-height:16px; border-bottom:solid #eeeeee 1px; } /* User Images */ .user-images {} .user-images .user-image { float:left; width:15%; height:auto; margin-right:2%; margin-bottom:14px; text-align:center; } .user-images .user-image img { max-width:100%; height:auto; width:auto\9; /* ie8 */ vertical-align:bottom; } .user-images .user-image:nth-child(6n+6) {margin-right:0%;} .user-images .user-image:nth-child(6n+7) {clear:left;} /* Admin Tables */ .responsive-table { width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; border:solid #e1e1e1 1px; } .editable-table {} .responsive-table tbody td, .responsive-table tfoot td, .responsive-table thead th { padding:15px 15px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; line-height:1.2; border-bottom:solid #e1e1e1 1px; } /* Admin Tables Header */ .responsive-table thead th { padding:20px 15px; } .responsive-table thead th a { position:relative; } .responsive-table thead th a.sort-asc::after { content:''; position:absolute; left:100%; top:4px; margin-left:5px; width:0; height:0; border-style:solid; border-width:0 5px 5px 5px; border-color:transparent transparent #e1e1e1 transparent; } .responsive-table thead th a.sort-desc::after { content:''; position:absolute; left:100%; top:4px; margin-left:5px; width:0; height:0; border-style:solid; border-width:5px 5px 0 5px; border-color:#e1e1e1 transparent transparent transparent; } /* Admin Tables Body */ .responsive-table tbody tr { -moz-transition:all .2s ease-out; -webkit-transition:all .2s ease-out; transition:all .2s ease-out; } .linkable-table tbody tr {cursor:pointer;} .linkable-table tbody tr:hover { background-color:#f7f7f7; } .editable-table tbody tr.selected { background-color:#eaeaea; } .responsive-table tbody td.image-cell { padding:5px 15px; } .responsive-table tbody td.image-cell img { max-width:26px; border-radius:2px; vertical-align:middle; -moz-transition:all .2s ease-out; -webkit-transition:all .2s ease-out; transition:all .2s ease-out; -webkit-backface-visibility:hidden; opacity:0.7; } .editable-table tbody tr:hover td.image-cell img, .editable-table tbody tr.selected td.image-cell img { opacity:1; } .responsive-table .select-box { width:50px; padding:0 0 0 0; text-align:center; position:relative; overflow:hidden; } .responsive-table .select-box input[type="checkbox"]:not(:checked), .responsive-table .select-box input[type="checkbox"]:checked { position:absolute; left:-9999px; } .responsive-table .select-box input[type="checkbox"]:not(:checked) + label, .responsive-table .select-box input[type="checkbox"]:checked + label, .responsive-table th.select-box .select-all { position:absolute; top:0px; left:0px; right:0px; bottom:0px; width:50px; height:100%; display:block; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; cursor:pointer; } .responsive-table th.select-box .select-all::before { content:''; position:absolute; top:50%; right:50%; margin-top:-5px; margin-right:-5px; width:10px; height:10px; border:solid #e1e1e1 2px; background-color:#e1e1e1; border-radius:5px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; -moz-transition:all .2s ease-out; -webkit-transition:all .2s ease-out; transition:all .2s ease-out; } .responsive-table .select-box input[type="checkbox"]:not(:checked) + label::before, .responsive-table .select-box input[type="checkbox"]:checked + label::before, .responsive-table th.select-box .select-all:hover::before { content:''; position:absolute; top:50%; right:50%; margin-top:-8px; margin-right:-8px; width:16px; height:16px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; border:solid #e1e1e1 2px; background:none; border-radius:2px; } .responsive-table .select-box input[type="checkbox"]:checked + label::before { background-color:#000000; border:solid #000000 2px; } .responsive-table .select-box input[type="checkbox"]:not(:checked) + label::after, .responsive-table .select-box input[type="checkbox"]:checked + label::after { content:'✔'; position:absolute; top:50%; right:50%; margin-top:-8px; margin-right:-8px; width:16px; height:16px; font-size:14px; line-height:16px; text-align:center; color:#ffffff; -moz-transition:opacity .2s ease-out; -webkit-transition:opacity .2s ease-out; transition:opacity .2s ease-out; } .responsive-table .select-box input[type="checkbox"]:not(:checked) + label::after { opacity:0; transform:scale(0); } .responsive-table .select-box input[type="checkbox"]:checked + label::after { opacity:1; transform:scale(1); } /* Admin Table Add */ .responsive-table-add { float:left; display:inline-block; line-height:28px; } .responsive-table-add a { font-weight:bold; display:inline-block; padding:0 10px; border:solid #e1e1e1 1px; border-radius:2px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; } .responsive-table-add a:hover {background-color:#f7f7f7;} /* Admin Tables Search */ .responsive-table-search { float:right; display:inline-block; text-align:right; line-height:28px; vertical-align:middle; padding-bottom:10px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; } .responsive-table-search .form-item { float:right; width:300px; max-width:100%; margin:0 0 0 10px; } /* Admin Tables Footer */ .responsive-table-action-box { text-align:right; line-height:28px; vertical-align:middle; padding:15px 15px; border:solid #e1e1e1 1px; border-top:none; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; display:none; } .responsive-table-action-box .form-item { float:right; width:200px; margin:0 0 0 10px; } /* Admin Tables Information */ .responsive-table-info { float:left; display:inline-block; line-height:1.2; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; padding:15px 0; margin-top:10px; } /* Admin Tables Pagination */ .responsive-table-pagination { float:right; display:inline-block; margin-top:10px; border:solid #e1e1e1 1px; overflow:hidden; } .responsive-table-pagination a { display:inline-block; line-height:1.2; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; border-left:solid #e1e1e1 1px; padding:15px 15px; position:relative; } .responsive-table-pagination a:first-child {border-left:none;} .responsive-table-pagination a.on { font-weight:bold; background-color:#f7f7f7; } .responsive-table-pagination a.previous-page, .responsive-table-pagination a.next-page { text-indent:-5000px; } .responsive-table-pagination a.previous-page::after { content:''; position:absolute; left:50%; top:50%; margin-left:-3px; margin-top:-5px; width:0; height:0; border-style:solid; border-width:5px 5px 5px 0; border-color:transparent #e1e1e1 transparent transparent; } .responsive-table-pagination a.next-page::after { content:''; position:absolute; left:50%; top:50%; margin-left:-2px; margin-top:-5px; width:0; height:0; border-style:solid; border-width:5px 0 5px 5px; border-color:transparent transparent transparent #e1e1e1; } #admin-search-box { padding:6px 5px; border:solid #eeeeee 1px; margin-bottom:15px; } #admin-search-box table td { padding:4px 0; } /* Admin edit form */ #form_edit {} #form_edit th { display:none; text-align:left; font-size:22px; line-height:24px; padding:4px 0 4px 0; } #form_edit td { padding-bottom:6px; } #form_edit td textarea { font-size:11px; width:250px; height:113px; } #form_edit td select { font-size:12px; width:245px; } #form_edit td input[type=text] { font-size:12px; width:240px; } #form_edit .textcell { width:165px; color:#353535; font-weight:bold; vertical-align:top; } #form_edit .image-selectors { clear:left; float:left; display:inline-block; line-height:20px; border:solid #ffffff 1px; margin-bottom:2px; cursor:pointer; padding:1px 5px 1px 1px; } #form_edit .image-selectors img { padding:0 0 0 0; margin:0 0 0 0; vertical-align:middle; } #form_edit .img-sel-on { font-weight:bold; border:solid #eeeeee 1px; } /* NEXT PREVIOUS PAGES */ .nextprev {float:right;} .nextprev .num { color:#333333; background-color:#E0E0E0; padding:0 4px 0 4px; margin-left:3px; } .nextprev .cur { font-weight:bold; background-color:#B5B5B5; } .nextprev .np { color:#ffffff; background-color:#000000; padding:0 4px 0 4px; margin-left:3px; } .nextprev .se { color:#A0A0A0; background-color:#F3F3F3; } .nextprev a:hover { text-decoration:none; color:#CCCCCC; background-color:#000000; } /* FORM STYLES Form styles for standard forms. */ /* Login PAGES */ #login {} #login .login-form {} #login .login-form li { padding-left:0px; background:none; } #login .login-form li label { display:inline-block; width:200px; } /* MAIN FORM */ form { margin:0 auto; padding:0 0 0 0; } .req { color:#D60309; font-weight:bold; font-size:12px; } .form-item { clear:both; width:100%; max-width:500px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; margin-bottom:7px; } .form-item .label, .form-item .label2 { /*width:38%;*/ width:100%; } .form-item .label-padding { /*margin-left:38%;*/ margin-left:0%; } #main .main-right .form-item .label-padding, #main .main-left .form-item .label-padding, #main .main-third .form-item .label-padding { margin-left:0%; } .form-item .subbut, .form-item .g-recaptcha, .form-footer, #recaptcha_image { /*padding-left:38%;*/ padding-left:0%; } .form-item .input, .form-item .select, .form-item .checkbox, .form-item .radio, .form-item .textarea { /*width:62%;*/ width:100%; } .form-item .label { float:left; font-weight:bold; text-align:left; margin:3px 0 0 0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; /*padding-right:10px;*/ } .form-item .label2 { float:left; font-weight:bold; text-align:left; margin:3px 0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; /*padding-right:10px;*/ } #main .main-right .form-item .label, #main .main-left .form-item .label, #main .main-third .form-item .label { float:none; width:100%; margin-right:0%; margin-bottom:2px; } .form-item .label-details { clear:both; display:block; width:100%; margin-right:0%; font-weight:normal; font-size:11px; color:#666666; line-height:16px; padding-top:2px; } .form-item .input { float:left; height:auto; } #main .main-right .form-item .input, #main .main-left .form-item .input, #main .main-third .form-item .input { float:none; width:auto; } .form-item .input input { width:100%; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; } .form-item .select { float:left; height:auto; } #main .main-right .form-item .select, #main .main-left .form-item .select, #main .main-third .form-item .select { float:none; width:auto; } .form-item .select select { width:100%; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; } .form-item .checkbox { float:left; height:auto; vertical-align:middle; } #main .main-right .form-item .checkbox, #main .main-left .form-item .checkbox, #main .main-third .form-item .checkbox { float:none; width:auto; } .form-item .checkbox-list .checkbox { width:50%; margin-right:0%; } .form-item .checkbox-list .checkbox:nth-child(2n+3) {clear:both;} .form-item .checkbox input[type=checkbox] { vertical-align:middle; margin-bottom:2px; margin-right:4px; } .form-item .radio { float:left; height:auto; } #main .main-right .form-item .radio, #main .main-left .form-item .radio, #main .main-third .form-item .radio { float:none; width:auto; } .form-item .textarea { float:left; height:auto; margin-bottom:5px; } #main .main-right .form-item .textarea, #main .main-left .form-item .textarea, #main .main-third .form-item .textarea { float:none; width:auto; } .form-item .textarea textarea { width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; height:100px; } .form-item .textarea img { padding-top:3px; } .form-item .input.input-small input, .form-item .select.select-small select {max-width:100px;} .form-item .input.input-medium input, .form-item .select.select-medium select {max-width:300px;} form .input input, form textarea { appearance:none; -moz-appearance:none; -webkit-appearance:none; } form .input input, form select, form textarea, .image-file { /* Custom styles here */ /*border:none;*/ background:none; height:28px; font-size:13px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; padding:4px 8px 4px 8px; background-color:#ffffff; border:solid #c2c1c1 1px; border-radius:2px; vertical-align:middle; margin:0 0 0 0; } form textarea { resize:vertical; height:auto; padding:8px 8px 8px 8px; } .form-item .image-file { clear:both; height:auto; padding:8px 8px; } .form-item .image-file input[type=file] { appearance:none; -moz-appearance:none; -webkit-appearance:none; border:none; background:none; width:auto; margin-top:10px; margin-bottom:10px; } .form-item .image-file.with-image input[type=file] { margin-top:30px; margin-bottom:0px; } .form-item .image-file .image-holder { float:left; width:100px; height:100px; line-height:100px; text-align:center; background-color:#f7f7f7; margin-right:15px; } .form-item .image-file .image-holder img { vertical-align:middle; max-width:100px; max-height:100px; } .form-item .subbut, .form-item .g-recaptcha, #recaptcha_image { width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; margin-top:6px; height:auto; } #main .main-right .form-item .subbut, #main .main-left .form-item .subbut, #main .main-third .form-item .subbut, #main .main-right .form-item .g-recaptcha, #main .main-left .form-item .g-recaptcha, #main .main-third .form-item .g-recaptcha, #main .main-left #recaptcha_image, #main .main-right #recaptcha_image, #main .main-third #recaptcha_image { width:100% !important; float:none; margin-left:0%; padding-left:0px; } /* Custom button */ .form-item .subbut input, #checkout_button, #continue_button, #add_button, #cancel_button, #checkout_special, #review-submit-button, #update_button { /* Custom button styles here*/ /*appearance:none; -moz-appearance:none; -webkit-appearance:none; border:none; background:none;*/ } .form-item .subbut input:hover, #checkout_button:hover, #continue_button:hover, #add_button:hover, #cancel_button:hover, #checkout_special:hover, #review-submit-button:hover, #update_button:hover { cursor:pointer; } #continue_button { margin-right:5px; } .form-footer { float:left; width:100%; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; font-size:12px; color:#666666; padding-bottom:5px; } #main .main-right .form-footer, #main .main-left .form-footer, #main .main-third .form-footer { float:none; width:auto; } .subform {} .subform th { background-color:#CCCCCC; } .subform td { border-bottom:solid #CCCCCC 1px; } .sub-button-holder { text-align:right; margin:10px 0; } .sub-form-holder { padding:10px 0; border:solid #CCCCCC 1px; display:none; margin:10px 0; } .sub-form-holder .subbut2 { padding-left:150px; } .form-item .g-recaptcha > div > div {max-width:100%;} .form-item .g-recaptcha > div > div > iframe {max-width:100%;} /* Google reCaptcha widget styles */ #recaptcha_image { width:60% !important; margin-left:40%; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; text-align:center; padding:5px; background-color:#ffffff; border:solid #e1e1e1 1px; margin-bottom:12px; } #recaptcha_image img { max-width:100%; max-height:100%; } #recaptcha_image embed, #recaptcha_image object, #recaptcha_image iframe { float:left; max-width:0px; width:0px; height:0px; } #recaptcha_image br {display:none;} #recaptcha_image #recaptcha_audio_play_again, #recaptcha_image #recaptcha_audio_download { clear:left; float:left; cursor:pointer; } .recaptcha_input { position:relative; } .recaptcha_input .input { padding-right:90px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; } #main .main-left .input, #main .main-right .input, #main .main-third .input { padding-right:0px; } .recaptcha_options { margin:0 0 0 0; padding:0 0 0 0; } .recaptcha_options li { margin:0 0 0 0; padding:0 0 0 0; } .recaptcha_options li a { position:absolute; top:4px; width:16px; height:16px; text-indent:-5000px; overflow:hidden; } .recaptcha_options #recaptcha_refresh_button a {right:60px;} .recaptcha_options #recaptcha_sound_button a {right:30px;} .recaptcha_options #recaptcha_image_button a {right:30px;} .recaptcha_options #recaptcha_help_button a {right:0px;} #main .main-left .recaptcha_options li a, #main .main-right .recaptcha_options li a, #main .main-third .recaptcha_options li a { top:0px; } /* Icon set styles (Beginning of project) */ *[class*='iconblack-'] { background-repeat:no-repeat; } .iconblack-refresh {background-image:url(../images/icons/iconblack_refresh.png);} .iconblack-sound {background-image:url(../images/icons/iconblack_sound.png);} .iconblack-picture {background-image:url(../images/icons/iconblack_picture.png);} .iconblack-help {background-image:url(../images/icons/iconblack_help.png);} @font-face { font-family: 'fabricators_builders_renovators'; src:url('../images/fonts/fabricators_builders_renovators.eot?598nhu'); src:url('../images/fonts/fabricators_builders_renovators.eot?598nhu#iefix') format('embedded-opentype'), url('../images/fonts/fabricators_builders_renovators.ttf?598nhu') format('truetype'), url('../images/fonts/fabricators_builders_renovators.woff?598nhu') format('woff'), url('../images/fonts/fabricators_builders_renovators.svg?598nhu#fabricators_builders_renovators') format('svg'); font-weight: normal; font-style: normal; } [class^="icon-"], [class*=" icon-"] { font-family: 'fabricators_builders_renovators'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-user:before { content:"\e807"; } .icon-circle-right:before { content:"\e806"; } .icon-play2:before { content:"\e805"; } .icon-device-mobile:before { content: "\f038"; } .icon-google-plus2:before { content: "\e800"; } .icon-facebook2:before { content: "\e801"; } .icon-youtube3:before { content: "\e802"; } .icon-linkedin:before { content: "\e803"; } .icon-pinterest2:before { content: "\e804"; } .icon-google-plus2-color:before { content: "\e800"; color:#dd4b39; } .icon-facebook2-color:before { content: "\e801"; color:#3b5998; } .icon-youtube3color:before { content: "\e802"; color:#bb0000; } .icon-linkedin-color:before { content: "\e803"; color:#007bb5; } .icon-pinterest2-color:before { content: "\e804"; color:#cb2027; }