/* NEW CSS START */ 
/* normalize */
dl,h3,menu,ol,p,pre,ul{margin:1em 0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}button,html,input,select,textarea{font-family:sans-serif}body,figure,form{margin:0}a:focus{outline:dotted thin}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}h2{font-size:1.5em;margin:.83em 0}h3{font-size:1.17em}h4{font-size:1em;margin:1.33em 0}h5{font-size:.83em;margin:1.67em 0}h6{font-size:.67em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}blockquote{margin:1em 40px}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:after,q:before{content:'';content:none}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}dd{margin:0 0 0 40px}menu,ol,ul{padding:0 0 0 40px}nav ol,nav ul{list-style:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}
td{ padding: 10px !important; } html, body { overflow-x: hidden; } body { position: relative } 
/*fade in animation */
@charset "UTF-8";.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0);} 100%{opacity:1;-webkit-transform:none;transform:none;} } 
@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0);} 100%{opacity:1;-webkit-transform:none;transform:none;} } 
.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp;}
input, textarea {outline: none;}
.uf_form_field1{border-width:0px; border-bottom:1px solid #000; width:150px;}
.uf_form_field2{border-width:0px; border-bottom:1px solid #000; width:125px;}
.uf_text_area1 { width: 100%; } 
.uf_form_field1, .uf_form_field2 { margin-bottom: 10px; } 
.uf_thankyou { opacity: 0.9; z-index: 9999; position: absolute; width: 600px; color: black!important; background: #eeeeee; text-align: center!important; display: block; top: 121px; border-radius: 15px; left: 33%; } 
.uf_thankyou div { background: #444343; color: white;padding: 16px 0px;}
.uf_thankyou table { margin: auto; color: black; background: #eeeeee; border-style: solid; border-color: #eeeeee; border-width: 22px; margin-bottom: 29px; } 
.quote-form table {
    margin: auto;
}
/*NEW CSS END */
body{font-size:15px;font-family:'Roboto', sans-serif;background:transparent;line-height:1.5;font-weight:400;color:#898989;}
img{max-width:100%;}
a{-webkit-transition:all 0.4s ease-out 0s;-moz-transition:all 0.4s ease-out 0s;-ms-transition:all 0.4s ease-out 0s;-o-transition:all 0.4s ease-out 0s;transition:all 0.4s ease-out 0s;}
p{font-weight:400;line-height:24px;font-size:14px;}
h2,
h3,
h4,
h5{font-weight:500;color:#333;}
h5{line-height:24px;}
h2{font-size:46px;line-height:32px;font-family:'Montserrat', sans-serif;}
h3{font-size:40px;line-height:28px;font-family:'Montserrat', sans-serif;}
h4{font-size:18px;line-height:26px;}
h5{font-size:14px;}
a,
a:hover,
a:focus{-webkit-text-decoration:none;-moz-text-decoration:none;-ms-text-decoration:none;-o-text-decoration:none;text-decoration:none;-webkit-text-decoration:none;-moz-text-decoration:none;-ms-text-decoration:none;-o-text-decoration:none;text-decoration:none;-webkit-text-decoration:none;-moz-text-decoration:none;-ms-text-decoration:none;-o-text-decoration:none;text-decoration:none;-webkit-text-decoration:none;-moz-text-decoration:none;-ms-text-decoration:none;-o-text-decoration:none;text-decoration:none;-webkit-text-decoration:none;-moz-text-decoration:none;-ms-text-decoration:none;-o-text-decoration:none;text-decoration:none;outline:none;color:#000;}
a{color:#000;}
section{background:#FFF;padding-top:100px;padding-bottom:100px;}
.base-header{padding-bottom:28px;width:50%;margin:auto;}
.base-header h3{letter-spacing:4px;text-align:center;padding-bottom:30px;position:relative;color:#414141;line-height:32px;font-size:40px;text-transform:uppercase;font-weight:900;}
.base-header p{text-align:center;margin-top:-13px;color:#898989;}
.base-header h3::before{width:100px;height:2px;bottom:0;left:50%;margin-left:-50px;}
.base-header h3::before,
.base-header h3::after{position:absolute;content:"";background-color:#ffcd23;}
.base-header h3::after{width:40px;height:6px;right:50%;bottom:-2px;margin-right:-20px;}
.ylow_clr{color:#ffcd23;}
/* Chrome and Firefox LOADER  */
@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) { #preloader{position:fixed;left:0;top:0;z-index:9999999;width:100%;height:100%;overflow:visible;background:#fff url("images/pre_loader.svg") no-repeat center center;color:#000;} } @-moz-document url-prefix()  { #preloader{position:fixed;left:0;top:0;z-index:9999999;width:100%;height:100%;overflow:visible;background:#fff url("images/pre_loader.svg") no-repeat center center;color:#000;} } 
.selector { color:lime; } 
.header_topbar {
    background: #272424;
    padding: 0px;
}
.header_topbar ul{margin-bottom:0;}
.header_topbar ul{margin-bottom:0;margin-top:0px;}
.navigation .logo {
    top: -35px;
    float: left;
    position: relative;
    height: 106px;
}
.navigation .logo::before{background:#ffcd23;}
.navigation .logo::before{position:absolute;top:0px;width:243%;content:"";height:100%;left:-240%;}
.navigation .logo::after{background:#ffcd23 url(../images/logo_bg.png) no-repeat;}
.navigation .logo::after{width:121px;height:73px;position:absolute;right:-121px;top:0px;content:"";}
.navigation .logo{background:#ffcd23;}
.navigation {
    background-color: #262424;
    z-index: 9999;
    position: relative;
    border-bottom: 2px solid #ffcd23;
    box-shadow: 0 0 3px 2px #000000ad;
}
#navigation,
#navigation ul,
#navigation ul li,
#navigation ul li a,
#navigation #menu-button{margin:0;padding:0;border:0;list-style:none;line-height:1;display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
#navigation:after,
#navigation > ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
#navigation #menu-button{display:none;}
#navigation > ul > li{float:left;}
#navigation.align-center > ul{font-size:0;text-align:center;}
#navigation.align-center > ul > li{display:inline-block;float:none;}
#navigation.align-center ul ul{text-align:left;}
#navigation.align-right > ul > li{float:right;}
#navigation > ul > li > a{padding:30px 20px;font-size:13px;letter-spacing:1px;text-decoration:none;color:#fff;font-weight:700;text-transform:uppercase;margin-right:-1px;border-left:1px solid #2c2d2d;border-right:1px solid #2c2d2d;}
#navigation > ul > li.has-sub > a{padding:30px 35px 30px 20px;}
#navigation > ul > li.has-sub > a::before{position:absolute;right:18px;font-family:FontAwesome;content:"\f107";-webkit-transition:all .25s ease;-moz-transition:all .25s ease;-ms-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease;}
#navigation > ul > li.has-sub > a::before{position:absolute;right:14px;font-family:FontAwesome;content:"\f107";-webkit-transition:all .25s ease;-moz-transition:all .25s ease;-ms-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease;}
#navigation ul ul li.has-sub > a::before{position:absolute;top:20px;right:14px;display:block;width:2px;height:8px;background:#dddddd;content:'';-webkit-transition:all .25s ease;-moz-transition:all .25s ease;-ms-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease;}
#navigation ul ul li.has-sub > a::after{position:absolute;top:23px;right:11px;width:8px;height:2px;display:block;background:#dddddd;content:'';}
#navigation ul ul > li.has-sub:hover > a::before{top:17px;height:0;}
#navigation > ul > li > .active{color:#ffcd23;}
#navigation > ul > li:hover > a{color:#ffcd23;}
#navigation ul ul{position:absolute;left:-9999px;}
#navigation.align-right ul ul{text-align:right;}
#navigation ul ul li{height:0;-webkit-transition:all .25s ease;-moz-transition:all .25s ease;-ms-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease;}
#navigation li:hover > ul{left:auto;}
#navigation.align-right li:hover > ul{left:auto;right:0;}
#navigation li:hover > ul > li{height:44px;}
#navigation ul ul ul{margin-left:100%;top:0;}
#navigation.align-right ul ul ul{margin-left:0;margin-right:100%;}
#navigation ul ul li a{border-bottom:1px solid #ffcd23;padding:18px 15px;width:220px;font-size:13px;text-decoration:none;color:#fff;font-weight:600;background:#333131;text-transform:uppercase;border-top:1px solid #393939;border-bottom:1px solid #2c2d2d;}
#navigation ul ul li:last-child > a,
#navigation ul ul li.last-item > a{border-bottom:0;}
#navigation ul ul li:hover > a,
#navigation ul ul li a:hover{color:#ffcd23;}
#navigation.small-screen{width:100%;}
#navigation.small-screen ul{width:100%;display:none;}
#navigation.small-screen.align-center > ul{text-align:left;}
#navigation.small-screen ul li{width:100%;border-top:1px solid rgba(120, 120, 120, 0.2);}
#navigation.small-screen ul ul li,
#navigation.small-screen li:hover > ul > li{height:auto;}
#navigation.small-screen ul li a,
#navigation.small-screen ul ul li a{width:100%;border-bottom:0;}
#navigation.small-screen > ul > li{float:none;}
#navigation.small-screen ul ul li a{padding-left:25px;}
#navigation.small-screen ul ul ul li a{padding-left:35px;}
#navigation.small-screen ul ul li a{color:#acc4ca;background:none;}
#navigation.small-screen ul ul li:hover > a,
#navigation.small-screen ul ul li.active > a{color:#ffffff;}
#navigation.small-screen ul ul,
#navigation.small-screen ul ul ul,
#navigation.small-screen.align-right ul ul{position:relative;left:0;width:100%;margin:0;text-align:left;}
#navigation.small-screen > ul > li.has-sub > a:after,
#navigation.small-screen > ul > li.has-sub > a:before,
#navigation.small-screen ul ul > li.has-sub > a:after,
#navigation.small-screen ul ul > li.has-sub > a:before{display:none;}
#navigation.small-screen #menu-button{display:block;padding:17px;color:#acc4ca;cursor:pointer;font-size:12px;text-transform:uppercase;font-weight:700;width: 97%; }
#navigation.small-screen #menu-button:after{position:absolute;top:22px;right:2px;display:block;height:8px;width:20px;border-top:2px solid #acc4ca;border-bottom:2px solid #acc4ca;content:'';}
#navigation.small-screen #menu-button:before{position:absolute;top:16px;right:2px;display:block;height:2px;width:20px;background:#acc4ca;content:'';}
#navigation.small-screen #menu-button.menu-opened:after{top:23px;border:0;height:2px;width:15px;background:#ffffff;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}
#navigation.small-screen #menu-button.menu-opened:before{top:23px;background:#ffffff;width:15px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);}
#navigation.small-screen .submenu-button.submenu-opened{background:#2c2d2d;}
#navigation.small-screen ul ul .submenu-button{height:35px;width:35px;top:8px;}
#navigation.small-screen .submenu-button:after{position:absolute;top:22px;right:19px;width:8px;height:2px;display:block;background:#fff;content:'';}
#navigation.small-screen ul ul .submenu-button:after{top:15px;right:13px;}
#navigation.small-screen .submenu-button.submenu-opened:after{background:#ffffff;}
#navigation.small-screen .submenu-button:before{position:absolute;top:19px;right:22px;display:block;width:2px;height:8px;background:#fff;content:'';}
#navigation.small-screen ul ul .submenu-button:before{top:12px;right:16px;}
#navigation.small-screen .submenu-button.submenu-opened:before{display:none;}
#navigation.small-screen.select-list{padding:5px;}
.slide_bg_1{background:#f0f0f0 url("images/slider1.jpg") no-repeat scroll right center;}
.single_slider { background-color: #dddd; background-position: center center; background-size: cover; color: #fff; font-size: 24px; text-align: center; } 
.slider_item_tb{display:table;height:100%;width:100%;}
.slider_item_tbcell{display:table-cell;vertical-align:middle;}
.slider_home h2{font-size:44px;margin-bottom:25px;font-weight:800;letter-spacing:2px;text-transform:uppercase;line-height:41px;color:#fff;}
.slider_home span{color:#ffcd23;}
.slides_wrapper {
    top: 106px;
    position: relative;
    height: 700px;
}
.slides__preload_wrapper{background:#ffcd23 none repeat scroll 0 0;height:100%;left:0;position:absolute;width:100%;z-index:999;}
.slides__preload_wrapper .spinner{left:50%;margin:-20px 0 0 -20px;position:absolute;top:50%;}
.about-section {
    padding-bottom: 52px;
    background: #FFF;
    padding-top: 170px;
}
.about-left{font-size:18px;margin-top:35px;}
.about-left h3{letter-spacing:5px;text-transform:uppercase;text-align:left;margin-bottom:30px;font-size:40px;font-weight:900;line-height:1.2;color:#414141;}
.about-left p{color:rgb(84, 83, 83);font-weight:normal;#navigation > ul > li > a{padding:16px 20px;} }
.about-left h4{margin-bottom:-2px;text-transform:uppercase;letter-spacing:2px;}
.about-right img{margin-top:35px;margin-left:-10px;}
.service-section {
    padding-top: 21px;
    padding-bottom: 28px;
    background: #fbfbfb;
}
.service-item{background:#F6F6F6;padding:30px 36px 30px;-webkit-transition:all 0.4s ease-out 0s;-moz-transition:all 0.4s ease-out 0s;-ms-transition:all 0.4s ease-out 0s;-o-transition:all 0.4s ease-out 0s;transition:all 0.4s ease-out 0s;margin-bottom:30px;position:relative;border-bottom:2px solid #ffcd23;}
.service-section .service-item:hover{-webkit-transform:translateX(0px) translateY(-5px) translateZ(0px) rotate(0deg) scale(1);-moz-transform:translateX(0px) translateY(-5px) translateZ(0px) rotate(0deg) scale(1);-ms-transform:translateX(0px) translateY(-5px) translateZ(0px) rotate(0deg) scale(1);-o-transform:translateX(0px) translateY(-5px) translateZ(0px) rotate(0deg) scale(1);transform:translateX(0px) translateY(-5px) translateZ(0px) rotate(0deg) scale(1);-webkit-box-shadow:0px 21px 65px 20px rgba(0, 0, 0, 0.12);-moz-box-shadow:0px 21px 65px 20px rgba(0, 0, 0, 0.12);-ms-box-shadow:0px 21px 65px 20px rgba(0, 0, 0, 0.12);-o-box-shadow:0px 21px 65px 20px rgba(0, 0, 0, 0.12);box-shadow:0px 8px 8px 0px rgba(0, 0, 0, 0.12);}
.service-section .icon-serv{float:left;color:#ffcd23;}
.serv-left{display:block;margin:23px 0px 0px;padding-left:65px;font-size:18px;letter-spacing:2px;letter-spacing:2px;margin-top:8px;text-transform:uppercase;color:#323232;font-weight:700;}
.service-section .icon-serv::before{text-align:center;font-size:40px;display:block;-webkit-transition:all 0.4s ease-out 0s;-moz-transition:all 0.4s ease-out 0s;-ms-transition:all 0.4s ease-out 0s;-o-transition:all 0.4s ease-out 0s;transition:all 0.4s ease-out 0s;}
.serv-info{margin-top:25px;margin-bottom:20px;}
.service-section .row .service-item:hover .serv-left{color:#ffcd23;}
.pricing-section {
    padding-bottom: 8px;
    padding-top: 0px;
    background: #FBFBFB;
}
.pricing-box{position:relative;text-align:left;transition:all 0.4s ease-out 0s;transform:translateX(0px) translateY(-3px) translateZ(0px) rotate(0deg) scale(1);padding:40px 40px;background:#f2f2f2;background-size:cover;background-position:center center;background-attachment:fixed;transition:all 0.4s ease-out 0s;border-top:5px solid transparent;}
.pricing-box:hover{box-shadow:1px 1px 2px 3px #ece1e1cc;transition:all 0.4s ease-out 0s;border-top:5px solid #ffcd23;}
.pricing-box h3{font-size:25px;letter-spacing:3px;margin:0;position:relative;text-transform:uppercase;color:#333;}
.pricing-box h5{color:#6E6D6D;border-bottom:1px solid #E0DDDD;padding-bottom:20px;margin-top:15px;font-weight:400;}
.pricing-box h3:before,
.pricing-box:before{content:"";position:absolute;width:100%;height:100%;top:0;left:0;-webkit-opacity:0;-moz-opacity:0;-ms-opacity:0;-o-opacity:0;opacity:0;}
.work-section{padding-bottom:50px;background:#F5F5F5;}
.project-list .mix{display:none;}
.work-section{padding-top:50px;padding-bottom:100px;background:#FBFBFB;}
[class^="imghvr-hinge-"]{perspective:50em;}
[class^="imghvr-"],
[class^="imghvr-"]::before,
[class^="imghvr-"]::after,
[class^="imghvr-"] *,
[class^="imghvr-"] *::before,
[class^="imghvr-"] *::after{box-sizing:border-box;transition:all 0.35s ease 0s;}
[class^="imghvr-"]{position:relative;display:inline-block;margin:0px;max-width:100%;background-color:#333;color:#FFF;overflow:hidden;backface-visibility:hidden;transform:translateZ(0px);}
.imghvr-hinge-up img{transform-origin:50% 0% 0px;}
[class^="imghvr-"] > img{vertical-align:top;max-width:100%;}
.imghvr-hinge-up .work_text_wrp{transform:rotateX(90deg);transform-origin:50% 100% 0px;}
[class^="imghvr-hinge-"] .work_text_wrp{opacity:0;z-index:1;}
[class^="imghvr-"] .work_text_wrp{padding:30px;position:absolute;top:0px;bottom:0px;left:0px;right:0px;color:#FFF;}
.imghvr-hinge-up:hover > img{transform:rotateX(-90deg);}
[class^="imghvr-hinge-"]:hover img{opacity:0;}
.imghvr-hinge-up:hover .work_text_wrp{transform:rotateX(0deg);}
[class^="imghvr-hinge-"]:hover .work_text_wrp{opacity:1;transition-delay:0.21s;}
.work-section .col-sm-4{padding-right:0px;padding-left:7px;}
.work-section .col-sm-3{padding-right:0px;padding-left:7px;}
.work-item h3{font-size:24px;margin-bottom:-5px;color:#FFF;text-transform:uppercase;letter-spacing:3px;margin-top:0px;}
.work-item p{font-size:18px;color:#fff;}
.work-item i{font-size:40px;margin-left:2px;color:#ffcd23;border-radius:50%;position:absolute;bottom:7%;right:24px;}
.quote-section {
    display: block;
    background: black;
    padding-top: 0px;

}
.quote-section .base-header{width:100%;background:rgb(255, 255, 255) none repeat scroll 0% 0%;position:relative;top:-97px;}
.quote-section .base-header h3{padding-top:50px;}
.quote-section .base-header p{padding:0px 45px;width:66%;margin:auto;}
.quote-section .inner-quote{padding:0px 50px;padding-bottom:100px;margin-top:-65px;}
.quote-form #quote-form::-webkit-input-placeholder{color:#9B9BA3;font-size:14px;text-align:left;}
.quote-form #quote-form:-moz-placeholder{color:#9B9BA3;font-size:14px;text-align:left;}
.quote-form #quote-form::-moz-placeholder{color:#9B9BA3;font-size:14px;text-align:left;}
.quote-form #quote-form:-ms-input-placeholder{color:#9B9BA3;font-size:14px;text-align:left;}
.quote-form #quote-form #submit-quote{padding:0;padding-right:30px;padding-left:30px;height:55px;line-height:53px;text-align:center;font-size:14px;letter-spacing:1px;text-transform:uppercase;display:inline-block;overflow:hidden;outline:none;border:none;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0;border-radius:0;font-weight:800;color:white;position:relative;margin:35px 0px 0px 0px;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-ms-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease;background:#ffcd23;}
.quote-form #quote-form #submit-quote:hover{background-color:#222;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-ms-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease;}
.footer-section{float:left;width:100%;padding:62px 0 0 0;color:#bababa;background:#191919 url("images/footer.jpg") repeat 0% 0%/100% auto;text-align:center;}
.footer-section .widget{padding-bottom:0px;margin-bottom:17px;}
.footer-section .widget p{color:#bababa;margin-top:-12px;}
.subfooter{float:left;width:100%;text-align:center;border-top:1px solid #292626;padding:16px;color:#bababa;}
.subfooter p{color:rgba(255, 255, 255, 0.58);float:left;margin-left:-12px;font-size:13px}
.subfooter p a{color:#aba6a6;}
.widget{display:inline-block;margin-bottom:40px;width:100%;}
.widget{margin-bottom:40px;}
a{-webkit-transition:all ease-in-out .15s, all ease-in-out .15s;-o-transition:all ease-in-out .15s, all ease-in-out .15s;transition:all ease-in-out .15s, all ease-in-out .15s;}
..shop-title span{color:#333;}
div.navigation.navigation_two .logo{background:transparent;}
div.navigation.navigation_two .logo::before{background:transparent;}
div.navigation.navigation_two .logo::after{background:transparent;}
div.navigation.navigation_two {
    border-bottom: 0px solid transparent;
    top: 0px;
}
.slider_home_two .col-md-offset-3{margin-left:21%;}
/* DEFAULT COLOR START */
.base-header h3::before, .base-header h3::after { background-color: #1e8ac0; } .ylow_clr { color: #1e8ac0; } .navigation .logo::before { background: #1e8ac0; } .navigation .logo::after { background: #D4B068 url(../../images/logo_bg.png) no-repeat; } .navigation { border-bottom: 2px solid #1e8ac0; } #navigation > ul > li:hover > a { color: #1e8ac0; } .slider_home span { color: #1e8ac0; }  .slides__preload_wrapper { background: #D4B068 none repeat scroll 0 0; } .service-item { border-bottom: 2px solid #1e8ac0; } .service-section .icon-serv { color: #1e8ac0; } .service-section .row .service-item:hover .serv-left { color: #1e8ac0; }  .pricing-box:hover { border-top: 5px solid #1e8ac0; }  .work-item i { color: #1e8ac0; } .quote-form #quote-form #submit-quote { background: #1e8ac0; } 
/* DEFAULT COLOR END */
/* RESPONSIVE CSS */
@media only screen and (min-width:992px) and (max-width:1199px){
#navigation > ul > li > a{padding:30px 18px;}
.work-section .col-sm-4,
.work-section .col-sm-3{padding-right:0px;padding-left:0px;margin-bottom:-6px;}
}
@media (min-width:768px) and (max-width:991px) {
#navigation > ul{margin-left:176px;}
.navigation .logo::after{display:none;}
.base-header{width:80%;}
.single_slider p{padding:0px 60px;}
.single_slider .slider_item_tbcell{text-align:center;}
.pricing-box{padding:40px 20px;}
.quote-section .base-header p{width:94%;}
.slider_home_two .col-md-offset-3{margin-left:0%;}
}
@media only screen and (max-width:767px){
[class^="imghvr-"] > img { width: 329px;}
.quote-section .inner-quote {background:white;}
.header_topbar{display:none;}
.navigation .logo::after{width:108px;right:-94px;}
.single_slider h2{font-size:30px;}
.single_slider{font-size:15px;}
.single_slider .slider_item_tbcell{text-align:center;}
.base-header{width:100%;}
.base-header h3{line-height:40px;}
.about-section{padding-bottom:80px;}
.about-right img{margin-left:0px;}
.about-left h3{letter-spacing:0px;font-size:38px;}
.pricing-section{padding-bottom:60px;}
.pricing-box{padding:40px 30px;margin-bottom:60px;}
.work-section .col-sm-4,
.work-section .col-sm-3{padding-right:7px;padding-left:7px;}
.quote-section .base-header p{width:100%;}
.quote-section{padding-bottom:0px;}
.footer-section .subfooter .col-xs-6,
.footer-section .subfooter .col-xs-6{width:100% !important;}
.subfooter p{float:none;}
.footer-section .widget p{margin-left:-23px;}
.slider_home_two .col-md-offset-3{margin-left:0%;}
}
@media only screen and (min-width:488px) and (max-width:767px){
.about-right{text-align:center;}
.service-section .timeline_posts .col-xs-12{width:50%;}
.service-item{padding:30px 10px 30px 18px;}
.service-section .icon-serv{float:none;margin-bottom:20px;}
.serv-left{padding-left:0px;margin-bottom:-12px;}
.pricing-section .col-xs-12{width:50%;}
.work-section .project-list .col-xs-12{width:50%;padding-right:0px;padding-left:0px;margin-bottom:-5px;}
}
/*NEW CSS START*/
@media only screen and (max-width: 1440px) {
.navigation .logo { top: -21px; } 
}
@media only screen and (max-width: 1280px){
.navigation .logo { top: -11px; }
.uf_thankyou { left: 29%; }
}
@media only screen and (max-width: 991px){
.navigation .logo { width: 400px;top: -22px; }
.uf_phone { position: relative; width: 100%; text-align: center; display: block; top: -34px; } 
}
@media only screen and (max-width: 895px){
.navigation .logo { top: -4px;  width: 287px; }
}
@media only screen and (max-width: 768px){
.navigation .logo { width: 36%; top: 1px; } 
#submit-quote { width: 94%; margin-top: -13px!important; padding: 0px!important; } 
.pricing-box h3 { font-size: 20px; } 
.uf_thankyou { top: 187px;  left: 11%; }
}
@media only screen and (max-width: 764px){
.navigation .logo {padding: 0px; width: 236px; } 
} 
@media only screen and (max-width: 750px){
#navigation a { text-align: center; } 
.navigation .logo { width: 100%; top: -36px; left: 12%; } 
.uf_phone{ top: -9px; }
.uf_thankyou { left: 8%; } 
}
@media only screen and (max-width: 600px){ /* MOBILE */
.uf_thankyou { left: 7px; width: 565px; }
#logo { left: -9px; }
[class^="imghvr-"] > img { width: 262px; }
.uf_phone { display: block; text-align: center; } 	
.quote-section {     background: white; }
.quote-section .inner-quote { padding: 2px 22px; } 
.quote-form td { width: 100%; float: left; margin-bottom: 17px; } 
.uf_form_field1, .uf_form_field2 {
    width: 91%;
    background: #ffffff;
    padding: 0px 10px;
    border-radius: 5px;
}
.uf_text_area1 { width: 92%; border-radius: 5px;  } 
}
@media only screen and (max-width: 414px){ /* SMALL MOBILE */
.uf_phone { top: -13px; }
.navigation .col-md-8{ line-height: 7px;}
.uf_thankyou { width: 344px; } 
[class^="imghvr-"] > img { width: 414px; } 
}