/*
Theme Name: City Fringe
Theme URI: https://wordpress.org/themes/twentythirteen/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: The 2013 theme for WordPress takes us back to the blog, featuring a full range of post formats, each displayed beautifully in their own unique way. Design details abound, starting with a vibrant color scheme and matching header images, beautiful typography and icons, and a flexible layout that looks great on any device, big or small.
Version: 2.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: blog, one-column, two-columns, right-sidebar, custom-header, custom-menu, editor-style, featured-images, footer-widgets, microformats, post-formats, rtl-language-support, sticky-post, translation-ready, accessibility-ready
Text Domain: twentythirteen

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/


*{ -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
html, div, img, ul, li, a, p, ol, body, h1, h2, h3, h4, h5, h6{ margin: 0; padding: 0; font-family: 'Lato', sans-serif; font-weight: 400; }
ul, a, input{text-decoration: none;list-style: none;text-decoration: none;outline:none;}
:focus {outline: 0;}
.clear{ clear: both;}
a:hover{ text-decoration: none;}

/*Global_css_start*/
h2{font-size:63px;text-transform:uppercase;color:#fff;padding-bottom: 40px;}
.btn-group-lg>.btn, .btn-lg {padding: 10px 35px;font-size: 19px;line-height: 1.3333333;background: #d01818;
border-radius: 0;border: 0;text-transform:uppercase;position:relative;z-index:9999;}
.btn-primary:hover,.btn-primary.focus, .btn-primary:focus {color: #fff; background: #ff5b07;border: 0;}
.overlay{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background:rgba(0, 0, 0, 0.6);}
.em{width: 100%; float: left; clear: both;color:#d01818;font-weight:500;text-transform:uppercase;font-size:19px;line-height:26px;}
.all_nv{width: 100%; float: left; clear: both;color:#8c8c8c;font-size:18px;line-height:30px;list-style:disc;padding-left: 18px;margin-top:5px;}
.enti{position:relative;z-index:9999;width: 100%; float: left; clear: both;font-size:42px;color:#fff;text-transform:uppercase;line-height:48px;margin-bottom:20px;}
p{font-size:17px;line-height:24px;color: #fff;clear:both;position:relative;z-index:9999;}
.enti1{color:#d01818;margin-bottom: 15px;}
.auto-boxes .boxes.last-div{margin-right:0;}
.overlay2{position: absolute;top: 0;left: 0;width: 100%;height: 100%;/*background:rgba(0, 0, 0, 0.8);*/}
.all_over{position:relative;width: 100%; float: left; clear: both;padding: 46px 0 30px;}

/*header-block-css-start*/
.header_block{ width: 100%; float: left; clear: both;text-align: center;}
.header_block .fixed {position:fixed;top:0;left:0;z-index:999;width:100%;background: #fff;}
.header_block .top-head{ width: 100%; float: left; clear: both;background:#ff2307;padding:6px 0;height:42px;}
.header_block .left{float:left;}
.header_block .top-head .left a{display: block;font-size: 21px;color: #fff;line-height: 30px;}
.header_block .right{float:right;}
.header_block .top-head .right a{font-weight:500;font-size:25px;line-height:25px;font-family: 'Markazi Text', serif;color:#fff;float:left;margin-left:20px;}
.header_block .top-head .right a .fa{font-size: 25px;margin-right:3px;position:relative;top:2px;}
.header_block .top-head .right a .fa-phone{-webkit-transform: rotate(260deg);-moz-transform: rotate(260deg);transform: rotate(260deg);}
.header_block .top-head a:hover{color:#000;}
.header_block .bot-head{width: 100%; float: left; clear: both;}
.header_block .logo{ float: left;padding-top:12px;}
.header_block .navbar-inverse .navbar-nav>li{margin-right:15px;}
.header_block .navbar-inverse .navbar-nav>li:last-child{margin-right:0;}
.header_block .navbar-inverse .navbar-nav>li:last-child a{padding-right:0;}
.header_block .navbar-inverse .navbar-nav>li.active:last-child a{padding-right:17px;}
.header_block .navbar-inverse .navbar-nav>li:hover a{color:#ff5b07;}
.header_block .navbar-inverse .navbar-nav>li>a{font-size:17px;text-transform:uppercase;color:#000;padding: 34px 17px;}
.header_block .navbar-inverse {background: #fff;border:0;margin-bottom: 0;}
.header_block .navbar-inverse .navbar-nav>li.active a{background:#ff5b07 !important;color:#fff;}
/*custommize_css*/
.header_block .navbar-inverse .navbar-nav>.active>a, .header_block .navbar-inverse .navbar-nav>.active>a:focus, .header_block .navbar-inverse .navbar-nav>.active>a:hover{background: none;color:#fff;}

/*banner_block_css_start*/
.banner_block{clear: both;}
.banner_block h2{font-weight:500px;}
.banner_block .item img{width:100%;}
.banner_block .innercon{position: absolute;bottom: 50%;left: 0;width: 100%;z-index: 9999999;text-align:center;margin-bottom:-60px;}
.banner_block .carousel-control{top:50%;margin-top:-18px;text-align: center;width: 37px; height: 37px;background: #fff; display: block;color:#d01818;z-index: 10; opacity: 1;line-height: 32px;font-size: 32px;text-shadow: inherit;}
.banner_block .carousel-control:hover{background: #ff5b07;color:#fff;}

/*services_block_css_start*/
.services_block{ width: 100%; float: left; clear: both;padding:70px 0;}
.services_block .ser-img{ width: 100%; float: left; height: 250px;position:relative;overflow: hidden;text-align:center;}
.services_block .ser-img:hover img{-webkit-transform: scaleX(-1);-moz-transform: scaleX(-1);transform: scaleX(-1);}
.services_block .rat{position:absolute;bottom: 0;left: 0; width:100%;background: rgba(0, 0, 0, 0.5);font-size:19px;
text-transform:uppercase;line-height:30px; z-index: 9999;}
.services_block .ser-img:hover .rat{background:#ff5b07;}
.services_block .rat a{color:#fff;display:block;    pointer-events: none;}
.services_block .ser-con{width: 100%; float: left; clear: both;}
.services_block .ser-con span{margin-top:20px;}

/*Residential_css_start*/
.residential_block{text-align:center;width: 100%; float: left; clear: both;background:#585858;/*background:url(images/res.jpg) no-repeat left top; background-size:cover;background-attachment:fixed;*/}
.residential_block p{padding: 0 17%;}
.residential_block .outer-box{width: 100%; float: left; clear: both;margin-top:48px;}
.residential_block .box{z-index: 999;display: inline-block;border: 1px solid #a9a9aa;height:50px;width:356px;text-align:left;margin:0 48px 28px 0;position:relative;overflow:hidden;}
.residential_block .box:nth-child(3n + 3){margin-right: 0;}
.residential_block .box:last-child{margin-right: 0;}
.residential_block .box a{    pointer-events: none;display:block;font-family: 'Oswald', sans-serif;font-weight:500;text-transform:capitalize;color:#fff;font-size:19px;line-height:24px;padding: 12px 12px;position:relative;z-index:99999;
-webkit-transition: all 0.7s ease-in-out 0s; transition: all 0.7s ease-in-out 0s;}
.residential_block .box .fa{color: #ff5b07;margin-right:4px;}
.residential_block .box:hover{border-color:#ff5b07;}
.residential_block .box:hover .fa{color:#fff;}
.residential_block .box a:after{position:absolute;content:"";top:-26px;left:0;width:100%;height:25px;background: #ff5b07;z-index: -1;opacity:0;visibility:hidden;-webkit-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s;}
.residential_block .box a:before{position:absolute;content:"";bottom:-26px;left:0;width:100%;height:25px;background: #ff5b07;z-index: -1;opacity:0;visibility:hidden;-webkit-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s;}
.residential_block .box:hover a:after{position:absolute;content:"";top:0;left:0;width:100%;height:25px;background: #ff5b07;z-index: -1;opacity:1;visibility:visible;}
.residential_block .box:hover a:before{position:absolute;content:"";bottom:0;left:0;width:100%;height:25px;background: #ff5b07;z-index: -1;opacity:1;visibility:visible;}

/*automotive_block_css_start*/
.automotive_block{width: 100%; float: left; clear: both;padding:50px 0;text-align:center;}
.automotive_block p{color:#8c8c8c;padding:0;margin-bottom: 10px;}
.automotive_block .do{text-transform:uppercase;}
.auto-boxes{width: 100%; float: left; clear: both;margin-top:50px;}
.auto-boxes .boxes{float:left;width:288px;height:270px;margin:0 5px 5px 0;overflow:hidden;position:relative;}
.auto-boxes .boxes.first-boxes{width:580px;}
.oner{display: table;width:100%;height: 270px;}
.oner2{display: table-cell;vertical-align:middle;text-align:center;width:100%;height:100%;font-family: 'Oswald', sans-serif;font-size:31px;color:#fff;text-transform:uppercase;}
.auto-boxes .boxes.first-boxes .auto-overlay{background:rgba(0, 0, 0, 0.8);display:block;-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0)}

.auto-overlay {padding:0 15px;background:rgba(255, 91, 7, 0.8);height: 100%;left: 0;position: absolute;top: 0;width: 100%;
-webkit-transform: translate3d(-100%, 0, 0);-webkit-animation-duration: 0.15s;-webkit-animation-timing-function: ease-out;
-webkit-animation-fill-mode: forwards;-moz-transform: translate3d(-100%, 0, 0);-moz-animation-duration: 0.15s;
-moz-animation-timing-function: ease-out;-moz-animation-fill-mode: forwards;transform: translate3d(-100%, 0, 0);
animation-duration: 0.15s;animation-timing-function: ease-out;animation-fill-mode: forwards;z-index: 9999;}
.boxes.hover-enter-top .auto-overlay {-webkit-animation-name: slide_in_top;-moz-animation-name: slide_in_top;
animation-name: slide_in_top;}
.boxes.hover-leave-top .auto-overlay {-webkit-animation-name: slide_out_top;-moz-animation-name: slide_out_top;
animation-name: slide_out_top;}
.boxes.hover-enter-right .auto-overlay {-webkit-animation-name: slide_in_right;-moz-animation-name: slide_in_right;
animation-name: slide_in_right;}
.boxes.hover-leave-right .auto-overlay {-webkit-animation-name: slide_out_right;-moz-animation-name: slide_out_right;
animation-name: slide_out_right;}
.boxes.hover-enter-bottom .auto-overlay {-webkit-animation-name: slide_in_bottom;-moz-animation-name: slide_in_bottom;
animation-name: slide_in_bottom;}
.boxes.hover-leave-bottom .auto-overlay {-webkit-animation-name: slide_out_bottom;-moz-animation-name: slide_out_bottom;
animation-name: slide_out_bottom;}
.boxes.hover-enter-left .auto-overlay {-webkit-animation-name: slide_in_left;-moz-animation-name: slide_in_left;
animation-name: slide_in_left;}
.boxes.hover-leave-left .auto-overlay {-webkit-animation-name: slide_out_left;-moz-animation-name: slide_out_left;
animation-name: slide_out_left;}

/* Top */
@-webkit-keyframes slide_in_top {
 0% {
-webkit-transform: translate3d(0, -100%, 0);
}
 100% {
-webkit-transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes slide_out_top {
 0% {
-webkit-transform: translate3d(0, 0, 0);
}
 100% {
-webkit-transform: translate3d(0, -100%, 0);
}
}
@-moz-keyframes slide_in_top {
 0% {
-moz-transform: translate3d(0, -100%, 0);
}
 100% {
-moz-transform: translate3d(0, 0, 0);
}
}
@-moz-keyframes slide_out_top {
 0% {
-moz-transform: translate3d(0, 0, 0);
}
 100% {
-moz-transform: translate3d(0, -100%, 0);
}
}
@keyframes slide_in_top {
 0% {
transform: translate3d(0, -100%, 0);
}
 100% {
transform: translate3d(0, 0, 0);
}
}
@keyframes slide_out_top {
 0% {
transform: translate3d(0, 0, 0);
}
 100% {
transform: translate3d(0, -100%, 0);
}
}

/* Right */
@-webkit-keyframes slide_in_right {
 0% {
-webkit-transform: translate3d(100%, 0, 0);
}
 100% {
-webkit-transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes slide_out_right {
 0% {
-webkit-transform: translate3d(0, 0, 0);
}
 100% {
-webkit-transform: translate3d(100%, 0, 0);
}
}
@-moz-keyframes slide_in_right {
 0% {
-moz-transform: translate3d(100%, 0, 0);
}
 100% {
-moz-transform: translate3d(0, 0, 0);
}
}
@-moz-keyframes slide_out_right {
 0% {
-moz-transform: translate3d(0, 0, 0);
}
 100% {
-moz-transform: translate3d(100%, 0, 0);
}
}
@keyframes slide_in_right {
 0% {
transform: translate3d(100%, 0, 0);
}
 100% {
transform: translate3d(0, 0, 0);
}
}
@keyframes slide_out_right {
 0% {
transform: translate3d(0, 0, 0);
}
 100% {
transform: translate3d(100%, 0, 0);
}
}

/* Bottom */
@-webkit-keyframes slide_in_bottom {
 0% {
-webkit-transform: translate3d(0, 100%, 0);
}
 100% {
-webkit-transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes slide_out_bottom {
 0% {
-webkit-transform: translate3d(0, 0, 0);
}
 100% {
-webkit-transform: translate3d(0, 100%, 0);
}
}
@-moz-keyframes slide_in_bottom {
 0% {
-moz-transform: translate3d(0, 100%, 0);
}
 100% {
-moz-transform: translate3d(0, 0, 0);
}
}
@-moz-keyframes slide_out_bottom {
 0% {
-moz-transform: translate3d(0, 0, 0);
}
 100% {
-moz-transform: translate3d(0, 100%, 0);
}
}
@keyframes slide_in_bottom {
 0% {
transform: translate3d(0, 100%, 0);
}
 100% {
transform: translate3d(0, 0, 0);
}
}
@keyframes slide_out_bottom {
 0% {
transform: translate3d(0, 0, 0);
}
 100% {
transform: translate3d(0, 100%, 0);
}
}

/* Left */
@-webkit-keyframes slide_in_left {
 0% {
-webkit-transform: translate3d(-100%, 0, 0);
}
 100% {
-webkit-transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes slide_out_left {
 0% {
-webkit-transform: translate3d(0, 0, 0);
}
 100% {
-webkit-transform: translate3d(-100%, 0, 0);
}
}
@-moz-keyframes slide_in_left {
 0% {
-moz-transform: translate3d(-100%, 0, 0);
}
 100% {
-moz-transform: translate3d(0, 0, 0);
}
}
@-moz-keyframes slide_out_left {
 0% {
-moz-transform: translate3d(0, 0, 0);
}
 100% {
-moz-transform: translate3d(-100%, 0, 0);
}
}
@keyframes slide_in_left {
 0% {
transform: translate3d(-100%, 0, 0);
}
 100% {
transform: translate3d(0, 0, 0);
}
}
@keyframes slide_out_left {
 0% {
transform: translate3d(0, 0, 0);
}
 100% {
transform: translate3d(-100%, 0, 0);
}
}

/*accept_block_css_start*/
.accept_block{width: 100%; float: left; clear: both;text-align:center;padding:50px 0 75px;}
.accept_block .card{width: 100%; float: left; clear: both;margin-top: 20px;}
.accept_block .card li{display:inline-block;margin-right: 150px;}
.accept_block .card li:last-child{margin-right: 0;}

/*emergency_block_css_start*/
.emergency_block{background:#585858;/*background:url(images/res_a.jpg) no-repeat left top;background-size:cover;background-attachment: fixed;*/}
.emergency_block .all_over{padding:60px 0;}
.emergency_block p{font-size:25px;line-height:42px;font-weight:500;font-family: 'Oswald', sans-serif;margin-bottom:30px;}

/*conatct_block_css_satrt*/
.conatct_block{width: 100%; float: left; clear: both;position:relative; z-index:10;}
.conatct_block iframe{width:100%;height:720px;position:relative;z-index:99;}
.conatct_block .contact-form{position: absolute;top:0;left:0;width:100%;height:100%;padding:58px 0;}
.conatct_block .contact-form .right{position:relative;z-index:999999;float:right;width:554px;background:#fff;border:1px solid #d01818;padding: 30px;}
.conatct_block p{font-size:17px;color:#8c8c8c;line-height:22px;margin-bottom:10px;}
.conatct_block .enti1{margin-bottom:10px;}
.conatct_block .otform, .conatct_block .otform form, .conatct_block .otform .form-box{width: 100%; float: left; clear: both;}
.conatct_block .otform .form-box{margin-top:15px;}
.conatct_block .otform .inner-form{width: 227px;float: left;margin-right:25px;}
.conatct_block .otform .form-box .inner-form:last-child{margin-right:0;}
.conatct_block .otform .inner-form label{width: 100%; float: left; clear: both;font-size:17px;color:#000;font-weight: 400;}
.conatct_block .otform .inner-form label sup{font-size:17px;color:#fe0000;position: relative;top: 0;}
.conatct_block .otform .inner-form .all_input{width: 100%;height:42px;float: left; clear: both;border: 1px solid #cccccc;border-radius: 0;padding:0 15px;font-size:14px;}
.conatct_block .otform .form-box-email .inner-form{width:100%;margin-right: 0;}
.conatct_block .otform .form-box-email textarea.all_input{height:90px;resize:none;}
.conatct_block .otform .form-box-email .btn-primary{padding: 10px 50px;margin-top:10px;}
.conatct_block .otform .inner-form .all_input:focus{border:1px solid #ff5b07;}

/*footer_block_css_strat*/
.footer_block{width: 100%; float: left; clear: both;background:#d01818;font-size:13px;line-height:21px;text-align:center;color:#fff;padding:10px 0;text-transform:uppercase;}

.scrollup {width: 40px;height: 40px; position: fixed; bottom: 50px;right: 0;display: none;
background: #ff5b07;z-index:999999999;color: #fff;text-align: center;line-height: 40px; font-size: 20px;}
.scrollup:hover{background:#ff2307;color:#fff;}

div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {
    border: 2px solid #d01818;
    float: left;
    margin: 10px 0px;
    width: 100%;
}

div.wpcf7-mail-sent-ok {
    border: 2px solid #398f14;
    float: left;
    margin: 10px 0px;
    width: 100%;
}


/* RESPONSIVE CSS */
@media (max-width: 1169px) {
h2{font-size:44px;}
.residential_block.residential_block .box{width:29%; }
.automotive_block{text-align:center;}
.auto-boxes .boxes {float:left;width: 32.6% !important;margin:0 5px 5px 0 !important;}
}
@media (max-width: 1023px) {
h2{font-size:34px;}
.header_block .navbar-inverse .navbar-nav > li{margin-right:5px;}
.header_block .navbar-inverse .navbar-nav > li > a{font-size:14px;}
.header_block .navbar-inverse .navbar-nav > li:last-child a{padding-right:17px;}
.services_block .col-sm-6{margin-bottom:40px;}
.residential_block .box a{font-size:17px;}
.residential_block.residential_block .box {width: 31%;margin-right:15px;}
.auto-boxes .boxes{width: 32.4% !important;}
.accept_block .card li{margin-right:58px;}
}
@media (max-width: 767px) {
.header_block .logo{padding:12px 0;position: relative;z-index: 9999999999;}
.bot-head .navbar-toggle{margin-top:30px;}
.header_block .bot-head .right{float:none;}
.header_block .navbar-inverse .navbar-nav > li{margin-right:0;}
.header_block .navbar-inverse .navbar-nav > li > a{padding: 19px 17px;}
#navbar{border: 0;}
.bot-head .navbar-inverse .navbar-toggle {border-color: #d01818;background: #d01818;}
h2{font-size:28px;}	
.row {margin-right: 0;margin-left: 0;}	
.services_block{padding:50px 0 20px;}
.services_block .ser-con{text-align:center;}
.services_block .col-sm-6{box-shadow: 0 0 3px #ccc; padding: 20px;}
.all_nv{list-style: none;padding: 0;}
.services_block .rat{background:none;}
.services_block .rat a {display: inline-block;background: #ff5b07;padding: 0 40px;}
.services_block .ser-img:hover .rat a {background: #ff5b07;}
.services_block .ser-img:hover .rat {background: none;}
.enti{font-size:32px;}
.residential_block p, .automotive_block p {padding: 0;}
.residential_block.residential_block .box {width: 46%;margin: 0 10px 10px;}
.auto-boxes .boxes {width: 288px !important;}
.conatct_block .contact-form .right{width:100%;}
.conatct_block .otform .inner-form {width: 100%;margin: 0 0 20px;}
.conatct_block .otform .form-box{margin-top:0;}
.conatct_block p{margin-bottom:25px;}
.conatct_block .contact-form{position:static;padding:20px 0;}
.conatct_block iframe{height:250px;}
.auto-boxes .boxes{float:none;display:inline-block;}

}
@media (max-width: 639px) {
h2 {font-size: 18px;font-weight: 700;padding-bottom: 18px;}	
.btn-group-lg > .btn, .btn-lg{padding: 10px 29px;font-size: 14px;font-weight:600;}
.enti{font-size: 24px;margin-bottom: 10px;}
p {font-size: 15px;line-height: 27px;}
.residential_block.residential_block .box {width: 100%;margin: 0 0 10px;}
.auto-boxes .boxes {margin: 0 !important;}
.auto-boxes{margin-top:28px;}
.emergency_block p{font-size:21px;}
.conatct_block p{font-size:15px;}
.accept_block .card li {margin: 0 20px 20px;}
.accept_block{padding:40px 0;}
.automotive_block, .all_over{padding: 30px 0;}
.oner2{font-size:20px;}
}
@media (max-width: 479px) {
	.banner_block h2 { padding: 10px; font-weight: 500;}
.header_block .top-head .right a{margin-left:15px;}	
h2 {font-size: 16px;font-weight: 700; padding: 20px 35px;}
.btn-group-lg > .btn, .btn-lg{padding: 6px 22px; font-size:12px;}
.banner_block .innercon{margin-bottom: -48px;}
.services_block .rat{font-size:16px;}
.services_block .rat a{padding: 8px 15px;}
.all_nv{font-size:16px;}
.accept_block .card li {margin: 0 0 20px;width: 100%;}
.emergency_block p {font-size: 18px;line-height: 33px;}
.footer_block{font-size:12px;}
.conatct_block .contact-form .right{padding: 30px 15px;}
	.banner_block .carousel-control{ display:none;}
}

.header_block {
    width: 100%;
    float: left;
    clear: both;
    position: fixed;
    text-align: center;
    top: 0;
    left: 0;
    right: 0;
    background-color: #fff;
    z-index: 10000;
}

.banner_block {
    clear: both;
    margin-top: 98px;
}