/* CSS Document */ body {font-size: 12px; line-height: 22px; font-family: 'Raleway', sans-serif; background:#F2F2F2 !important; min-width: 100%; margin:0 !important; padding:0; color:#404040; font-weight:normal; text-rendering: optimizeLegibility !important; font-stretch:normal !important; } html{height:100%; margin-bottom:0px;} * { margin: 0; padding: 0; outline: 0; } .clear {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;} #wrapper { width:100%; height:100%; margin:0; padding:0;} h1 { width:100%; text-align: center; color:#333; font-size:40px; line-height:50px ; margin:0 0 10px 0; padding:0 0 15px 0; text-transform:uppercase; font-family: 'Raleway', sans-serif; font-weight:500; background:url(../images/h1.jpg) no-repeat center bottom; } h1 span { color:#FFF;} h2 { width:100%; text-align:left; color:#40A9FA; font-size:34px; line-height:44px ; margin:0 0 0 0; padding:0 0 0 0; text-transform:uppercase; font-family: 'Raleway', sans-serif; font-weight:600; } h3 { width:100%; text-align:left; color:#E63337; font-size:30px; line-height:40px ; margin:0 0 0 0; padding:0 0 0 0; text-transform:uppercase; font-family: 'Raleway', sans-serif; font-weight:600; } h5 { width:100%; text-align:left; color:#333; font-size:22px; line-height:30px ; margin:10px 0 0 0; padding:0 0 0 0; text-transform:uppercase; font-family: 'Raleway', sans-serif; font-weight:600; } h6 {width:100%; height:auto; min-height:10px; line-height:24px; font-size:16px; color:#333; text-align: center; margin:20px 0 10px 0 ; padding:0; font-weight:500; text-transform: capitalize; font-family: 'Raleway', sans-serif; } h6 span { color:#40A9FA; font-weight:600;} p { width:100%; font-size:15px; text-align: justify; font-family: 'Raleway', sans-serif; line-height:22px; color:#333; font-weight:500; margin:10px 0 0 0; padding:0;} p a { color:#40A9FA; text-decoration:none;} p a:hover { color:#333;} p span { color:#E63337; font-weight:600;} p strong { color:#333; font-weight:600; font-style:italic;} header{ width:100%; min-height:50px; height: auto; margin:0; padding:0;} header:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;} .center { width:1000px; height:auto; margin:0 auto;} .center:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;} /*LOGO*/ .logo { float:left; width:auto; height:auto; margin:10px 0; padding:0;} /*LOGO*/ /*GET A QUOTE*/ .get-a-quote-btn { float: right; width: auto; height:auto; min-height:10px; margin:25px 0; padding:0;} .get-a-quote-btn a { float:left; width: auto; height:40px; line-height:40px; margin:0; padding:0 10px; color:#FFF; border:1px solid #E63337; background:#E63337; font-weight:500; text-decoration:none; text-align:center; font-size:14px; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;} .get-a-quote-btn a:hover { background: none; border:1px solid #E63337; color:#E63337; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;} /*GET A QUOTE*/ .main-wrapper { width:100%; height:auto; margin:0 0 10px 0; padding:10px 0; background:#FFF;} .main-wrapper:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;} .home-box { float:left; width:230px; height:auto; min-height:50px; margin:10px; padding:0;} .home-box-icon { float:left; width:70px; height:auto; margin:0 80px; padding:0;} .home-box-icon img { width:70px;} .home-box-text { float:left; width:100%; height:auto; min-height:50px; margin:0 0 0 0; padding:0;} .home-box-text-titel { float:left; width:100%; height:auto; margin:0; padding:0; font-size:30px; line-height:45px; font-weight:700; color:#333; text-align:center;} .home-box-text-sub { float:left; width:100%; height:auto; margin:0; padding:0 0 0 0; font-size:14px; line-height:25px; font-weight:500; text-transform: capitalize; color:#333; text-align:center;} .main { float:left; width:100%; height:auto; min-height:300px; margin:10px 0; padding:0;} /*SERVICE*/ .service-box { float:left; width:313px; height:auto; min-height:240px; margin:10px; padding:0;} .service-box-icon { float:left; width:93px; height:93px; margin:0 110px;} .service-box-icon a img { float:left; width:93px; height:93px; margin:0; padding:0; background:#E63337; -webkit-transition-duration: 0.8s;-moz-transition-duration: 0.8s;-o-transition-duration: 0.8s;transition-duration: 0.8s;-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;-o-transition-property: -o-transform;transition-property: transform; border-radius:100%;-moz-border-radius:100%;-webkit-border-radius:100%;} .service-box-icon a img:hover {-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg); -o-transform:rotate(360deg); border-radius:100%;-moz-border-radius:100%;-webkit-border-radius:100%; background:#40A9FA;} .service-titel { float:left; width:100%; height:auto; font-size:22px; font-weight:500; line-height:36px; margin:10px 0 0 0; padding:0; text-align:center; color:#333; text-transform:uppercase;} .service-titel a { color:#333; text-decoration:none; margin:0; padding:0;} .service-titel a:hover { color:#40A9FA;} .service-tex { float:left; width:100%; height:auto; font-size:15px; font-weight:400; line-height:22px; margin:5px 0; padding:0; text-align:center; color:#333; } .service-btn { float:left; width:123px; height:auto; min-height:10px; margin:10px 95px 0 95px; padding:0;} .service-btn a { float:left; width:100%; height:40px; line-height:40px; margin:0; padding:0; color:#40A9FA; border:1px solid #40A9FA; font-weight:600; text-decoration:none; text-align:center; font-size:14px; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;} .service-btn a:hover { background:#40A9FA; color:#FFF; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;} /*SERVICE*/ /*Get A Call Back*/ .testimonials-wrapper { width:100%; height:auto; margin:0 0 10px 0; padding:100px 0 ; background:#40A9FA url(../images/bg-home.png) no-repeat center bottom ;} .testimonials-wrapper:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;} .get-a-call-form { float:left; width:600px; height:auto; min-height:10px; margin:10px 200px; padding:0; background:url(../images/bg.png) repeat; border-radius:50px ;-moz-border-radius:50px ;-webkit-border-radius:50px;} .get-a-call-form ul { float:left; margin:0; padding:0; list-style:none;} .get-a-call-form ul li { float:left; margin:0; padding:0;} .get-a-call-form ul li.gc-1 { float:left; width:60px; height:60px; text-align:center; color:#999; line-height:60px; margin:15px 0 15px 15px; padding:0; background:#F2F2F2; font-size:18px; font-weight:600; border-radius:30px 0 0 30px ;-moz-border-radius:30px 0 0 30px ;-webkit-border-radius:30px 0 0 30px ;} .get-a-call-form ul li.gc-2 { float:left; width:440px; height:60px; text-align:center; color:#999; line-height:60px; margin:15px 0; padding:0; font-size:18px; font-weight:600;} .get-a-call-form ul li.gc-3 { float:left; width:70px; height:60px; text-align:center; color:#999; line-height:60px; margin:15px 15px 15px 0; padding:0; font-size:18px; font-weight:600;} .get-a-call-form-bor { float:left; font-size:15px; margin:0; padding:0 0 0 10px; color:#333 !important; width:440px; height:60px; line-height:60px; background:#FFF; border:1px solid #FFF; font-weight:500; font-family: 'Raleway', sans-serif; } .get-a-call-form-bor:focus {border:1px solid #E63337; background:#FFF;} input.getcall-btn { float: left; text-align:left; width:70px; height:60px; line-height:60px; font-size:16px; color:#FFF; text-decoration:none; font-weight:600; margin:0; padding:0; background:#E63337 url(../images/call-btn.png) no-repeat center center; border: none; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; font-family: 'Raleway', sans-serif; cursor:pointer; border-radius:0 30px 30px 0 ;-moz-border-radius:0 30px 30px 0;-webkit-border-radius:0 30px 30px 0;} input.getcall-btn:hover { color:#40A9FA; background:#333 url(../images/call-btn.png) no-repeat center center; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; border:none; } /*Get A Call Back*/ /*GET IN TOUCH*/ .get-wrapper { width:100%; height:auto; margin:0 0 0 0; padding:30px 0; background:#000;} .get-wrapper:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;} .get-in-touch { float:left; width:800px; height:auto; min-height:10px; margin:0 100px; padding:0;} .get-in-touch-text { float:left; width:600px; height:auto; min-height:10px; margin:0 20px 0 0; padding:0; font-size:20px; text-align:left; color:#FFF; font-weight:500; line-height:50px;} .get-in-touch-btn { float:left; width:180px; height:auto; min-height:10px; margin:0; padding:0;} .get-in-touch-btn a { float:left; width:100%; height:50px; line-height:50px; margin:0; padding:0; color:#FFF; border:1px solid #E63337; font-weight:600; text-decoration:none; text-align:center; font-size:16px; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; text-transform:uppercase; background:#E63337;} .get-in-touch-btn a:hover { background: none; color:#E63337; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;} /*GET IN TOUCH*/ /*New Scoller*/ .more-products { position:relative; float:left; width:1000px; height: auto; margin:0 0px 0px 0px; padding:0px; list-style:none;} .more-products ul{ list-style-type: none; height: auto; position:relative; overflow:hidden; width: auto;float:left; margin:0 0px 0px 0px!important; padding:0px;} .more-products ul li{ float:left; width:170px; height: auto; min-height:10px; padding:0px 0px 0px 0px; margin:10px; } .more-products-img { float:left; width:170px; min-height:10px; height: auto; margin:0; padding:0;} .more-products-img img { width:170px;} .more-products-holder { width:950px; height: auto; position:relative; overflow:hidden; top:0px; left:25px;} .more-products-holder .jcarousel-clip{ width:100%; height: auto; position:relative; overflow:hidden; } .more-nav { font-size:0; line-height:0; } .more-nav a{ position:absolute; top:30px; left:0; width:20px; height:40px; text-indent: -4000px; z-index:3;} .more-nav a.next{ left:980px;width:20px; height:40px; background:url(../images/icon-rt.png); display:block;opacity:0.3;} .more-nav a.next:hover {background:url(../images/icon-rt.png); left:980px; opacity:1;} .more-nav a.prev{ background:url(../images/icon-lf.png); left:0px; display:block;opacity:0.3;} .more-nav a.prev:hover { background:url(../images/icon-lf.png); left:0px; opacity:1;} /*New Scoller*/ /*footer*/ footer { width:100%; height:auto; min-height:10px; margin:10px 0 0 0; padding:100px 0 20px 0; background: url(../images/footer-bg.jpg); background-origin: padding-box;background-position: left bottom; background-repeat: no-repeat; background-size: cover; } footer:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;} /*CONTACT-BOX*/ .contact-box { float:left; width:430px; height:auto; min-height:10px; margin:10px 10px 10px 0; padding:0;} .contact-box ul { float:left; margin:0; padding:0; list-style:none;} .contact-box ul li { float:left; height:auto; width:100%; margin:10px 0; padding:0;} .contact-box p { width:100%; font-size:15px; text-align:left; color:#FFF; font-weight:400; margin:0; padding:0; line-height:22px;} .contact-box p span {color:#40A9FA;} .contact-logo { float:left; margin:0 0 0 0; padding:0; display:block;} .line { float:left; width:100%; height:1px; margin:10px 0; padding:0; background:#FFF;} .footer-call-now { float:left; width:auto; height:auto; min-height:10px; margin:0; padding:0;} .footer-call-now ul { float:left; margin:0; padding:0; list-style:none;} .footer-call-now ul li { float:left; width:100%; height:auto; min-height:20px; margin:5px 0 10px 0; padding:0 ; color:#FFF; font-size:15px; line-height:20px; font-weight:400; text-align:left;} .footer-call-now ul li a { color:#FFF; text-decoration:none;} .footer-call-now ul li a:hover { color:#40A9FA;} .footer-now-icon { float:left; width:20px; height:20px; margin:0 5px 0 0; padding:0;} /*social*/ .social { float: left; width:auto; height:auto; min-height:10px; margin:0; padding:0;} .social ul { float:left; margin:0; padding:0; list-style:none;} .social ul li { float:left; width:auto; height:auto; min-height:30px; line-height:30px; margin:0 0 0 0; padding:0; font-size:14px; text-align:left; color:#FFF; font-weight:500;} .social ul li a { float:left; width:30px; height:10px; font-size:14px; text-align:center; margin: 0; padding:9px 0 11px 0; font-weight:500; color:#FFF; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; } .social ul li a:hover { color:#40A9FA; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; } /*social*/ .footer-map { float:left; width:430px; height:auto; min-height:100px; margin:10px 0 0 0; padding:0; overflow:hidden;} /*CONTACT-BOX*/ /*CONTACT-FORM*/ .contact-form { float:left; width:550px; height:auto; min-height:10px; margin:10px 0px 10px 10px; padding:0;} .contact-form ul { float:left; margin:0; padding:0; list-style:none;} .contact-form ul li { float:left; width:550px; height:auto; min-height:10px; margin:10px 0; padding:0;} .contact-form-bor { float:left; font-size:15px; margin:0; padding:0 0 0 10px; color:#FFF !important; width:550px; height:50px; line-height:50px; background: url(../images/form-bg.png) repeat top center; border: none; font-weight:400; font-family: 'Raleway', sans-serif; } .contact-form-textar { float:left; font-size:15px; margin:0; padding:10px 0 0 10px; color:#FFF !important; width:550px; height:130px; line-height:30px; background: url(../images/form-bg.png) repeat top center; border: none; font-weight:400; font-family: 'Raleway', sans-serif; } input.redevelopment-btn { float: left; text-align:left; height:auto; min-height:50px; line-height:50px; font-size:16px; color:#FFF; text-decoration:none; font-weight:600; margin:0; padding:0 65px; background:#40A9FA; border:1px solid #40A9FA; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; font-family: 'Raleway', sans-serif; cursor:pointer;} input.redevelopment-btn:hover { color:#40A9FA; background: none; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; border:1px solid #40A9FA; } /*CONTACT-FORM*/ .copy { width:100%; height:auto; min-height:30px; line-height:30px; margin:0; padding:10px 0; font-size:13px; text-align: center; color:#FFF; font-weight:400; background:#000;} .copy a { color:#40A9FA; text-decoration:none;} .copy a:hover { color:#FFF;} /*footer*/ /*SUB-BANNER*/ .sub-banner { width:100%; margin:0 0 0 0; padding:0; display:block; background:url(../images/sub-banner.png) repeat center top; min-height:10px; height:auto; } .sub-banner:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;} .subbanner-titel { float:left; width:100%; height:auto; line-height:60px; font-size:40px; text-align: center; color:#FFF; font-weight:700; text-transform: uppercase; margin:0; padding:30px 0; font-family: 'Raleway', sans-serif;} /*SUB-BANNER*/ .line-1 { float:left; width:100%; height:2px; margin:10px 0; padding:0; background:url(../images/line.png) repeat-x center top;} .home-img {width:448px; height: auto; margin:10px 10px 0px 0; padding:5px; background:#FFF; border:1px solid #DADADA; overflow:hidden;} .home-img img { width:438px} .inner-img {width:298px; height: auto; margin:10px 10px 0px 0; padding:5px; background:#FFF; border:1px solid #DADADA; overflow:hidden;} .inner-img img { width:288px} .main-left { float:left; width:680px; height:auto; min-height:10px; margin:10px 10px 0 0; padding:0;} .main-right { float:left; width:300px; height:auto; min-height:10px; margin:10px 0 0 10px; padding:0;} /*SUB-BANNER-IMG*/ .sub-banner-image { float:left; width:680px; height:auto; min-height:50px; margin:0 0 10px 0; padding:1px; border:1px solid #DADADA;} .sub-banner-image img { width:676px;} /*SUB-BANNER-IMG*/ /*RIGHT-FORM*/ .right-form { float:left; width:300px; height:auto; min-height:100px; margin:0 0 10px 0; padding:0; background:#FFF;} .right-form-titel { float:left; width:300px; height:auto; min-height:10px; line-height:45px; background:#40A9FA; font-size:24px; text-align:left; color:#FFF; margin:0; padding:0 10px; font-weight:500;} .right-form ul { float:left; margin:10px 0; padding:0; list-style:none;} .right-form ul li { float:left; width:260px; height:auto; min-height:10px; margin:10px 20px; padding:0;} .right-form-bor { float:left; font-size:14px; margin:0; padding:0 0 0 10px; color:#333 !important; width:260px; height:45px; line-height:45px; background:#F2F2F2; border:1px solid #DADADA; font-family:Raleway,Arial,Helvetica,sans-serif; font-weight:500; } .right-form-textar { float:left; font-size:14px; margin:0; padding:0 0 0 10px; color:#333 !important; width:260px; height:100px; line-height:35px; background:#F2F2F2; border:1px solid #DADADA; font-family:Raleway,Arial,Helvetica,sans-serif; font-weight:500; } .right-form-bor:focus, .right-form-textar:focus {border:1px solid #40A9FA; background:#FFF;} input.right-form-btn { float: left; text-align: center; width:100%; height:auto; min-height:45px; line-height:45px; font-size:16px; color:#FFF; text-decoration:none; font-weight:600; margin:0; padding:0; background:#40A9FA; border:1px solid #40A9FA; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; font-family: 'Raleway', sans-serif; cursor:pointer;} input.right-form-btn:hover { color:#40A9FA; background: none; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; border:1px solid #40A9FA; } /*RIGHT-FORM*/ /*RIGHT-NAV*/ .right-nav { float:left; width:300px; height:auto; min-height:100px; margin:10px 0 ; padding:0; background:#FFF;} .right-nav-titel { float:left; width:300px; height:auto; min-height:10px; line-height:45px; background:#40A9FA; font-size:24px; text-align:left; color:#FFF; margin:0; padding:0 10px; font-weight:500;} .right-nav ul { float:left; margin:10px 0; padding:0; list-style:none;} .right-nav ul li { float:left; width:100%; height:auto; min-height:20px; margin:0; padding:0; border-bottom:1px solid #F2F2F2;} .right-nav ul li a { float:left; width:100%; height:auto; min-height:20px; line-height:35px; font-size:15px; text-align:left; color:#333; font-weight:500; text-decoration:none; margin:0; padding:5px 10px; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;} .right-nav ul li a:hover { color:#FFF; background:#40A9FA; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;} /*RIGHT-NAV*/ /*GET-A-QUOTE-FORM*/ .get-a-quote-form { float:left; width:800px; height:auto; min-height:10px; margin:10px 100px; padding:10px; background:#FFF;} .get-a-quote-form ul { float:left; margin:0; padding:0; list-style:none;} .get-a-quote-form ul li { float:left; width:370px; height:auto; min-height:10px; margin:10px; padding:0;} .get-a-quote-form ul li.get-big { float:left; width:760px; height:auto; min-height:10px; margin:10px; padding:0;} .get-a-quote-form-bor{ float:left; font-size:14px; margin:0; padding:0 0 0 10px; color:#333 !important; width:370px; height:50px; line-height:50px; background:#FFF; border:1px solid #DADADA; font-family:Raleway,Arial,Helvetica,sans-serif; font-weight:500; } .get-a-quote-form-bor:focus, .get-a-quote-form-textar:focus {border:1px solid #40A9FA;} .get-a-quote-form select { float:left; font-size:14px; margin:0; padding:0 0 0 10px; color:#333 !important; width:370px; height:50px; line-height:50px; font-weight:500; background:#FFF url(../images/arrow-select.png) no-repeat right 10px center ;border:1px solid #DADADA; font-family:Raleway,Arial,Helvetica,sans-serif; font-weight:500; appearance:none; -webkit-appearance:none;-moz-appearance: none; text-indent: 0.01px; text-overflow: ''; } .get-a-quote-form select:focus { float:left; font-size:14px; margin:0; padding:0 0 0 10px; color:#333 !important; width:370px; height:50px; line-height:50px; font-weight:500; background:#FFF url(../images/arrow-select.png) no-repeat right 10px center ;border:1px solid #40A9FA; font-family:Raleway,Arial,Helvetica,sans-serif; font-weight:500; appearance:none; -webkit-appearance:none;-moz-appearance: none; text-indent: 0.01px; text-overflow: ''; } .get-a-quote-form-textar { float:left; font-size:14px; margin:0; padding:0 0 0 10px; color:#333 !important; width:760px; height:100px; line-height:35px; background:#FFF; border:1px solid #DADADA; font-family:Raleway,Arial,Helvetica,sans-serif; font-weight:500; } .get-a-quote-form ul li label{ float:left; width:100%; height:auto; min-height:20px; line-height:20px; font-size:15px; text-align:left; color:#333; font-family:Raleway,Arial,Helvetica,sans-serif; font-weight:600; margin:0; padding:0 0 7px 0;} .get-a-quote-form ul li label span { color:#40A9FA;} option { float:left; margin:0; padding:10px 10px; background:#FFF; line-height:30px; border-bottom:1px solid #DADADA;} input.get-a-quote-form-btn { float: left; text-align: center; width: auto; height:auto; min-height:45px; line-height:45px; font-size:16px; color:#FFF; text-decoration:none; font-weight:600; margin:0; padding:0 30px; background:#40A9FA; border:1px solid #40A9FA; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; font-family: 'Raleway', sans-serif; cursor:pointer;} input.get-a-quote-form-btn:hover { color:#40A9FA; background: none; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; border:1px solid #40A9FA; } /*GET-A-QUOTE-FORM*/ .box-dd { float:left; width:100%; height:auto; margin:0; padding:0 0 0 0;} .pricing-btn { float: left; width: auto; height:auto; min-height:10px; margin:20px 0 0 0; padding:0;} .pricing-btn a { float:left; width: auto; height:45px; line-height:45px; margin:0; padding:0 20px; color:#FFF; border:1px solid #40A9FA; background:#40A9FA; font-weight:500; text-decoration:none; text-align:center; font-size:14px; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; text-transform:uppercase;} .pricing-btn a:hover { background: none; border:1px solid #40A9FA; color:#40A9FA; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;} /*REQUEST BTN*/ #request-btn #request-btn_inner {background-image: url(../images/request-btn.png);color: #FFFFFF;cursor: pointer;height:167px; right: 0; margin-right: -10px;overflow: hidden;position: fixed;text-indent: -100000px;top: 170px;width:50px;z-index: 100000; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s;} #request-btn #request-btn_inner:hover {background-image: url(../images/request-btn.png);color: #FFFFFF;cursor: pointer;height:167px;right: 0;margin-right: 0px;overflow: hidden; position: fixed; text-indent: -100000px; top: 170px; width:50px; z-index: 100000; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s;} /*REQUEST BTN*/ /*PAYMENT-OPTIONS*/ .payment_options { float:left; width:480px; height:auto; min-height:10px; margin:10px ; padding:0; background:#FFF;} .payment_options-titel { float:left; width:100%; height:auto; margin:0; padding:10px; line-height:30px; font-size:20px; text-align:left; color:#E63337; font-weight:600;} .payment_options-logo { float:left; width:200px; height:auto; min-height:10px; margin:0 10px 10px 10px; padding:0; border:1px solid #DDD;} .payment_options-logo img { width:198px;} .payment_options-details { float:left; width:460px; height:auto; min-height:100px; margin:0 10px 10px 10px; padding:0;} .payment_options-details ul { float:left; margin:1px 0 0 0; padding:0; width:100%; height:auto; min-height:10px; list-style:none; background:#F2F2F2;} .payment_options-details ul li { float:left; margin:0; padding:0;} .payment_options-details ul li.po-ti { float:left; width:180px; height:auto; line-height:24px; margin:0; padding:5px 10px; font-size:14px; text-align:left; color:#E63337; font-weight:600;} .payment_options-details ul li.po-tex { float:left; width:280px; height:auto; line-height:24px; margin:0; padding:5px 10px; font-size:14px; text-align:left; color:#333; font-weight:500;} /*PAYMENT-OPTIONS*/ /*ONLINE-PAYMENT-OPTIONS*/ .online-payment { float:left; width:980px; height:auto; min-height:10px; margin:10px; padding:0 10px 10px 10px; background:#FFF;} .online-payment-btn { float:left; width:220px; height:auto; min-height:10px; margin:10px; padding:0;} .online-payment-btn img { width:220px;} .online-payment-btn a { opacity:0.7;} .online-payment-btn a:hover {opacity:1;} /*ONLINE-PAYMENT-OPTIONS*/ /*PRICING-TB*/ .pricing-tb { float:left; width:230px; height:auto; min-height:10px; margin:10px; padding:0; border:1px solid #DDD; background:#FFF; -webkit-transition: all .5s ease-out;-moz-transition: all .5s ease-out;-ms-transition: all .5s ease-out;-o-transition: all .5s ease-out;transition: all .5s ease-out;} .pricing-tb:hover { -webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);cursor:pointer; } .pricing-tb ul { float:left; margin:0; padding:0; list-style:none;} .pricing-tb ul li.pr-titel {float:left; width:228px; height:auto; min-height:70px; line-height:70px; text-transform:uppercase; font-size:22px; text-align:center; color:#333; font-weight:500; margin:0; padding:0; border-bottom: none;} .pricing-tb ul li.pr-prize {float:left; width:228px; height:auto; min-height:60px; line-height:60px; text-transform:uppercase; font-size:30px; text-align:center; color:#FFF; font-weight:600; margin:0; padding:0; border-bottom: none; } .pr-col-1 { background:#06C;} .pr-col-2 { background:#090;} .pr-col-3 { background:#CE2F2F;} .pr-col-4 { background: #F93;} .pricing-tb ul li {float:left; width:228px; height:auto; min-height:10px; line-height:20px; font-size:14px; text-align:center; color:#666; font-weight:400; margin:0; padding: 10px; border-bottom:1px solid #DDD;} .pricing-tb ul li.last {float:left; width:228px; height:auto; min-height:10px; line-height:20px; text-transform:uppercase; font-size:14px; text-align:center; color:#666; font-weight:400; margin:0; padding: 10px; border-bottom: none;} .pricing-tb .pricingbtn1 a { float: left; font-weight:500; width:178px; text-align:center; background:#E63337; margin:10px 15px; padding:0; height:45px; line-height:45px; color:#FFF; text-decoration:none; text-shadow: none; font-size:16px; text-align:center; text-transform: uppercase; -webkit-transition-duration: 0.8s;-moz-transition-duration: 0.8s;-o-transition-duration: 0.8s;transition-duration: 0.8s; border:none; } .pricing-tb:hover .pricingbtn1 a {background:#40A9FA;color:#FFF; text-decoration:none; -webkit-transition-duration: 0.8s;-moz-transition-duration: 0.8s;-o-transition-duration: 0.8s;transition-duration: 0.8s;} /*PRICING-TB*/ /*RIGHT-BOX*/ .right-box { float:left; width:300px; height:auto; min-height:100px; margin:10px 0; padding:0; background:#FFF;} .right-box-titel { float:left; width:300px; height:auto; min-height:10px; line-height:30px; background:#40A9FA; font-size:24px; text-align:left; color:#FFF; margin:0; padding: 10px; font-weight:500;} .right-box ul { float:left; width:300px; height:650px; list-style:none; margin:0; padding:10px 0; overflow-x:hidden; /*scroll overflow along X and Y axis */ overflow-y:scroll; } .right-box ul li { float:left; width:100%; height:auto; min-height:10px; min-height:20px; margin:0; padding:5px 10px; font-size:13px; color:#333; font-weight:500;} /*RIGHT-BOX*/ @media only screen and ( min-width: 1299px) and (max-width: 2399px) { h1 { width:100%; text-align: center; color:#333; font-size:42px; line-height:52px ; margin:0 0 10px 0; padding:0 0 15px 0; text-transform:uppercase; font-family: 'Raleway', sans-serif; font-weight:500; background:url(../images/h1.jpg) no-repeat center bottom; } h1 span { color:#FFF;} h2 { width:100%; text-align:left; color:#40A9FA; font-size:36px; line-height:46px ; margin:0 0 0 0; padding:0 0 0 0; text-transform:uppercase; font-family: 'Raleway', sans-serif; font-weight:600; } h3 { width:100%; text-align:left; color:#E63337; font-size:32px; line-height:42px ; margin:0 0 0 0; padding:0 0 0 0; text-transform:uppercase; font-family: 'Raleway', sans-serif; font-weight:600; } h5 { width:100%; text-align:left; color:#333; font-size:24px; line-height:32px ; margin:10px 0 0 0; padding:0 0 0 0; text-transform:uppercase; font-family: 'Raleway', sans-serif; font-weight:600; } h6 {width:100%; height:auto; min-height:10px; line-height:24px; font-size:16px; color:#333; text-align: center; margin:20px 0 10px 0 ; padding:0; font-weight:500; text-transform: capitalize; font-family: 'Raleway', sans-serif; } h6 span { color:#40A9FA; font-weight:600;} header{ width:100%; min-height:50px; height: auto; margin:0; padding:0;} header:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;} .center { width:1180px; height:auto; margin:0 auto; } .center:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;} /*LOGO*/ .logo { float:left; width:auto; height:auto; margin:10px 0; padding:0;} /*LOGO*/ /*GET A QUOTE*/ .get-a-quote-btn { float: right; width: auto; height:auto; min-height:10px; margin:25px 0; padding:0;} .get-a-quote-btn a { float:left; width: auto; height:40px; line-height:40px; margin:0; padding:0 20px; color:#FFF; border:1px solid #E63337; background:#E63337; font-weight:500; text-decoration:none; text-align:center; font-size:15px; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;} .get-a-quote-btn a:hover { background: none; border:1px solid #E63337; color:#E63337; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;} /*GET A QUOTE*/ .main-wrapper { width:100%; height:auto; margin:0 0 10px 0; padding:10px 0; background:#FFF;} .main-wrapper:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;} .home-box { float:left; width:275px; height:auto; min-height:50px; margin:10px; padding:0;} .home-box-icon { float:left; width:70px; height:auto; margin:0 102.5px; padding:0;} .home-box-icon img { width:70px;} .home-box-text { float:left; width:100%; height:auto; min-height:50px; margin:0 0 0 0; padding:0;} .home-box-text-titel { float:left; width:100%; height:auto; margin:0; padding:0; font-size:30px; line-height:45px; font-weight:700; color:#333; text-align:center;} .home-box-text-sub { float:left; width:100%; height:auto; margin:0; padding:0 0 0 0; font-size:14px; line-height:25px; font-weight:500; text-transform: capitalize; color:#333; text-align:center;} .main { float:left; width:100%; height:auto; min-height:300px; margin:10px 0; padding:0;} /*SERVICE*/ .service-box { float:left; width:353px; height:auto; min-height:200px; margin:10px 20px; padding:0;} .service-box-icon { float:left; width:93px; height:93px; margin:0 130px;} .service-box-icon a img { float:left; width:93px; height:93px; margin:0; padding:0; background:#E63337; -webkit-transition-duration: 0.8s;-moz-transition-duration: 0.8s;-o-transition-duration: 0.8s;transition-duration: 0.8s;-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;-o-transition-property: -o-transform;transition-property: transform; border-radius:100%;-moz-border-radius:100%;-webkit-border-radius:100%;} .service-box-icon a img:hover {-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg); -o-transform:rotate(360deg); border-radius:100%;-moz-border-radius:100%;-webkit-border-radius:100%; background:#40A9FA;} .service-titel { float:left; width:100%; height:auto; font-size:22px; font-weight:500; line-height:36px; margin:10px 0 0 0; padding:0; text-align:center; color:#333; text-transform:uppercase;} .service-titel a { color:#333; text-decoration:none; margin:0; padding:0;} .service-titel a:hover { color:#40A9FA;} .service-tex { float:left; width:100%; height:auto; font-size:15px; font-weight:400; line-height:22px; margin:5px 0; padding:0; text-align:center; color:#333; } .service-btn { float:left; width:123px; height:auto; min-height:10px; margin:10px 115px 0 115px; padding:0;} .service-btn a { float:left; width:100%; height:40px; line-height:40px; margin:0; padding:0; color:#40A9FA; border:1px solid #40A9FA; font-weight:600; text-decoration:none; text-align:center; font-size:14px; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;} .service-btn a:hover { background:#40A9FA; color:#FFF; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;} /*SERVICE*/ /*Get A Call Back*/ .testimonials-wrapper { width:100%; height:auto; margin:0 0 10px 0; padding:100px 0 ; background:#40A9FA url(../images/bg-home.png) no-repeat center bottom ;} .testimonials-wrapper:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;} .get-a-call-form { float:left; width:600px; height:auto; min-height:10px; margin:10px 290px; padding:0; background:url(../images/bg.png) repeat; border-radius:50px ;-moz-border-radius:50px ;-webkit-border-radius:50px;} .get-a-call-form ul { float:left; margin:0; padding:0; list-style:none;} .get-a-call-form ul li { float:left; margin:0; padding:0;} .get-a-call-form ul li.gc-1 { float:left; width:60px; height:60px; text-align:center; color:#999; line-height:60px; margin:15px 0 15px 15px; padding:0; background:#F2F2F2; font-size:18px; font-weight:600; border-radius:30px 0 0 30px ;-moz-border-radius:30px 0 0 30px ;-webkit-border-radius:30px 0 0 30px ;} .get-a-call-form ul li.gc-2 { float:left; width:440px; height:60px; text-align:center; color:#999; line-height:60px; margin:15px 0; padding:0; font-size:18px; font-weight:600;} .get-a-call-form ul li.gc-3 { float:left; width:70px; height:60px; text-align:center; color:#999; line-height:60px; margin:15px 15px 15px 0; padding:0; font-size:18px; font-weight:600;} .get-a-call-form-bor { float:left; font-size:15px; margin:0; padding:0 0 0 10px; color:#333 !important; width:440px; height:60px; line-height:60px; background:#FFF; border:1px solid #FFF; font-weight:500; font-family: 'Raleway', sans-serif; } .get-a-call-form-bor:focus {border:1px solid #E63337; background:#FFF;} input.getcall-btn { float: left; text-align:left; width:70px; height:60px; line-height:60px; font-size:16px; color:#FFF; text-decoration:none; font-weight:600; margin:0; padding:0; background:#E63337 url(../images/call-btn.png) no-repeat center center; border: none; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; font-family: 'Raleway', sans-serif; cursor:pointer; border-radius:0 30px 30px 0 ;-moz-border-radius:0 30px 30px 0;-webkit-border-radius:0 30px 30px 0;} input.getcall-btn:hover { color:#40A9FA; background:#333 url(../images/call-btn.png) no-repeat center center; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; border:none; } /*Get A Call Back*/ /*GET IN TOUCH*/ .get-wrapper { width:100%; height:auto; margin:0 0 0 0; padding:30px 0; background:#000;} .get-wrapper:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;} .get-in-touch { float:left; width:800px; height:auto; min-height:10px; margin:0 190px; padding:0;} .get-in-touch-text { float:left; width:600px; height:auto; min-height:10px; margin:0 20px 0 0; padding:0; font-size:20px; text-align:left; color:#FFF; font-weight:500; line-height:50px;} .get-in-touch-btn { float:left; width:180px; height:auto; min-height:10px; margin:0; padding:0;} .get-in-touch-btn a { float:left; width:100%; height:50px; line-height:50px; margin:0; padding:0; color:#FFF; border:1px solid #E63337; font-weight:600; text-decoration:none; text-align:center; font-size:16px; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; text-transform:uppercase; background:#E63337;} .get-in-touch-btn a:hover { background: none; color:#E63337; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;} /*GET IN TOUCH*/ /*New Scoller*/ .more-products {position:relative; float:left; width:1180px; height: auto; margin:0 0px 0px 0px; padding:0px; list-style:none;} .more-products ul{ list-style-type: none; height: auto; position:relative; overflow:hidden; width: auto;float:left; margin:0 0px 0px 0px!important; padding:0px;} .more-products ul li{ float:left; width:170px; height: auto; min-height:10px; padding:0px 0px 0px 0px; margin:10px; } .more-products-img { float:left; width:170px; min-height:10px; height: auto; margin:0; padding:0;} .more-products-img img { width:170px;} .more-products-holder { width:1140px; height: auto; position:relative; overflow:hidden; top:0px; left:20px;} .more-products-holder .jcarousel-clip{ width:100%; height: auto; position:relative; overflow:hidden; } .more-nav { font-size:0; line-height:0; } .more-nav a{ position:absolute; top:30px; left:0; width:20px; height:40px; text-indent: -4000px; z-index:3;} .more-nav a.next{ left:1160px;width:20px; height:40px; background:url(../images/icon-rt.png); display:block;opacity:0.3;} .more-nav a.next:hover {background:url(../images/icon-rt.png); left:1160px; opacity:1;} .more-nav a.prev{ background:url(../images/icon-lf.png); left:0px; display:block;opacity:0.3;} .more-nav a.prev:hover { background:url(../images/icon-lf.png); left:0px; opacity:1;} /*New Scoller*/ /*footer*/ footer { width:100%; height:auto; min-height:10px; margin:10px 0 0 0; padding:100px 0 20px 0; background: url(../images/footer-bg.jpg); background-origin: padding-box;background-position: left bottom; background-repeat: no-repeat; background-size: cover; } footer:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;} /*CONTACT-BOX*/ .contact-box { float:left; width:500px; height:auto; min-height:10px; margin:10px 10px 10px 0; padding:0;} .contact-box ul { float:left; margin:0; padding:0; list-style:none;} .contact-box ul li { float:left; height:auto; width:100%; margin:10px 0; padding:0;} .contact-box p { width:100%; font-size:15px; text-align:left; color:#FFF; font-weight:400; margin:0; padding:0; line-height:22px;} .contact-box p span {color:#40A9FA;} .contact-logo { float:left; margin:0 0 0 0; padding:0; display:block;} .line { float:left; width:100%; height:1px; margin:10px 0; padding:0; background:#FFF;} .footer-call-now { float:left; width:auto; height:auto; min-height:10px; margin:0; padding:0;} .footer-call-now ul { float:left; margin:0; padding:0; list-style:none;} .footer-call-now ul li { float:left; width:100%; height:auto; min-height:20px; margin:5px 0 10px 0; padding:0 ; color:#FFF; font-size:15px; line-height:20px; font-weight:400; text-align:left;} .footer-call-now ul li a { color:#FFF; text-decoration:none;} .footer-call-now ul li a:hover { color:#40A9FA;} .footer-now-icon { float:left; width:20px; height:20px; margin:0 5px 0 0; padding:0;} /*social*/ .social { float: left; width:auto; height:auto; min-height:10px; margin:0; padding:0;} .social ul { float:left; margin:0; padding:0; list-style:none;} .social ul li { float:left; width:auto; height:auto; min-height:30px; line-height:30px; margin:0 0 0 0; padding:0; font-size:14px; text-align:left; color:#FFF; font-weight:500;} .social ul li a { float:left; width:30px; height:10px; font-size:14px; text-align:center; margin: 0; padding:9px 0 11px 0; font-weight:500; color:#FFF; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; } .social ul li a:hover { color:#40A9FA; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; } /*social*/ .footer-map { float:left; width:500px; height:auto; min-height:100px; margin:10px 0 0 0; padding:0; overflow:hidden;} /*CONTACT-BOX*/ /*CONTACT-FORM*/ .contact-form { float:left; width:660px; height:auto; min-height:10px; margin:10px 0px 10px 10px; padding:0;} .contact-form ul { float:left; margin:0; padding:0; list-style:none;} .contact-form ul li { float:left; width:660px; height:auto; min-height:10px; margin:10px 0; padding:0;} .contact-form-bor { float:left; font-size:15px; margin:0; padding:0 0 0 10px; color:#FFF !important; width:660px; height:50px; line-height:50px; background: url(../images/form-bg.png) repeat top center; border: none; font-weight:400; font-family: 'Raleway', sans-serif; } .contact-form-textar { float:left; font-size:15px; margin:0; padding:10px 0 0 10px; color:#FFF !important; width:660px; height:130px; line-height:30px; background: url(../images/form-bg.png) repeat top center; border: none; font-weight:400; font-family: 'Raleway', sans-serif; } input.redevelopment-btn { float: left; text-align:left; height:auto; min-height:50px; line-height:50px; font-size:16px; color:#FFF; text-decoration:none; font-weight:600; margin:0; padding:0 65px; background:#40A9FA; border:1px solid #40A9FA; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; font-family: 'Raleway', sans-serif; cursor:pointer;} input.redevelopment-btn:hover { color:#40A9FA; background: none; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; border:1px solid #40A9FA; } /*CONTACT-FORM*/ .copy { width:100%; height:auto; min-height:30px; line-height:30px; margin:0; padding:10px 0; font-size:13px; text-align: center; color:#FFF; font-weight:400; background:#000;} .copy a { color:#40A9FA; text-decoration:none;} .copy a:hover { color:#FFF;} /*footer*/ /*SUB-BANNER*/ .sub-banner { width:100%; margin:0 0 0 0; padding:0; display:block; background:url(../images/sub-banner.png) repeat center top; min-height:10px; height:auto; } .sub-banner:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;} .subbanner-titel { float:left; width:100%; height:auto; line-height:66px; font-size:46px; text-align: center; color:#FFF; font-weight:700; text-transform: uppercase; margin:0; padding:30px 0; font-family: 'Raleway', sans-serif;} /*SUB-BANNER*/ .line-1 { float:left; width:100%; height:2px; margin:10px 0; padding:0; background:url(../images/line.png) repeat-x center top;} .home-img {width:458px; height: auto; margin:10px 10px 0px 0; padding:5px; background:#FFF; border:1px solid #DADADA; overflow:hidden;} .home-img img { width:448px} .inner-img {width:298px; height: auto; margin:10px 10px 0px 0; padding:5px; background:#FFF; border:1px solid #DADADA; overflow:hidden;} .inner-img img { width:288px} .main-left { float:left; width:820px; height:auto; min-height:10px; margin:10px 10px 0 0; padding:0;} .main-right { float:left; width:340px; height:auto; min-height:10px; margin:10px 0 0 10px; padding:0;} /*SUB-BANNER-IMG*/ .sub-banner-image { float:left; width:820px; height:auto; min-height:50px; margin:0 0 10px 0; padding:1px; border:1px solid #DADADA;} .sub-banner-image img { width:816px;} /*SUB-BANNER-IMG*/ /*RIGHT-FORM*/ .right-form { float:left; width:340px; height:auto; min-height:100px; margin:0 0 10px 0; padding:0; background:#FFF;} .right-form-titel { float:left; width:340px; height:auto; min-height:10px; line-height:45px; background:#40A9FA; font-size:24px; text-align:left; color:#FFF; margin:0; padding:0 10px; font-weight:500;} .right-form ul { float:left; margin:10px 0; padding:0; list-style:none;} .right-form ul li { float:left; width:300px; height:auto; min-height:10px; margin:10px 20px; padding:0;} .right-form-bor { float:left; font-size:14px; margin:0; padding:0 0 0 10px; color:#333 !important; width:300px; height:45px; line-height:45px; background:#F2F2F2; border:1px solid #DADADA; font-family:Raleway,Arial,Helvetica,sans-serif; font-weight:500; } .right-form-textar { float:left; font-size:14px; margin:0; padding:0 0 0 10px; color:#333 !important; width:300px; height:100px; line-height:35px; background:#F2F2F2; border:1px solid #DADADA; font-family:Raleway,Arial,Helvetica,sans-serif; font-weight:500; } .right-form-bor:focus, .right-form-textar:focus {border:1px solid #40A9FA; background:#FFF;} input.right-form-btn { float: left; text-align: center; width:100%; height:auto; min-height:45px; line-height:45px; font-size:16px; color:#FFF; text-decoration:none; font-weight:600; margin:0; padding:0; background:#40A9FA; border:1px solid #40A9FA; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; font-family: 'Raleway', sans-serif; cursor:pointer;} input.right-form-btn:hover { color:#40A9FA; background: none; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; border:1px solid #40A9FA; } /*RIGHT-FORM*/ /*RIGHT-NAV*/ .right-nav { float:left; width:340px; height:auto; min-height:100px; margin:10px 0; padding:0; background:#FFF;} .right-nav-titel { float:left; width:340px; height:auto; min-height:10px; line-height:45px; background:#40A9FA; font-size:24px; text-align:left; color:#FFF; margin:0; padding:0 10px; font-weight:500;} .right-nav ul { float:left; margin:10px 0; padding:0; list-style:none;} .right-nav ul li { float:left; width:100%; height:auto; min-height:20px; margin:0; padding:0; border-bottom:1px solid #F2F2F2;} .right-nav ul li a { float:left; width:100%; height:auto; min-height:20px; line-height:35px; font-size:15px; text-align:left; color:#333; font-weight:500; text-decoration:none; margin:0; padding:5px 10px; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;} .right-nav ul li a:hover { color:#FFF; background:#40A9FA; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;} /*RIGHT-NAV*/ /*GET-A-QUOTE-FORM*/ .get-a-quote-form { float:left; width:800px; height:auto; min-height:10px; margin:10px 190px; padding:10px; background:#FFF;} .get-a-quote-form ul { float:left; margin:0; padding:0; list-style:none;} .get-a-quote-form ul li { float:left; width:370px; height:auto; min-height:10px; margin:10px; padding:0;} .get-a-quote-form ul li.get-big { float:left; width:760px; height:auto; min-height:10px; margin:10px; padding:0;} .get-a-quote-form-bor{ float:left; font-size:15px; margin:0; padding:0 0 0 10px; color:#333 !important; width:370px; height:50px; line-height:50px; background:#FFF; border:1px solid #DADADA; font-family:Raleway,Arial,Helvetica,sans-serif; font-weight:500; } .get-a-quote-form-bor:focus, .get-a-quote-form-textar:focus {border:1px solid #40A9FA;} .get-a-quote-form select { float:left; font-size:15px; margin:0; padding:0 0 0 10px; color:#333 !important; width:370px; height:50px; line-height:50px; font-weight:500; background:#FFF url(../images/arrow-select.png) no-repeat right 10px center ;border:1px solid #DADADA; font-family:Raleway,Arial,Helvetica,sans-serif; font-weight:500; appearance:none; -webkit-appearance:none;-moz-appearance: none; text-indent: 0.01px; text-overflow: ''; } .get-a-quote-form select:focus { float:left; font-size:15px; margin:0; padding:0 0 0 10px; color:#333 !important; width:370px; height:50px; line-height:50px; font-weight:500; background:#FFF url(../images/arrow-select.png) no-repeat right 10px center ;border:1px solid #40A9FA; font-family:Raleway,Arial,Helvetica,sans-serif; font-weight:500; appearance:none; -webkit-appearance:none;-moz-appearance: none; text-indent: 0.01px; text-overflow: ''; } .get-a-quote-form-textar { float:left; font-size:15px; margin:0; padding:0 0 0 10px; color:#333 !important; width:760px; height:100px; line-height:35px; background:#FFF; border:1px solid #DADADA; font-family:Raleway,Arial,Helvetica,sans-serif; font-weight:500; } .get-a-quote-form ul li label{ float:left; width:100%; height:auto; min-height:20px; line-height:20px; font-size:15px; text-align:left; color:#333; font-family:Raleway,Arial,Helvetica,sans-serif; font-weight:600; margin:0; padding:0 0 7px 0;} .get-a-quote-form ul li label span { color:#40A9FA;} option { float:left; margin:0; padding:10px 10px; background:#FFF; line-height:30px; border-bottom:1px solid #DADADA;} input.get-a-quote-form-btn { float: left; text-align: center; width: auto; height:auto; min-height:45px; line-height:45px; font-size:16px; color:#FFF; text-decoration:none; font-weight:600; margin:0; padding:0 30px; background:#40A9FA; border:1px solid #40A9FA; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; font-family: 'Raleway', sans-serif; cursor:pointer;} input.get-a-quote-form-btn:hover { color:#40A9FA; background: none; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; border:1px solid #40A9FA; } /*GET-A-QUOTE-FORM*/ .box-dd { float:left; width:100%; height:auto; margin:0; padding:0 0 0 0;} .pricing-btn { float: left; width: auto; height:auto; min-height:10px; margin:20px 0 0 0; padding:0;} .pricing-btn a { float:left; width: auto; height:45px; line-height:45px; margin:0; padding:0 20px; color:#FFF; border:1px solid #40A9FA; background:#40A9FA; font-weight:500; text-decoration:none; text-align:center; font-size:14px; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; text-transform:uppercase;} .pricing-btn a:hover { background: none; border:1px solid #40A9FA; color:#40A9FA; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;} /*REQUEST BTN*/ #request-btn #request-btn_inner {background-image: url(../images/request-btn.png);color: #FFFFFF;cursor: pointer;height:167px; right: 0; margin-right: -10px;overflow: hidden;position: fixed;text-indent: -100000px;top: 170px;width:50px;z-index: 100000; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s;} #request-btn #request-btn_inner:hover {background-image: url(../images/request-btn.png);color: #FFFFFF;cursor: pointer;height:167px;right: 0;margin-right: 0px;overflow: hidden; position: fixed; text-indent: -100000px; top: 170px; width:50px; z-index: 100000; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s;} /*REQUEST BTN*/ /*PAYMENT-OPTIONS*/ .payment_options { float:left; width:570px; height:auto; min-height:10px; margin:10px; padding:0; background:#FFF;} .payment_options-titel { float:left; width:100%; height:auto; margin:0; padding:10px; line-height:30px; font-size:20px; text-align:left; color:#E63337; font-weight:600;} .payment_options-logo { float:left; width:200px; height:auto; min-height:10px; margin:0 10px 10px 10px; padding:0; border:1px solid #DDD;} .payment_options-logo img { width:198px;} .payment_options-details { float:left; width:550px; height:auto; min-height:100px; margin:0 10px 10px 10px; padding:0;} .payment_options-details ul { float:left; margin:1px 0 0 0; padding:0; width:100%; height:auto; min-height:10px; list-style:none; background:#F2F2F2;} .payment_options-details ul li { float:left; margin:0; padding:0;} .payment_options-details ul li.po-ti { float:left; width:180px; height:auto; line-height:24px; margin:0; padding:5px 10px; font-size:15px; text-align:left; color:#E63337; font-weight:600;} .payment_options-details ul li.po-tex { float:left; width:370px; height:auto; line-height:24px; margin:0; padding:5px 10px; font-size:15px; text-align:left; color:#333; font-weight:500;} /*PAYMENT-OPTIONS*/ /*ONLINE-PAYMENT-OPTIONS*/ .online-payment { float:left; width:1160px; height:auto; min-height:10px; margin:10px; padding:0 10px 10px 10px; background:#FFF;} .online-payment-btn { float:left; width:250px; height:auto; min-height:10px; margin:10px; padding:0;} .online-payment-btn img { width:250px;} .online-payment-btn a { opacity:0.7;} .online-payment-btn a:hover {opacity:1;} /*ONLINE-PAYMENT-OPTIONS*/ /*PRICING-TB*/ .pricing-tb { float:left; width:275px; height:auto; min-height:10px; margin:10px; padding:0; border:1px solid #DDD; background:#FFF; -webkit-transition: all .5s ease-out;-moz-transition: all .5s ease-out;-ms-transition: all .5s ease-out;-o-transition: all .5s ease-out;transition: all .5s ease-out;} .pricing-tb:hover { -webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);cursor:pointer; } .pricing-tb ul { float:left; margin:0; padding:0; list-style:none;} .pricing-tb ul li.pr-titel {float:left; width:273px; height:auto; min-height:70px; line-height:70px; text-transform:uppercase; font-size:22px; text-align:center; color:#333; font-weight:500; margin:0; padding:0; border-bottom: none;} .pricing-tb ul li.pr-prize {float:left; width:273px; height:auto; min-height:60px; line-height:60px; text-transform:uppercase; font-size:30px; text-align:center; color:#FFF; font-weight:600; margin:0; padding:0; border-bottom: none; } .pr-col-1 { background:#06C;} .pr-col-2 { background:#090;} .pr-col-3 { background:#CE2F2F;} .pr-col-4 { background: #F93;} .pricing-tb ul li {float:left; width:273px; height:auto; min-height:10px; line-height:20px; font-size:14px; text-align:center; color:#666; font-weight:400; margin:0; padding: 10px; border-bottom:1px solid #DDD;} .pricing-tb ul li.last {float:left; width:273px; height:auto; min-height:10px; line-height:20px; text-transform:uppercase; font-size:14px; text-align:center; color:#666; font-weight:400; margin:0; padding: 10px; border-bottom: none;} .pricing-tb .pricingbtn1 a { float: left; font-weight:500; width:223px; text-align:center; background:#E63337; margin:10px 15px; padding:0; height:45px; line-height:45px; color:#FFF; text-decoration:none; text-shadow: none; font-size:16px; text-align:center; text-transform: uppercase; -webkit-transition-duration: 0.8s;-moz-transition-duration: 0.8s;-o-transition-duration: 0.8s;transition-duration: 0.8s; border:none; } .pricing-tb:hover .pricingbtn1 a {background:#40A9FA;color:#FFF; text-decoration:none; -webkit-transition-duration: 0.8s;-moz-transition-duration: 0.8s;-o-transition-duration: 0.8s;transition-duration: 0.8s;} /*PRICING-TB*/ /*RIGHT-BOX*/ .right-box { float:left; width:340px; height:auto; min-height:100px; margin:10px 0; padding:0; background:#FFF;} .right-box-titel { float:left; width:340px; height:auto; min-height:10px; line-height:30px; background:#40A9FA; font-size:24px; text-align:left; color:#FFF; margin:0; padding: 10px; font-weight:500;} .right-box ul { float:left; width:340px; height:640px; list-style:none; margin:0; padding:10px 0; overflow-x:hidden; /*scroll overflow along X and Y axis */ overflow-y:scroll; } .right-box ul li { float:left; width:161px; height:auto; min-height:10px; min-height:20px; margin:0; padding:5px 10px; font-size:13px; color:#333; font-weight:500;} /*RIGHT-BOX*/ } /* Portrait tablet to landscape and desktop */ @media only screen and ( min-width: 768px) and ( max-width: 980px ) { h1 { width:100%; text-align: center; color:#333; font-size:36px; line-height:46px ; margin:0 0 10px 0; padding:0 0 15px 0; text-transform:uppercase; font-family: 'Raleway', sans-serif; font-weight:500; background:url(../images/h1.jpg) no-repeat center bottom; } h1 span { color:#FFF;} h2 { width:100%; text-align:left; color:#40A9FA; font-size:30px; line-height:40px ; margin:0 0 0 0; padding:0 0 0 0; text-transform:uppercase; font-family: 'Raleway', sans-serif; font-weight:600; } h3 { width:100%; text-align:left; color:#E63337; font-size:26px; line-height:36px ; margin:0 0 0 0; padding:0 0 0 0; text-transform:uppercase; font-family: 'Raleway', sans-serif; font-weight:600; } h5 { width:100%; text-align:left; color:#333; font-size:22px; line-height:30px ; margin:10px 0 0 0; padding:0 0 0 0; text-transform:uppercase; font-family: 'Raleway', sans-serif; font-weight:600; } h6 {width:100%; height:auto; min-height:10px; line-height:24px; font-size:16px; color:#333; text-align: center; margin:20px 0 10px 0 ; padding:0; font-weight:500; text-transform: capitalize; font-family: 'Raleway', sans-serif; } h6 span { color:#40A9FA; font-weight:600;} header{ width:100%; min-height:50px; height: auto; margin:0; padding:0;} header:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;} .center { width:760px; height:auto; margin:0 auto; } .center:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;} /*LOGO*/ .logo { float:left; width:auto; height:auto; margin:10px 0; padding:0;} .logo img { width:79px;} /*LOGO*/ /*GET A QUOTE*/ .get-a-quote-btn { float: right; width: auto; height:auto; min-height:10px; margin:15px 0; padding:0;} .get-a-quote-btn a { float:left; width: auto; height:40px; line-height:40px; margin:0; padding:0 10px; color:#FFF; border:1px solid #E63337; background:#E63337; font-weight:500; text-decoration:none; text-align:center; font-size:12px; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;} .get-a-quote-btn a:hover { background: none; border:1px solid #E63337; color:#E63337; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;} /*GET A QUOTE*/ .main-wrapper { width:100%; height:auto; margin:0 0 10px 0; padding:10px 0; background:#FFF;} .main-wrapper:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;} .home-box { float:left; width:170px; height:auto; min-height:50px; margin:10px; padding:0;} .home-box-icon { float:left; width:60px; height:auto; margin:0 55px; padding:0;} .home-box-icon img { width:60px;} .home-box-text { float:left; width:100%; height:auto; min-height:50px; margin:0 0 0 0; padding:0;} .home-box-text-titel { float:left; width:100%; height:auto; margin:0; padding:0; font-size:26px; line-height:42px; font-weight:700; color:#333; text-align:center;} .home-box-text-sub { float:left; width:100%; height:auto; margin:0; padding:0 0 0 0; font-size:14px; line-height:22px; font-weight:500; text-transform: capitalize; color:#333; text-align:center;} .main { float:left; width:100%; height:auto; min-height:300px; margin:10px 0; padding:0;} /*SERVICE*/ .service-box { float:left; width:360px; height:auto; min-height:190px; margin:10px; padding:0;} .service-box-icon { float:left; width:90px; height:90px; margin:0 135px;} .service-box-icon a img { float:left; width:90px; height:90px; margin:0; padding:0; background:#E63337; -webkit-transition-duration: 0.8s;-moz-transition-duration: 0.8s;-o-transition-duration: 0.8s;transition-duration: 0.8s;-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;-o-transition-property: -o-transform;transition-property: transform; border-radius:100%;-moz-border-radius:100%;-webkit-border-radius:100%;} .service-box-icon a img:hover {-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg); -o-transform:rotate(360deg); border-radius:100%;-moz-border-radius:100%;-webkit-border-radius:100%; background:#40A9FA;} .service-titel { float:left; width:100%; height:auto; font-size:20px; font-weight:500; line-height:32px; margin:10px 0 0 0; padding:0; text-align:center; color:#333; text-transform:uppercase;} .service-titel a { color:#333; text-decoration:none; margin:0; padding:0;} .service-titel a:hover { color:#40A9FA;} .service-tex { float:left; width:100%; height:auto; font-size:15px; font-weight:400; line-height:22px; margin:5px 0; padding:0; text-align:center; color:#333; } .service-btn { float:left; width:120px; height:auto; min-height:10px; margin:10px 120px 0 120px; padding:0;} .service-btn a { float:left; width:100%; height:40px; line-height:40px; margin:0; padding:0; color:#40A9FA; border:1px solid #40A9FA; font-weight:600; text-decoration:none; text-align:center; font-size:14px; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;} .service-btn a:hover { background:#40A9FA; color:#FFF; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;} /*SERVICE*/ /*Get A Call Back*/ .testimonials-wrapper { width:100%; height:auto; margin:0 0 10px 0; padding:90px 0 ; background:#40A9FA url(../images/bg-home.png) no-repeat center bottom ;} .testimonials-wrapper:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;} .get-a-call-form { float:left; width:600px; height:auto; min-height:10px; margin:10px 80px; padding:0; background:url(../images/bg.png) repeat; border-radius:50px ;-moz-border-radius:50px ;-webkit-border-radius:50px;} .get-a-call-form ul { float:left; margin:0; padding:0; list-style:none;} .get-a-call-form ul li { float:left; margin:0; padding:0;} .get-a-call-form ul li.gc-1 { float:left; width:60px; height:60px; text-align:center; color:#999; line-height:60px; margin:15px 0 15px 15px; padding:0; background:#F2F2F2; font-size:18px; font-weight:600; border-radius:30px 0 0 30px ;-moz-border-radius:30px 0 0 30px ;-webkit-border-radius:30px 0 0 30px ;} .get-a-call-form ul li.gc-2 { float:left; width:440px; height:60px; text-align:center; color:#999; line-height:60px; margin:15px 0; padding:0; font-size:18px; font-weight:600;} .get-a-call-form ul li.gc-3 { float:left; width:70px; height:60px; text-align:center; color:#999; line-height:60px; margin:15px 15px 15px 0; padding:0; font-size:18px; font-weight:600;} .get-a-call-form-bor { float:left; font-size:15px; margin:0; padding:0 0 0 10px; color:#333 !important; width:440px; height:60px; line-height:60px; background:#FFF; border:1px solid #FFF; font-weight:500; font-family: 'Raleway', sans-serif; } .get-a-call-form-bor:focus {border:1px solid #E63337; background:#FFF;} input.getcall-btn { float: left; text-align:left; width:70px; height:60px; line-height:60px; font-size:16px; color:#FFF; text-decoration:none; font-weight:600; margin:0; padding:0; background:#E63337 url(../images/call-btn.png) no-repeat center center; border: none; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; font-family: 'Raleway', sans-serif; cursor:pointer; border-radius:0 30px 30px 0 ;-moz-border-radius:0 30px 30px 0;-webkit-border-radius:0 30px 30px 0;} input.getcall-btn:hover { color:#40A9FA; background:#333 url(../images/call-btn.png) no-repeat center center; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; border:none; } /*Get A Call Back*/ /*GET IN TOUCH*/ .get-wrapper { width:100%; height:auto; margin:0 0 0 0; padding:30px 0; background:#000;} .get-wrapper:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;} .get-in-touch { float:left; width:700px; height:auto; min-height:10px; margin:0 30px; padding:0;} .get-in-touch-text { float:left; width:500px; height:auto; min-height:10px; margin:0 20px 0 0; padding:0; font-size:18px; text-align:left; color:#FFF; font-weight:500; line-height:50px;} .get-in-touch-btn { float:left; width:180px; height:auto; min-height:10px; margin:0; padding:0;} .get-in-touch-btn a { float:left; width:100%; height:50px; line-height:50px; margin:0; padding:0; color:#FFF; border:1px solid #E63337; font-weight:600; text-decoration:none; text-align:center; font-size:16px; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; text-transform:uppercase; background:#E63337;} .get-in-touch-btn a:hover { background: none; color:#E63337; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;} /*GET IN TOUCH*/ /*New Scoller*/ .more-products { position:relative; float:left; width:760px; height: auto; margin:0 0px 0px 0px; padding:0px; list-style:none;} .more-products ul{ list-style-type: none; height: auto; position:relative; overflow:hidden; width: auto;float:left; margin:0 0px 0px 0px!important; padding:0px;} .more-products ul li{ float:left; width:155px; height: auto; min-height:10px; padding:0px 0px 0px 0px; margin:10px; } .more-products-img { float:left; width:155px; min-height:10px; height: auto; margin:0; padding:0;} .more-products-img img { width:155px;} .more-products-holder { width:700px; height: auto; position:relative; overflow:hidden; top:0px; left:30px;} .more-products-holder .jcarousel-clip{ width:100%; height: auto; position:relative; overflow:hidden; } .more-nav { font-size:0; line-height:0; } .more-nav a{ position:absolute; top:28px; left:0; width:20px; height:40px; text-indent: -4000px; z-index:3;} .more-nav a.next{ left:740px;width:20px; height:40px; background:url(../images/icon-rt.png); display:block;opacity:0.3;} .more-nav a.next:hover {background:url(../images/icon-rt.png); left:740px; opacity:1;} .more-nav a.prev{ background:url(../images/icon-lf.png); left:0px; display:block;opacity:0.3;} .more-nav a.prev:hover { background:url(../images/icon-lf.png); left:0px; opacity:1;} /*New Scoller*/ /*footer*/ footer { width:100%; height:auto; min-height:10px; margin:10px 0 0 0; padding:100px 0 20px 0; background: url(../images/footer-bg.jpg); background-origin: padding-box;background-position: left bottom; background-repeat: no-repeat; background-size: cover; } footer:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;} /*CONTACT-BOX*/ .contact-box { float:left; width:400px; height:auto; min-height:10px; margin:10px 10px 10px 0; padding:0;} .contact-box ul { float:left; margin:0; padding:0; list-style:none;} .contact-box ul li { float:left; height:auto; width:100%; margin:10px 0; padding:0;} .contact-box p { width:100%; font-size:15px; text-align:left; color:#FFF; font-weight:400; margin:0; padding:0; line-height:22px;} .contact-box p span {color:#40A9FA;} .contact-logo { float:left; margin:0 0 0 0; padding:0; display:block;} .line { float:left; width:100%; height:1px; margin:10px 0; padding:0; background:#FFF;} .footer-call-now { float:left; width:auto; height:auto; min-height:10px; margin:0; padding:0;} .footer-call-now ul { float:left; margin:0; padding:0; list-style:none;} .footer-call-now ul li { float:left; width:100%; height:auto; min-height:20px; margin:5px 0 10px 0; padding:0 ; color:#FFF; font-size:15px; line-height:20px; font-weight:400; text-align:left;} .footer-call-now ul li a { color:#FFF; text-decoration:none;} .footer-call-now ul li a:hover { color:#40A9FA;} .footer-now-icon { float:left; width:20px; height:20px; margin:0 5px 0 0; padding:0;} /*social*/ .social { float: left; width:auto; height:auto; min-height:10px; margin:0; padding:0;} .social ul { float:left; margin:0; padding:0; list-style:none;} .social ul li { float:left; width:auto; height:auto; min-height:30px; line-height:30px; margin:0 0 0 0; padding:0; font-size:14px; text-align:left; color:#FFF; font-weight:500;} .social ul li a { float:left; width:30px; height:10px; font-size:14px; text-align:center; margin: 0; padding:9px 0 11px 0; font-weight:500; color:#FFF; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; } .social ul li a:hover { color:#40A9FA; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; } /*social*/ .footer-map { float:left; width:400px; height:auto; min-height:100px; margin:10px 0 0 0; padding:0; overflow:hidden;} /*CONTACT-BOX*/ /*CONTACT-FORM*/ .contact-form { float:left; width:340px; height:auto; min-height:10px; margin:10px 0px 10px 10px; padding:0;} .contact-form ul { float:left; margin:0; padding:0; list-style:none;} .contact-form ul li { float:left; width:340px; height:auto; min-height:10px; margin:10px 0; padding:0;} .contact-form-bor { float:left; font-size:15px; margin:0; padding:0 0 0 10px; color:#FFF !important; width:340px; height:50px; line-height:50px; background: url(../images/form-bg.png) repeat top center; border: none; font-weight:400; font-family: 'Raleway', sans-serif; } .contact-form-textar { float:left; font-size:15px; margin:0; padding:10px 0 0 10px; color:#FFF !important; width:340px; height:130px; line-height:30px; background: url(../images/form-bg.png) repeat top center; border: none; font-weight:400; font-family: 'Raleway', sans-serif; } input.redevelopment-btn { float: left; text-align:left; height:auto; min-height:50px; line-height:50px; font-size:16px; color:#FFF; text-decoration:none; font-weight:600; margin:0; padding:0 65px; background:#40A9FA; border:1px solid #40A9FA; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; font-family: 'Raleway', sans-serif; cursor:pointer;} input.redevelopment-btn:hover { color:#40A9FA; background: none; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; border:1px solid #40A9FA; } /*CONTACT-FORM*/ .copy { width:100%; height:auto; min-height:30px; line-height:30px; margin:0; padding:10px 0; font-size:13px; text-align: center; color:#FFF; font-weight:400; background:#000;} .copy a { color:#40A9FA; text-decoration:none;} .copy a:hover { color:#FFF;} /*footer*/ /*SUB-BANNER*/ .sub-banner { width:100%; margin:0 0 0 0; padding:0; display:block; background:url(../images/sub-banner.png) repeat center top; min-height:10px; height:auto; } .sub-banner:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;} .subbanner-titel { float:left; width:100%; height:auto; line-height:56px; font-size:36px; text-align: center; color:#FFF; font-weight:700; text-transform: uppercase; margin:0; padding:30px 0; font-family: 'Raleway', sans-serif;} /*SUB-BANNER*/ .line-1 { float:left; width:100%; height:2px; margin:10px 0; padding:0; background:url(../images/line.png) repeat-x center top;} .home-img {width:338px; height: auto; margin:10px 10px 0px 0; padding:5px; background:#FFF; border:1px solid #DADADA; overflow:hidden;} .home-img img { width:328px} .inner-img {width:258px; height: auto; margin:10px 10px 0px 0; padding:5px; background:#FFF; border:1px solid #DADADA; overflow:hidden;} .inner-img img { width:248px} .main-left { float:left; width:480px; height:auto; min-height:10px; margin:10px 10px 0 0; padding:0;} .main-right { float:left; width:260px; height:auto; min-height:10px; margin:10px 0 0 10px; padding:0;} /*SUB-BANNER-IMG*/ .sub-banner-image { float:left; width:480px; height:auto; min-height:50px; margin:0 0 10px 0; padding:1px; border:1px solid #DADADA;} .sub-banner-image img { width:476px;} /*SUB-BANNER-IMG*/ /*RIGHT-FORM*/ .right-form { float:left; width:260px; height:auto; min-height:100px; margin:0 0 10px 0; padding:0; background:#FFF;} .right-form-titel { float:left; width:260px; height:auto; min-height:10px; line-height:45px; background:#40A9FA; font-size:22px; text-align:left; color:#FFF; margin:0; padding:0 10px; font-weight:500;} .right-form ul { float:left; margin:10px 0; padding:0; list-style:none;} .right-form ul li { float:left; width:220px; height:auto; min-height:10px; margin:10px 20px; padding:0;} .right-form-bor { float:left; font-size:14px; margin:0; padding:0 0 0 10px; color:#333 !important; width:220px; height:45px; line-height:45px; background:#F2F2F2; border:1px solid #DADADA; font-family:Raleway,Arial,Helvetica,sans-serif; font-weight:500; } .right-form-textar { float:left; font-size:14px; margin:0; padding:0 0 0 10px; color:#333 !important; width:220px; height:100px; line-height:35px; background:#F2F2F2; border:1px solid #DADADA; font-family:Raleway,Arial,Helvetica,sans-serif; font-weight:500; } .right-form-bor:focus, .right-form-textar:focus {border:1px solid #40A9FA; background:#FFF;} input.right-form-btn { float: left; text-align: center; width:100%; height:auto; min-height:45px; line-height:45px; font-size:16px; color:#FFF; text-decoration:none; font-weight:600; margin:0; padding:0; background:#40A9FA; border:1px solid #40A9FA; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; font-family: 'Raleway', sans-serif; cursor:pointer;} input.right-form-btn:hover { color:#40A9FA; background: none; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; border:1px solid #40A9FA; } /*RIGHT-FORM*/ /*RIGHT-NAV*/ .right-nav { float:left; width:260px; height:auto; min-height:100px; margin:10px 0 ; padding:0; background:#FFF;} .right-nav-titel { float:left; width:260px; height:auto; min-height:10px; line-height:45px; background:#40A9FA; font-size:22px; text-align:left; color:#FFF; margin:0; padding:0 10px; font-weight:500;} .right-nav ul { float:left; margin:10px 0; padding:0; list-style:none;} .right-nav ul li { float:left; width:100%; height:auto; min-height:20px; margin:0; padding:0; border-bottom:1px solid #F2F2F2;} .right-nav ul li a { float:left; width:100%; height:auto; min-height:20px; line-height:35px; font-size:14px; text-align:left; color:#333; font-weight:500; text-decoration:none; margin:0; padding:5px 10px; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;} .right-nav ul li a:hover { color:#FFF; background:#40A9FA; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;} /*RIGHT-NAV*/ /*GET-A-QUOTE-FORM*/ .get-a-quote-form { float:left; width:700px; height:auto; min-height:10px; margin:10px 30px; padding:10px; background:#FFF;} .get-a-quote-form ul { float:left; margin:0; padding:0; list-style:none;} .get-a-quote-form ul li { float:left; width:320px; height:auto; min-height:10px; margin:10px; padding:0;} .get-a-quote-form ul li.get-big { float:left; width:660px; height:auto; min-height:10px; margin:10px; padding:0;} .get-a-quote-form-bor{ float:left; font-size:14px; margin:0; padding:0 0 0 10px; color:#333 !important; width:320px; height:50px; line-height:50px; background:#FFF; border:1px solid #DADADA; font-family:Raleway,Arial,Helvetica,sans-serif; font-weight:500; } .get-a-quote-form-bor:focus, .get-a-quote-form-textar:focus {border:1px solid #40A9FA;} .get-a-quote-form select { float:left; font-size:14px; margin:0; padding:0 0 0 10px; color:#333 !important; width:320px; height:50px; line-height:50px; font-weight:500; background:#FFF url(../images/arrow-select.png) no-repeat right 10px center ;border:1px solid #DADADA; font-family:Raleway,Arial,Helvetica,sans-serif; font-weight:500; appearance:none; -webkit-appearance:none;-moz-appearance: none; text-indent: 0.01px; text-overflow: ''; } .get-a-quote-form select:focus { float:left; font-size:14px; margin:0; padding:0 0 0 10px; color:#333 !important; width:320px; height:50px; line-height:50px; font-weight:500; background:#FFF url(../images/arrow-select.png) no-repeat right 10px center ;border:1px solid #40A9FA; font-family:Raleway,Arial,Helvetica,sans-serif; font-weight:500; appearance:none; -webkit-appearance:none;-moz-appearance: none; text-indent: 0.01px; text-overflow: ''; } .get-a-quote-form-textar { float:left; font-size:14px; margin:0; padding:0 0 0 10px; color:#333 !important; width:660px; height:100px; line-height:35px; background:#FFF; border:1px solid #DADADA; font-family:Raleway,Arial,Helvetica,sans-serif; font-weight:500; } .get-a-quote-form ul li label{ float:left; width:100%; height:auto; min-height:20px; line-height:20px; font-size:15px; text-align:left; color:#333; font-family:Raleway,Arial,Helvetica,sans-serif; font-weight:600; margin:0; padding:0 0 7px 0;} .get-a-quote-form ul li label span { color:#40A9FA;} option { float:left; margin:0; padding:10px 10px; background:#FFF; line-height:30px; border-bottom:1px solid #DADADA;} input.get-a-quote-form-btn { float: left; text-align: center; width: auto; height:auto; min-height:45px; line-height:45px; font-size:16px; color:#FFF; text-decoration:none; font-weight:600; margin:0; padding:0 30px; background:#40A9FA; border:1px solid #40A9FA; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; font-family: 'Raleway', sans-serif; cursor:pointer;} input.get-a-quote-form-btn:hover { color:#40A9FA; background: none; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; border:1px solid #40A9FA; } /*GET-A-QUOTE-FORM*/ .box-dd { float:left; width:100%; height:auto; margin:0; padding:0 0 0 0;} .pricing-btn { float: left; width: auto; height:auto; min-height:10px; margin:20px 0 0 0; padding:0;} .pricing-btn a { float:left; width: auto; height:45px; line-height:45px; margin:0; padding:0 20px; color:#FFF; border:1px solid #40A9FA; background:#40A9FA; font-weight:500; text-decoration:none; text-align:center; font-size:14px; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; text-transform:uppercase;} .pricing-btn a:hover { background: none; border:1px solid #40A9FA; color:#40A9FA; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;} /*REQUEST BTN*/ #request-btn #request-btn_inner {background-image: url(../images/request-btn.png);color: #FFFFFF;cursor: pointer;height:167px; right: 0; margin-right: -10px;overflow: hidden;position: fixed;text-indent: -100000px;top: 170px;width:50px;z-index: 100000; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s;} #request-btn #request-btn_inner:hover {background-image: url(../images/request-btn.png);color: #FFFFFF;cursor: pointer;height:167px;right: 0;margin-right: 0px;overflow: hidden; position: fixed; text-indent: -100000px; top: 170px; width:50px; z-index: 100000; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s;} /*REQUEST BTN*/ /*PAYMENT-OPTIONS*/ .payment_options { float:left; width:360px; height:auto; min-height:10px; margin:10px; padding:0; background:#FFF;} .payment_options-titel { float:left; width:100%; height:auto; margin:0; padding:10px; line-height:28px; font-size:18px; text-align:left; color:#E63337; font-weight:600;} .payment_options-logo { float:left; width:180px; height:auto; min-height:10px; margin:0 10px 10px 10px; padding:0; border:1px solid #DDD;} .payment_options-logo img { width:178px;} .payment_options-details { float:left; width:340px; height:auto; min-height:100px; margin:0 10px 10px 10px; padding:0;} .payment_options-details ul { float:left; margin:1px 0 0 0; padding:0; width:100%; height:auto; min-height:10px; list-style:none; background:#F2F2F2;} .payment_options-details ul li { float:left; margin:0; padding:0;} .payment_options-details ul li.po-ti { float:left; width:150px; height:auto; line-height:24px; margin:0; padding:5px 10px; font-size:14px; text-align:left; color:#E63337; font-weight:600;} .payment_options-details ul li.po-tex { float:left; width:190px; height:auto; line-height:24px; margin:0; padding:5px 10px; font-size:14px; text-align:left; color:#333; font-weight:500;} /*PAYMENT-OPTIONS*/ /*ONLINE-PAYMENT-OPTIONS*/ .online-payment { float:left; width:740px; height:auto; min-height:10px; margin:10px ; padding:0 10px 10px 10px; background:#FFF;} .online-payment-btn { float:left; width:200px; height:auto; min-height:10px; margin:10px; padding:0;} .online-payment-btn img { width:200px;} .online-payment-btn a { opacity:0.7;} .online-payment-btn a:hover {opacity:1;} /*ONLINE-PAYMENT-OPTIONS*/ /*PRICING-TB*/ .pricing-tb { float:left; width:170px; height:auto; min-height:10px; margin:10px; padding:0; border:1px solid #DDD; background:#FFF; -webkit-transition: all .5s ease-out;-moz-transition: all .5s ease-out;-ms-transition: all .5s ease-out;-o-transition: all .5s ease-out;transition: all .5s ease-out;} .pricing-tb:hover { -webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);cursor:pointer; } .pricing-tb ul { float:left; margin:0; padding:0; list-style:none;} .pricing-tb ul li.pr-titel {float:left; width:168px; height:auto; min-height:60px; line-height:60px; text-transform:uppercase; font-size:16px; text-align:center; color:#333; font-weight:500; margin:0; padding:0; border-bottom: none;} .pricing-tb ul li.pr-prize {float:left; width:168px; height:auto; min-height:50px; line-height:50px; text-transform:uppercase; font-size:24px; text-align:center; color:#FFF; font-weight:600; margin:0; padding:0; border-bottom: none; } .pr-col-1 { background:#06C;} .pr-col-2 { background:#090;} .pr-col-3 { background:#CE2F2F;} .pr-col-4 { background: #F93;} .pricing-tb ul li {float:left; width:168px; height:auto; min-height:10px; line-height:20px; font-size:14px; text-align:center; color:#666; font-weight:400; margin:0; padding: 10px; border-bottom:1px solid #DDD;} .pricing-tb ul li.last {float:left; width:168px; height:auto; min-height:10px; line-height:20px; text-transform:uppercase; font-size:14px; text-align:center; color:#666; font-weight:400; margin:0; padding: 10px; border-bottom: none;} .pricing-tb .pricingbtn1 a { float: left; font-weight:500; width:118px; text-align:center; background:#E63337; margin:10px 15px; padding:0; height:45px; line-height:45px; color:#FFF; text-decoration:none; text-shadow: none; font-size:15px; text-align:center; text-transform: uppercase; -webkit-transition-duration: 0.8s;-moz-transition-duration: 0.8s;-o-transition-duration: 0.8s;transition-duration: 0.8s; border:none; } .pricing-tb:hover .pricingbtn1 a {background:#40A9FA;color:#FFF; text-decoration:none; -webkit-transition-duration: 0.8s;-moz-transition-duration: 0.8s;-o-transition-duration: 0.8s;transition-duration: 0.8s;} /*PRICING-TB*/ /*RIGHT-BOX*/ .right-box { float:left; width:260px; height:auto; min-height:100px; margin:10px 0; padding:0; background:#FFF;} .right-box-titel { float:left; width:260px; height:auto; min-height:10px; line-height:28px; background:#40A9FA; font-size:22px; text-align:left; color:#FFF; margin:0; padding: 10px; font-weight:500;} .right-box ul { float:left; width:260px; height:720px; list-style:none; margin:0; padding:10px 0; overflow-x:hidden; /*scroll overflow along X and Y axis */ overflow-y:scroll; } .right-box ul li { float:left; width:100%; height:auto; min-height:10px; min-height:20px; margin:0; padding:5px 10px; font-size:13px; color:#333; font-weight:500;} /*RIGHT-BOX*/ } /* Portrait tablet to landscape and desktop */ /* Landscape phone to portrait tablet */ @media only screen and ( min-width: 600px) and ( max-width: 767px ) { h1 { width:100%; text-align: center; color:#333; font-size:32px; line-height:42px ; margin:0 0 10px 0; padding:0 0 15px 0; text-transform:uppercase; font-family: 'Raleway', sans-serif; font-weight:500; background:url(../images/h1.jpg) no-repeat center bottom; } h1 span { color:#FFF;} h2 { width:100%; text-align:left; color:#40A9FA; font-size:28px; line-height:38px ; margin:0 0 0 0; padding:0 0 0 0; text-transform:uppercase; font-family: 'Raleway', sans-serif; font-weight:600; } h3 { width:100%; text-align:left; color:#E63337; font-size:22px; line-height:32px ; margin:0 0 0 0; padding:0 0 0 0; text-transform:uppercase; font-family: 'Raleway', sans-serif; font-weight:600; } h5 { width:100%; text-align:left; color:#333; font-size:20px; line-height:28px ; margin:10px 0 0 0; padding:0 0 0 0; text-transform:uppercase; font-family: 'Raleway', sans-serif; font-weight:600; } h6 {width:100%; height:auto; min-height:10px; line-height:22px; font-size:15px; color:#333; text-align: center; margin:20px 0 10px 0 ; padding:0; font-weight:500; text-transform: capitalize; font-family: 'Raleway', sans-serif; } h6 span { color:#40A9FA; font-weight:600;} header{ width:100%; min-height:50px; height: auto; margin:0; padding:0;} header:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;} .center { width:580px; height:auto; margin:0 auto;} .center:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;} /*LOGO*/ .logo { float:left; width:auto; height:auto; margin:50px 0 10px 10px; padding:0;} .logo img { width:95px;} /*LOGO*/ /*GET A QUOTE*/ .get-a-quote-btn { float: right; width: auto; height:auto; min-height:10px; margin:60px 10px 10px 0; padding:0;} .get-a-quote-btn a { float:left; width: auto; height:40px; line-height:40px; margin:0; padding:0 20px; color:#FFF; border:1px solid #E63337; background:#E63337; font-weight:500; text-decoration:none; text-align:center; font-size:16px; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;} .get-a-quote-btn a:hover { background: none; border:1px solid #E63337; color:#E63337; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;} /*GET A QUOTE*/ .main-wrapper { width:100%; height:auto; margin:0 0 10px 0; padding:10px 0; background:#FFF;} .main-wrapper:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;} .home-box { float:left; width:135px; height:auto; min-height:50px; margin:5px; padding:0; } .home-box-icon { float:left; width:55px; height:auto; margin:0 40px; padding:0;} .home-box-icon img { width:55px;} .home-box-text { float:left; width:100%; height:auto; min-height:50px; margin:0 0 0 0; padding:0;} .home-box-text-titel { float:left; width:100%; height:auto; margin:0; padding:0; font-size:24px; line-height:36px; font-weight:700; color:#333; text-align:center;} .home-box-text-sub { float:left; width:100%; height:auto; margin:0; padding:0 0 0 0; font-size:14px; line-height:20px; font-weight:500; text-transform: capitalize; color:#333; text-align:center;} .main { float:left; width:100%; height:auto; min-height:300px; margin:10px 0; padding:0;} /*SERVICE*/ .service-box { float:left; width:270px; height:auto; min-height:240px; margin:10px; padding:0;} .service-box-icon { float:left; width:90px; height:90px; margin:0 90px;} .service-box-icon a img { float:left; width:90px; height:90px; margin:0; padding:0; background:#E63337; -webkit-transition-duration: 0.8s;-moz-transition-duration: 0.8s;-o-transition-duration: 0.8s;transition-duration: 0.8s;-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;-o-transition-property: -o-transform;transition-property: transform; border-radius:100%;-moz-border-radius:100%;-webkit-border-radius:100%;} .service-box-icon a img:hover {-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg); -o-transform:rotate(360deg); border-radius:100%;-moz-border-radius:100%;-webkit-border-radius:100%; background:#40A9FA;} .service-titel { float:left; width:100%; height:auto; font-size:20px; font-weight:500; line-height:32px; margin:10px 0 0 0; padding:0; text-align:center; color:#333; text-transform:uppercase;} .service-titel a { color:#333; text-decoration:none; margin:0; padding:0;} .service-titel a:hover { color:#40A9FA;} .service-tex { float:left; width:100%; height:auto; font-size:14px; font-weight:400; line-height:20px; margin:5px 0; padding:0; text-align:center; color:#333; } .service-btn { float:left; width:120px; height:auto; min-height:10px; margin:10px 75px 0 75px; padding:0;} .service-btn a { float:left; width:100%; height:40px; line-height:40px; margin:0; padding:0; color:#40A9FA; border:1px solid #40A9FA; font-weight:600; text-decoration:none; text-align:center; font-size:14px; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;} .service-btn a:hover { background:#40A9FA; color:#FFF; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;} /*SERVICE*/ /*Get A Call Back*/ .testimonials-wrapper { width:100%; height:auto; margin:0 0 10px 0; padding:90px 0 ; background:#40A9FA url(../images/bg-home.png) no-repeat center bottom ;} .testimonials-wrapper:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;} .get-a-call-form { float:left; width:500px; height:auto; min-height:10px; margin:10px 40px; padding:0; background:url(../images/bg.png) repeat; border-radius:50px ;-moz-border-radius:50px ;-webkit-border-radius:50px;} .get-a-call-form ul { float:left; margin:0; padding:0; list-style:none;} .get-a-call-form ul li { float:left; margin:0; padding:0;} .get-a-call-form ul li.gc-1 { float:left; width:60px; height:60px; text-align:center; color:#999; line-height:60px; margin:15px 0 15px 15px; padding:0; background:#F2F2F2; font-size:18px; font-weight:600; border-radius:30px 0 0 30px ;-moz-border-radius:30px 0 0 30px ;-webkit-border-radius:30px 0 0 30px ;} .get-a-call-form ul li.gc-2 { float:left; width:340px; height:60px; text-align:center; color:#999; line-height:60px; margin:15px 0; padding:0; font-size:18px; font-weight:600;} .get-a-call-form ul li.gc-3 { float:left; width:70px; height:60px; text-align:center; color:#999; line-height:60px; margin:15px 15px 15px 0; padding:0; font-size:18px; font-weight:600;} .get-a-call-form-bor { float:left; font-size:15px; margin:0; padding:0 0 0 10px; color:#333 !important; width:340px; height:60px; line-height:60px; background:#FFF; border:1px solid #FFF; font-weight:500; font-family: 'Raleway', sans-serif; } .get-a-call-form-bor:focus {border:1px solid #E63337; background:#FFF;} input.getcall-btn { float: left; text-align:left; width:70px; height:60px; line-height:60px; font-size:16px; color:#FFF; text-decoration:none; font-weight:600; margin:0; padding:0; background:#E63337 url(../images/call-btn.png) no-repeat center center; border: none; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; font-family: 'Raleway', sans-serif; cursor:pointer; border-radius:0 30px 30px 0 ;-moz-border-radius:0 30px 30px 0;-webkit-border-radius:0 30px 30px 0;} input.getcall-btn:hover { color:#40A9FA; background:#333 url(../images/call-btn.png) no-repeat center center; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; border:none; } /*Get A Call Back*/ /*GET IN TOUCH*/ .get-wrapper { width:100%; height:auto; margin:0 0 0 0; padding:30px 0; background:#000;} .get-wrapper:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;} .get-in-touch { float:left; width:500px; height:auto; min-height:10px; margin:0 40px; padding:0;} .get-in-touch-text { float:left; width:350px; height:auto; min-height:10px; margin:0 20px 0 0; padding:0; font-size:14px; text-align:left; color:#FFF; font-weight:500; line-height:50px;} .get-in-touch-btn { float:left; width:130px; height:auto; min-height:10px; margin:0; padding:0;} .get-in-touch-btn a { float:left; width:100%; height:50px; line-height:50px; margin:0; padding:0; color:#FFF; border:1px solid #E63337; font-weight:600; text-decoration:none; text-align:center; font-size:16px; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; text-transform:uppercase; background:#E63337;} .get-in-touch-btn a:hover { background: none; color:#E63337; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;} /*GET IN TOUCH*/ /*New Scoller*/ .more-products { position:relative; float:left; width:580px; height: auto; margin:0 0px 0px 0px; padding:0px; list-style:none;} .more-products ul{ list-style-type: none; height: auto; position:relative; overflow:hidden; width: auto;float:left; margin:0 0px 0px 0px!important; padding:0px;} .more-products ul li{ float:left; width:160px; height: auto; min-height:10px; padding:0px 0px 0px 0px; margin:10px; } .more-products-img { float:left; width:160px; min-height:10px; height: auto; margin:0; padding:0;} .more-products-img img { width:160px;} .more-products-holder { width:540px; height: auto; position:relative; overflow:hidden; top:0px; left:20px;} .more-products-holder .jcarousel-clip{ width:100%; height: auto; position:relative; overflow:hidden; } .more-nav { font-size:0; line-height:0; } .more-nav a{ position:absolute; top:26px; left:0; width:20px; height:40px; text-indent: -4000px; z-index:3;} .more-nav a.next{ left:560px;width:20px; height:40px; background:url(../images/icon-rt.png); display:block;opacity:0.3;} .more-nav a.next:hover {background:url(../images/icon-rt.png); left:560px; opacity:1;} .more-nav a.prev{ background:url(../images/icon-lf.png); left:0px; display:block;opacity:0.3;} .more-nav a.prev:hover { background:url(../images/icon-lf.png); left:0px; opacity:1;} /*New Scoller*/ /*footer*/ footer { width:100%; height:auto; min-height:10px; margin:10px 0 0 0; padding:60px 0 20px 0; background: url(../images/footer-bg.jpg); background-origin: padding-box;background-position: left bottom; background-repeat: no-repeat; background-size: cover; } footer:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;} /*CONTACT-BOX*/ .contact-box { float:left; width:580px; height:auto; min-height:10px; margin:10px 0; padding:0;} .contact-box ul { float:left; margin:0; padding:0; list-style:none;} .contact-box ul li { float:left; height:auto; width:100%; margin:10px 0; padding:0;} .contact-box p { width:100%; font-size:15px; text-align:left; color:#FFF; font-weight:400; margin:0; padding:0; line-height:22px;} .contact-box p span {color:#40A9FA;} .contact-logo { float:left; margin:0 0 0 0; padding:0; display:block;} .line { float:left; width:100%; height:1px; margin:10px 0; padding:0; background:#FFF;} .footer-call-now { float:left; width:auto; height:auto; min-height:10px; margin:0; padding:0;} .footer-call-now ul { float:left; margin:0; padding:0; list-style:none;} .footer-call-now ul li { float:left; width:100%; height:auto; min-height:20px; margin:5px 0 10px 0; padding:0 ; color:#FFF; font-size:15px; line-height:20px; font-weight:400; text-align:left;} .footer-call-now ul li a { color:#FFF; text-decoration:none;} .footer-call-now ul li a:hover { color:#40A9FA;} .footer-now-icon { float:left; width:20px; height:20px; margin:0 5px 0 0; padding:0;} /*social*/ .social { float: left; width:auto; height:auto; min-height:10px; margin:0; padding:0;} .social ul { float:left; margin:0; padding:0; list-style:none;} .social ul li { float:left; width:auto; height:auto; min-height:30px; line-height:30px; margin:0 0 0 0; padding:0; font-size:14px; text-align:left; color:#FFF; font-weight:500;} .social ul li a { float:left; width:30px; height:10px; font-size:14px; text-align:center; margin: 0; padding:9px 0 11px 0; font-weight:500; color:#FFF; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; } .social ul li a:hover { color:#40A9FA; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; } /*social*/ .footer-map { float:left; width:580px; height:auto; min-height:100px; margin:10px 0 0 0; padding:0; overflow:hidden;} /*CONTACT-BOX*/ /*CONTACT-FORM*/ .contact-form { float:left; width:580px; height:auto; min-height:10px; margin:10px 0px; padding:0;} .contact-form ul { float:left; margin:0; padding:0; list-style:none;} .contact-form ul li { float:left; width:580px; height:auto; min-height:10px; margin:10px 0; padding:0;} .contact-form-bor { float:left; font-size:15px; margin:0; padding:0 0 0 10px; color:#FFF !important; width:580px; height:50px; line-height:50px; background: url(../images/form-bg.png) repeat top center; border: none; font-weight:400; font-family: 'Raleway', sans-serif; } .contact-form-textar { float:left; font-size:15px; margin:0; padding:10px 0 0 10px; color:#FFF !important; width:580px; height:130px; line-height:30px; background: url(../images/form-bg.png) repeat top center; border: none; font-weight:400; font-family: 'Raleway', sans-serif; } input.redevelopment-btn { float: left; text-align:left; height:auto; min-height:50px; line-height:50px; font-size:16px; color:#FFF; text-decoration:none; font-weight:600; margin:0; padding:0 65px; background:#40A9FA; border:1px solid #40A9FA; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; font-family: 'Raleway', sans-serif; cursor:pointer;} input.redevelopment-btn:hover { color:#40A9FA; background: none; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; border:1px solid #40A9FA; } /*CONTACT-FORM*/ .copy { width:100%; height:auto; min-height:30px; line-height:30px; margin:0; padding:10px 0; font-size:13px; text-align: center; color:#FFF; font-weight:400; background:#000;} .copy a { color:#40A9FA; text-decoration:none;} .copy a:hover { color:#FFF;} /*footer*/ /*SUB-BANNER*/ .sub-banner { width:100%; margin:0 0 0 0; padding:0; display:block; background:url(../images/sub-banner.png) repeat center top; min-height:10px; height:auto; } .sub-banner:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;} .subbanner-titel { float:left; width:100%; height:auto; line-height:56px; font-size:36px; text-align: center; color:#FFF; font-weight:700; text-transform: uppercase; margin:0; padding:30px 0; font-family: 'Raleway', sans-serif;} /*SUB-BANNER*/ .line-1 { float:left; width:100%; height:2px; margin:10px 0; padding:0; background:url(../images/line.png) repeat-x center top;} .home-img {width:338px; height: auto; margin:10px 10px 0px 0; padding:5px; background:#FFF; border:1px solid #DADADA; overflow:hidden;} .home-img img { width:328px} .inner-img {width:258px; height: auto; margin:10px 10px 0px 0; padding:5px; background:#FFF; border:1px solid #DADADA; overflow:hidden;} .inner-img img { width:248px} .main-left { float:left; width:580px; height:auto; min-height:10px; margin:10px 0; padding:0;} .main-right { float:left; width:580px; height:auto; min-height:10px; margin:10px 0 0 0; padding:0;} /*SUB-BANNER-IMG*/ .sub-banner-image { float:left; width:580px; height:auto; min-height:50px; margin:0 0 10px 0; padding:1px; border:1px solid #DADADA;} .sub-banner-image img { width:576px;} /*SUB-BANNER-IMG*/ /*RIGHT-FORM*/ .right-form { float:left; width:580px; height:auto; min-height:100px; margin:0 0 10px 0; padding:0; background:#FFF;} .right-form-titel { float:left; width:580px; height:auto; min-height:10px; line-height:45px; background:#40A9FA; font-size:22px; text-align:left; color:#FFF; margin:0; padding:0 10px; font-weight:500;} .right-form ul { float:left; margin:10px 0; padding:0; list-style:none;} .right-form ul li { float:left; width:540px; height:auto; min-height:10px; margin:10px 20px; padding:0;} .right-form-bor { float:left; font-size:14px; margin:0; padding:0 0 0 10px; color:#333 !important; width:540px; height:45px; line-height:45px; background:#F2F2F2; border:1px solid #DADADA; font-family:Raleway,Arial,Helvetica,sans-serif; font-weight:500; } .right-form-textar { float:left; font-size:14px; margin:0; padding:0 0 0 10px; color:#333 !important; width:540px; height:100px; line-height:35px; background:#F2F2F2; border:1px solid #DADADA; font-family:Raleway,Arial,Helvetica,sans-serif; font-weight:500; } .right-form-bor:focus, .right-form-textar:focus {border:1px solid #40A9FA; background:#FFF;} input.right-form-btn { float: left; text-align: center; width:100%; height:auto; min-height:45px; line-height:45px; font-size:16px; color:#FFF; text-decoration:none; font-weight:600; margin:0; padding:0; background:#40A9FA; border:1px solid #40A9FA; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; font-family: 'Raleway', sans-serif; cursor:pointer;} input.right-form-btn:hover { color:#40A9FA; background: none; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; border:1px solid #40A9FA; } /*RIGHT-FORM*/ /*RIGHT-NAV*/ .right-nav { display:none; /*float:left; width:260px; height:auto; min-height:100px; margin:10px 0 0 0; padding:0; background:#FFF;*/} .right-nav-titel { display:none; /*float:left; width:260px; height:auto; min-height:10px; line-height:45px; background:#40A9FA; font-size:22px; text-align:left; color:#FFF; margin:0; padding:0 10px; font-weight:500;*/} /*.right-nav ul { float:left; margin:10px 0; padding:0; list-style:none;} .right-nav ul li { float:left; width:100%; height:auto; min-height:20px; margin:0; padding:0; border-bottom:1px solid #FFF;} .right-nav ul li a { float:left; width:100%; height:auto; min-height:20px; line-height:35px; font-size:14px; text-align:left; color:#333; font-weight:500; text-decoration:none; margin:0; padding:5px 10px; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;} .right-nav ul li a:hover { color:#FFF; background:#40A9FA; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}*/ /*RIGHT-NAV*/ /*GET-A-QUOTE-FORM*/ .get-a-quote-form { float:left; width:500px; height:auto; min-height:10px; margin:10px 40px; padding:10px; background:#FFF;} .get-a-quote-form ul { float:left; margin:0; padding:0; list-style:none;} .get-a-quote-form ul li { float:left; width:220px; height:auto; min-height:10px; margin:10px; padding:0;} .get-a-quote-form ul li.get-big { float:left; width:460px; height:auto; min-height:10px; margin:10px; padding:0;} .get-a-quote-form-bor{ float:left; font-size:14px; margin:0; padding:0 0 0 10px; color:#333 !important; width:220px; height:50px; line-height:50px; background:#FFF; border:1px solid #DADADA; font-family:Raleway,Arial,Helvetica,sans-serif; font-weight:500; } .get-a-quote-form-bor:focus, .get-a-quote-form-textar:focus {border:1px solid #40A9FA;} .get-a-quote-form select { float:left; font-size:14px; margin:0; padding:0 0 0 10px; color:#333 !important; width:220px; height:50px; line-height:50px; font-weight:500; background:#FFF url(../images/arrow-select.png) no-repeat right 10px center ;border:1px solid #DADADA; font-family:Raleway,Arial,Helvetica,sans-serif; font-weight:500; appearance:none; -webkit-appearance:none;-moz-appearance: none; text-indent: 0.01px; text-overflow: ''; } .get-a-quote-form select:focus { float:left; font-size:14px; margin:0; padding:0 0 0 10px; color:#333 !important; width:220px; height:50px; line-height:50px; font-weight:500; background:#FFF url(../images/arrow-select.png) no-repeat right 10px center ;border:1px solid #40A9FA; font-family:Raleway,Arial,Helvetica,sans-serif; font-weight:500; appearance:none; -webkit-appearance:none;-moz-appearance: none; text-indent: 0.01px; text-overflow: ''; } .get-a-quote-form-textar { float:left; font-size:14px; margin:0; padding:0 0 0 10px; color:#333 !important; width:460px; height:100px; line-height:35px; background:#FFF; border:1px solid #DADADA; font-family:Raleway,Arial,Helvetica,sans-serif; font-weight:500; } .get-a-quote-form ul li label{ float:left; width:100%; height:auto; min-height:20px; line-height:20px; font-size:15px; text-align:left; color:#333; font-family:Raleway,Arial,Helvetica,sans-serif; font-weight:600; margin:0; padding:0 0 7px 0;} .get-a-quote-form ul li label span { color:#40A9FA;} option { float:left; margin:0; padding:10px 10px; background:#FFF; line-height:30px; border-bottom:1px solid #DADADA;} input.get-a-quote-form-btn { float: left; text-align: center; width: auto; height:auto; min-height:45px; line-height:45px; font-size:16px; color:#FFF; text-decoration:none; font-weight:600; margin:0; padding:0 30px; background:#40A9FA; border:1px solid #40A9FA; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; font-family: 'Raleway', sans-serif; cursor:pointer;} input.get-a-quote-form-btn:hover { color:#40A9FA; background: none; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; border:1px solid #40A9FA; } /*GET-A-QUOTE-FORM*/ .box-dd { float:left; width:100%; height:auto; margin:0; padding:0 0 0 0;} .pricing-btn { float: left; width: auto; height:auto; min-height:10px; margin:20px 0 0 0; padding:0;} .pricing-btn a { float:left; width: auto; height:45px; line-height:45px; margin:0; padding:0 20px; color:#FFF; border:1px solid #40A9FA; background:#40A9FA; font-weight:500; text-decoration:none; text-align:center; font-size:14px; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; text-transform:uppercase;} .pricing-btn a:hover { background: none; border:1px solid #40A9FA; color:#40A9FA; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;} /*REQUEST BTN*/ #request-btn #request-btn_inner { display:none;/*background-image: url(../images/request-btn.png);color: #FFFFFF;cursor: pointer;height:167px; right: 0; margin-right: -10px;overflow: hidden;position: fixed;text-indent: -100000px;top: 170px;width:50px;z-index: 100000; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s;*/} #request-btn #request-btn_inner:hover { display:none;/*background-image: url(../images/request-btn.png);color: #FFFFFF;cursor: pointer;height:167px;right: 0;margin-right: 0px;overflow: hidden; position: fixed; text-indent: -100000px; top: 170px; width:50px; z-index: 100000; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s;*/} /*REQUEST BTN*/ /*PAYMENT-OPTIONS*/ .payment_options { float:left; width:100%; height:auto; min-height:10px; margin:10px 0; padding:0; background:#FFF;} .payment_options-titel { float:left; width:100%; height:auto; margin:0; padding:10px; line-height:28px; font-size:18px; text-align:left; color:#E63337; font-weight:600;} .payment_options-logo { float:left; width:160px; height:auto; min-height:10px; margin:0 10px 10px 10px; padding:0; border:1px solid #DDD;} .payment_options-logo img { width:158px;} .payment_options-details { float:left; width:380px; height:auto; min-height:100px; margin:0 10px 10px 10px; padding:0;} .payment_options-details ul { float:left; margin:1px 0 0 0; padding:0; width:100%; height:auto; min-height:10px; list-style:none; background:#F2F2F2;} .payment_options-details ul li { float:left; margin:0; padding:0;} .payment_options-details ul li.po-ti { float:left; width:160px; height:auto; line-height:24px; margin:0; padding:5px 10px; font-size:14px; text-align:left; color:#E63337; font-weight:600;} .payment_options-details ul li.po-tex { float:left; width:220px; height:auto; line-height:24px; margin:0; padding:5px 10px; font-size:14px; text-align:left; color:#333; font-weight:500;} /*PAYMENT-OPTIONS*/ /*ONLINE-PAYMENT-OPTIONS*/ .online-payment { float:left; width:100%; height:auto; min-height:10px; margin:10px 0; padding:0 10px 10px 10px; background:#FFF;} .online-payment-btn { float:left; width:160px; height:auto; min-height:10px; margin:10px; padding:0;} .online-payment-btn img { width:160px;} .online-payment-btn a { opacity:0.7;} .online-payment-btn a:hover {opacity:1;} /*ONLINE-PAYMENT-OPTIONS*/ /*PRICING-TB*/ .pricing-tb { float:left; width:270px; height:auto; min-height:10px; margin:10px; padding:0; border:1px solid #DDD; background:#FFF; -webkit-transition: all .5s ease-out;-moz-transition: all .5s ease-out;-ms-transition: all .5s ease-out;-o-transition: all .5s ease-out;transition: all .5s ease-out;} .pricing-tb:hover { -webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);cursor:pointer; } .pricing-tb ul { float:left; margin:0; padding:0; list-style:none;} .pricing-tb ul li.pr-titel {float:left; width:268px; height:auto; min-height:60px; line-height:60px; text-transform:uppercase; font-size:16px; text-align:center; color:#333; font-weight:500; margin:0; padding:0; border-bottom: none;} .pricing-tb ul li.pr-prize {float:left; width:268px; height:auto; min-height:50px; line-height:50px; text-transform:uppercase; font-size:24px; text-align:center; color:#FFF; font-weight:600; margin:0; padding:0; border-bottom: none; } .pr-col-1 { background:#06C;} .pr-col-2 { background:#090;} .pr-col-3 { background:#CE2F2F;} .pr-col-4 { background: #F93;} .pricing-tb ul li {float:left; width:268px; height:auto; min-height:10px; line-height:20px; font-size:14px; text-align:center; color:#666; font-weight:400; margin:0; padding: 10px; border-bottom:1px solid #DDD;} .pricing-tb ul li.last {float:left; width:268px; height:auto; min-height:10px; line-height:20px; text-transform:uppercase; font-size:14px; text-align:center; color:#666; font-weight:400; margin:0; padding: 10px; border-bottom: none;} .pricing-tb .pricingbtn1 a { float: left; font-weight:500; width:218px; text-align:center; background:#E63337; margin:10px 15px; padding:0; height:45px; line-height:45px; color:#FFF; text-decoration:none; text-shadow: none; font-size:15px; text-align:center; text-transform: uppercase; -webkit-transition-duration: 0.8s;-moz-transition-duration: 0.8s;-o-transition-duration: 0.8s;transition-duration: 0.8s; border:none; } .pricing-tb:hover .pricingbtn1 a {background:#40A9FA;color:#FFF; text-decoration:none; -webkit-transition-duration: 0.8s;-moz-transition-duration: 0.8s;-o-transition-duration: 0.8s;transition-duration: 0.8s;} /*PRICING-TB*/ /*RIGHT-BOX*/ .right-box { float:left; width:580px; height:auto; min-height:100px; margin:10px 0 0 0; padding:0; background:#FFF;} .right-box-titel { float:left; width:580px; height:auto; min-height:10px; line-height:28px; background:#40A9FA; font-size:22px; text-align:left; color:#FFF; margin:0; padding: 10px; font-weight:500;} .right-box ul { float:left; width:580px; height:300px; list-style:none; margin:0; padding:10px 0; overflow-x:hidden; /*scroll overflow along X and Y axis */ overflow-y:scroll; } .right-box ul li { float:left; width:280px; height:auto; min-height:10px; min-height:20px; margin:0; padding:5px 10px; font-size:13px; color:#333; font-weight:500;} /*RIGHT-BOX*/ } /* Landscape phone to portrait tablet */ @media only screen and ( min-width: 481px) and ( max-width: 599px ) { h1 { width:100%; text-align: center; color:#333; font-size:30px; line-height:40px ; margin:0 0 10px 0; padding:0 0 15px 0; text-transform:uppercase; font-family: 'Raleway', sans-serif; font-weight:500; background:url(../images/h1.jpg) no-repeat center bottom; } h1 span { color:#FFF;} h2 { width:100%; text-align:left; color:#40A9FA; font-size:26px; line-height:36px ; margin:0 0 0 0; padding:0 0 0 0; text-transform:uppercase; font-family: 'Raleway', sans-serif; font-weight:600; } h3 { width:100%; text-align:left; color:#E63337; font-size:18px; line-height:28px ; margin:0 0 0 0; padding:0 0 0 0; text-transform:uppercase; font-family: 'Raleway', sans-serif; font-weight:600; } h5 { width:100%; text-align:left; color:#333; font-size:18px; line-height:24px ; margin:10px 0 0 0; padding:0 0 0 0; text-transform:uppercase; font-family: 'Raleway', sans-serif; font-weight:600; } h6 {width:100%; height:auto; min-height:10px; line-height:22px; font-size:15px; color:#333; text-align: center; margin:20px 0 10px 0 ; padding:0; font-weight:500; text-transform: capitalize; font-family: 'Raleway', sans-serif; } h6 span { color:#40A9FA; font-weight:600;} .center { width:460px; height:auto; margin:0 auto; } .center:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;} /*LOGO*/ .logo { float:left; width:auto; height:auto; margin:50px 0 10px 10px; padding:0;} .logo img { width:95px;} /*LOGO*/ /*GET A QUOTE*/ .get-a-quote-btn { float: right; width: auto; height:auto; min-height:10px; margin:60px 10px 10px 0; padding:0;} .get-a-quote-btn a { float:left; width: auto; height:40px; line-height:40px; margin:0; padding:0 20px; color:#FFF; border:1px solid #E63337; background:#E63337; font-weight:500; text-decoration:none; text-align:center; font-size:16px; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;} .get-a-quote-btn a:hover { background: none; border:1px solid #E63337; color:#E63337; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;} /*GET A QUOTE*/ .main-wrapper { width:100%; height:auto; margin:0 0 10px 0; padding:10px 0; background:#FFF;} .main-wrapper:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;} .home-box { float:left; width:440px; height:auto; min-height:50px; margin:10px; padding:0;} .home-box-icon { float:left; width:60px; height:auto; margin:0 190px; padding:0;} .home-box-icon img { width:60px;} .home-box-text { float:left; width:100%; height:auto; min-height:50px; margin:0 0 0 0; padding:0;} .home-box-text-titel { float:left; width:100%; height:auto; margin:0; padding:0; font-size:26px; line-height:40px; font-weight:700; color:#333; text-align:center;} .home-box-text-sub { float:left; width:100%; height:auto; margin:0; padding:0 0 0 0; font-size:14px; line-height:20px; font-weight:500; text-transform: capitalize; color:#333; text-align:center;} .main { float:left; width:100%; height:auto; min-height:300px; margin:10px 0; padding:0;} /*SERVICE*/ .service-box { float:left; width:440px; height:auto; min-height:10px; margin:10px; padding:0;} .service-box-icon { float:left; width:90px; height:90px; margin:0 175px;} .service-box-icon a img { float:left; width:90px; height:90px; margin:0; padding:0; background:#E63337; -webkit-transition-duration: 0.8s;-moz-transition-duration: 0.8s;-o-transition-duration: 0.8s;transition-duration: 0.8s;-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;-o-transition-property: -o-transform;transition-property: transform; border-radius:100%;-moz-border-radius:100%;-webkit-border-radius:100%;} .service-box-icon a img:hover {-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg); -o-transform:rotate(360deg); border-radius:100%;-moz-border-radius:100%;-webkit-border-radius:100%; background:#40A9FA;} .service-titel { float:left; width:100%; height:auto; font-size:20px; font-weight:500; line-height:34px; margin:10px 0 0 0; padding:0; text-align:center; color:#333; text-transform:uppercase;} .service-titel a { color:#333; text-decoration:none; margin:0; padding:0;} .service-titel a:hover { color:#40A9FA;} .service-tex { float:left; width:100%; height:auto; font-size:14px; font-weight:400; line-height:20px; margin:5px 0; padding:0; text-align:center; color:#333; } .service-btn { float:left; width:120px; height:auto; min-height:10px; margin:10px 160px 0 160px; padding:0;} .service-btn a {float:left; width:100%; height:40px; line-height:40px; margin:0; padding:0; color:#40A9FA; border:1px solid #40A9FA; font-weight:600; text-decoration:none; text-align:center; font-size:14px; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;} .service-btn a:hover { background:#40A9FA; color:#FFF; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;} /*SERVICE*/ /*Get A Call Back*/ .testimonials-wrapper { width:100%; height:auto; margin:0 0 10px 0; padding:80px 0 ; background:#40A9FA url(../images/bg-home.png) no-repeat center bottom ;} .testimonials-wrapper:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;} .get-a-call-form { float:left; width:400px; height:auto; min-height:10px; margin:10px 30px; padding:0; background:url(../images/bg.png) repeat; border-radius:50px ;-moz-border-radius:50px ;-webkit-border-radius:50px;} .get-a-call-form ul { float:left; margin:0; padding:0; list-style:none;} .get-a-call-form ul li { float:left; margin:0; padding:0;} .get-a-call-form ul li.gc-1 { float:left; width:60px; height:60px; text-align:center; color:#999; line-height:60px; margin:15px 0 15px 15px; padding:0; background:#F2F2F2; font-size:18px; font-weight:600; border-radius:30px 0 0 30px ;-moz-border-radius:30px 0 0 30px ;-webkit-border-radius:30px 0 0 30px ;} .get-a-call-form ul li.gc-2 { float:left; width:240px; height:60px; text-align:center; color:#999; line-height:60px; margin:15px 0; padding:0; font-size:18px; font-weight:600;} .get-a-call-form ul li.gc-3 { float:left; width:70px; height:60px; text-align:center; color:#999; line-height:60px; margin:15px 15px 15px 0; padding:0; font-size:18px; font-weight:600;} .get-a-call-form-bor { float:left; font-size:14px; margin:0; padding:0 0 0 10px; color:#333 !important; width:240px; height:60px; line-height:60px; background:#FFF; border:1px solid #FFF; font-weight:500; font-family: 'Raleway', sans-serif; } .get-a-call-form-bor:focus {border:1px solid #E63337; background:#FFF;} input.getcall-btn { float: left; text-align:left; width:70px; height:60px; line-height:60px; font-size:16px; color:#FFF; text-decoration:none; font-weight:600; margin:0; padding:0; background:#E63337 url(../images/call-btn.png) no-repeat center center; border: none; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; font-family: 'Raleway', sans-serif; cursor:pointer; border-radius:0 30px 30px 0 ;-moz-border-radius:0 30px 30px 0;-webkit-border-radius:0 30px 30px 0;} input.getcall-btn:hover { color:#40A9FA; background:#333 url(../images/call-btn.png) no-repeat center center; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; border:none; } /*Get A Call Back*/ /*GET IN TOUCH*/ .get-wrapper { width:100%; height:auto; margin:0 0 0 0; padding:30px 0; background:#000;} .get-wrapper:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;} .get-in-touch { float:left; width:400px; height:auto; min-height:10px; margin:0 30px; padding:0;} .get-in-touch-text { float:left; width:400px; height:auto; min-height:10px; margin:0 0 0 0; padding:5px 0; font-size:18px; text-align: center; color:#FFF; font-weight:500; line-height:30px;} .get-in-touch-btn { float:left; width:200px; height:auto; min-height:10px; margin:10px 100px 0 100px; padding:0;} .get-in-touch-btn a { float:left; width:100%; height:50px; line-height:50px; margin:0; padding:0; color:#FFF; border:1px solid #E63337; font-weight:600; text-decoration:none; text-align:center; font-size:16px; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; text-transform:uppercase; background:#E63337;} .get-in-touch-btn a:hover { background: none; color:#E63337; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;} /*GET IN TOUCH*/ /*New Scoller*/ .more-products { position:relative; float:left; width:460px; height: auto; margin:0 0px 0px 0px; padding:0px; list-style:none;} .more-products ul{ list-style-type: none; height: auto; position:relative; overflow:hidden; width: auto;float:left; margin:0 0px 0px 0px!important; padding:0px;} .more-products ul li{ float:left; width:180px; height: auto; min-height:10px; padding:0px 0px 0px 0px; margin:10px; } .more-products-img { float:left; width:180px; min-height:10px; height: auto; margin:0; padding:0;} .more-products-img img { width:180px;} .more-products-holder { width:400px; height: auto; position:relative; overflow:hidden; top:0px; left:30px;} .more-products-holder .jcarousel-clip{ width:100%; height: auto; position:relative; overflow:hidden; } .more-nav { font-size:0; line-height:0; } .more-nav a{ position:absolute; top:30px; left:0; width:20px; height:40px; text-indent: -4000px; z-index:3;} .more-nav a.next{ left:440px;width:20px; height:40px; background:url(../images/icon-rt.png); display:block;opacity:0.3;} .more-nav a.next:hover {background:url(../images/icon-rt.png); left:440px; opacity:1;} .more-nav a.prev{ background:url(../images/icon-lf.png); left:0px; display:block;opacity:0.3;} .more-nav a.prev:hover { background:url(../images/icon-lf.png); left:0px; opacity:1;} /*New Scoller*/ /*footer*/ footer { width:100%; height:auto; min-height:10px; margin:10px 0 0 0; padding:60px 0 20px 0; background: url(../images/footer-bg.jpg); background-origin: padding-box;background-position: left bottom; background-repeat: no-repeat; background-size: cover; } footer:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;} /*CONTACT-BOX*/ .contact-box { float:left; width:460px; height:auto; min-height:10px; margin:10px 0; padding:0;} .contact-box ul { float:left; margin:0; padding:0; list-style:none;} .contact-box ul li { float:left; height:auto; width:100%; margin:10px 0; padding:0;} .contact-box p { width:100%; font-size:15px; text-align:left; color:#FFF; font-weight:400; margin:0; padding:0; line-height:22px;} .contact-box p span {color:#40A9FA;} .contact-logo { float:left; margin:0 0 0 0; padding:0; display:block;} .line { float:left; width:100%; height:1px; margin:10px 0; padding:0; background:#FFF;} .footer-call-now { float:left; width:auto; height:auto; min-height:10px; margin:0; padding:0;} .footer-call-now ul { float:left; margin:0; padding:0; list-style:none;} .footer-call-now ul li { float:left; width:100%; height:auto; min-height:20px; margin:5px 0 10px 0; padding:0 ; color:#FFF; font-size:15px; line-height:20px; font-weight:400; text-align:left;} .footer-call-now ul li a { color:#FFF; text-decoration:none;} .footer-call-now ul li a:hover { color:#40A9FA;} .footer-now-icon { float:left; width:20px; height:20px; margin:0 5px 0 0; padding:0;} /*social*/ .social { float: left; width:auto; height:auto; min-height:10px; margin:0; padding:0;} .social ul { float:left; margin:0; padding:0; list-style:none;} .social ul li { float:left; width:auto; height:auto; min-height:30px; line-height:30px; margin:0 0 0 0; padding:0; font-size:14px; text-align:left; color:#FFF; font-weight:500;} .social ul li a { float:left; width:30px; height:10px; font-size:14px; text-align:center; margin: 0; padding:9px 0 11px 0; font-weight:500; color:#FFF; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; } .social ul li a:hover { color:#40A9FA; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; } /*social*/ .footer-map { float:left; width:460px; height:auto; min-height:100px; margin:10px 0 0 0; padding:0; overflow:hidden;} /*CONTACT-BOX*/ /*CONTACT-FORM*/ .contact-form { float:left; width:460px; height:auto; min-height:10px; margin:10px 0px; padding:0;} .contact-form ul { float:left; margin:0; padding:0; list-style:none;} .contact-form ul li { float:left; width:460px; height:auto; min-height:10px; margin:10px 0; padding:0;} .contact-form-bor { float:left; font-size:15px; margin:0; padding:0 0 0 10px; color:#FFF !important; width:460px; height:50px; line-height:50px; background: url(../images/form-bg.png) repeat top center; border: none; font-weight:400; font-family: 'Raleway', sans-serif; } .contact-form-textar { float:left; font-size:15px; margin:0; padding:10px 0 0 10px; color:#FFF !important; width:460px; height:130px; line-height:30px; background: url(../images/form-bg.png) repeat top center; border: none; font-weight:400; font-family: 'Raleway', sans-serif; } input.redevelopment-btn { float: left; text-align:left; height:auto; min-height:50px; line-height:50px; font-size:16px; color:#FFF; text-decoration:none; font-weight:600; margin:0; padding:0 65px; background:#40A9FA; border:1px solid #40A9FA; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; font-family: 'Raleway', sans-serif; cursor:pointer;} input.redevelopment-btn:hover { color:#40A9FA; background: none; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; border:1px solid #40A9FA; } /*CONTACT-FORM*/ .copy { width:100%; height:auto; min-height:30px; line-height:30px; margin:0; padding:10px 0; font-size:13px; text-align: center; color:#FFF; font-weight:400; background:#000;} .copy a { color:#40A9FA; text-decoration:none;} .copy a:hover { color:#FFF;} /*footer*/ /*SUB-BANNER*/ .sub-banner { width:100%; margin:0 0 0 0; padding:0; display:block; background:url(../images/sub-banner.png) repeat center top; min-height:10px; height:auto; } .sub-banner:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;} .subbanner-titel { float:left; width:100%; height:auto; line-height:50px; font-size:32px; text-align: center; color:#FFF; font-weight:700; text-transform: uppercase; margin:0; padding:30px 0; font-family: 'Raleway', sans-serif;} /*SUB-BANNER*/ .line-1 { float:left; width:100%; height:2px; margin:10px 0; padding:0; background:url(../images/line.png) repeat-x center top;} .home-img {width:258px; height: auto; margin:10px 10px 0px 0; padding:5px; background:#FFF; border:1px solid #DADADA; overflow:hidden;} .home-img img { width:248px} .inner-img {width:258px; height: auto; margin:10px 10px 0px 0; padding:5px; background:#FFF; border:1px solid #DADADA; overflow:hidden;} .inner-img img { width:248px} .main-left { float:left; width:460px; height:auto; min-height:10px; margin:10px 0; padding:0;} .main-right { float:left; width:460px; height:auto; min-height:10px; margin:10px 0 0 0; padding:0;} /*SUB-BANNER-IMG*/ .sub-banner-image { float:left; width:460px; height:auto; min-height:50px; margin:0 0 10px 0; padding:1px; border:1px solid #DADADA;} .sub-banner-image img { width:456px;} /*SUB-BANNER-IMG*/ /*RIGHT-FORM*/ .right-form { float:left; width:460px; height:auto; min-height:100px; margin:0 0 10px 0; padding:0; background:#FFF;} .right-form-titel { float:left; width:460px; height:auto; min-height:10px; line-height:45px; background:#40A9FA; font-size:20px; text-align:left; color:#FFF; margin:0; padding:0 10px; font-weight:500;} .right-form ul { float:left; margin:10px 0; padding:0; list-style:none;} .right-form ul li { float:left; width:420px; height:auto; min-height:10px; margin:10px 20px; padding:0;} .right-form-bor { float:left; font-size:14px; margin:0; padding:0 0 0 10px; color:#333 !important; width:420px; height:45px; line-height:45px; background:#F2F2F2; border:1px solid #DADADA; font-family:Raleway,Arial,Helvetica,sans-serif; font-weight:500; } .right-form-textar { float:left; font-size:14px; margin:0; padding:0 0 0 10px; color:#333 !important; width:420px; height:100px; line-height:35px; background:#F2F2F2; border:1px solid #DADADA; font-family:Raleway,Arial,Helvetica,sans-serif; font-weight:500; } .right-form-bor:focus, .right-form-textar:focus {border:1px solid #40A9FA; background:#FFF;} input.right-form-btn { float: left; text-align: center; width:100%; height:auto; min-height:45px; line-height:45px; font-size:16px; color:#FFF; text-decoration:none; font-weight:600; margin:0; padding:0; background:#40A9FA; border:1px solid #40A9FA; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; font-family: 'Raleway', sans-serif; cursor:pointer;} input.right-form-btn:hover { color:#40A9FA; background: none; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; border:1px solid #40A9FA; } /*RIGHT-FORM*/ /*RIGHT-NAV*/ .right-nav { display:none; /*float:left; width:260px; height:auto; min-height:100px; margin:10px 0 0 0; padding:0; background:#FFF;*/} .right-nav-titel { display:none; /*float:left; width:260px; height:auto; min-height:10px; line-height:45px; background:#40A9FA; font-size:22px; text-align:left; color:#FFF; margin:0; padding:0 10px; font-weight:500;*/} /*.right-nav ul { float:left; margin:10px 0; padding:0; list-style:none;} .right-nav ul li { float:left; width:100%; height:auto; min-height:20px; margin:0; padding:0; border-bottom:1px solid #FFF;} .right-nav ul li a { float:left; width:100%; height:auto; min-height:20px; line-height:35px; font-size:14px; text-align:left; color:#333; font-weight:500; text-decoration:none; margin:0; padding:5px 10px; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;} .right-nav ul li a:hover { color:#FFF; background:#40A9FA; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}*/ /*RIGHT-NAV*/ /*GET-A-QUOTE-FORM*/ .get-a-quote-form { float:left; width:460px; height:auto; min-height:10px; margin:10px 0; padding:10px; background:#FFF;} .get-a-quote-form ul { float:left; margin:0; padding:0; list-style:none;} .get-a-quote-form ul li { float:left; width:420px; height:auto; min-height:10px; margin:10px; padding:0;} .get-a-quote-form ul li.get-big { float:left; width:420px; height:auto; min-height:10px; margin:10px; padding:0;} .get-a-quote-form-bor{ float:left; font-size:14px; margin:0; padding:0 0 0 10px; color:#333 !important; width:420px; height:50px; line-height:50px; background:#FFF; border:1px solid #DADADA; font-family:Raleway,Arial,Helvetica,sans-serif; font-weight:500; } .get-a-quote-form-bor:focus, .get-a-quote-form-textar:focus {border:1px solid #40A9FA;} .get-a-quote-form select { float:left; font-size:14px; margin:0; padding:0 0 0 10px; color:#333 !important; width:420px; height:50px; line-height:50px; font-weight:500; background:#FFF url(../images/arrow-select.png) no-repeat right 10px center ;border:1px solid #DADADA; font-family:Raleway,Arial,Helvetica,sans-serif; font-weight:500; appearance:none; -webkit-appearance:none;-moz-appearance: none; text-indent: 0.01px; text-overflow: ''; } .get-a-quote-form select:focus { float:left; font-size:14px; margin:0; padding:0 0 0 10px; color:#333 !important; width:420px; height:50px; line-height:50px; font-weight:500; background:#FFF url(../images/arrow-select.png) no-repeat right 10px center ;border:1px solid #40A9FA; font-family:Raleway,Arial,Helvetica,sans-serif; font-weight:500; appearance:none; -webkit-appearance:none;-moz-appearance: none; text-indent: 0.01px; text-overflow: ''; } .get-a-quote-form-textar { float:left; font-size:14px; margin:0; padding:0 0 0 10px; color:#333 !important; width:420px; height:100px; line-height:35px; background:#FFF; border:1px solid #DADADA; font-family:Raleway,Arial,Helvetica,sans-serif; font-weight:500; } .get-a-quote-form ul li label{ float:left; width:100%; height:auto; min-height:20px; line-height:20px; font-size:14px; text-align:left; color:#333; font-family:Raleway,Arial,Helvetica,sans-serif; font-weight:600; margin:0; padding:0 0 7px 0;} .get-a-quote-form ul li label span { color:#40A9FA;} option { float:left; margin:0; padding:10px 10px; background:#FFF; line-height:30px; border-bottom:1px solid #DADADA;} input.get-a-quote-form-btn { float: left; text-align: center; width:100%; height:auto; min-height:45px; line-height:45px; font-size:16px; color:#FFF; text-decoration:none; font-weight:600; margin:0; padding:0; background:#40A9FA; border:1px solid #40A9FA; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; font-family: 'Raleway', sans-serif; cursor:pointer;} input.get-a-quote-form-btn:hover { color:#40A9FA; background: none; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; border:1px solid #40A9FA; } /*GET-A-QUOTE-FORM*/ .box-dd { float:left; width:100%; height:auto; margin:0; padding:0 0 0 0;} .pricing-btn { float: left; width: auto; height:auto; min-height:10px; margin:20px 0 0 0; padding:0;} .pricing-btn a { float:left; width: auto; height:45px; line-height:45px; margin:0; padding:0 20px; color:#FFF; border:1px solid #40A9FA; background:#40A9FA; font-weight:500; text-decoration:none; text-align:center; font-size:14px; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; text-transform:uppercase;} .pricing-btn a:hover { background: none; border:1px solid #40A9FA; color:#40A9FA; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;} /*REQUEST BTN*/ #request-btn #request-btn_inner { display:none;/*background-image: url(../images/request-btn.png);color: #FFFFFF;cursor: pointer;height:167px; right: 0; margin-right: -10px;overflow: hidden;position: fixed;text-indent: -100000px;top: 170px;width:50px;z-index: 100000; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s;*/} #request-btn #request-btn_inner:hover { display:none;/*background-image: url(../images/request-btn.png);color: #FFFFFF;cursor: pointer;height:167px;right: 0;margin-right: 0px;overflow: hidden; position: fixed; text-indent: -100000px; top: 170px; width:50px; z-index: 100000; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s;*/} /*REQUEST BTN*/ /*PAYMENT-OPTIONS*/ .payment_options { float:left; width:100%; height:auto; min-height:10px; margin:10px 0; padding:0; background:#FFF;} .payment_options-titel { float:left; width:100%; height:auto; margin:0; padding:10px; line-height:28px; font-size:18px; text-align:left; color:#E63337; font-weight:600;} .payment_options-logo { float:left; width:160px; height:auto; min-height:10px; margin:0 10px 10px 10px; padding:0; border:1px solid #DDD;} .payment_options-logo img { width:158px;} .payment_options-details { float:left; width:440px; height:auto; min-height:100px; margin:0 10px 10px 10px; padding:0;} .payment_options-details ul { float:left; margin:1px 0 0 0; padding:0; width:100%; height:auto; min-height:10px; list-style:none; background:#F2F2F2;} .payment_options-details ul li { float:left; margin:0; padding:0;} .payment_options-details ul li.po-ti { float:left; width:160px; height:auto; line-height:24px; margin:0; padding:5px 10px; font-size:14px; text-align:left; color:#E63337; font-weight:600;} .payment_options-details ul li.po-tex { float:left; width:280px; height:auto; line-height:24px; margin:0; padding:5px 10px; font-size:14px; text-align:left; color:#333; font-weight:500;} /*PAYMENT-OPTIONS*/ /*ONLINE-PAYMENT-OPTIONS*/ .online-payment { float:left; width:100%; height:auto; min-height:10px; margin:10px 0; padding:0 10px 10px 10px; background:#FFF;} .online-payment-btn { float:left; width:120px; height:auto; min-height:10px; margin:10px; padding:0;} .online-payment-btn img { width:120px;} .online-payment-btn a { opacity:0.7;} .online-payment-btn a:hover {opacity:1;} /*ONLINE-PAYMENT-OPTIONS*/ /*PRICING-TB*/ .pricing-tb { float:left; width:210px; height:auto; min-height:10px; margin:10px; padding:0; border:1px solid #DDD; background:#FFF; -webkit-transition: all .5s ease-out;-moz-transition: all .5s ease-out;-ms-transition: all .5s ease-out;-o-transition: all .5s ease-out;transition: all .5s ease-out;} .pricing-tb:hover { -webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);cursor:pointer; } .pricing-tb ul { float:left; margin:0; padding:0; list-style:none;} .pricing-tb ul li.pr-titel {float:left; width:208px; height:auto; min-height:60px; line-height:60px; text-transform:uppercase; font-size:16px; text-align:center; color:#333; font-weight:500; margin:0; padding:0; border-bottom: none;} .pricing-tb ul li.pr-prize {float:left; width:208px; height:auto; min-height:50px; line-height:50px; text-transform:uppercase; font-size:24px; text-align:center; color:#FFF; font-weight:600; margin:0; padding:0; border-bottom: none; } .pr-col-1 { background:#06C;} .pr-col-2 { background:#090;} .pr-col-3 { background:#CE2F2F;} .pr-col-4 { background: #F93;} .pricing-tb ul li {float:left; width:208px; height:auto; min-height:10px; line-height:20px; font-size:14px; text-align:center; color:#666; font-weight:400; margin:0; padding: 10px; border-bottom:1px solid #DDD;} .pricing-tb ul li.last {float:left; width:208px; height:auto; min-height:10px; line-height:20px; text-transform:uppercase; font-size:14px; text-align:center; color:#666; font-weight:400; margin:0; padding: 10px; border-bottom: none;} .pricing-tb .pricingbtn1 a { float: left; font-weight:500; width:158px; text-align:center; background:#E63337; margin:10px 15px; padding:0; height:45px; line-height:45px; color:#FFF; text-decoration:none; text-shadow: none; font-size:15px; text-align:center; text-transform: uppercase; -webkit-transition-duration: 0.8s;-moz-transition-duration: 0.8s;-o-transition-duration: 0.8s;transition-duration: 0.8s; border:none; } .pricing-tb:hover .pricingbtn1 a {background:#40A9FA;color:#FFF; text-decoration:none; -webkit-transition-duration: 0.8s;-moz-transition-duration: 0.8s;-o-transition-duration: 0.8s;transition-duration: 0.8s;} /*PRICING-TB*/ /*RIGHT-BOX*/ .right-box { float:left; width:460px; height:auto; min-height:100px; margin:10px 0 0 0; padding:0; background:#FFF;} .right-box-titel { float:left; width:460px; height:auto; min-height:10px; line-height:28px; background:#40A9FA; font-size:20px; text-align:left; color:#FFF; margin:0; padding: 10px; font-weight:500;} .right-box ul { float:left; width:460px; height:300px; list-style:none; margin:0; padding:10px 0; overflow-x:hidden; /*scroll overflow along X and Y axis */ overflow-y:scroll; } .right-box ul li { float:left; width:220px; height:auto; min-height:10px; min-height:20px; margin:0; padding:5px 10px; font-size:13px; color:#333; font-weight:500;} /*RIGHT-BOX*/ } @media only screen and ( min-width: 320px) and ( max-width: 480px ) { h1 { width:100%; text-align: center; color:#333; font-size:24px; line-height:36px ; margin:0 0 10px 0; padding:0 0 15px 0; text-transform:uppercase; font-family: 'Raleway', sans-serif; font-weight:500; background:url(../images/h1.jpg) no-repeat center bottom; } h1 span { color:#FFF;} h2 { width:100%; text-align:left; color:#40A9FA; font-size:22px; line-height:32px ; margin:0 0 0 0; padding:0 0 0 0; text-transform:uppercase; font-family: 'Raleway', sans-serif; font-weight:600; } h3 { width:100%; text-align:left; color:#E63337; font-size:16px; line-height:26px ; margin:0 0 0 0; padding:0 0 0 0; text-transform:uppercase; font-family: 'Raleway', sans-serif; font-weight:600; } h5 { width:100%; text-align:left; color:#333; font-size:18px; line-height:24px ; margin:10px 0 0 0; padding:0 0 0 0; text-transform:uppercase; font-family: 'Raleway', sans-serif; font-weight:600; } h6 {width:100%; height:auto; min-height:10px; line-height:22px; font-size:15px; color:#333; text-align: center; margin:20px 0 10px 0 ; padding:0; font-weight:500; text-transform: capitalize; font-family: 'Raleway', sans-serif; } h6 span { color:#40A9FA; font-weight:600;} .center { width:300px; height:auto; margin:0 auto; } .center:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;} /*LOGO*/ .logo { float:left; width:auto; height:auto; margin:50px 0 10px 10px; padding:0;} .logo img { width:80px;} /*LOGO*/ /*GET A QUOTE*/ .get-a-quote-btn { float: right; width: auto; height:auto; min-height:10px; margin:55px 10px 10px 0; padding:0;} .get-a-quote-btn a { float:left; width: auto; height:40px; line-height:40px; margin:0; padding:0 15px; color:#FFF; border:1px solid #E63337; background:#E63337; font-weight:500; text-decoration:none; text-align:center; font-size:14px; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;} .get-a-quote-btn a:hover { background: none; border:1px solid #E63337; color:#E63337; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;} /*GET A QUOTE*/ .main-wrapper { width:100%; height:auto; margin:0 0 10px 0; padding:10px 0; background:#FFF;} .main-wrapper:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;} .home-box { float:left; width:280px; height:auto; min-height:50px; margin:10px; padding:0;} .home-box-icon { float:left; width:60px; height:auto; margin:0 110px; padding:0;} .home-box-icon img { width:60px;} .home-box-text { float:left; width:100%; height:auto; min-height:50px; margin:0 0 0 0; padding:0;} .home-box-text-titel { float:left; width:100%; height:auto; margin:0; padding:0; font-size:26px; line-height:40px; font-weight:700; color:#333; text-align:center;} .home-box-text-sub { float:left; width:100%; height:auto; margin:0; padding:0 0 0 0; font-size:14px; line-height:20px; font-weight:500; text-transform: capitalize; color:#333; text-align:center;} .main { float:left; width:100%; height:auto; min-height:300px; margin:10px 0; padding:0;} /*SERVICE*/ .service-box { float:left; width:300px; height:auto; min-height:10px; margin:10px 0; padding:0;} .service-box-icon { float:left; width:100px; height:100px; margin:0 100px;} .service-box-icon a img { float:left; width:100px; height:100px; margin:0; padding:0; background:#E63337; -webkit-transition-duration: 0.8s;-moz-transition-duration: 0.8s;-o-transition-duration: 0.8s;transition-duration: 0.8s;-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;-o-transition-property: -o-transform;transition-property: transform; border-radius:100%;-moz-border-radius:100%;-webkit-border-radius:100%;} .service-box-icon a img:hover {-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg); -o-transform:rotate(360deg); border-radius:100%;-moz-border-radius:100%;-webkit-border-radius:100%; background:#40A9FA;} .service-titel { float:left; width:100%; height:auto; font-size:20px; font-weight:500; line-height:34px; margin:10px 0 0 0; padding:0; text-align:center; color:#333; text-transform:uppercase;} .service-titel a { color:#333; text-decoration:none; margin:0; padding:0;} .service-titel a:hover { color:#40A9FA;} .service-tex { float:left; width:100%; height:auto; font-size:14px; font-weight:400; line-height:20px; margin:5px 0; padding:0; text-align:center; color:#333; } .service-btn { float:left; width:120px; height:auto; min-height:10px; margin:10px 90px 0 90px; padding:0;} .service-btn a {float:left; width:100%; height:40px; line-height:40px; margin:0; padding:0; color:#40A9FA; border:1px solid #40A9FA; font-weight:600; text-decoration:none; text-align:center; font-size:14px; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;} .service-btn a:hover { background:#40A9FA; color:#FFF; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; } /*SERVICE*/ /*Get A Call Back*/ .testimonials-wrapper { width:100%; height:auto; margin:0 0 10px 0; padding:70px 0 ; background:#40A9FA url(../images/bg-home.png) no-repeat center bottom ;} .testimonials-wrapper:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;} .get-a-call-form { float:left; width:280px; height:auto; min-height:10px; margin:10px 10px; padding:0; background:url(../images/bg.png) repeat; border-radius:50px ;-moz-border-radius:50px ;-webkit-border-radius:50px;} .get-a-call-form ul { float:left; margin:0; padding:0; list-style:none;} .get-a-call-form ul li { float:left; margin:0; padding:0;} .get-a-call-form ul li.gc-1 { float:left; width:40px; height:40px; text-align:center; color:#999; line-height:40px; margin:10px 0 10px 10px; padding:0; background:#F2F2F2; font-size:14px; font-weight:600; border-radius:30px 0 0 30px ;-moz-border-radius:30px 0 0 30px ;-webkit-border-radius:30px 0 0 30px ;} .get-a-call-form ul li.gc-2 { float:left; width:170px; height:40px; text-align:center; color:#999; line-height:60px; margin:10px 0; padding:0; font-size:18px; font-weight:600;} .get-a-call-form ul li.gc-3 { float:left; width:50px; height:40px; text-align:center; color:#999; line-height:40px; margin:10px 10px 10px 0; padding:0; font-size:18px; font-weight:600;} .get-a-call-form-bor { float:left; font-size:14px; margin:0; padding:0 0 0 10px; color:#333 !important; width:170px; height:40px; line-height:40px; background:#FFF; border:1px solid #FFF; font-weight:500; font-family: 'Raleway', sans-serif; } .get-a-call-form-bor:focus {border:1px solid #E63337; background:#FFF;} input.getcall-btn { float: left; text-align:left; width:50px; height:40px; line-height:40px; font-size:16px; color:#FFF; text-decoration:none; font-weight:600; margin:0; padding:0; background:#E63337 url(../images/call-btn.png) no-repeat center center; border: none; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; font-family: 'Raleway', sans-serif; cursor:pointer; border-radius:0 30px 30px 0 ;-moz-border-radius:0 30px 30px 0;-webkit-border-radius:0 30px 30px 0;} input.getcall-btn:hover { color:#40A9FA; background:#333 url(../images/call-btn.png) no-repeat center center; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; border:none; } /*Get A Call Back*/ /*GET IN TOUCH*/ .get-wrapper { width:100%; height:auto; margin:0 0 0 0; padding:30px 0; background:#000;} .get-wrapper:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;} .get-in-touch { float:left; width:280px; height:auto; min-height:10px; margin:0 10px; padding:0;} .get-in-touch-text { float:left; width:280px; height:auto; min-height:10px; margin:0 0 0 0; padding:5px 0; font-size:16px; text-align: center; color:#FFF; font-weight:500; line-height:30px;} .get-in-touch-btn { float:left; width:200px; height:auto; min-height:10px; margin:10px 40px 0 40px; padding:0;} .get-in-touch-btn a { float:left; width:100%; height:50px; line-height:50px; margin:0; padding:0; color:#FFF; border:1px solid #E63337; font-weight:600; text-decoration:none; text-align:center; font-size:16px; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; text-transform:uppercase; background:#E63337;} .get-in-touch-btn a:hover { background: none; color:#E63337; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;} /*GET IN TOUCH*/ /*New Scoller*/ .more-products { position:relative; float:left; width:300px; height: auto; margin:0 0px 0px 0px; padding:0px; list-style:none;} .more-products ul{ list-style-type: none; height: auto; position:relative; overflow:hidden; width: auto;float:left; margin:0 0px 0px 0px!important; padding:0px;} .more-products ul li{ float:left; width:110px; height: auto; min-height:10px; padding:0px 0px 0px 0px; margin:10px; } .more-products-img { float:left; width:110px; min-height:10px; height: auto; margin:0; padding:0;} .more-products-img img { width:110px;} .more-products-holder { width:260px; height: auto; position:relative; overflow:hidden; top:0px; left:20px;} .more-products-holder .jcarousel-clip{ width:100%; height: auto; position:relative; overflow:hidden; } .more-nav { font-size:0; line-height:0; } .more-nav a{ position:absolute; top:16px; left:0; width:20px; height:40px; text-indent: -4000px; z-index:3;} .more-nav a.next{ left:280px;width:20px; height:40px; background:url(../images/icon-rt.png); display:block;opacity:0.3;} .more-nav a.next:hover {background:url(../images/icon-rt.png); left:280px; opacity:1;} .more-nav a.prev{ background:url(../images/icon-lf.png); left:0px; display:block;opacity:0.3;} .more-nav a.prev:hover { background:url(../images/icon-lf.png); left:0px; opacity:1;} /*New Scoller*/ /*footer*/ footer { width:100%; height:auto; min-height:10px; margin:10px 0 0 0; padding:60px 0 20px 0; background: url(../images/footer-bg.jpg); background-origin: padding-box;background-position: left bottom; background-repeat: no-repeat; background-size: cover; } footer:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;} /*CONTACT-BOX*/ .contact-box { float:left; width:300px; height:auto; min-height:10px; margin:10px 0; padding:0;} .contact-box ul { float:left; margin:0; padding:0; list-style:none;} .contact-box ul li { float:left; height:auto; width:100%; margin:10px 0; padding:0;} .contact-box p { width:100%; font-size:15px; text-align:left; color:#FFF; font-weight:400; margin:0; padding:0; line-height:22px;} .contact-box p span {color:#40A9FA;} .contact-logo { float:left; margin:0 0 0 0; padding:0; display:block;} .line { float:left; width:100%; height:1px; margin:10px 0; padding:0; background:#FFF;} .footer-call-now { float:left; width:auto; height:auto; min-height:10px; margin:0; padding:0;} .footer-call-now ul { float:left; margin:0; padding:0; list-style:none;} .footer-call-now ul li { float:left; width:100%; height:auto; min-height:20px; margin:5px 0 10px 0; padding:0 ; color:#FFF; font-size:15px; line-height:20px; font-weight:400; text-align:left;} .footer-call-now ul li a { color:#FFF; text-decoration:none;} .footer-call-now ul li a:hover { color:#40A9FA;} .footer-now-icon { float:left; width:20px; height:20px; margin:0 5px 0 0; padding:0;} /*social*/ .social { float: left; width:auto; height:auto; min-height:10px; margin:0; padding:0;} .social ul { float:left; margin:0; padding:0; list-style:none;} .social ul li { float:left; width:auto; height:auto; min-height:30px; line-height:30px; margin:0 0 0 0; padding:0; font-size:14px; text-align:left; color:#FFF; font-weight:500;} .social ul li a { float:left; width:30px; height:10px; font-size:14px; text-align:center; margin: 0; padding:9px 0 11px 0; font-weight:500; color:#FFF; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; } .social ul li a:hover { color:#40A9FA; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; } /*social*/ .footer-map { float:left; width:300px; height:auto; min-height:100px; margin:10px 0 0 0; padding:0; overflow:hidden;} /*CONTACT-BOX*/ /*CONTACT-FORM*/ .contact-form { float:left; width:300px; height:auto; min-height:10px; margin:10px 0px; padding:0;} .contact-form ul { float:left; margin:0; padding:0; list-style:none;} .contact-form ul li { float:left; width:300px; height:auto; min-height:10px; margin:10px 0; padding:0;} .contact-form-bor { float:left; font-size:15px; margin:0; padding:0 0 0 10px; color:#FFF !important; width:300px; height:50px; line-height:50px; background: url(../images/form-bg.png) repeat top center; border: none; font-weight:400; font-family: 'Raleway', sans-serif; } .contact-form-textar { float:left; font-size:15px; margin:0; padding:10px 0 0 10px; color:#FFF !important; width:300px; height:130px; line-height:30px; background: url(../images/form-bg.png) repeat top center; border: none; font-weight:400; font-family: 'Raleway', sans-serif; } input.redevelopment-btn { float: left; text-align: center; width:300px; height:auto; min-height:50px; line-height:50px; font-size:16px; color:#FFF; text-decoration:none; font-weight:600; margin:0; padding:0; background:#40A9FA; border:1px solid #40A9FA; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; font-family: 'Raleway', sans-serif; cursor:pointer;} input.redevelopment-btn:hover { color:#40A9FA; background: none; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; border:1px solid #40A9FA; } /*CONTACT-FORM*/ .copy { width:100%; height:auto; min-height:30px; line-height:30px; margin:0; padding:10px 0; font-size:13px; text-align: center; color:#FFF; font-weight:400; background:#000;} .copy a { color:#40A9FA; text-decoration:none;} .copy a:hover { color:#FFF;} /*footer*/ /*SUB-BANNER*/ .sub-banner { width:100%; margin:0 0 0 0; padding:0; display:block; background:url(../images/sub-banner.png) repeat center top; min-height:10px; height:auto; } .sub-banner:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;} .subbanner-titel { float:left; width:100%; height:auto; line-height:40px; font-size:28px; text-align: center; color:#FFF; font-weight:700; text-transform: uppercase; margin:0; padding:30px 0; font-family: 'Raleway', sans-serif;} /*SUB-BANNER*/ .line-1 { float:left; width:100%; height:2px; margin:10px 0; padding:0; background:url(../images/line.png) repeat-x center top;} .home-img {width:298px; height: auto; margin:10px 0px 10px 0; padding:5px; background:#FFF; border:1px solid #DADADA; overflow:hidden;} .home-img img { width:288px} .inner-img {width:298px; height: auto; margin:10px 0 10px 0; padding:5px; background:#FFF; border:1px solid #DADADA; overflow:hidden;} .inner-img img { width:288px} .main-left { float:left; width:300px; height:auto; min-height:10px; margin:10px 0; padding:0;} .main-right { float:left; width:300px; height:auto; min-height:10px; margin:10px 0 0 0; padding:0;} /*SUB-BANNER-IMG*/ .sub-banner-image { float:left; width:300px; height:auto; min-height:50px; margin:0 0 10px 0; padding:1px; border:1px solid #DADADA;} .sub-banner-image img { width:296px;} /*SUB-BANNER-IMG*/ /*RIGHT-FORM*/ .right-form { float:left; width:300px; height:auto; min-height:100px; margin:0 0 10px 0; padding:0; background:#FFF;} .right-form-titel { float:left; width:300px; height:auto; min-height:10px; line-height:45px; background:#40A9FA; font-size:20px; text-align:left; color:#FFF; margin:0; padding:0 10px; font-weight:500;} .right-form ul { float:left; margin:10px 0; padding:0; list-style:none;} .right-form ul li { float:left; width:260px; height:auto; min-height:10px; margin:10px 20px; padding:0;} .right-form-bor { float:left; font-size:14px; margin:0; padding:0 0 0 10px; color:#333 !important; width:260px; height:45px; line-height:45px; background:#F2F2F2; border:1px solid #DADADA; font-family:Raleway,Arial,Helvetica,sans-serif; font-weight:500; } .right-form-textar { float:left; font-size:14px; margin:0; padding:0 0 0 10px; color:#333 !important; width:260px; height:100px; line-height:35px; background:#F2F2F2; border:1px solid #DADADA; font-family:Raleway,Arial,Helvetica,sans-serif; font-weight:500; } .right-form-bor:focus, .right-form-textar:focus {border:1px solid #40A9FA; background:#FFF;} input.right-form-btn { float: left; text-align: center; width:100%; height:auto; min-height:45px; line-height:45px; font-size:16px; color:#FFF; text-decoration:none; font-weight:600; margin:0; padding:0; background:#40A9FA; border:1px solid #40A9FA; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; font-family: 'Raleway', sans-serif; cursor:pointer;} input.right-form-btn:hover { color:#40A9FA; background: none; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; border:1px solid #40A9FA; } /*RIGHT-FORM*/ /*RIGHT-NAV*/ .right-nav { display:none; /*float:left; width:260px; height:auto; min-height:100px; margin:10px 0 0 0; padding:0; background:#FFF;*/} .right-nav-titel { display:none; /*float:left; width:260px; height:auto; min-height:10px; line-height:45px; background:#40A9FA; font-size:22px; text-align:left; color:#FFF; margin:0; padding:0 10px; font-weight:500;*/} /*.right-nav ul { float:left; margin:10px 0; padding:0; list-style:none;} .right-nav ul li { float:left; width:100%; height:auto; min-height:20px; margin:0; padding:0; border-bottom:1px solid #FFF;} .right-nav ul li a { float:left; width:100%; height:auto; min-height:20px; line-height:35px; font-size:14px; text-align:left; color:#333; font-weight:500; text-decoration:none; margin:0; padding:5px 10px; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;} .right-nav ul li a:hover { color:#FFF; background:#40A9FA; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}*/ /*RIGHT-NAV*/ /*GET-A-QUOTE-FORM*/ .get-a-quote-form { float:left; width:300px; height:auto; min-height:10px; margin:10px 0; padding:10px; background:#FFF;} .get-a-quote-form ul { float:left; margin:0; padding:0; list-style:none;} .get-a-quote-form ul li { float:left; width:260px; height:auto; min-height:10px; margin:10px; padding:0;} .get-a-quote-form ul li.get-big { float:left; width:260px; height:auto; min-height:10px; margin:10px; padding:0;} .get-a-quote-form-bor{ float:left; font-size:14px; margin:0; padding:0 0 0 10px; color:#333 !important; width:260px; height:50px; line-height:50px; background:#FFF; border:1px solid #DADADA; font-family:Raleway,Arial,Helvetica,sans-serif; font-weight:500; } .get-a-quote-form-bor:focus, .get-a-quote-form-textar:focus {border:1px solid #40A9FA;} .get-a-quote-form select { float:left; font-size:14px; margin:0; padding:0 0 0 10px; color:#333 !important; width:260px; height:50px; line-height:50px; font-weight:500; background:#FFF url(../images/arrow-select.png) no-repeat right 10px center ;border:1px solid #DADADA; font-family:Raleway,Arial,Helvetica,sans-serif; font-weight:500; appearance:none; -webkit-appearance:none;-moz-appearance: none; text-indent: 0.01px; text-overflow: ''; } .get-a-quote-form select:focus { float:left; font-size:14px; margin:0; padding:0 0 0 10px; color:#333 !important; width:260px; height:50px; line-height:50px; font-weight:500; background:#FFF url(../images/arrow-select.png) no-repeat right 10px center ;border:1px solid #40A9FA; font-family:Raleway,Arial,Helvetica,sans-serif; font-weight:500; appearance:none; -webkit-appearance:none;-moz-appearance: none; text-indent: 0.01px; text-overflow: ''; } .get-a-quote-form-textar { float:left; font-size:14px; margin:0; padding:0 0 0 10px; color:#333 !important; width:260px; height:100px; line-height:35px; background:#FFF; border:1px solid #DADADA; font-family:Raleway,Arial,Helvetica,sans-serif; font-weight:500; } .get-a-quote-form ul li label{ float:left; width:100%; height:auto; min-height:20px; line-height:20px; font-size:14px; text-align:left; color:#333; font-family:Raleway,Arial,Helvetica,sans-serif; font-weight:600; margin:0; padding:0 0 7px 0;} .get-a-quote-form ul li label span { color:#40A9FA;} option { float:left; margin:0; padding:10px 10px; background:#FFF; line-height:30px; border-bottom:1px solid #DADADA;} input.get-a-quote-form-btn { float: left; text-align: center; width:100%; height:auto; min-height:45px; line-height:45px; font-size:16px; color:#FFF; text-decoration:none; font-weight:600; margin:0; padding:0; background:#40A9FA; border:1px solid #40A9FA; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; font-family: 'Raleway', sans-serif; cursor:pointer;} input.get-a-quote-form-btn:hover { color:#40A9FA; background: none; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; border:1px solid #40A9FA; } /*GET-A-QUOTE-FORM*/ .box-dd { float:left; width:100%; height:auto; margin:0; padding:0 0 0 0;} .pricing-btn { float: left; width:100%; height:auto; min-height:10px; margin:20px 0 0 0; padding:0;} .pricing-btn a { float:left; width: 100%; height:45px; line-height:45px; margin:0; padding:0 ; color:#FFF; border:1px solid #40A9FA; background:#40A9FA; font-weight:500; text-decoration:none; text-align:center; font-size:14px; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; text-transform:uppercase;} .pricing-btn a:hover { background: none; border:1px solid #40A9FA; color:#40A9FA; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;} /*REQUEST BTN*/ #request-btn #request-btn_inner { display:none;/*background-image: url(../images/request-btn.png);color: #FFFFFF;cursor: pointer;height:167px; right: 0; margin-right: -10px;overflow: hidden;position: fixed;text-indent: -100000px;top: 170px;width:50px;z-index: 100000; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s;*/} #request-btn #request-btn_inner:hover { display:none;/*background-image: url(../images/request-btn.png);color: #FFFFFF;cursor: pointer;height:167px;right: 0;margin-right: 0px;overflow: hidden; position: fixed; text-indent: -100000px; top: 170px; width:50px; z-index: 100000; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s;*/} /*REQUEST BTN*/ /*PAYMENT-OPTIONS*/ .payment_options { float:left; width:100%; height:auto; min-height:10px; margin:10px 0; padding:0; background:#FFF;} .payment_options-titel { float:left; width:100%; height:auto; margin:0; padding:10px; line-height:26px; font-size:16px; text-align:left; color:#E63337; font-weight:600;} .payment_options-logo { float:left; width:160px; height:auto; min-height:10px; margin:0 10px 10px 10px; padding:0; border:1px solid #DDD;} .payment_options-logo img { width:158px;} .payment_options-details { float:left; width:280px; height:auto; min-height:100px; margin:0 10px 10px 10px; padding:0;} .payment_options-details ul { float:left; margin:1px 0 0 0; padding:0; width:100%; height:auto; min-height:10px; list-style:none; background:#F2F2F2;} .payment_options-details ul li { float:left; margin:0; padding:0;} .payment_options-details ul li.po-ti { float:left; width:280px; height:auto; line-height:20px; margin:0; padding:5px 10px; font-size:14px; text-align:left; color:#E63337; font-weight:600;} .payment_options-details ul li.po-tex { float:left; width:280px; height:auto; line-height:20px; margin:0; padding:5px 10px; font-size:14px; text-align:left; color:#333; font-weight:500;} /*PAYMENT-OPTIONS*/ /*ONLINE-PAYMENT-OPTIONS*/ .online-payment { float:left; width:100%; height:auto; min-height:10px; margin:10px 0; padding:0 10px 10px 10px; background:#FFF;} .online-payment-btn { float:left; width:120px; height:auto; min-height:10px; margin:10px; padding:0;} .online-payment-btn img { width:120px;} .online-payment-btn a { opacity:0.7;} .online-payment-btn a:hover {opacity:1;} /*ONLINE-PAYMENT-OPTIONS*/ /*PRICING-TB*/ .pricing-tb { float:left; width:280px; height:auto; min-height:10px; margin:10px; padding:0; border:1px solid #DDD; background:#FFF; -webkit-transition: all .5s ease-out;-moz-transition: all .5s ease-out;-ms-transition: all .5s ease-out;-o-transition: all .5s ease-out;transition: all .5s ease-out;} .pricing-tb:hover { -webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);cursor:pointer; } .pricing-tb ul { float:left; margin:0; padding:0; list-style:none;} .pricing-tb ul li.pr-titel {float:left; width:278px; height:auto; min-height:60px; line-height:60px; text-transform:uppercase; font-size:16px; text-align:center; color:#333; font-weight:500; margin:0; padding:0; border-bottom: none;} .pricing-tb ul li.pr-prize {float:left; width:278px; height:auto; min-height:50px; line-height:50px; text-transform:uppercase; font-size:24px; text-align:center; color:#FFF; font-weight:600; margin:0; padding:0; border-bottom: none; } .pr-col-1 { background:#06C;} .pr-col-2 { background:#090;} .pr-col-3 { background:#CE2F2F;} .pr-col-4 { background: #F93;} .pricing-tb ul li {float:left; width:278px; height:auto; min-height:10px; line-height:20px; font-size:14px; text-align:center; color:#666; font-weight:400; margin:0; padding: 10px; border-bottom:1px solid #DDD;} .pricing-tb ul li.last {float:left; width:278px; height:auto; min-height:10px; line-height:20px; text-transform:uppercase; font-size:14px; text-align:center; color:#666; font-weight:400; margin:0; padding: 10px; border-bottom: none;} .pricing-tb .pricingbtn1 a { float: left; font-weight:500; width:228px; text-align:center; background:#E63337; margin:10px 15px; padding:0; height:45px; line-height:45px; color:#FFF; text-decoration:none; text-shadow: none; font-size:15px; text-align:center; text-transform: uppercase; -webkit-transition-duration: 0.8s;-moz-transition-duration: 0.8s;-o-transition-duration: 0.8s;transition-duration: 0.8s; border:none; } .pricing-tb:hover .pricingbtn1 a {background:#40A9FA;color:#FFF; text-decoration:none; -webkit-transition-duration: 0.8s;-moz-transition-duration: 0.8s;-o-transition-duration: 0.8s;transition-duration: 0.8s;} /*PRICING-TB*/ /*RIGHT-BOX*/ .right-box { float:left; width:300px; height:auto; min-height:100px; margin:10px 0 0 0; padding:0; background:#FFF;} .right-box-titel { float:left; width:300px; height:auto; min-height:10px; line-height:28px; background:#40A9FA; font-size:20px; text-align:left; color:#FFF; margin:0; padding: 10px; font-weight:500;} .right-box ul { float:left; width:300px; height:300px; list-style:none; margin:0; padding:10px 0; overflow-x:hidden; /*scroll overflow along X and Y axis */ overflow-y:scroll; } .right-box ul li { float:left; width:140px; height:auto; min-height:10px; min-height:20px; margin:0; padding:5px 10px; font-size:13px; color:#333; font-weight:500;} /*RIGHT-BOX*/ }