whtml, body { font-size: 16px; font-family: 'RobotoRegular'; color: #222222; height: auto !important; text-align: left; background: #fff; margin: 0; padding: 0; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
input, textarea, select, button { border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; -webkit-border-radius: 0 }
input:not(.input-file) { -moz-appearance: none; -ms-appearance: none; -o-appearance: none; -webkit-appearance: none; appearance: none } 
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {
transition:background 5000s ease, color 5000s ease !important;
transition-delay:background-color 5000s, color 5000s !important;
}
a, button { text-decoration: none; text-decoration: none !important; cursor: pointer; }
p { margin: 0; line-height: 1.9; margin-bottom: 25px; font-family: 'RobotoRegular'; color: #333333; }
p:last-child { margin-bottom: 0px; }
.transition, :before, :after, a, button { transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; }
.container { max-width: 1200px; margin: 0 auto; width: 100%; padding: 0 15px; }
input[type=text]::-ms-clear {
display:none;
}
input[type=submit], input[type=button] { cursor: pointer; }
select:focus::-ms-value {
color:inherit;
background:none;
}
* { outline: none !important; }
b, strong { font-family: 'RobotoBold'; }
img { max-width: 100%; vertical-align: middle; height: auto; }
ul, ol { margin: 0 0 0 0; padding: 0; }
select:-moz-focusring {
color:transparent;
text-shadow:0 0 0 #3183b3;
-moz-transition:all 0s ease;
}
select::-ms-expand {
display:none;
}
input::-ms-clear {
display:none;
}
figure { margin: 0; }
img.alignleft { margin: 0 30px 30px 0; float: left; max-width: 625px; }
img.alignright { margin: 0 0 30px 30px; float: right; max-width: 625px; }
.aligncenter { float: none; display: block; margin: 15px auto 0 auto }
.noscript { background: #3183b3; display: block; text-align: center; color: #fff; padding: 10px 0; position: fixed; bottom: 0; right: 0; left: 0; z-index: 9; }
p.noscript { margin: 0; }
.warning-icon { display: inline-block; vertical-align: middle; position: relative; width: 30px; height: 30px; z-index: 1; margin: 0 10px 0 0; }
*::-webkit-input-placeholder {
color:inherit;
opacity:1;
}
*:-moz-placeholder {
color:inherit;
opacity:1;
}
*::-moz-placeholder {
color:inherit;
opacity:1;
}
*:-ms-input-placeholder {
color:inherit;
opacity:1;
}
*::placeholder {
color:inherit;
opacity:1;
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { color: #222222; line-height: normal; display: block; margin: 0 0 15px 0; font-weight: 500; font-family: 'RobotoBold'; }
h1, .h1 { font-size: 35px; }
h2, .h2 { font-size: 28px; }
h3, .h3 { font-size: 24px; }
h4, .h4 { font-size: 20px; }
h5, .h5 { font-size: 18px; }
h6, .h6 { font-size: 16px; }
a { color: #3183b3; }
.m0 { margin: 0 !important; }
.p0 { padding: 0 !important; }
.pb0 { padding-bottom: 0 !important }
.pt0 { padding-top: 0 !important }
section { width: 100%; float: left; padding: 68px 0; }
.title_1 { width: 100%; float: left; text-align: center; margin-bottom: 40px; }
.title_1 h2, .title_1 h1, .title_1 .h2, .title_1 .h1 { font-size: 40px; margin-top: 0px; margin-bottom: 0; }
.title_1 p { max-width: 950px; margin: 20px auto 0 auto !important; }
.btn { font-size: 16px; outline: none; text-transform: uppercase; z-index: 2; overflow: hidden; border: none; box-shadow: none; position: relative; padding: 13px 15px; font-family: 'RobotoBold'; outline: none; min-width: 220px; margin-bottom: 0px; border-radius: 0px; }
.btn input { background: transparent !important; color: #ffffff; border: none; padding: 0; line-height: normal; letter-spacing: 0.5px; font-size: 16px; text-transform: uppercase; }
.btn-primary { color: #3d3326; background-color: transparent !important; border: 2px solid #3d3326 !important; }
.btn-default { color: #ffffff; background-color: #742f0e; }
.btn-secondary { color: #ffffff; background-color: #3d3326 !important; }
.btn:not(:disabled):not(.disabled).active:focus, .btn:not(:disabled):not(.disabled):active:focus, .btn:focus { outline: none; box-shadow: none; border-color: #3d3326; }
/**************************************************************/
.site-main { width: 100%; float: left; padding-top: 158px; }
.top_header { width: 100%; float: left; background-color: #3d3326; padding: 8px 0; }
.top_header ul li { display: inline-block; margin-right: 25px; color: #ffffff; font-size: 14px; }
.top_header ul li a { color: #ffffff; }
.top_header ul li svg { fill: #ffffff; width: 16px; height: auto; margin-right: 5px; }
.top_header ul li:first-child a svg { width: 20px; }
.top_header ul li:last-child { margin-right: 0px; }
.main_header .logo { display: inline-block; }
.main_header .header_navigation { display: flex; align-items: center; }
.main_header { width: 100%; float: left; padding: 10px 0; }
.align_center { display: flex; align-items: center; justify-content: space-between; }
header { width: 100%; float: left; background-color: #ffffff; z-index: 9; position: absolute; top: 0; left: 0; right: 0; }
header.sticky { position: fixed; top: auto; bottom: 100%; transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); -webkit-transform: translateY(100%); box-shadow: 0px -8px 12px #000; }
header.sticky .main_header .logo img { max-height: 60px; }
header.sticky .main_header { padding: 5px 0; }
/*mobile Menu*/
.wsmenu html, .wsmenu body, .wsmenu iframe, .wsmenu h1, .wsmenu h2, .wsmenu h3, .wsmenu h4, .wsmenu h5, .wsmenu h6 { margin: 0; padding: 0; border: 0; font: inherit; vertical-align: baseline; font-weight: normal; font-size: 12px; line-height: 18px; font-family: Helvetica, sans-serif; -webkit-font-smoothing: subpixel-antialiased; font-smoothing: antialiased; font-smooth: antialiased; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: subpixel-antialiased; font-smoothing: subpixel-antialiased; font-smooth: subpixel-antialiased; }
.wsmenu .cl { clear: both; }
.wsmenu img, object, embed, video { border: 0 none; max-width: 100%; }
.wsmenu a:focus { outline: none; }
.wsmenu:before, .wsmenu:after { content: ""; display: table; }
.wsmenu:after { clear: both; }
.wsmainfull { width: 100%; position: relative; }
.wsmenu { color: #fff; padding: 0; position: relative; }
.wsmenu>.wsmenu-list>li { text-align: center; display: block; padding: 0; margin: 0; float: left; /* margin-right: 25px; */ margin-right: 15px; }
.wsmenu>.wsmenu-list>li:nth-last-child(2) a { }
.wsmenu>.wsmenu-list>li>a { font-family: 'RobotoBold'; color: #222222; position: relative; float: left; /* font-size: 16px;*/ font-size: 15px; position: relative; text-transform: uppercase; padding: 15px 0; }
.wsmenu>.wsmenu-list>li>a:hover, .wsmenu>.wsmenu-list>li.selected>a, .copyright ul li.selected a, footer .footer_menu ul li.selected a { color: #742f0e; }
.wsmenu>.wsmenu-list>li:last-child>a { border-right: 0px; }
.wsmenu>.wsmenu-list>li>a .wsarrow:after { }
.wsmenu>.wsmenu-list>li ul.sub-menu { position: absolute; z-index: 1000; margin: 0px; padding: 0px; min-width: 250px; background-color: #fff; padding: 10px 20px 10px 20px; top: 100%; white-space: nowrap; opacity: 0; z-index: 555; visibility: hidden; text-align: left; -webkit-transition: all .3s ease-in; -o-transition: all .3s ease-in; -moz-transition: all .3s ease-in; transition: all .3s ease-in; border: 0; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15); }
.wsmenu>.wsmenu-list>li>ul.sub-menu>li { width: 100%; position: relative; margin: 0px; padding: 0px; display: inherit; }
.wsmenu>.wsmenu-list>li>ul.sub-menu>li a { width: 100%; background-image: none; color: #222222; font-family: 'RobotoBold'; font-size: 14px; border-right: 0 none; text-align: left; display: inline-block; border-bottom: 1px solid #ddd; padding: 8px 0px; position: relative; }
.wsmenu>.wsmenu-list>li>ul.sub-menu>li:last-child a { border-bottom: none; }
.wsmenu>.wsmenu-list>li>ul.sub-menu>li a:hover, .wsmenu>.wsmenu-list>li>ul.sub-menu>li.selected a { color: #742f0e; }
.wsmenu>.wsmenu-list>li>ul.sub-menu li.selected .wsmenu-click02>i:before { border-color: #b69f61; }
.wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu { min-width: 270px; position: absolute; left: 100%; top: 0; margin: 0; list-style: none; background-color: #fff; }
.wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li { position: relative; margin: 0px; padding: 0px; display: block; }
.wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li>ul.sub-menu { min-width: 220px; position: absolute; left: 100%; top: 0; margin: 0px; list-style: none; padding: 0px; background-color: #fff; border: solid 1px #eeeeee; }
.wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li>ul.sub-menu>li { position: relative; margin: 0px; padding: 0px; display: block; }
.wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li>ul.sub-menu>li a { background-image: none; color: #666666; border-right: 0 none; text-align: left; display: block; line-height: 22px; padding: 8px 12px; text-transform: none; font-size: 13px; letter-spacing: normal; border-right: 0px solid; }
.wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li>ul.sub-menu>li a:hover { text-decoration: none; }
.wsmobileheader { display: none; }
.overlapblackbg { opacity: 0; visibility: hidden; }
.wsmenu .wsmenu-click { display: none; }
.wsmenu .wsmenu-click02 { display: none; }
.hometext { display: none; }
.wsmenu > .wsmenu-list > li:hover ul.sub-menu { opacity: 1; visibility: visible; transform: rotateX(0deg); -o-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -webkit-transform: rotateX(0deg); }
.wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu { opacity: 0; visibility: hidden; transform-style: preserve-3d; -o-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -webkit-transform-style: preserve-3d; transform: rotateX(-75deg); -o-transform: rotateX(-75deg); -moz-transform: rotateX(-75deg); -webkit-transform: rotateX(-75deg); }
.wsmenu > .wsmenu-list > li > ul.sub-menu > li:hover > ul.sub-menu { opacity: 1; visibility: visible; -o-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; -moz-transform-origin: 0% 0%; -webkit-transform-origin: 0% 0%; -o-transition: -o-transform 0.4s, opacity 0.4s; -ms-transition: -ms-transform 0.4s, opacity 0.4s; -moz-transition: -moz-transform 0.4s, opacity 0.4s; -webkit-transition: -webkit-transform 0.4s, opacity 0.4s; transform: rotateX(0deg); -o-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -webkit-transform: rotateX(0deg); }
.wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu { opacity: 0; visibility: hidden; -o-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; -moz-transform-origin: 0% 0%; -webkit-transform-origin: 0% 0%; -o-transition: -o-transform 0.4s, opacity 0.4s; -ms-transition: -ms-transform 0.4s, opacity 0.4s; -moz-transition: -moz-transform 0.4s, opacity 0.4s; -webkit-transition: -webkit-transform 0.4s, opacity 0.4s; transform-style: preserve-3d; -o-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -webkit-transform-style: preserve-3d; transform: rotateX(-75deg); -o-transform: rotateX(-75deg); -moz-transform: rotateX(-75deg); -webkit-transform: rotateX(-75deg); }
.wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li:hover > ul.sub-menu { opacity: 1; visibility: visible; transform: rotateX(0deg); -o-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -webkit-transform: rotateX(0deg); }
.banner { width: 100%; float: left; padding: 0; position: relative; }
.banner .swiper-slide:after { position: absolute; content: ""; height: 100%; width: 100%; bottom: 0; top: 0; left: 0; right: 0; background-color: rgba(0,0,0,0.3); }
.banner .swiper-slide img { width: 100%; }
/*.banner figcaption { position: absolute; width: 100%; z-index: 2; text-align: center; top: 50%; left: 50%; transform: translate(-50%, -50%); -moz-transform: translateY(-50%, -50%); -ms-transform: translateY(-50%, -50%); -o-transform: translateY(-50%, -50%); -webkit-transform: translateY(-50%, -50%); }*/
.banner figcaption span.h2 {/* font-size: 70px;*/ font-size: 54px; color: #ffffff; margin-bottom: 22px; opacity: 0; -webkit-transform: translateY(100px); -moz-transform: translateY(100px); -ms-transform: translateY(100px); -o-transform: translateY(100px); transform: translateY(100px); -webkit-transition: all 1000ms ease; -moz-transition: all 1000ms ease; -ms-transition: all 1000ms ease; -o-transition: all 1000ms ease; transition: all 1000ms ease; text-shadow: 0px 0px 20px #000000; }
.banner .swiper-slide-active figcaption span.h2 { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition-delay: 700ms; -moz-transition-delay: 700ms; -ms-transition-delay: 700ms; -o-transition-delay: 700ms; transition-delay: 700ms; }
.banner .swiper-slide-active figcaption p { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition-delay: 1300ms; -moz-transition-delay: 1300ms; -ms-transition-delay: 1300ms; -o-transition-delay: 1300ms; transition-delay: 1300ms; }
.banner figcaption .btn { opacity: 0; -webkit-transform: translateY(100px); -moz-transform: translateY(100px); -ms-transform: translateY(100px); -o-transform: translateY(100px); transform: translateY(100px); -webkit-transition: all 1600ms ease; -moz-transition: all 1600ms ease; -ms-transition: all 1600ms ease; -o-transition: all 1600ms ease; transition: all 1600ms ease; }
.banner .swiper-slide-active figcaption .btn { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition-delay: 1600ms; -moz-transition-delay: 1600ms; -ms-transition-delay: 1600ms; -o-transition-delay: 1600ms; transition-delay: 1600ms; }
.banner figcaption p { color: #ffffff; margin-bottom: 31px; opacity: 0; -webkit-transform: translateY(100px); -moz-transform: translateY(100px); -ms-transform: translateY(100px); -o-transform: translateY(100px); transform: translateY(100px); -webkit-transition: all 1300ms ease; -moz-transition: all 1300ms ease; -ms-transition: all 1300ms ease; -o-transition: all 1300ms ease; transition: all 1300ms ease; text-shadow: 0px 0px 20px #000000; }
.swiper_main_slide { width: 100%; float: left; position: relative; margin-bottom: 15px; }
.banner .swiper-button-next { right: 50px; }
.banner .swiper-button-prev { left: 50px; }
.banner .figcaption_main { text-align: left; z-index: 22; position: absolute; left: 30.3%; text-align: left; z-index: 22; top: 50%; transform: translate(-50%, -50%); }
.banner_form { position: absolute; right: 8%; z-index: 1;/* width: 470px;*/ width: 430px; height: auto; top: 53%; transform: translate(-50%, -50%); bottom: inherit;z-index: 9 }
.banner .figcaption_main figcaption { max-width: 550px; margin: 0 auto; padding: 0; overflow: hidden; position: relative; }
.banner_form_inner { background: rgba(255,255,255,0.85); height: 100%; width: 100%; padding: 30px; text-align: center; background-size: cover; }
.banner_form h3 { }
#bannerform .col-12.col-xs-12.col-sm-12.col-md-12.col-lg-12.col-xl-12 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; padding: 0 5px; }
#bannerform .col-12 { padding: 0 5px; }
.banner_form #footerform .col-12.col-xs-12.col-sm-12.col-md-12.col-lg-12.col-xl-12 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
.banner_call svg { height: 30px; }
.banner_form .form-group { margin-bottom: 20px; }
.banner_form .input-label { color: #000; }
.banner_form input.form-control, .banner_form select.form-control, .banner_form textarea.form-control { border: 1px solid #000; color: #000 !important; font-size: 14px; }
.banner_form textarea.form-control { height: 100px; }
.banner_form_inner h3, .banner_form_inner .h3 { margin: 0 0 20px; }
.banner_call span { color: #742f0e; /* margin: 20px 0 0;display: inline-block;*/ font-size: 26px; }
.banner_call a { display: flex; flex-wrap: wrap; align-items: center; align-content: center; width: 100%; justify-content: center; }
.wpcf7 form.sent .wpcf7-response-output { color: #000; font-size: 14px; }
span.or { color: #000 !important; margin: 10px 0 0; display: block; font-size: 20px; text-transform: uppercase; font-weight: 600; }
.top_header .container { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; }
.center-button { margin: 0px 0 0 10px; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; }
#bannerform .btn { min-width: 190px; }
.center-button a.btn { text-transform: uppercase; color: #3d3326; background-color: transparent; border: 2px solid #3d3326 !important; font-size: 16px; /*width: 200px;*/ min-width: 180px; height: 50px; line-height: 18px; text-align: center; display: inline-block; -webkit-transition: all 2s ease-out 0s !important; -moz-transition: all 2s ease-out 0s !important; -o-transition: all 2s ease-out 0s !important; transition: all 2s ease-out 0s !important; -moz-transition: all 2s ease-in-out !important; -webkit-transition: all 2s ease-in-out !important; -o-transition: all 2s ease-in-out !important; -ms-transition: all 2s ease-in-out !important; transition: all 2s ease-in-out !important; -moz-animation: blink normal 2s infinite ease-in-out; -webkit-animation: blink normal 2s infinite ease-in-out; -ms-animation: blink normal 2s infinite ease-in-out; animation: blink normal 2s infinite ease-in-out; }
.wpcf7 form .wpcf7-response-output { margin: 1em 0.5em 1em !important; }
.header_navigation .btn { padding: 13px 15px; min-width: 200px; line-height: 20px; }
 @keyframes blink { 0% {
opacity: 1;
}
50% {
background-color: #742f0e;
color:#fff;
}
100% {
opacity: 1;
}
}
.center-button a:after { display: none; }
/*.center-button img { width: 170px;}*/
.services { width: 100%; float: left; }
.services .service_box { width: 100%; float: left; text-align: center; }
.services .service_box .service_image { width: 100%; float: left; position: relative; }
.services .service_box .service_image img { width: 100%; height: unset;}
.services .service_box .service_image span { position: absolute; height: calc(100% - 200px); border: 1px solid #fff; width: calc(100% - 200px); left: 0; right: 0; top: 0; bottom: 0; margin: auto; z-index: 2; opacity: 0; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; }
.services .service_box .service_image .btn { transition: all 1.3s 0s; -moz-transition: all 1.3s 0s; -ms-transition: all 1.3s 0s; -o-transition: all 1.3s 0s; -webkit-transition: all 1.3s 0s; opacity: 0; min-width: 170px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -moz-transform: translateY(-50%, -50%); -ms-transform: translateY(-50%, -50%); -o-transform: translateY(-50%, -50%); -webkit-transform: translateY(-50%, -50%); }
.services .service_box .service_content { width: 100%; float: left; text-align: center; margin-top: 15px; }
.services .service_box .service_content h2, .services .service_box .service_content .h2 { font-size: 22px; color: #222222; }
.services .service_box .service_content h2 a, .services .service_box .service_content .h2 a { color: #222222; }
.services .swiper-button-next { right: -145px; }
.services .swiper-button-prev { left: -145px; }
.swiper-container-horizontal { overflow: hidden; }
.services .swiper-button-next, .services .swiper-button-prev { margin-top: -69px; }
.swiper-button-next { right: -115px; }
.swiper-button-prev { left: -115px; }
.swiper-button-next, .swiper-button-prev { background: none !important; width: auto; height: auto; }
.cta { width: 100%; float: left; position: relative; z-index: 2; }
.cta:after { position: absolute; content: ""; background-color: rgba(0,0,0,0.7); top: 0; bottom: 0; left: 0; right: 0; z-index: -1; }
.cta_main { width: 100%; float: left; display: flex; align-items: center; justify-content: space-between; }
.cta_main h2, .cta_main .h2 { font-size: 40px; color: #ffffff; margin: 0; }
.cta_main .cta_buttons { display: flex; justify-content: flex-end; }
.cta_main .cta_buttons .btn { margin: 0 10px; }
.cta p { color: #ffffff; margin-top: 15px; }
.scroll { width: 100%; float: left; max-height: 440px; }
.cms_page ul { width: 100%; padding-left: 0px; margin-bottom: 10px; }
.col2 { column-count: 2; }
.col3 { column-count: 3; }
.cms_page ul li { margin-bottom: 15px; list-style: none; font-size: 16px; position: relative; text-align: left; padding-left: 20px; }
.cms_page ul li:before { position: absolute; content: ""; width: 10px; height: 10px; border-radius: 50%; background-color: #742f0e; margin-left: -20px; top: 7px; }
.welcome_content .welcome_image img.welcome_img { border: 10px solid #742f0e; }
.welcome_content2 .scroll { margin-bottom: 15px; }
.why_choose_us { width: 100%; float: left; color: #ffffff; position: relative; z-index: 2; }
.why_choose_us .row [class*=col-]:nth-last-child(1) .why_choose_box, .why_choose_us .row [class*=col-]:nth-last-child(2) .why_choose_box, .why_choose_us .row [class*=col-]:nth-last-child(3) .why_choose_box, .why_choose_us .row [class*=col-]:nth-last-child(4) .why_choose_box { margin-bottom: 0px; }
.why_choose_us .title_1 h2, .why_choose_us .title_1 .h2, .why_choose_us .title_1 p, .why_choose_us .title_1 .p { color: #ffffff; }
.why_choose_us:after { position: absolute; content: ""; height: 100%; width: 100%; background-color: rgba(0,0,0,0.8); top: 0; bottom: 0; left: 0; right: 0; z-index: -1; }
.why_choose_us .why_choose_box { width: 100%; float: left; text-align: center; margin-bottom: 40px; }
.why_choose_us .why_choose_box .why_choose_icon { width: 70px; height: 70px; background-color: #ffffff; display: flex; align-items: center; justify-content: center; margin: 0 auto; }
.why_choose_us .why_choose_box .why_choose_icon img { transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; -webkit-transition: all .5s ease; }
.why_choose_us .why_choose_box:hover .why_choose_icon img { transform: rotateY(180deg); transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; -webkit-transition: all .5s ease; }
.why_choose_us .why_choose_box h2, .why_choose_us .why_choose_box .h2 { color: #ffffff; font-size: 17px; margin-top: 30px; margin-bottom: 0px; }
.welcome_content .row { align-items: center; }
.request_quote { width: 100%; float: left; position: relative; z-index: 2; }
.request_quote:after { position: absolute; content: ""; background: rgba(0,0,0,0.7); height: 100%; width: 100%; left: 0; top: 0; right: 0; bottom: 0; z-index: -1; }
.request_quote .title_1 h2, .request_quote .title_1 .h2 { color: #ffffff; }
.form-group { margin-bottom: 40px; width: 100%; float: left; position: relative; }
.wpcf7-form-control-wrap { width: 100%; float: left; }
.select-box label { opacity: 0; }
.form-group br { display: none; }
input.form-control, select.form-control, textarea.form-control { height: 40px; border-radius: 0px; padding: 10px 10px 10px 10px; background: transparent !important; border: 1px solid #ffffff; color: #ffffff !important; font-size: 15px; }
.form-control option { color: #222222; color: #222222; font-size: 14px; }
label.error, div.mc4wp-error, span.wpcf7-not-valid-tip { background: #900; color: #fff; font-size: 13px; padding: 2px 5px; display: inline-block; vertical-align: top; position: absolute; right: 5px; top: 100%; margin: -6px 0 0 0; }
label.error:before, span.wpcf7-not-valid-tip:before { content: ""; display: block; width: 0; height: 0; border-style: solid; border-width: 0 5px 5px 5px; border-color: transparent transparent #900 transparent; position: absolute; right: 8px; bottom: 100%; }
.input-label { position: absolute; top: 9px; left: 15px; line-height: 1.5em !important; pointer-events: none; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; margin: 0; z-index: 2; color: #ffffff; font-size: 14px; }
.input-box.focus .input-label, .input-box.filled .input-label, .select-box.focus .input-label, .select-box.filled .input-label { top: -22px; font-size: 12px; opacity: 1; }
textarea.form-control { height: 150px; resize: none; }
.form-control:focus { box-shadow: none; border-color: #ced4da }
.btn br { display: none; }
div.wpcf7 .ajax-loader { position: absolute; top: 0; bottom: 0; right: 10px; margin: auto !important; }
.testimonials { width: 100%; float: left; }
.testimonials .testimonials_box { width: 100%; float: left; text-align: center; }
.testimonials .testimonials_box .review_star { }
.testimonials .testimonials_box .review_star i { color: #742f0e; font-size: 21px; margin: 0 2px; }
.testimonials .testimonials_box .review_text { margin-top: 25px; }
.testimonials .testimonials_box .review_text p { }
.testimonials .testimonials_box h3 { margin-bottom: 0; margin-top: 25px; color: #742f0e; font-size: 18px; }
.contact_info { width: 100%; float: left; position: relative; z-index: 2; overflow: hidden; }
.contact_info:after { position: absolute; content: ""; background: rgba(0,0,0,0.7); height: 100%; width: 100%; top: 0; bottom: 0; left: 0; right: 0; z-index: -1; }
.contact_info .container { position: absolute; right: 0; left: 0; margin: 0 auto; top: 0; bottom: 0; margin: auto; display: flex; align-items: center; justify-content: flex-end; }
.contact_info .map { line-height: normal; font-size: 0; }
.contact_info .contact_box { width: 100%; float: left; text-align: center; color: #ffffff; margin-bottom: 40px; }
.contact_info .row .row [class*=col-]:nth-last-child(1) .contact_box, .contact_info .row .row [class*=col-]:nth-last-child(2) .contact_box { margin-bottom: 0px; }
.contact_info .contact_box svg { height: 40px; width: auto; fill: #ffffff; }
.contact_info .contact_box span { font-size: 18px; margin: 20px 0 15px 0; display: block; }
.contact_info .contact_box p, .contact_info .contact_box a { color: #ffffff; line-height: 1.9; margin: 0; }
footer { width: 100%; float: left; }
footer .footer_menu { width: 100%; float: left; }
footer .footer_menu ul li { width: 25%; float: left; }
footer .footer_menu ul li { margin-top: 8px; list-style: none; }
footer .footer_menu ul li a { color: #333333; }
footer .footer_menu ul li a:hover, footer .copyright ul li a:hover { color: #742f0e; }
footer .copyright { width: 100%; float: left; border-top: 1px solid #cccccc; padding: 50px 0 105px; text-align: center; }
footer .copyright ul { margin-bottom: 20px; }
footer .copyright ul li { display: inline-block; line-height: 1; }
footer .copyright ul li+li { margin-left: 10px; padding-left: 10px; border-left: 2px solid #494949; }
footer .copyright ul li a { color: #333333; }
footer .copyright .social_media { margin-top: -70px; position: relative; width: 100%; float: left; }
footer .copyright .social_media ul { margin: 0; }
footer .copyright .social_media ul li { display: inline-block; border: none !important; padding: 0 !important; }
footer .copyright .social_media ul li a { width: 40px; height: 40px; background-color: #3d3326; color: #ffffff; display: inline-block; display: flex; align-items: center; justify-content: center; font-size: 20px; }
footer .copyright .social_media ul li a:hover { background-color: #742f0e; }
.inner_banner { height: 350px; display: flex; width: 100%; justify-content: center; align-items: center; text-align: center; position: relative; }
.inner_banner:after { position: absolute; content: ""; height: 100%; width: 100%; left: 0; top: 0; bottom: 0; right: 0; background-color: rgba(0,0,0,0.3); }
.inner_banner .inner_caption { position: relative; z-index: 2; }
.page-template-car-removal-page .inner_banner .inner_caption { text-align: left; }
.page-template-car-removal-page .inner_banner { height: 650px; }
.inner_banner .inner_caption h1, .inner_banner .inner_caption .h1, .inner_banner .inner_caption span { color: #fff; font-size: 50px; line-height: normal; }
.inner_banner .inner_breadcrumb ol { text-align: center; display: inline-block; padding: 0; background: no-repeat; margin: 0; }
.inner_banner .inner_breadcrumb ol li { display: inline-block; position: relative; line-height: normal; font-size: 15px; }
.inner_banner .inner_breadcrumb ol li:after { position: absolute; content: "/"; right: -13px; top: 3px; bottom: 0; margin: auto; display: flex; align-items: center; margin: auto; font-size: 15px; color: #fff; font-family: "FontAwesome"; }
.inner_banner .inner_breadcrumb ol li:last-child:after { display: none; }
.inner_banner .inner_breadcrumb ol li + li { margin-left: 20px; }
.inner_banner .inner_breadcrumb ol li a, .inner_banner .inner_breadcrumb ol li { color: #fff; line-height: normal; }
.inner_breadcrumb { display: inline-block; z-index: 22; }
.scrap-metal-page .service_box { margin: 10px 0; }
.car_removal_main { width: 100%; float: left; }
.car_removal_main .car_removal_box { width: 100%; text-align: center; margin-bottom: 40px; }
.car_removal_main .car_removal_box img { }
.car_removal_main .car_removal_box h2, .car_removal_main .car_removal_box .h2 { font-size: 22px; margin-top: 15px; margin-bottom: 0px; }
.cta_main .row { align-items: center; justify-content: space-between; }
/*testimonial page*/
.testimonial-list { margin-bottom: 40px; border: 0 !important; margin-top: 0 !important; padding-top: 0 !important; }
.testimonial-list:last-child { margin-bottom: 0px; }
.testimonialpage_main:nth-child(odd) { background: transparent; }
.testimonialpage_main { padding: 0 0 0 120px; position: relative; }
.testimonialpage_main .testimonial_quote { width: 90px; height: 90px; position: absolute; left: 0; top: 0; background: #742f0e; color: #fff; text-align: center; display: flex; align-items: center; justify-content: center; }
.testimonialpage_main .testimonial_text { padding: 20px 20px; background: #f5f5f5; position: relative; }
.testimonialpage_main .testimonial_text h2, .testimonialpage_main .testimonial_text .h2 { font-size: 16px; color: #d72327; margin-bottom: 5px; margin-top: 0px; }
.testimonialpage_main .testimonial_text h2 a, .testimonialpage_main .testimonial_text .h2 a { color: #d72327; }
.testimonialpage_main .testimonial_text h3, .testimonialpage_main .testimonial_text .h3 { font-size: 16px; margin: 0; }
.testimonialpage_main .testimonial_text:before { border-right: 15px solid #f5f5f5; border-style: solid; border-width: 20px 20px 20px 0px; color: rgba(0, 0, 0, 0); content: ""; display: block; left: -20px; margin-top: 0; position: absolute; top: 25px; }
.testimonialpage_main .testimonial_quote i { font-size: 35px; }
.testimonial-list:nth-child(even) .testimonialpage_main { padding: 0 120px 0 0; }
.testimonial-list:nth-child(even) .testimonialpage_main .testimonial_quote { left: auto; right: 0; }
.testimonial-list:nth-child(even) .testimonial_text:before { left: auto; right: -20px; border-left: 15px solid #f5f5f5; border-width: 20px 0px 20px 20px; }
.testimonial_client { font-size: 20px; line-height: 25px; display: block; }
.testimonialpage_main .testimonial_text .review_star i { color: #742f0e; font-size: 18px; margin: 0 2px; }
.testimonialpage_main .testimonial_text .review_star { margin-bottom: 15px; }
.sitemap_page ul { width: 100%; float: left }
.sitemap_page ul:first-child>li { width: 16.6%; float: left; text-align: center; padding: 15px 5px; position: relative; z-index: 1; margin: 0 }
.sitemap_page ul li { margin-top: 15px; float: left; width: 100%; list-style: none; position: relative }
.sitemap_page ul li a { border: 1px solid #bbb; padding: 15px 10px; float: left; width: 100%; font-size: 14px; position: relative; color: #222222; background-color: #fff }
.sitemap_page ul:first-child>li:after { position: absolute; content: ""; height: 1px; width: 100%; right: -10px; top: 42px; background-color: #bbb; z-index: -1 }
.sitemap_page ul:first-child>li: last-child:after { display: none }
.sitemap_page ul.sub-menu li:after { position: absolute; content: ""; height: 100%; width: 1px; top: -35px; background-color: #bbb; z-index: -1; left: 0; right: 0; margin: 0 auto }
.sitemap_page ul.sub-menu li { margin-top: 10px; width: 100%; float: left }
.sitemap_page ul.sub-menu li a { padding: 10px 1px; font-size: 12px }
.sitemap_page ul li a:hover { background-color: #742f0e; color: #fff; border-color: #742f0e }
.sitemap_page ul.sub-menu { margin-top: 20px; position: relative }
.sitemap_page ul.sub-menu:after { position: absolute; content: ""; height: 40px; width: 1px; top: -60px; background-color: #bbb; z-index: -1; left: 0; right: 0; margin: 0 auto }
.contact_info_main { width: 100%; float: left; }
.contact_info_main { width: 100%; float: left; }
.contact_info_main .contact_detail_box { width: 100%; float: left; text-align: center; -webkit-transition: border-color .25s, box-shadow .25s ease-in-out; transition: border-color .25s, box-shadow .25s ease-in-out }
.contact_info_main .contact_detail_box .contact_info_icon { display: flex; align-items: center; justify-content: center; position: relative; width: 110px; height: 110px; margin: 0 auto 25px auto; background-color: #f6f6f6; z-index: 0; -webkit-transition: -webkit-transform ease-out .1s, background .2s; -webkit-transition: background .2s, -webkit-transform ease-out .1s; transition: background .2s, -webkit-transform ease-out .1s; transition: transform ease-out .1s, background .2s; transition: transform ease-out .1s, background .2s, -webkit-transform ease-out .1s }
.contact_info_main .contact_detail_box .contact_info_icon:before { content: " "; position: absolute; top: 10px; left: 10px; right: 10px; bottom: 10px; background-color: #fff; box-shadow: 0 1px 10px rgba(0,0,0,.1); z-index: -1 }
.contact_info_main .contact_detail_box .contact_info_icon:after { top: 0; left: 0; padding: 0; z-index: -1; box-shadow: 0 0 0 2px rgba(255,255,255,.1); opacity: 0; -webkit-transform: scale(.9); transform: scale(.9); pointer-events: none; position: absolute; width: 100%; height: 100%; content: ''; box-sizing: content-box }
.contact_info_main .contact_detail_box .contact_info_icon i { color: #742f0e; font-size: 36px }
.contact_info_main .contact_detail_box .contact_info_icon i.fa-phone { transform: rotate(90deg); }
.contact_info_main .contact_detail_box .contact_detail_content h2 { margin: 0 0 12px; font-size: 19px; color: #222222 }
.contact_info_main .contact_detail_box .contact_detail_content a, .contact_info_main .contact_detail_box .contact_detail_content p { font-size: 16px; color: #222222; margin: 0 }
.contact_page_form { width: 100%; float: left; background-color: #3d3326; }
.contact_page_form .title_1 h2, .contact_page_form .title_1 .h2 { color: #ffffff; }
.request_quote_form { width: 100%; float: left; }
.contact_page_form .request_quote_form .btn-default { border: 2px solid transparent }
.contact_page_form .request_quote_form .btn-default:hover { border: 2px solid #ffffff; }
.contact-us-page .map iframe { height: 400px; }
/*.wpcf7 form .wpcf7-response-output { color: #ffffff; }*/
.single_service_page { width: 100%; float: left; }
.single_service_page .sidebar ul { width: 100%; float: left; margin: 0; }
.single_service_page .sidebar ul li { padding-left: 0px; width: 100%; float: left; margin: 0; }
.single_service_page .sidebar ul li:before { display: none; }
.single_service_page .sidebar ul li a { width: 100%; float: left; font-size: 14px; border-right: 4px solid transparent; color: #222222; display: flex; align-items: center; border: 1px solid #dddddd; padding: 12px; margin-top: -1px; }
.single_service_page .sidebar ul li a img { width: 30px; margin-right: 15px; }
.single_service_page .sidebar ul li a:hover { color: #742f0e; }
.single_service_page .sidebar ul li.selected a { border-right: 4px solid #742f0e; color: #742f0e; background-color: rgb(61 51 38 / 0.15); padding-left: 15px; }
.single_service_page .sidebar h2, .single_service_page .sidebar .h2 { margin-bottom: 10px; font-size: 22px; }
.single_service_page .single_service_content { width: 100%; float: left; position: relative; }
.single_service_page .sidebar { top: 90px; }
.single_service_img { width: 100%; float: left; margin-bottom: 35px; }
.single_service_img img { width: 100%; }
.single_service_page .cta { background-color: #93482a; }
.single_service_page .cta:after { display: none; }
.single_service_page .cta_main h2, .single_service_page .cta_main .h2 { font-size: 28px; }
.single_service_page .cta_main h2 br, .single_service_page .cta_main .h2 br { display: none; }
.scroll-top { width: 40px; height: 40px; outline: none; border: none; background-color: #742f0e; position: fixed; right: 15px; bottom: -50px; z-index: 88; color: #fff; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; }
.scroll-top.visible { bottom: 80px; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; }
.scroll-top:focus { outline: none; }
.loader { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 9999; background: #ffffff url('../images/loader.svg') no-repeat scroll 50% 50%; background-size: 60px auto; opacity: 1; }
.page_404 h1 { font-size: 70px; }
.full-width { width: 100%; float: left; }
.wpcf7 form .wpcf7-response-output { text-align: center; }
.mobile_call { position: fixed; bottom: 50%; right: 0; z-index: 8888; height: 41px; margin-bottom: -20px; }
.mobile_call .call_main .call { text-align: center; font-size: 15px; position: relative; display: table-cell; vertical-align: middle; background-color: #742f0e; padding: 5px; border-radius: 100px 0 0 100px; display: inline-block; }
.mobile_call .call_main .call span { font-weight: normal; font-size: 15px; }
.mobile_call .mobile_call_icon i { animation: icon-rotate 5s infinite; -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); color: #742f0e; font-size: 16px; display: table-cell; vertical-align: middle; }
 @keyframes icon-rotate { 0%, 25%, 50%, 75%, 100% {
transform: rotateY(0);
}
50% {
transform: rotateY(180deg);
}
}
.mobile_call .mobile_call_icon { height: 33px; width: 33px; border-radius: 100px; top: 0; bottom: 0; margin: auto; background-color: #fff; z-index: 888; text-align: center; display: flex; align-items: center; justify-content: center; }
.grecaptcha-badge { z-index: 22; }
/****************************************************************************************************************************/
/************************************************ Blog page section style **************************************************/
/****************************************************************************************************************************/
.blogs .blog { border: 1px solid #3d3326; padding: 15px; transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; margin: 0 0 30px }
.blogs .blog .comment_box { margin-bottom: 5px }
.blogs .blog img { float: left; margin: 0 30px 0 0 }
.blogs .blog:after { display: block; content: ""; clear: both }
.blogs .blog h5, .blogs .blog .h5 { font-size: 20px; margin: 0 0 10px 0; }
.blogs .blog h5 a, .blogs .blog .h5 a { color: #222; min-height: 50px; display: block; }
.blogs .blog h5 a:hover { color: #666; }
.blog-page h2, .blog-page h3, .blog-page h4, .blog-page .h2, .blog-page .h3, .blog-page .h4 { color: #222 }
.blogs .blog p { margin: 0; }
.blog_detailspage .blogs p { margin: 0 0 15px; }
.blog-page .comment-box { margin-bottom: 5px }
.blogs .blog .comment-box > span { color: #222; font-size: 15px; }
.blog-page .comment-box .blog-date:before { content: "\f073"; font: normal normal normal 16px/1 FontAwesome; color: #222; margin: 0 5px 0 0 }
.blog-page .comment-box .blog-author:before { content: "\f007"; font: normal normal normal 18px/1 FontAwesome; color: #222; margin: 0 5px 0 0 }
.blog-page .comment-box .blog-author { margin-left: 15px }
/*.blogs .blog  .read-more { width: 150px; height: 40px; line-height: 40px; text-transform: uppercase; color: #fff; text-align: center; background: #e0b980;   font-size: 16px; display: block; transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; float: right; }*/
/*.blogs .blog  .read-more:hover { background: #fff; color:#000; }*/
.blogs .blog .read-more.btn { float: right; min-width: 170px; margin: 10px 0 0 0; }
.blogs .blog+.blog { margin-top: 30px }
.blog-sidebar .comment_box > span { color: #999; font-size: 15px }
.blog-sidebar ul { list-style-type: none; padding: 20px; margin: 0; display: block; background: #f0f0f0 }
.blog-sidebar ul li { color: #666; font-size: 14px; line-height: 24px }
.blog-sidebar ul li+li { margin-top: 10px }
.blog-sidebar ul li a { color: #666; font-size: 18px; }
.blog-sidebar h5, .blog-sidebar .h5 { color: #fff; margin: 0; padding: 10px 15px; background: #742f0e; font-size: 18px; font-weight: 700 }
.blog-sidebar ul li.selected a { color: #742f0e }
.blog-sidebar ul li a:hover { color: #742f0e }
.tags-box { padding: 15px; background: #f0f0f0 }
.blog-sidebar ul .input-box { margin: 0 }
.blog-sidebar ul .select-box select { height: 50px; font-size: 15px; background: #f0f0f0; width: 100%; border: 1px solid #222; padding: 0 5px }
.blog-sidebar ul .select-box:after { line-height: 46px; height: 46px; font-size: 22px; background: #f0f0f0 }
.blog-sidebar.tags a { display: inline-block; background: none; color: #fff; margin: 0 5px 10px 0; padding: 7px 10px 5px 10px; font-size: 14px; background: #222 }
.blog-sidebar+.blog-sidebar { margin-top: 30px }
.footer-text { background-color: #3d3326; float: left; width: 100%; bottom: 0; z-index: 9; }
.footer-text p b { font-size: 16px; }
.footer-text p { color: #fff; text-align: center; padding: 10px 0; font-size: 14px; }
/*popup css*/
.armodal_popup_main { padding: 50px; }
.armodal_box { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 9999; background: rgba(0,0,0,0.7); text-align: left }
.armodal-close { position: absolute; top: 15px; right: 15px; font-size: 24px; color: #742f0e }
body.sticky { overflow: hidden }
.armodal_box h2, .armodal_box .h2 { font-size: 30px; color: #505050; margin: 10px 0 15px 0; text-align: center; text-transform: uppercase }
.armodal_box h2+p, .armodal_box .h2+p { text-align: center; font-size: 18px; margin-bottom: 40px }
.armodal_box .col-sm-12.col-md-8 { width: 100%; }
.armodal_box .col-sm-12.col-md-4 { width: 100%; }
a.armodal-close.fa.fa-times { font-family: 'Font Awesome 5 Free'; font-weight: 900; font-style: normal; }
.armodal_box .captcha_box { width: 50%; float: left; display: block; }
.armodal_box .input-box.submit-box { float: left; width: 50%; margin-top: 0; }
.armodal_box .form-control { height: 50px; padding: 5px 15px; border-radius: 0; box-shadow: none; border-color: #000; color: #000 }
.armodal_box input.submit-btn { padding: 0 30px; color: #fff; }
/*.armodal_box input.submit-btn:hover { color:#da2324}*/
.armodal_box .blue_btn { border: 0; }
.armodal_box .required-field { margin-bottom: 0; position: relative; right: 15px; bottom: 0; text-align: right; padding-top: 5px; color: #f00; font-size: 14px; }
.armodal_box textarea.form-control { resize: none; height: 130px; }
.armodal_box h2, .armodal_box .h2 { font-size: 30px; color: #505050; margin: 0 0 28px 0; text-align: center; text-transform: uppercase; }
.armodal_box h2, .armodal_box .h2 { width: 100%; }
.armodal_box .contact-form-main.contact_block_main { padding: 0; }
.armodal .button.primary { width: 250px; line-height: 60px; }
.armodal .contact-form .form-group .captcha_box { margin-bottom: 0; }
.armodal { margin: 0 auto; width: 710px; background: #fff; position: absolute; padding: 0px; left: 50%; top: 50%; transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); max-height: 100%; max-width: 100%; overflow-y: auto; transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; border-radius: 0; }
.select_box { position: relative; }
.select_arrow i { position: absolute; right: 15px; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); z-index: 1; pointer-events: none; font-size: 18px; color: #606060; }
.select_box select { appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; -webkit-appearance: none; }
.select_box select { appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; -webkit-appearance: none; }
.sticky_button_main_box .blue_btn { border: 5px solid #f8b40b; width: 151px; min-height: 65px; line-height: 56px; color: #fff; background: #f8b40b; display: inline-block; padding-left: 29px; font-size: 16px; text-transform: uppercase; }
.sticky_button_main_box .blue_btn span { background-size: 100%; background-position: 100%; pointer-events: none; width: 51px; height: 48px; position: absolute; top: 5px; left: 10px; transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); }
.sticky_button_main_box { position: fixed; top: 50%; right: 0; margin-right: -72px; transform: translateY(-50%) rotate(-90deg); -o-transform: translateY(-50%) rotate(-90deg); -ms-transform: translateY(-50%) rotate(-90deg); -moz-transform: translateY(-50%) rotate(-90deg); -webkit-transform: translateY(-50%) rotate(-90deg); z-index: 99; }
.sticky_button_main_box .btn-main { width: auto; padding: 15px 20px; height: auto; line-height: normal; }
.armodal_box .form-control:focus { border-color: #da2324; }
.armodal_popup_main .btn-main input[type="submit"] { background: transparent; }
.armodal_popup_main form .row > div:last-child .form-group { margin-bottom: 0 }
/* end popup css*/

.side_btn { position: fixed; right: -83px; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); z-index: 11; }
.side_btn a { transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); }
.side_btn .btn-primary { background-color: #3d3326 !important; color: #ffffff; }
.quote_form h3, .quote_form .h3 { text-align: center; margin: 0 0 30px 0; font-size: 25px; text-transform: uppercase; line-height: 30px; }
.quote_form .input-label { color: #000000; }
.quote_form input.form-control, .quote_form select.form-control, .quote_form textarea.form-control { color: #000000 !important; border: 1px solid #000000; }
.side_btn01, .side_btn02 { display: none; }
.service_enquiery { display: none; }
.car_removal_main .btn { margin: 0 10px; }
.request_quote .request_quote_form #footerform .wpcf7-response-output { color: #fff; }
/* Landing Page */
.page-template-landing-page .side_btn .btn-primary { transform: rotate(-90deg); }
.page-template-landing-page .banner figcaption span.h2, .page-template-landing-page .banner figcaption p, .page-template-landing-page .banner figcaption .btn { opacity: 1; transform: none; }
.service_area { background: #f4f4f4; padding: 50px 0; }
.service_box { text-align: center; margin: 30px 0 0; box-shadow: rgb(100 100 111 / 20%) 0px 7px 29px 0px; padding: 20px 10px; background: #fff; }
.service_box svg { width: 70px; height: 70px; margin: 0 0 20px; }
.service_box img { width: auto; height: 60px; margin: 0 0 20px; }
.service_box h3 { font-size: 16px; margin: 0; }
.service_area .row { justify-content: center; }
.page-template-landing-page .cta_main { width: 100%; float: left; text-align: center; display: inherit; }
.page-template-landing-page .cta_main .cta_buttons { justify-content: center; padding-top: 30px; }
.page-template-landing-page .why_choose_us { background: #f4f4f4; position: relative; }
.page-template-landing-page .why_choose_us:after { content: ''; position: absolute; right: 0; top: 0; width: 60%; z-index: -1; left: inherit; bottom: inherit; height: 100%; background: #bd9f91; clip-path: polygon(35% 0, 100% 0%, 100% 100%, 0% 100%); }
.page-template-landing-page .testimonials { background-image: url(https://johnymetalrecycling.thinksurfmedia.com/wp-content/uploads/2022/03/crane-loading-scrap-grabber-old-metal-at-industria-2022-01-28-04-32-58-utc-min-scaled.jpg); background-position: bottom right; background-repeat: no-repeat; padding: 90px 0; position: relative; background-size: cover; }
.page-template-landing-page .testimonials:before { content: ''; position: absolute; left: 0; z-index: 1; top: 0; width: 40%; height: 100%; background: #bd9f91; clip-path: polygon(0 0, 100% 0%, 55% 100%, 0% 100%); }
.page-template-landing-page .testimonials:after { content: ''; content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(61,51,38,.9); }
.page-template-landing-page .testimonials .title_1 { position: relative; z-index: 1; }
.page-template-landing-page .testimonials .title_1 .h2 { color: #fff; }
.page-template-landing-page .why_choose_us .why_choose_box h2, .page-template-landing-page .why_choose_us .why_choose_box .h2 { color: #000; }
.page-template-landing-page .why_choose_us .title_1 h2, .page-template-landing-page .why_choose_us .title_1 .h2, .page-template-landing-page .why_choose_us .title_1 p, .why_choose_us .title_1 .p { color: #000; }
.page-template-landing-page .why_choose_us .why_choose_box .why_choose_icon { box-shadow: rgb(100 100 111 / 20%) 0px 7px 29px 0px; border: 1px solid #efefef; }
.page-template-landing-page .why_choose_us .why_choose_box { box-shadow: rgb(100 100 111 / 20%) 0px 7px 29px 0px; background: #fff; padding: 30px 0; border-radius: 10px; }
.service_area .col-12.col-sm-6.col-md-3.col-lg-2.col-xl-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 19.666667%; max-width: 19.666667%; }
.page-template-landing-page .testimonials .testimonials_box { box-shadow: rgb(100 100 111 / 20%) 0px 7px 29px 0px; padding: 20px; background: #fff; min-height: 260px; margin: 20px auto; float: none; width: 95%; }
.page-template-landing-page .enq_btn { display: block !important; }
.enq_btn { position: fixed; right: -33px; top: 68%; z-index: 11; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.enq_btn a.btn { min-width: 120px; transform: rotate(-90deg); background-color: #3d3326 !important; color: #ffffff; }
.page-template-landing-page .banner .swiper-slide:after { background-color: rgba(0,0,0,0.6); }
.landing_sec { background: #f4f4f4; padding: 50px 0; }
.landing_sec img { width: 100%; }
.landing_sec .welcome_txt { height: 100%; display: flex; flex-wrap: wrap; align-content: center; align-content: center; }
.page-template-landing-page .welcome_txt h2 { font-size: 40px; }
.inner-banner-form { position: relative; overflow: hidden; width: 100%; }
.home .service_box img,.page-template-car-removal-page .service_box img {    min-height: 100%;    height: 100%;}
.service_area.services .service_box .service_image img {    width: 100%;    height: 100%;}
.service_area.services .container{max-width:1570px;}
.service_area.services .col-xl-3 {    -ms-flex: 0 0 25%;    flex: 0 0 20%;    max-width: 20%;}






/*17/05/2022*/
.service_slider1 .swiper-slide {
    width: 16.66%;
    padding: 0px 12px;
}
.home_services_box .swiper-slide {
    width: 16.66%;
    padding: 0px 12px;
}
.service_slider1 .swiper-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.services.car_removal_list {
    padding-top: 0px;
}
.services .service_box .service_content span.h2 {
    font-size: 16px;
}

.service-single-bx{position: relative;}

.service-single-bx-img:after {
    position: absolute;
    content: "";
    height: 0px;
    width: 0px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -moz-transform: translateY(-50%, -50%);
    -ms-transform: translateY(-50%, -50%);
    -o-transform: translateY(-50%, -50%);
    -webkit-transform: translateY(-50%, -50%);
    background-color: rgba(123, 47, 12, 0.8);
    opacity: 0;
}
.service-single-bx-img::before {
    position: absolute;
    height: calc(100% - 30px);
    border: 1px solid #fff;
    width: calc(100% - 30px);
    left: 50%;
    right: 0;
    top: 50%;
    bottom: 0;
    transform: translate(-50%,-50%);
    margin: auto;
    z-index: 2;
    opacity: 0;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
}
.service-single-bx:hover .service-single-bx-img:after {
    width: 100%;
    height: 100%;
    opacity: 1;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
}
.service-single-bx:hover .service-single-bx-img::before {
    opacity: 1;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    height: calc(100% - 30px);
    border: 1px solid #fff;
    width: calc(100% - 30px);
}



.service-single-bx-img small {
    position: absolute;
    height: calc(100% - 200px);
    border: 1px solid #fff;
    width: calc(100% - 200px);
    left: 50%;
    top: 50%;
    margin: auto;
    z-index: 2;
    opacity: 0;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transform: translate(-50%,-50%);
}

.service-single-bx:hover  small {
    opacity: 1;
    height: calc(100% - 26px);
    width: calc(100% - 25px);
    transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    -webkit-transition: all 1s ease;
}
.service-single-bx-img{position: relative;}
.service-single-bx {
    position: relative;
    /* min-height: 270px; */
    text-align: center;
    /* height: 100%; */
    float: left;
    width: 100%;
    margin-bottom: 0px;
    display: inline-block;
    float: left;
    box-shadow: rgb(100 100 111 / 20%) 0px 7px 29px 0px;
    padding: 5px;
    background: #fff;
}
.service-single-bx a {
    float: left;
    width: 100%;
}
.services-single-section .row {
    align-content: space-between;
    height: 100%;
}
.service-single-text .main-title {
    height: 100%;
}
.service-single-text {
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
    height: 100%;
}
.service-single-text figure.ser_single_left {
    height: 100%;
    position: relative;
    text-align: center;
    border: 1px solid #dddddd;
    width: 100%;
    margin-bottom: 0px;
    display: inline-block;
    float: left;
}
.service-single-text figure.ser_single_left img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.service-single-text{    display: flex; align-items: center; flex-wrap: wrap; align-content: center; height: 100%;}
.service-single-text p{font-weight: normal; font-size: 16px; line-height: 33px; color: #333333; margin: 0 0 35px; } 
.service-single-bx a{  }
.service-single-bx a img{ position: relative; }
.service-single-bx a p {
    line-height: normal;
    display: block;
    margin: 15px 0px;
    font-weight: 500;
    font-family: 'RobotoBold';
    font-size: 14px;
}
.service-single-bx-img {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    justify-content: center;
}
.service-single-bx .btn {
    opacity: 0;
    display: none;
    width: 160px !important;
    min-width: 160px;
    padding: 15px 20px;
    font-weight: 600;
    color: #ffffff;
}

.service-single-bx a span{ position: absolute; width: 2px; height: 50px; background-color: #fff; opacity: 0; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; top: 100%; left: 0; right: 0; margin: auto; z-index: 22;}
.service-single-bx a span:after { position: absolute; content: ""; width: 50px; height: 2px; background-color: #fff; left: 50%; transform: translate(-50%, -50%); -moz-transform: translateY(-50%, -50%); -ms-transform: translateY(-50%, -50%); -o-transform: translateY(-50%, -50%); -webkit-transform: translateY(-50%, -50%); top: 50%;}
.service-single-bx:hover .btn {
    position: absolute;
    opacity: 1;
    display: inline-block;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -100%);
    padding: 7px;
    min-width: 100px !important;
    font-size: 12px;
    width: 90px !important;
}
/*.service-single-bx:hover:after{ background: rgba(221,221,221,.8); content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 100%;}*/

.service-single-bx .btn {
    background: #3d3326;
    color: #fff;
    border: 2px solid #3d3326;
}

.service-single-text .main-title p {font-size: 18px;}
.service-single-bx:hover .btn:hover {
    background-color: #742f0e;
    border-color: #742f0e;
}






figure.ser_single_left:after {
    position: absolute;
    content: "";
    height: 0px;
    width: 0px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -moz-transform: translateY(-50%, -50%);
    -ms-transform: translateY(-50%, -50%);
    -o-transform: translateY(-50%, -50%);
    -webkit-transform: translateY(-50%, -50%);
    background-color: rgba(123, 47, 12, 0.8);
    opacity: 0;
}
figure.ser_single_left::before {
    position: absolute;
    height: calc(100% - 30px);
    border: 1px solid #fff;
    width: calc(100% - 30px);
    left: 50%;
    right: 0;
    top: 50%;
    bottom: 0;
    transform: translate(-50%,-50%);
    margin: auto;
    z-index: 2;
    opacity: 0;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
}
.service-single-text:hover figure.ser_single_left:after {
    width: 100%;
    height: 100%;
    opacity: 1;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
}
.service-single-text:hover figure.ser_single_left::before {
    opacity: 1;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    height: calc(100% - 30px);
    border: 1px solid #fff;
    width: calc(100% - 30px);
}



.service-single-text small {
    position: absolute;
    height: calc(100% - 200px);
    border: 1px solid #fff;
    width: calc(100% - 200px);
    left: 50%;
    top: 50%;
    margin: auto;
    z-index: 2;
    opacity: 0;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transform: translate(-50%,-50%);
}

.service-single-text:hover  small {
    opacity: 1;
    height: calc(100% - 26px);
    width: calc(100% - 25px);
    transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    -webkit-transition: all 1s ease;
}
section.services.home_services_box .text-center {
    width: 100%;
    float: left;
    margin-top: 20px;
}
.mobile-banner {
    display: none;
}