/* -- << Made BY WWW.XHTMLHUB.COM >> -- */
/* -- << Best Coding Experts >> -- */
/* -- << We Always Serve Your Better >> -- */
@import "reset.css";
/* <<< Outer >>> */
.Outer { position: relative; display: block; width: 100%; min-height: 100%; }
/* <<< Header >>> */
header { width: 100%; position: fixed; background: #fff; height: 108px; z-index: 99; }
header .topbar { width: 100%; background: #212930; display: none;}
header .topbar .emergency { float: left; }
header .topbar .emergency ul { list-style: none; margin: 0; }
header .topbar .emergency > ul > li { position: relative; padding-left: 30px; float: left; font-size: 14px; margin: 0; background: url(../images/phn-mini.png) left center no-repeat; background-size: 29px; background-position: 0 18px; }
header .topbar .emergency li > span.need-help,
header .topbar .emergency > ul > li > a { padding: 24px 15px 16px 9px; color: #fff; text-decoration: none; display: inline-block; }
header .topbar .emergency li a span { padding: 0 25px 0 15px; background: url(../images/duberrow.png) top center no-repeat; background-size: 14px; background-position: 14px; }
header .topbar .emergency > ul > li > a:hover, .header .topbar .emergency > ul > li.active > a { background: #e57646; }
header .topbar .emergency > ul > li:last-child { padding-left: 10px; background: none; }
header .topbar .emergency > ul > li:last-child > a { padding: 24px 4px 16px 26px; letter-spacing: 0.2px; }
header .topbar .menu { padding: 23px 4px 0 0; float: right; }
header .topbar .menu ul { list-style: none; margin: 0; float: right; }
header .topbar .menu li { padding: 0 18px; float: left; font-size: 14px; margin: 0; background: url(../images/riteicn.png) left center no-repeat; background-size: 10px 8px; background-position: 4px; }
header .topbar .menu li a { color: #797c7f; text-decoration: none; }
header .topbar .menu li a:hover { color: #fff; }
header .topbar .menu li:last-child { padding-right: 0;}
header .headerside { width: 100%; }
header .headerside .site-logo { padding-top: 20px; width: 30%; float: left; }
header .headerside .site-logo a { display: inline-block; }
.offices_list {
position: absolute;
width: 240px;
height: auto;
background: #212930;
display: none;
z-index: 100;
}
.offices_list.in-header,
.offices_list.in-header2 {
width: 820px;
height: 281px;
top: 0;
left: 370px;
padding-top: 40px;
padding-left: 26px;
}
.offices_list.in-header2 {
height: 321px;
padding-top: 64px;
}
.offices_list.in-header li,
.Banner_sec .text1 .offices_list.in-header2 li {
padding: 10px;
float: left;
width: 241px;
margin: 0 20px 0 0;
color: #F56E36;
}
@media only screen and (max-width: 1218px) {
.offices_list.in-header,
.offices_list.in-header2 {
width: 550px;
padding-top: 18px;
}
.offices_list.in-header li {
width: 235px;
font-size: 12px;
}
}
@media only screen and (max-width: 920px) {
.offices_list.in-header,
.offices_list.in-header2 {
width: calc(100% - 20px);
height: auto;
top: initial;
left: initial;
padding-top: 0px;
padding-left: 0px;
padding-bottom: 8px;
}
.offices_list.in-header2 {
width: 100%;
}
.offices_list.in-header li,
.Banner_sec .text1 .offices_list.in-header2 li {
float: none;
width: 100%;
font-size: 14px;
padding: 10px 10px 0px;
}
}
.offices_list.in-block{
width: 100%;
}
.offices_list.in-footer{
bottom: 104px;
}
.offices_list li {
display: block;
padding: 8px;
background-image: none;
width: 100%;
color: #fff;
text-align: left;
}
.offices_list li a {
float: right;
color: #fff;
text-decoration: none;
padding: 0;
background-color: transparent;
}
.offices_list li a:hover {
text-decoration: underline;
color: #E57646;
}
header.smaller { padding-top: 0px; height: 75px; background: rgba(255, 255, 255, 0.9); box-shadow: 0 0 15px rgba(0, 0, 0, 0.5); }
header.smaller .topbar { display: none; }
header.smaller .headerside .site-logo { padding-top: 20px; width: 170px; }
header.smaller .headerside .site-logo a img { width: 100%; }
header.smaller .headerside .Nav { padding-top: 0; }
header.smaller .Nav li { font-size: 14px; line-height: 75px; }
header.smaller .Nav li.drop { background-position: 20px 60px; }
header.smaller .Nav li li { line-height: normal; }
header.smaller .Nav li ul { top: 75px; background: rgba(255, 255, 255, 0.9); }
a.mobile_wapphead,
a.mobile_phonehead { display: none; }
/* <<< Navigation >>> */
.Nav { padding-right: 4px; /*width: 60%;*/ width: 70%; float: right; }
.Nav ul { list-style: none; margin: 0; float: right; width: ;position: relative}
.Nav li { padding-right: 10px; font-size: 14px; float: left; margin: 0; position: relative; line-height: 100px; }
.Nav li a { color: #212930; text-decoration: none; text-transform: uppercase; }
.Nav li a:hover, .Nav li:hover a, .Nav li.active a { color: #f2a755; }
.Nav li:last-child { padding-right: 0; }
.Nav li.drop { background: url(../images/gry-arrow.png) bottom center no-repeat; background-position: 20px 70px; background-size: 11px 6px; }
.Nav li.drop:hover { background: url(../images/drop-hover.png) bottom center no-repeat; background-position: 20px 70px; background-size: 11px 6px; }
.Nav li.lastitem{padding-right:0;}
.Nav li.lastitem ul { right: 0px; left: unset; }
.Nav li ul { position: absolute; top: 100px; left: -17px; display: none; width: 250px; padding: 13px 0 26px 21px; margin: 0px; background: #fff; z-index: 99; }
.Nav ul li:hover ul { display: block; }
.Nav li li { width: 100%; font-size: 13px; margin: 0px; padding-left: 0px; line-height: normal; padding: 0; }
.Nav li li a { padding: 10px 10px 6px; font-size: 14px; color: #212930!important; display: block; }
.Nav li li a:hover { color: #f2a755!important; display: block; }
.Nav li li:last-child { margin: 0px; }
/* <<< Mobilemenu >>> */
.mobilemenu { padding: 0; width: 100%; position: absolute; top: 24px; left: 0px; display: none; }
.mobilemenu #mainmenu { width: 100%; }
.mobilemenu .slicknav_menu { padding: 2px 0 0 0; overflow: hidden; }
.mobilemenu .slicknav_menu .slicknav_btn { margin-right: 10px; color: #fff; font-size: 16px; z-index: 9999; text-decoration: none; position: absolute; right:0px; display: block; vertical-align: middle; text-align: center; line-height: 1.125em; cursor: pointer; width: 25px; height: 18px; }
.mobilemenu .slicknav_btn .fa-times { display: none; color: #e57646; font-size: 25px; margin-top: -5px;}
.mobilemenu .slicknav_btn.slicknav_open .fa-times { display: inline-block; vertical-align: middle; }
.mobilemenu .slicknav_btn.slicknav_open .slicknav_icon { display: none;}
.mobilemenu .slicknav_menu .slicknav_menutxt { line-height: 1.188em; display: none; float: left; font-weight: bold; }
.mobilemenu .slicknav_menu .slicknav_icon { margin: 0em 0 0 0em; display: inline-block; float: right; font-size: 22px; }
.mobilemenu .slicknav_menu .slicknav_arrow { float: right; }
.mobilemenu .slicknav_menu .slicknav_icon-bar { display: block; width: 25px; height: 3px; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); background: #e57646; }
.mobilemenu .slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 0.188em }
.mobilemenu .slicknav_nav .slicknav_item a, .mobilemenu .slicknav_nav .slicknav_parent-link a { padding: 0px; display: inline; }
.mobilemenu #mainmenu ul { position: absolute; left: 0%; top: 37px; width: 100%; overflow: hidden; z-index: 9999; list-style: none; float: none; clear: both; background: #e57646; padding-left: 0px; margin:0 }
.mobilemenu #mainmenu li { width: 100%; display: block; font-size: 14px; text-transform: uppercase; margin:0; text-align: left; }
.mobilemenu #mainmenu li a { padding: 0px 15px 0px 15px; margin:0; color: #fff; line-height: 30px; text-decoration: none; display: block; }
.mobilemenu #mainmenu li a:hover, .mobilemenu #mainmenu li.slicknav_open a { color: #000;}
.mobilemenu #mainmenu li a a { padding: 0px; display: inline-block; }
.mobilemenu #mainmenu li a:hover a { color: #000; }
.mobilemenu #mainmenu li:hover { color: #fff; }
.mobilemenu #mainmenu li:last-child { border: 0px; }
.mobilemenu #mainmenu li ul { position: relative; top: 0px; left: 0px; border: 0px; width: 100%; background: none; }
.mobilemenu #mainmenu li li { border-top: 1px solid #fff; text-align: left; float: left; width: 100%; border-bottom: 0px; }
.mobilemenu #mainmenu li li:last-child { border-top: 1px solid #fff; }
.mobilemenu #mainmenu li li a { padding: 0px 20px 0px 40px; color: #fff!important; background: none!important; }
.mobilemenu #mainmenu li li a:hover { color: #000!important; }
/* <<< Banner_sec >>> */
.Banner_sec { padding-top: 7px; width: 100%; }
.Banner_sec .bg { padding-top: 220px; width: 100%; background: url(../images/banner.jpg) top center no-repeat; height: 570px; background-size: cover; }
.Banner_sec .text { padding: 34px 10px 41px; max-width: 371px; text-align: center; background: rgba(33, 41, 48, 0.7); position: relative; }
.Banner_sec .text img { width: 80px; height: 80px; margin: 0 auto; }
.Banner_sec .text h3 { padding-top: 15px; font-size: 31px; color: #fff; margin: 0; letter-spacing: -0.1px; }
.Banner_sec .text > a { padding: 16px 17px 15px 28px; font-size: 14px; color: #fff; text-decoration: none; display: inline-block; margin-top: 25px; background: #e57646; letter-spacing: 0.2px; }
.Banner_sec .text > a:hover { background: #ff8550; }
.Banner_sec .text > a span { padding-left: 25px; background: url(../images/duberrow.png) right center no-repeat; background-size: 14px; }
.Banner_sec .text > a span img { width: 14px; height: 14px; }
.Banner_sec .bg.inner { padding-top: 203px; }
.Banner_sec .text1 { position: relative; padding: 34px 0px 31px; max-width: 371px; text-align: center; background: rgba(33, 41, 48, 0.7); }
.Banner_sec .text1 img { width: 80px; height: 80px; margin: 0 auto; }
.Banner_sec .text1 h3 { padding-top: 6px; font-size: 31px; color: #fff; margin: 0; letter-spacing: -0.1px; }
.Banner_sec .text1 > a { padding: 16px 17px 15px 28px; font-size: 14px; color: #fff; text-decoration: none; display: inline-block; margin-top: 10px; background: #e57646; letter-spacing: 0.2px; }
.Banner_sec .text1 > a:hover { background: #ff8550; }
.Banner_sec .text1 > a span { padding-left: 25px; background: url(../images/duberrow.png) right center no-repeat; background-size: 14px; }
.Banner_sec .text1 > a span img { width: 14px; height: 14px; }
.Banner_sec .text1 ul.review { padding-top: 26px; list-style: none; margin: 0; }
.Banner_sec .text1 li { float: none; margin: 0; display: inline-block; }
.Banner_sec .text1 li .fa { font-size: 18px; color: #fff; }
.Banner_sec .text1 p { padding-top: 8px; font-size: 15px; color: #fff; margin: 0; letter-spacing: 0.1px; }
/* <<< Container >>> */
#Container { overflow: hidden; width: 100%; }
/* <<< Middle Section >>> */
.Middle_sec { width: 100%; }
/* <<< Welcome Side >>> */
.Welcomeside { padding: 92px 0 89px; width: 100%; text-align: center; position: relative; }
.Welcomeside h1 { padding: 0 40px 20px 0; font-size: 27px; font-family: 'pluto_regularregular'; color: #212930; margin: 0; letter-spacing: -0.2px; }
.Welcomeside h1 span { font-family: 'plutobold'; }
.Welcomeside p { padding-bottom: 47px; font-size: 14px; font-family: 'pluto_regularregular'; color: #212930; margin: 0; line-height: 30px; }
.Welcomeside a { color: #e57646; }
.Welcomeside a span { padding-right: 25px; background: url(../images/arrow.png) left center no-repeat; background-size: 14px; }
/* <<< Specialtie Side >>> */
.Specialtieside { padding: 127px 0 81px 0; width: 100%; border-bottom: solid 0px #93969a; background: #f6f6f6; position: relative; margin-top: -54px; }
.Specialtieside::before { background: url(../images/tringle.png) center no-repeat; top: 0; content: ""; height: 35px; left: 50%; position: absolute; width: 70px; background-size: 70px 35px; margin-left: -46px; }
.Specialtieside h2 { padding: 0 40px 72px 0; font-size: 27px; color: #212930; font-family: 'pluto_regularregular'; margin: 0; text-align: center; }
.Specialtieside h2 span { font-family: 'plutobold'; }
.Specialtieside ul { list-style: none; margin: 0 0 0 -5px; }
.Specialtieside li { width: 48.8%; float: left; margin: 0 18px 16px 0; position: relative; border: solid 2px #e3e3e3; background: #fff; }
.Specialtieside li .roof { width: 100%; }
.Specialtieside li a { position: absolute; top: 0; left: 0; bottom: 0; right: 0; }
.Specialtieside li .roof .image { width: 30%; float: left; }
.Specialtieside li .roof .text { padding: 0 40px; width: 70%; position: absolute; right: 0; top: 0; bottom:0; height:100%; }
.Specialtieside li .roof .text .vertical { display: table; width: 100%; height: 100%; }
.Specialtieside li .roof .text .subVert { display: table-cell; vertical-align: middle; }
.Specialtieside li .roof .text h3 { font-size: 22px; font-family: 'plutobold'; color: #212930; margin: 0; }
.Specialtieside li .roof .text h3 span { padding: 28px 10px 0 20px; float: right; background: url(../images/arrow.png) right center no-repeat; background-size: 28px; }
.Specialtieside li:hover .roof .text h3 span { background: url(../images/hover-errow.png) right center no-repeat; background-size: 28px; }
.Specialtieside li:nth-child(2n+2) { margin-right: 0; }
/* <<< Ours Side >>> */
.Oursite { padding: 75px 0 90px 0; width: 100%; background: #212930; }
.Oursite h2 { padding: 0 37px 42px 0; font-size: 27px; font-family: 'pluto_regularregular'; color: #fff; margin: 0; text-align: center; }
.Oursite h2 span { font-family: 'plutobold'; }
.Oursite .our { width: 67%; text-align: center; margin: 0 auto; border-bottom: solid 1px #fff; }
.Oursite .contact { padding-top: 20px; width: 89%; text-align: center; margin: 0 auto; }
.Oursite .contact ul { padding: 20px 0 0 65px; list-style: none; margin: 0; }
.Oursite .contact li { padding-bottom: 14px; width: 25%; font-size: 14px; color: #e57646; float: left; margin: 0; }
.Oursite .contact li .number { width: 100%; }
.Oursite .contact li .number .left { width: 28%; float: left; text-align: left; }
.Oursite .contact li .number .right { width: 68%; float: right; text-align: left; }
.Oursite .contact li .number .right a { text-decoration: none; }
.Oursite .contact li .number .right a:hover {
text-decoration: underline;
color: #E57646;
}
.Oursite .contact li .number .right a:hover span {
color: #E57646;
}
.Oursite .contact li .number .right span { color: #fff; }
.Oursite .contact li:nth-child(4n+4) { width: 25%; }
/* <<< Map Side >>> */
.Mapside { width: 100%; }
/* <<< Subscribe Side >>> */
.Subscribeside { width: 100%; margin-top: -70px; overflow: hidden; position: relative; z-index: 1; }
.Subscribeside .find { padding: 30px 40px 36px 20px; background: #e57646; margin-bottom: 0px; overflow: hidden; }
.Subscribeside .find .left { float: left; }
.Subscribeside .find .left h3 { padding: 10px 13px 14px 55px; font-size: 27px; color: #fff; margin: 0; background: url(../images/location.png) left center no-repeat; background-size: 36px 56px; }
.Subscribeside .find .right { padding-top: 10px; float: right; }
.Subscribeside .find .right p { margin: 0; }
.Subscribeside .find .right input { float: left; width: 217px; font-size: 14px; height: 48px; margin: 0 0 0 35px; }
.Subscribeside .find .right span { padding: 15px 0 0 25px; font-size: 14px; color: #fff; float: left; }
.Subscribeside .find .right button { width: 217px; height: 48px; border-radius: 0; padding: 0; margin-left: 20px; background: #212930; }
.Subscribeside .find .right button span { padding: 9px 40px 9px 0px; background: url(../images/callarrow.png) left center no-repeat; background-size: 14px; background-position: 14px; display: inline-block; vertical-align: middle; }
.Subscribeside .find .right button:hover { background: #ff8550; }
.Subscribeside .find .right button:hover { text-decoration: none; }
/* <<< Roof Side >>> */
.Roofside { padding: 92px 0 64px 0; width: 100%; position: relative; }
.Roofside::before { background: url(../images/tringle.png) center no-repeat; bottom: -35px; content: ""; height: 35px; left: 50%; position: absolute; width: 70px; background-size: 70px 35px; margin-left: -46px; }
.Roofside .left { width: 71%; float: left; }
.Roofside .left h3 { font-size: 27px; font-family: 'pluto_regularregular'; color: #212930; margin: 0; letter-spacing: -0.3px; }
.Roofside .left h3 span { font-family: 'plutobold'; }
.Roofside .left p { padding-top: 23px; font-size: 14px; font-family: 'pluto_regularregular'; color: #212930; margin: 0; line-height: 31px; letter-spacing: -0.3px; }
.Roofside .right { padding-top: 5px; width: 23.7%; float: right; padding-right: 13px; }
.Roofside .right .need { padding: 23px 0 28px 0; width: 100%; text-align: center; background: #f6f6f6; position: relative; }
.Roofside .right .need .image { width: 100%; }
.Roofside .right .need .image img { width: 44px; height: 44px; margin: 0 auto; }
.Roofside .right .need .image h3 { padding-top: 10px; font-size: 21px; color: #212930; margin: 0; }
.Roofside .right .need .image > a { font-size: 14px; font-family: 'plutocond_bold'; color: #e57646; margin-top: 6px; display: inline-block; letter-spacing: 0.4px; }
.Roofside .right .need .text { width: 100%; }
.Roofside .right .need .text ul { padding-top: 35px; list-style: none; margin: 0; }
.Roofside .right .need .text li { padding: 0 20px 10px 0; font-size: 15px; font-family: 'plutocond_medium'; color: #212930; margin: 0; text-align: center; }
.Roofside .right .need .text li span { padding-left: 18px; background: url(../images/riteicn.png) left center no-repeat; background-size: 12px 9px; }
.Roofside .right .need .text li:last-child { padding-bottom: 0; }
/* <<< footer >>> */
footer { width: 100%; padding: 40px 0 100px; }
footer.home { padding-bottom: 200px; }
footer .footerside { padding-top: 30px; border-top: solid 1px #dfdfdf; width: 100%; }
footer .footerside .about { width: 29%; float: left; }
footer .footerside .about h3 { padding-bottom: 24px; font-size: 21px; color: #e57646; margin: 0; }
footer .footerside .about p { font-size: 14px; color: #212930; margin: 0; line-height: 25px; }
footer .footerside .info { padding-left: 40px; width: 30%; float: left; }
footer .footerside .info h3 { padding-bottom: 24px; font-size: 21px; color: #e57646; margin: 0; }
footer .footerside .info address { font-size: 14px; color: #212930; margin: 0; line-height: 22px; }
footer .footerside .info ul { list-style: none; margin: 0; }
footer .footerside .info li { padding: 2px 0 2px 35px; font-size: 14px; color: #212930; margin: 5px 0 0 0; background: url(../images/cont.png) left center no-repeat; background-size: 19px; }
footer .footerside .info li:last-child { background: url(../images/mail.png) left center no-repeat; background-size: 22px 14px; }
footer .footerside .info li a { color: #212930; text-decoration: none; }
footer .footerside .info li a:hover { color: #e57646; }
footer .footerside .clear { display: none; }
footer .footerside .location { width: 40%; float: left; }
footer .footerside .location h3 { padding-bottom: 24px; font-size: 21px; color: #e57646; margin: 0; }
footer .footerside .location ul { list-style: none; margin: 0; }
footer .footerside .location li { padding-bottom: 5px; width: 50%; font-size: 14px; color: #212930; float: left; margin: 0; }
footer .footerside .location li a { text-decoration: none; }
footer .footerside .location li span { float: right; padding-right: 40px; width: 140px; }
footer .footerside .location li span.vestigingen-footer { float: left; padding-right: 0px; width: 115px; }
.worker { width: 343px; background: rgba(255,255,255,0.8); height: 168px; text-align: left; position: fixed; bottom: 0; right: 0; z-index: 2; border-radius: 7px 0 0 0; }
.worker .shedow { padding-top: 35px; position: relative; width: 100%; height: 100%; background: url(../images/worker.png) bottom right no-repeat; }
.worker .shedow:after { position: absolute; bottom: -55px; right: 0; content: " "; display: block; width: 218px; height: 55px; background: url(../images/shadow.png) top center no-repeat; }
.worker h3 { font-size: 17px; color: #212930; margin: 0 0 0 15px; letter-spacing: 0.2px; }
.worker h3 span { padding: 10px 0 10px 45px; background: url(../images/phn-mini.png) left center no-repeat; background-size: 35px 36px; }
.worker .shedow > a { padding: 0; font-size: 12px; color: #e57646; background: none; margin-left: 80px; text-decoration: underline; }
#map {
width: 100%;
height: 519px;
}
@import "media.css";
@import "font-awesome.min.css.css";
@import url("chrome://DEMO GOOGLE WEBFONT");
/* Custom */
h2,h3 {
margin: 40px 0 5px 0;
}
p {
margin-bottom: 20px;
}
.row {
width: 100%;
overflow: auto;
margin: 0 -10px;
}
.col3, .col4, .col6, .col8, .col9 {
box-sizing: border-box;
float: left;
padding: 10px;
}
.col3 {width: 25%;}
.col4 {width: 33.33%;}
.col6 {width: 50%;}
.col8 {width: 66.66%;}
.col9 {width: 75%;}
ul.check {
margin: 0;
padding: 0;
list-style: none;
}
ul.check li {
position: relative;
padding-left: 20px;
}
ul.check li:before {
font-family: 'FontAwesome';
content: '\f00c';
color: #e57646;
position: absolute;
left: 0;
}
a.btns {
display: inline-block;
margin: 10px 20px 20px 0;
padding: 10px 14px;
background-color: #E57645;
color: #fff;
text-decoration: none;
}
a.btns:hover {
transition: 0.3s;
background-color: #ff8550;
}
table.twoData td {
width: 50%;
}
table.space {
margin: 20px 0;
width: 100%;
}
table.space tr {
border-bottom: 1px solid #f1f1f1;
}
table.space tr td {
box-sizing: border-box;
padding: 5px;
text-align: center;
}
.iconBlock {
background-color: #212930;
color: #fff;
text-align: center;
width: 31.33%;
margin: 1%;
box-sizing: border-box;
padding: 0 20px;
float: left;
}
.iconBlock h3 {
font-size: 1em !important;
text-align: center;
}
.iconBlock h3,
.iconBlock a,
.iconBlock i {
color: #fff !important;
}
.iconBlock i {
font-size: 3em;
}
blockquote.bq {
display: block;
margin: 40px 0;
text-align: left;
box-sizing: border-box;
padding: 20px 40px;
position: relative;
}
blockquote.bq:after {
content: '\f10d';
font-family: 'FontAwesome';
position: absolute;
left: 10px;
top: -10px;
font-size: 1.6em;
}
blockquote.bq h3 {
margin: 0 !important;
padding: 0;
font-size: 1.2em !important;
}
ul.list {
list-style: disc;
color: #212930;
margin: 0;
line-height: 31px;
font-size: 14px;
font-family: 'pluto_regularregular';
}
ul.list li {
margin-left: 15px;
}
#home .Welcomeside {
padding-top: 0;
}
#home .Oursite {
background: #E57645;
}
#home .Oursite a {
color: #212930;
}
#home .center-text {
text-align: center;
}
a.btns.white-btn {
border: 1px solid #E57645;
padding: 9px 13px;
background-color: #fff;
color: #E57645;
}
a.btns.white-btn:hover {
background-color: #f9f9f9;
}
.call-item {
position: absolute !important;
right: -150px;
}
.call-item a {
background-color: #E57645;
color:white !important;
padding: 10px;
}
.Banner_sec .center {
position: relative;
}
.Banner_sec .center .as-shown-on {
position: absolute;
right:0;
top:0;
text-align: center;
display: flex;
padding-right: 10px;
}
.Banner_sec .center .as-shown-on img {
width: 80px;
margin: auto;
border: 1px solid #d4d4d4;
}
.Banner_sec .center .as-shown-on .shown-title {
color: white;
padding: 0 20px;
display: flex;
align-items: center;
transform: rotate(345deg);
font-size:20px;
}
.usp-boxes {
padding-bottom: 100px;
text-align: center;
}
@media screen and (min-width: 801px) {
.Oursite.show-mobile {
display: none;
}
.Welcomeside.textBox {
padding-bottom:0;
}
.Roofside.Roofside-2 {
padding-bottom:0;
}
}
@media screen and (max-width: 920px) {
.headerside a.mobile_phonehead,
.headerside a.mobile_wapphead {
display: inline-block;
position: relative;
top: 14px;
left: 13px;
background: none;
color: #e57646;
margin-top: 0;
margin-left: 0;
padding: 0px 10px;
}
.headerside a.mobile_phonehead {
top: 16px;
}
.headerside a.mobile_phonehead i,
.headerside a.mobile_wapphead i {
font-size: 34px;
}
}
@media screen and (max-width: 800px) {
.usp-boxes {
padding-top: 40px;
}
.show-desktop {
display: none;
}
.Banner_sec .bg.inner {
padding-top: 100px;
}
.Banner_sec .center .as-shown-on {
position: relative;
max-width: 371px;
padding-bottom: 30px;
}
.iconBlock, .col3, .col4, .col6, .col8, .col9 {
width: 100%;
float: left;
}
}
@media screen and (max-width: 480px) {
header {
position: relative;
}
.header.smaller {
position: fixed;
}
.Outer .Banner_sec .bg.inner {
padding-top: 20px;
}
}