@font-face { font-family: 'OpenSans'; src: url('../fonts/OpenSans.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans.woff') format('woff'), url('../fonts/OpenSans.ttf')  format('truetype'), url('../fonts/OpenSans.svg#OpenSans') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'OpenSans-Semibold'; src: url('../fonts/OpenSans-Semibold.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans-Semibold.woff') format('woff'), url('../fonts/OpenSans-Semibold.ttf')  format('truetype'), url('../fonts/OpenSans-Semibold.svg#OpenSans-Semibold') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Decalotype-Bold'; src: url('../fonts/Decalotype-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Decalotype-Bold.woff') format('woff'), url('../fonts/Decalotype-Bold.ttf')  format('truetype'), url('../fonts/Decalotype-Bold.svg#Decalotype-Bold') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Bebas'; src: url('../fonts/Bebas.eot?#iefix') format('embedded-opentype'), url('../fonts/Bebas.woff') format('woff'), url('../fonts/Bebas.ttf')  format('truetype'), url('../fonts/Bebas.svg#Bebas') format('svg'); font-weight: normal; font-style: normal; }
body { font-size: 18px; font-family: 'OpenSans', sans-serif; line-height: 1.2; color: #000; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; overflow-x: hidden; }
h1, h2, h3, h4, h5 { font-family: 'Decalotype-Bold'; margin-top: 0 !important; }
h2 { font-size: 72px; line-height: 1; font-family: 'Bebas'; color: #00b5e2; text-align: center; margin: 0 0 60px 0; }
h3 { font-size: 36px; line-height: 1; margin: 0 0 30px 0; text-transform: none; }
p { line-height: 1.6; font-size: 16px; }
a { color: #00b5e2; }
a:hover, a:focus { text-decoration: none; color: #008caf; }
img { max-width: 100%; }
ul { list-style: none; padding: 0; margin: 0; }
textarea { resize: none; min-height: 100px; }
.btn { position: relative; z-index: 1; text-transform: uppercase; background: #00b5e2; padding: 10px 25px; color: #fff; font-family: 'OpenSans-Semibold'; border-radius: 0; -ms-border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0; }
.btn:hover, .btn:focus { color: #fff; }
.btn:before { position: absolute; left: 0; top: 0; width: 0; z-index: -1; height: 100%; content: ""; -moz-transition: all 0.4s cubic-bezier(0.5, 0.3, 0.47, 0.81); -o-transition: all 0.4s cubic-bezier(0.5, 0.3, 0.47, 0.81); -webkit-transition: all 0.4s cubic-bezier(0.5, 0.3, 0.47, 0.81); transition: all 0.4s cubic-bezier(0.5, 0.3, 0.47, 0.81); }
.btn:hover:before, .btn:focus:before { width: 100%; background: #008caf; }
.line-btn { border: 1px solid #00b5e2; background: none; color: #000; }
.com-section { padding: 60px 0; }
.title-box { text-align: center; margin: 0 0 40px 0; position: relative; z-index: 1; }
.title-box h2 { font-size: 38px; position: relative; margin: 0 0 20px 0; }
.title-box h2 span { padding: 0 40px; background: #fff; z-index: 1; }
.title-box h2:before, .title-box h2:after { content: ""; position: absolute; top: 18px; width: 90%; left: 0; right: 0; height: 1px; background: #bbb; z-index: -1; margin: 0 auto; }
.disp-table { display: table; width: 100%; height: 100%; }
.disp-cell { display: table-cell; vertical-align: middle; }
.disp-none { display: none; }
select, .field { -webkit-appearance: none; -moz-appearance: none; appearance: none; }
select:focus, .field:focus{outline: none;}
.field { outline: none; border: none; border-bottom: 1px solid #00b5e2; width: 100%; padding: 15px 0; -moz-transition: all 0.3s cubic-bezier(0.5, 0.3, 0.47, 0.81); -o-transition: all 0.3s cubic-bezier(0.5, 0.3, 0.47, 0.81); -webkit-transition: all 0.3s cubic-bezier(0.5, 0.3, 0.47, 0.81); transition: all 0.3s cubic-bezier(0.5, 0.3, 0.47, 0.81); }
.field:focus { outline: none; border-bottom: 1px solid #000; }
.select::after { background: #fff; height: 100%; padding: 20px 0; pointer-events: none; position: absolute; right: 0; top: 0; content: '\e813'; font-family: 'walk-wp'; color: #00b5e2; }
.select { background: #fff; border-bottom: 1px solid #00b5e2; position: relative; padding: 10px 0;}
.select option { color: #000; background: #fff; padding: 0; }
.select select { width: 100%; border: none; height: 26px; }
.common-btn-box { padding: 40px 0 0 0; text-align: center; }
.common-list li { margin: 0 0 15px 0; padding: 0 0 0 25px; position: relative; font-family: 'OpenSans-Semibold'; }
.common-list li:before { position: absolute; content: ""; left: 0; top: 2px; height: 12px; width: 12px; background: #fff; border: 4px solid #00b5e2; border-radius: 50%; -ms-border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; }
.common-list li:last-child { margin: 0; }
.custom-radio-check { cursor: pointer; }
.custom-radio-check input { opacity: 0; position: absolute; }
.custom-radio-check input:checked + i { border-color: #2C5E9E; }
.custom-radio-check input:checked + i::before { background-color: #2C5E9E; height: 12px; left: 5px; top: 5px; width: 12px; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
.custom-radio-check input[type="radio"] + i, .custom-radio-check input[type="radio"] + i::before { border-radius: 50%; }
.custom-radio-check > i { background: #fff; border: 1px solid #1E3D6B; display: inline-block; width: 24px; height: 24px; line-height: 1; margin: 0 10px 0 0; position: relative; vertical-align: middle; }
.custom-radio-check > i::before { background-color: transparent; content: ""; height: 0; left: 50%; position: absolute; top: 50%; width: 0; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
.custom-radio-check span { display: inline-block; vertical-align: middle; padding: 0 0 0 32px; margin: -45px 0 0 0; width: 100%; }
.custom-radio-check a { margin: 0 2px; }
.mobile-menu { display: none; }
.back-to-top { font-size: 26px; height: 45px; width: 50px; text-align: center; position: fixed; bottom: 0; right: 10px; background: #00b5e2; padding: 6px 0; z-index: 9; color: #fff; border-radius: 50% 50% 0 0; -ms-border-radius: 50% 50% 0 0; -moz-border-radius: 50% 50% 0 0; -webkit-border-radius: 50% 50% 0 0; -o-border-radius: 50% 50% 0 0; }
.back-to-top:hover, .back-to-top:focus { color: #fff; background: #008CAF; }
.container { width: 1600px; margin: 0 auto; }
.content-wrapper { padding: 152px 0 0 0; }
header { position: fixed; top: 0; left: 0; width: 100%; z-index: 2; }
header .logo { float: left; width: 128px; -moz-transition: all 0.2s cubic-bezier(0.5, 0.3, 0.47, 0.81); -o-transition: all 0.2s cubic-bezier(0.5, 0.3, 0.47, 0.81); -webkit-transition: all 0.2s cubic-bezier(0.5, 0.3, 0.47, 0.81); transition: all 0.2s cubic-bezier(0.5, 0.3, 0.47, 0.81); }
header .logo a { display: block; }
header nav { float: right; padding: 16px 0; -moz-transition: all 0.2s cubic-bezier(0.5, 0.3, 0.47, 0.81); -o-transition: all 0.2s cubic-bezier(0.5, 0.3, 0.47, 0.81); -webkit-transition: all 0.2s cubic-bezier(0.5, 0.3, 0.47, 0.81); transition: all 0.2s cubic-bezier(0.5, 0.3, 0.47, 0.81); }
header nav ul li { display: inline-block; vertical-align: middle; padding: 0 30px; }
header nav ul li a { font-family: 'Decalotype-Bold'; text-transform: uppercase; position: relative; display: block; padding: 20px 0; color: #000; -moz-transition: all 0.2s cubic-bezier(0.5, 0.3, 0.47, 0.81); -o-transition: all 0.2s cubic-bezier(0.5, 0.3, 0.47, 0.81); -webkit-transition: all 0.2s cubic-bezier(0.5, 0.3, 0.47, 0.81); transition: all 0.2s cubic-bezier(0.5, 0.3, 0.47, 0.81); }
header nav ul li a:before { position: absolute; left: 0; bottom: 0; height: 3px; background: #00b5e2; content: ''; width: 0%; -moz-transition: all 0.2s cubic-bezier(0.5, 0.3, 0.47, 0.81); -o-transition: all 0.2s cubic-bezier(0.5, 0.3, 0.47, 0.81); -webkit-transition: all 0.2s cubic-bezier(0.5, 0.3, 0.47, 0.81); transition: all 0.2s cubic-bezier(0.5, 0.3, 0.47, 0.81); }
header nav ul li a:hover:before { width: 100%; }
header nav ul li a.menu-active, header nav ul li a:hover, header nav ul li a:focus { color: #00b5e2; }
header nav ul li a.menu-active:before { width: 100%; }
header nav ul li a.inner-menu-active:before { width: 100%; }
.fixed-header { background: #fff; border-bottom: 1px solid #ddd; }
.fixed-header nav { padding: 5px 0; }
.fixed-header nav ul li a { padding: 15px 0; }
.fixed-header nav ul li a:hover, .fixed-header nav ul li a:focus { color: #359CD6; }
.fixed-header .logo { width: 70px; }
.fixed-header .bottom { padding: 5px 0; }
.fixed-header nav ul li a.get-btn { padding: 15px; color: #fff; }
header .top { padding: 5px 0; border-bottom: 1px solid #ddd; }
header .bottom { padding: 10px 0; }
header .top, header .bottom { display: table; width: 100%; line-height: 1; }
header .top li { display: inline-block; vertical-align: middle; }
header .left { float: left; font-family: 'OpenSans-Semibold'; }
header .right { float: right; }
header .right a { font-size: 20px; }
header .left a { color: #000; }
header .left a:hover, header .left a:focus { color: #008caf; }
header .left a i { color: #00b5e2; margin: 0 5px 0 0; }
header .right li img { margin: 0 8px 0 0; display: inline-block; vertical-align: middle; }
header .right li span { display: inline-block; vertical-align: middle; padding: 0 15px 0 0; }
header .left li { margin: 0 20px 0 0; }
.banner-section { text-align: center; width: 100%; height: calc(100vh - 152px); height: -webkit-calc(100vh - 152px); height: -moz-calc(100vh - 152px); height: -ms-calc(100vh - 152px); height: -o-calc(100vh - 152px); position: relative; background: url('../images/banner-bg.jpg') no-repeat center center; background-size: cover; -ms-background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; }
.banner-section h1 { font-size: 62px; letter-spacing: 4px; text-transform: uppercase; margin: 0 0 50px 0; }
.banner-section h1 span { color: #00b5e2; display: block; }
.banner-section .content { position: absolute; top: 50%; left: 0; width: 100%; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.why-wepaint-section p { margin-bottom: 60px; }
.why-wepaint-section p:last-child { margin: 0; }
.why-wepaint-section .right { padding-top: 15px; }
.type-section { background: #f4f4f4 url("../images/type-bg.png") no-repeat center center; background-attachment: fixed; width: 100%; height: 620px; background-size: cover; -ms-background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; }
.type-section h2 { color: #000; word-spacing: 20px; }
.type-box { width: 100%; background: #9eceff; height: 300px; }
.type-box.green { background: #3d9900; }
.type-box.yellow { background: #fde51d; }
.type-box.red { background: #f15156; }
.type-box.orange { background: #fc9458; }
.type-box h3 { color: #fff; text-align: center; font-family: 'Bebas'; font-size: 72px; }
.product-section { text-align: center; }
.product-section .cols .inner { border: 1px solid #00b5e2; padding: 20px 15px; }
.product-section .cols img { margin: 0 auto 30px; display: block; }
.product-section .cols p { margin: 0 0 30px 0; }
.where-section { background: #f4f4f4; }
.where-section .inner { background: #fff; }
.where-section .cols h3 { color: #f76462; font-size: 30px; margin: 0 0 20px 0; }
.where-section .cols .bottom { padding: 20px; min-height: 221px; }
.features-section { padding-bottom: 30px; }
.features-section i { font-size: 100px; line-height: 1; text-align: left; margin-bottom: 20px; display: block; }
.features-section h3 { color: #00b5e2; font-size: 32px; line-height: 1; margin: 0 0 20px 0; }
.features-section p { font-size: 16px; margin: 0; font-family: 'OpenSans-Semibold'; }
.features-section .cols { margin: 0 0 30px 0; }
.features-section .common-btn-box { padding: 10px 0 0 0; }
.client-section { background: #ffffff; text-align: center; }
.client-section i { font-size: 60px; margin: 0 0 20px 0; display: block; }
.client-section p { width: 60%; margin: 0 auto 30px; }
.client-section h3 { text-transform: uppercase; margin: 0; color: #00b5e2; font-size: 18px; }
.client-section h3 span { padding: 10px 0 0 0; color: #000; font-size: 14px; display: block; }
.count-section { text-align: center; background: url("../images/count-bg.jpg") no-repeat center center; width: 100%; height: 400px; background-attachment: fixed; background-size: cover; -ms-background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; }
.count-section .container { height: 100%; position: relative; }
.count-section .count-box { width: 33%; display: inline-block; vertical-align: middle; }
.count-section .count-box h3 { border: 1px solid #000; margin: 0 auto 20px; height: 200px; width: 200px; padding: 60px 0; font-size: 60px; border-radius: 50%; -ms-border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; }
.count-section .count-box h4 { font-size: 24px; text-transform: uppercase; }
.contact-section { text-align: center; }
.contact-section .top { padding: 60px 0; background: #f4f4f4; }
.contact-section .top .cols { width: 33%; display: inline-block; vertical-align: middle; }
.contact-section .top .cols i { font-size: 70px; color: #000; display: block; margin-bottom: 20px; }
.contact-section .top .cols a { font-size: 20px; }
.contact-section .top .cols a span { display: block; padding: 5px 0 0 0; }
.contact-section .bottom { padding: 60px 0; display: table; width: 100%; }
.contact-section .bottom .form-container { width: 1000px; margin: 0 auto 30px; }
.contact-section .bottom .form-box { width: 50%; display: inline-block; vertical-align: top; padding: 0 20px 0 0; margin: 0 0 20px -2px; }
.contact-section .bottom .textarea-box { width: 100%; }
footer { text-align: center; border-top: 2px solid #00b5e2; padding: 40px 0; }
footer ul li { display: inline-block; vertical-align: middle; padding: 20px 0; margin: 0 8px; }
footer ul li a { font-size: 30px; color: #000; }
footer ul li a:hover, footer ul li a:focus { color: #00b5e2; }
footer p { margin: 0; }
.inner-banner-section { text-align: center; height: 400px; background: url("../images/inner-banner-bg.jpg") no-repeat center center; background-attachment: fixed; width: 100%; background-size: cover; -ms-background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; }
.faq-banner-section { background: url("../images/faq-banner-bg.jpg") no-repeat center center; background-attachment: fixed; background-size: cover; -ms-background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; }
.installation-banner-section { background: url("../images/installation-banner-bg.jpg") no-repeat center center; background-attachment: fixed; background-size: cover; -ms-background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; }
.contact-banner-section { background: url("../images/contact-banner-bg.jpg") no-repeat center center; background-attachment: fixed; background-size: cover; -ms-background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; }
.product-banner-section { background: url("../images/full-kit.jpg") no-repeat center center;  opacity: 0.5; background-position-y: 100px; background-size: contain; background-attachment: fixed; -ms-background-size: cover; -webkit-background-size: contain; -moz-background-size: cover; -o-background-size: cover; }
.inner-banner-section .inner-box { height: 400px; position: relative; }
.inner-banner-section h1 { text-transform: uppercase; margin: 0; font-size: 62px; }
.common-accordian { margin: 0 auto; width: 75%; }
.common-accordian .panel { border: none; border-radius: 0; -ms-border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0; box-shadow: none; -ms-box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; }
.common-accordian .panel-heading { padding: 0; border: none; border-radius: 0; -ms-border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0; }
.common-accordian .panel-heading a { font-size: 18px; position: relative; display: block; padding: 10px 15px; border: 1px solid #00b5e2; }
.common-accordian .panel-body { border: 1px solid #00b5e2; border-top: none; }
.common-accordian .panel-heading + .panel-collapse > .list-group, .common-accordian .panel-heading + .panel-collapse > .panel-body { border: 1px solid #00b5e2; border-top: none; }
.common-accordian .panel-heading a.collapsed i:before { content: '\e813'; font-family: 'walk-wp'; }
.common-accordian .panel-heading a i { position: absolute; right: 15px; top: 9px; }
.process-section .container > ul { position: relative; padding: 80px 0; margin: 0 80px; border-left: 1px solid #000; }
.process-section .container > ul:after, .process-section .container > ul:before { content: ""; position: absolute; left: -10px; top: 0; height: 20px; width: 20px; border: 7px solid #00b5e2; background: #fff; border-radius: 50%; -ms-border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; }
.process-section .container > ul:after { top: auto; bottom: 0; }
.process-section .container > ul > li { display: table; position: relative; width: 100%; margin: 0 0 60px 0; }
.process-section .container > ul > li:last-child { margin: 0; }
.process-section li span { background: #fff; z-index: 1; color: #f15156; font-size: 60px; position: absolute; left: -50px; padding: 10px 0 0 0; text-align: center; display: block; border: 1px solid #000; height: 100px; width: 100px; border-radius: 50%; -ms-border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; }
.process-section li .content { position: relative; padding: 35px 0 0 80px; }
.process-section li .content .desc h3 { margin: 0 0 20px 0; font-size: 26px; }
.process-section li ul li { margin: 0 0 10px 0; font-size: 16px; position: relative; padding: 0 0 0 20px; line-height: 1.4; }
.process-section li ul li:before { left: 0; top: 7px; position: absolute; content: ""; height: 10px; width: 10px; background: #fff; border: 3px solid #00b5e2; display: block; border-radius: 50%; -ms-border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; }
.map-section #mapContainer { width: 100%; height: 600px; }
.inner-product-section .container { width: 80%; margin: 0 auto; }
.inner-product-section .white { margin-bottom: 30px; }
.inner-product-section .white .right .inner { position: relative; background: url("../images/we-paint-white-bg.jpg") no-repeat center center; height: 500px; background-attachment: fixed; background-size: cover; -ms-background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; }
.inner-product-section .right .desc { text-align: center; color: #fff; background: rgba(0, 181, 226, 0.9); position: absolute; right: 40px; top: 50%; width: 500px; height: 80%; padding: 20px; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.inner-product-section .right .desc p { margin: 0 0 30px 0; font-size: 16px; font-family: 'OpenSans-Semibold'; line-height: 1.8; }
.inner-product-section .clear .right .inner { position: relative; background: url("../images/we-paint-clear-bg.jpg") no-repeat center center; height: 500px; background-attachment: fixed; background-size: cover; -ms-background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; }
.inner-product-section .btn { background: none; border: 1px solid #fff; }
.inner-product-section .btn:hover, .inner-product-section .btn:focus { border: 1px solid #000; color: #000; }
.document-section { border-top: 2px solid #00b5e2; text-align: left; }
.document-section .col { display: inline-block; vertical-align: middle; padding: 0 15px; width: 25%; margin-left: -2px; }
.document-section .col a { font-family: 'OpenSans-Semibold'; font-size: 16px; color: #000; }
.document-section .col a:hover, .document-section .col a:focus { color: #008caf; }
.document-section .col i { color: #ccc; display: block; text-align: center; padding: 12px 0 0 0; margin: 0 auto 20px; font-size: 40px; border: 1px solid #000; width: 80px; height: 80px; border-radius: 50%; -ms-border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; }
.get-btn { background: #00b5e2; color: #fff; padding: 15px; }
.get-btn:before { content: none; }
.get-btn:hover, .get-btn:focus { color: #fff; background: #008caf; }
.get-quote-section { position: fixed; left: 0; top: -100%; width: 100%; height: 100%; z-index: 9; background: rgba(0, 0, 1, 0.5); -moz-transition: all 0.3s cubic-bezier(0.5, 0.3, 0.47, 0.81); -o-transition: all 0.3s cubic-bezier(0.5, 0.3, 0.47, 0.81); -webkit-transition: all 0.3s cubic-bezier(0.5, 0.3, 0.47, 0.81); transition: all 0.3s cubic-bezier(0.5, 0.3, 0.47, 0.81); }
.get-quote-section h3 { margin: 0 0 10px 0; font-size: 20px; }
.get-quote-section .get-quote-container { position: absolute; top: 50%; width: 400px; left: 0; right: 0; margin: 0 auto; background: #fff; padding: 40px; -moz-transition: all 0.5s cubic-bezier(0.5, 0.3, 0.47, 0.81); -o-transition: all 0.5s cubic-bezier(0.5, 0.3, 0.47, 0.81); -webkit-transition: all 0.5s cubic-bezier(0.5, 0.3, 0.47, 0.81); transition: all 0.5s cubic-bezier(0.5, 0.3, 0.47, 0.81); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.get-quote-section .close-btn { height: 35px; width: 35px; position: absolute; right: -15px; top: -15px; background: #00b5e2; color: #fff; text-align: center; padding: 9px 0; border-radius: 50%; -ms-border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; }
.get-quote-section .close-btn:hover, .get-quote-section .close-btn:focus { background: #008CAF; }
.get-quote-section .btn-box { text-align: center; padding: 20px 0 0 0; }
.get-quote-open { overflow: hidden; }
.get-quote-open .get-quote-section { top: 0; }
.common-popup-section { position: fixed; left: 0;overflow-y:auto;  top: -100%; width: 100%; height: 100%; z-index: 9; background: rgba(0, 0, 1, 0.5); -moz-transition: all 0.3s cubic-bezier(0.5, 0.3, 0.47, 0.81); -o-transition: all 0.3s cubic-bezier(0.5, 0.3, 0.47, 0.81); -webkit-transition: all 0.3s cubic-bezier(0.5, 0.3, 0.47, 0.81); transition: all 0.3s cubic-bezier(0.5, 0.3, 0.47, 0.81); }
.common-popup-section h3 { font-size: 20px; margin: 0 0 10px 0; }
.common-popup-section .common-popup-container { position: absolute; top: 50%; width: 800px; left: 0; right: 0; margin: 0 auto; background: #fff; padding: 40px; -moz-transition: all 0.5s cubic-bezier(0.5, 0.3, 0.47, 0.81); -o-transition: all 0.5s cubic-bezier(0.5, 0.3, 0.47, 0.81); -webkit-transition: all 0.5s cubic-bezier(0.5, 0.3, 0.47, 0.81); transition: all 0.5s cubic-bezier(0.5, 0.3, 0.47, 0.81); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.common-popup-section .close-btn { height: 35px; width: 35px; position: absolute; right: -15px; top: -15px; background: #00b5e2; color: #fff; text-align: center; padding: 9px 0; border-radius: 50%; -ms-border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; }
.common-popup-section .close-btn:hover, .common-popup-section .close-btn:focus { background: #008CAF; }
.common-popup-section .btn-box { text-align: center; padding: 20px 0 0 0; }
.common-popup-section .left, .common-popup-section .right{display: inline-block; vertical-align: top;width: 49%;}
.common-popup-section .left{padding: 0 7px 0 0;}
.common-popup-section .right{padding: 0 0 0 7px;}
.partner-popup-open, .large-area-popup-open, .distributor-popup-open, .architect-popup-open { overflow: hidden; }
.distributor-popup-open .distributor-section { top: 0; }
.architect-popup-open .architect-section { top: 0; }
.large-area-popup-open .large-area-section { top: 0; }
.partner-popup-open .partner-section { top: 0; }
.contact-us-section .bottom .form-container { width: 100% }
.contact-us-section h3 { text-align: left; }
.contact-us-section .bottom .form-outer-box { float: left; width: 70%; }
.contact-us-section .bottom .other-link-box { float: left; width: 30%; padding: 50px 0 0 20px; border-left: 1px solid #ddd; min-height: 320px; }
.contact-us-section .bottom .other-link-box { text-align: left; }
.contact-us-section .bottom .other-link-box li { margin-bottom: 20px; }
.contact-us-section .bottom .other-link-box a { font-size: 16px; font-family: 'Decalotype-Bold'; text-transform: uppercase; }

.inner-products-section .product-row{margin: 0 0 20px 0;}
.inner-products-section .left{display: inline-block; vertical-align: middle; width: 70%;padding-right: 30px;}
.inner-products-section .right{display: inline-block; vertical-align: middle; width: 30%; margin: 0 0 0 -4px;}