/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */

/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */
 
 /* !! {CROWN LOFTS} !! */ 
 
body {
	font-size: 17px!important;
	line-height: 26px;
	font-weight: 300!important;
}

p {
	font-weight: 300!important;
}

p, a, h1, h2, h3, h4, h5, h6, span, div, input {font-family: 'Rubik';}
 
.topinfobar, .topinfobarmob {
    color: #ffffff;
    margin: 10px auto !important;
    max-width: 1300px;
    width: 100%;
    text-align: right;
    margin-bottom: 0px!important;
}

.topinfobar p, .topinfobar a, .topinfobarmob p, .topinfobarmob a {
	margin: 0px!important;
	color: #fff!important;
}

.headerbox1 {
	text-align: center;
}

.headertext1 {
	text-align: center;
	font-size: 70px!important;
	line-height: 75px!important;
	font-weight: 400!important;
	text-shadow: 0 0 10px rgba(0,0,0,0.4);
}

.headertext2 {
	text-align: center;
	font-size: 30px!important;
	line-height: 35px!important;
	text-shadow: 0 0 10px rgba(0,0,0,0.8);
}

.whiteborder {
	border: 1px solid #ffffff!important;
}

.blueborder {
	border: 1px solid #003366!important;
}

.bigbutton {
    border: 3px solid #fff!important;
	font-size: 22px !important;
    padding: 20px 45px !important;
	-webkit-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}

.butbutton2 {
	border: 3px solid #003366!important;
	font-size: 22px !important;
    padding: 20px 45px !important;
	-webkit-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}


.bigbutton:hover {
	box-shadow: 0 0 10px #353b44!important;
	
}

.black {
	color: #353b44!important;
}

.white {
	color: #ffffff!important;
}

.bluetext {
	font-weight: 500;
	color: #003366;
}

.modtitle1 {
	margin: 5px;
}

.modtext1 {
	
}

.crownline {
	width: 25%;
	margin: 0 auto; 
	max-width: 100%;
	border: 1px solid #eeeeee;
}

.aboutmodcontainer {
	margin: 0 auto; 
	width: 80%;
	max-width: 100%;
}

.aboutmod1 {
	float: left;
	margin: 3%;
	width: 27.333333%;
	text-align: center;
}

.abouticon {
    height: auto;
    width: 150px;
    margin: 0 auto;
    border-radius: 50%;
	box-shadow: 2px 2px 5px #777777;
	
}

.mission {
	margin: 10% auto;
    max-width: 100%;
    width: 60%;
}

.mission h2 {
	margin: 0px!important;
}

.missiontext {
	text-align: center;
	margin: 0px!important;
	background: rgba(0, 51, 102, 0.86) none repeat scroll 0 0;
    color: #ffffff !important;
    padding: 5% 0;
}

.statement {
	
}

.statement h1 {
	margin: 0px!important;
}

.statementtext {
	background: rgba(255, 255, 255, 0.86) none repeat scroll 0 0;
    color: #003366 !important;
    margin: 0 !important;
    padding: 4% 3% 2%;
    text-align: center;
    width: 60%;
    margin: 5% auto!important;
    max-width: 100%;
}

.tabtextleft {
	float: left;
	width: 65%;
	margin-right: 2%;
}

.tabtextleft h4 {
    font-size: 20px;
    line-height: 20px;
    margin-bottom: -25px;
}

.tabimageright {
	float: right;
	width: 30%;
}

.bottommod, .bottommod h2 {
	text-align: center;
	color: #fff!important;
	width: 80%;
	margin: 0 auto;
}

.processmod {
	background: #353b44 url('../../../images/backgrounds/process_background_5.png') no-repeat scroll!important;
	background-position: left center!important;
}

.quotemod {
	background: #353b44 url('../../../images/backgrounds/quote_background_2.png') no-repeat scroll!important;
	background-position: right center!important;
}

.su-tabs-nav span {
	height: 35px;
}

.bigquote {
	font-size: 35px;
	font-weight: 500;
	color: #003366!important;
	line-height: 40px;
}

.bigquote h3 {
	color: #003366;
}

.smallquote {
	margin: 0 auto;
	max-width: 100%;
	width: 60%;
}

.infosplit {
	float: left;
	width: 50%;
}

.tm-footer p {
	margin: 10px!important;
}

.mainheading-wrapper h1 {
    background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0;
    border-radius: 2px;
    color: #353b44;
    font-size: 48px;
    font-weight: 500;
    margin: 0 auto !important;
    padding: 20px;
    text-transform: uppercase;
    width: 45%;
}

.mainheading-wrapper2 h1 {
    background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0;
    border-radius: 2px;
    color: #353b44;
    font-size: 48px;
    font-weight: 500;
    margin: 0 auto !important;
    padding: 2%;
    text-transform: uppercase;
    width: 43%;
}

.contentsplit {
	float: left;
	width: 48%;
	margin-right: 2%;
}

.lightgrey {
	background: #eeeeee!important;
	padding: 25px;
	box-sizing: border-box;
	box-shadow: 2px 2px 10px rgba(0,0,0,.2);
}

.darkgrey {
	background: #d7d7d7!important;
	padding: 25px;
	box-sizing: border-box;
	box-shadow: 2px 2px 10px rgba(0,0,0,.2);
}

.llgrey {
	background: #e9e9e9!important;
	padding: 25px;
	box-sizing: border-box;
	box-shadow: 2px 2px 10px rgba(0,0,0,.2);
}

.darkgrey h3, .lightgrey h3 {color: #555!important;}

.tm-header-bar {
	position: relative;
	height: 100%!important;
	vertical-align: middle;
}

.contactleft {
	float: left;
	width: 30%;
	margin-right: 10px;
}

.contactright {
	float: left;
	width: 65%;
}

.bensplit {
    float: left;
    width: 44%;
    margin: 2% 3%;
	padding-top: 10px;
}

.bensplit h3 {
	font-size: 25px!important;
	line-height: 30px!important;
	text-align: left;
}

.benicon {
	font-family: fontawesome;
	font-size: 25px;
	line-height: 30px;
	color: #003366;
	margin-right: 15px;
}

.loftopleft {
	clear: both;
	display: flex;
}

.loftopright {
	clear: both;
	display: flex;
}

.loftpicleft {
	float: left;
	width: 50%;
	min-height: 500px;
}

.lofttextright {
	float: left;
	width: 40%;
	text-align: center;
	padding: 2% 5%;
}

.lofttextleft {
	float: left;
	width: 40%;
	text-align: center;
	padding: 2% 5%;
}

.loftpicright {
	float: left;
	width: 50%;
	min-height: 500px;
}

.loftopticon {
	height: auto;
    margin: 0 auto;
    width: 150px;
}

.loftdormer {
	background: url('../../../images/loft/Rear_dormer_loft_f.jpg') no-repeat scroll 0 0;
	background-size: 100%;
	background-position: center center;
}

.loftmansard {
	background: url('../../../images/loft/Mansard_loft_f.jpg') no-repeat scroll 0 0;
	background-size: 100%;
	background-position: center center;
}

.loftgable {
	background: url('../../../images/loft/Hip_to_gable_loft_f.jpg') no-repeat scroll 0 0;
	background-size: 100%;
	background-position: center center;
}	

.loftvelux {
	background: url('../../../images/loft/Velux_loft_f.jpg') no-repeat scroll 0 0;
	background-size: 100%;
	background-position: center center;
}

.testsplit {
	float: left;
	width: 46%;
	margin: 2%;
}

.su-tabs-style-1 .su-tabs-nav span {
	transition: none;
}

.su-tabs-style-1 .su-tabs-nav span:hover {
	font-weight: 600!important;
}

.ug-item-wrapper img {
    height: auto !important;
    left: 0 !important;
    max-width: 100% !important;
}

.mobbreak {display: none;}

.mainheading-wrapper {
	background-size: cover!important;
	background-repeat: none;
}



.testimonialsplit2 {
	float: left;
	margin: 1%;
	width: 48%;
}

.benefitssplit {
	float: left;
	width: 48%;
	margin-right: 2%;
}

.benpageicon {
	font-family: fontawesome;
	margin-right: 10px;
	color: #003366;
}

.footersplit1 {
	float: left;
	width: 65%;
}

.footersplit2 {
	float: right;
	width: 35%;
}

.accredsplit {
	float: left;
	width: 35%;
}


.accredstrip {
	margin: 0 auto;
	width: 1450px;
	max-width: 100%;
}

.accredstrip1 {
	float: left;
	width: 50%;
}

.accredstrip2 {
	float: right;
    margin: -5% 0 0 5%;
    width: 20%;
}

.accredimg1 {
	float: left;
	margin: 0 3%;
}

.accredstripmod {
	background: #003366;
}

.cc_container .cc_btn, .cc_container .cc_btn:visited {
	background-color: #003366!important;
	color: #ffffff!important;
}

.blogsplit {
	float: left;
	width: 24%;
	margin: 0.5%;
}

.projectleft {
	width: 48%;
	float: left;
	padding: 1%;
}

.projectright {
	width: 48%;
	float: left;
}	

.landingtext {
	float: left; 
	width: 40%;
	padding-left: 10%;
}

.landingimage {
	float: right; 
	width: 38%;
}

.landingbullet {
	padding-left: 20%;
}

.footertext {
	float: left;
	width: 29.333333%;
	padding: 1%;
	font-size: 17px;
}

.footertext2, .footertext3 {
	float: left;
	width: 29.333333%;
	padding: 1%;
	font-size: 17px;
}

.greybackground {
	background: #777777;
}

.whitetext, .whitetext p, .whitetext a, .whitetext h1 {
	color: #ffffff!important;
}

.landinginner {
	max-width: 1240px;
	margin: 0 auto;
}

.footerwidth {
	max-width: 1240px;
	margin: 0 auto;
	padding-bottom: 35px;
	padding-top: 35px;
	font-size: 15px;
}

.footer-wrapper {border-top: 1px solid #ffffff;}

.optionscontainer {
	width: 225%;
}

.optionsicon {
	float: left;
	width: 22%;
	padding: 1%;
}

.landingwidth {
	max-width: 1280px;
	margin: 0 auto;
}

.landingtitle {
	padding-left: 38%;
}

.landinggallery {
	max-width: 1904px;
}

.lgallery {
	float: left;
	width: 25%;
}

.lgallery2 {
	float: left;
	width: 25%;
	padding-top: 1.05%;
}

.mapbox {
	position: relative;
	padding-top: 25px;
	padding-bottom: 23%;
	height: 0;
}

.mapbox iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.loccont {
	margin: 0 auto; 
	width: 100%;
}

.locsplit1 {
	float: left;
	margin: 3%;
	width: 27.333333%;
}

.locbuttons {
	width: 100%;
	text-align: center;
}

.locsplit2 {
	float: left;
	width: 45%;
	text-align: center;
	box-sizing: border-box;
	background: #eee;
	padding: 24px;
	width: 50%;
	box-sizing: border-box;
	color: #666;
	box-shadow: 1px 2px 10px rgba(0,0,0,.2);
}

.locsplit3 {
	float: left;
	width: 45%;
	text-align: center;
	box-sizing: border-box;
	background: #353b44;
	padding: 24px;
	width: 50%;
	box-sizing: border-box;
	color: #fff;
	box-shadow: 1px 2px 10px rgba(0,0,0,.2);
}
.locsplit3 h4 {color: #fff!important;}
.locsplit3 a {color: #fff!important; font-weight: 600;}
.loclist1 {float: left; width: 50%;}

.locbutton1 {
	width: 48%;
	padding: 1%;
	float: left;
}

.greybutton {
	background-position: center center!important;
	background-color: #555555!important;
	
}

.bluebackground {
	background-position: center center!important;
	background-color: #003366!important;
}

.locbuttongrey {
	padding: 7% 0% 6% 0% !important;
	font-size: 30px!important;
	line-height: 35px!important;
	color: #ffffff!important;
	text-align: center!important;
	border: none!important;
	border-radius: 0px!important;
	margin-bottom: -5px!important;
	width: 50%!important;
	float: left!important; 
	margin-top: 0px!important;
}

.locbuttongrey2 {
	padding: 10% 0% 9% 0% !important;
	font-size: 35px!important;
	line-height: 35px!important;
	color: #ffffff!important;
	text-align: center!important;
	border: none!important;
	border-radius: 0px!important;
	margin-bottom: -5px!important;
	width: 50%!important;
	float: left!important; 
}

.locimage img{
	height: auto!important; 
	margin: 0 auto!important;
}



/* CASE STUDY CTA */

.casesplitimage {
	float: left;
	width: 45%;
	min-height: 400px;
	background-position: center center!important;
	background-size: 100%!important;
}

.casesplittext1 {
	float: left;
	width: 49%;
	padding: 3%;
}

.casesplittext2 {
	float: left;
	width: 48%;
	margin-top: 2%;
	margin-right: 2%;
}

.caseleft {
	background: url('/images/module_images/mr-mrs-dack-loft.jpg') no-repeat scroll 0 0;
	background-position: center center!important;
	background-size: cover!important;
	width: 50%;
	float: left;
	min-height: 400px;
}

.caseright {
	background: #f9f9f9;
	width: 40%;
	float: left;
	padding: 80px 5% 20px;
	min-height: 300px;
}

.socialicon {
	font-family: FontAwesome!important;
	color: #ffffff;
	font-size: 20px;
}

.instacontainer {
	margin: 0 auto;
	width: 75%;
	text-align: center;
	min-height: 150px!important;
	overflow-y: hidden!important; 
	overflow-x: hidden!important;
}

.faqleft {
	float: left;
	width: 48%;
	padding: 1%;
}

.faqright {
	float: right; 
	width: 48%;
	padding: 1%;
}


/* CASE STUDY PAGE */

.jeremy {
	background: url('/images/module_images/casestudy_1.jpg') no-repeat scroll 0 0;
	background-position: center center!important;
	background-size: cover!important;
}

.phil {
	background: url('/images/module_images/casestudy_2.jpg') no-repeat scroll 0 0;
	background-position: center center!important;
	background-size: cover!important;
}

.dack {
	background: url('/images/module_images/mr-mrs-dack-loft.jpg') no-repeat scroll 0 0;
	background-position: center center!important;
	background-size: cover!important;
}

.fearnley {
	background: url('/images/module_images/casestudy-image1.jpg') no-repeat scroll 0 0;
	background-position: center center!important;
	background-size: cover!important;
}

.thompson {
	background: url('/images/module_images/pangbourne-case-study.jpg') no-repeat scroll 0 0;
	background-position: center center!important;
	background-size: cover!important;
}
.deane {
	background: url('/images/module_images/Bracknell-case-study.jpg') no-repeat scroll 0 0;
	background-position: center center!important;
	background-size: cover!important;
}

.mccracken {
	background: url('/images/module_images/wokingham-case-study.jpg') no-repeat scroll 0 0;
	background-position: center center!important;
	background-size: cover!important;
}

.smith {
	background: url('/images/module_images/andy-smith-loft-2.jpg') no-repeat scroll 0 0;
	background-position: center bottom!important;
	background-size: cover!important;
}

.nicola {
	background: url('/images/module_images/nicolealesbrook-case-study.jpg') no-repeat scroll 0 0;
	background-position: center center!important;
	background-size: cover!important;
}

.sayer {
	background: url('/images/module_images/feb-case-image.png') no-repeat scroll 0 0;
	background-position: center center!important;
	background-size: cover!important;
}
.somerville {
	background: url('/images/module_images/casestudy-image-Mr-Mrs-Someville.jpg') no-repeat scroll 0 0;
	background-position: center center!important;
	background-size: cover!important;
}

.hudson {
	background: url('/images/module_images/loft-conversion-guildford-intro.jpg') no-repeat scroll 0 0;
	background-position: center center!important;
	background-size: cover!important;
}

.caseimageleft {
	width: 50%;
	float: left;
	min-height: 450px;
}

.casetextright {
	background: #f9f9f9;
	width: 40%;
	float: right;
	padding: 80px 5% 20px;
	min-height: 350px;
}

.casetextleft {
	background: #f9f9f9;
	width: 40%;
	float: left;
	padding: 80px 5% 20px;
	min-height: 350px;
}

.caseimageright {
	width: 50%;
	float: right;
	min-height: 450px;
}

.nobotpad {
	padding-bottom: 0px!important;
}

.landingbg {
	background: #f9f9f9 url("../../../images/backgrounds/drawing_design_background_f.png") repeat scroll center center;
	color: #666;
}

.carousel-view .instagram-photo {min-height: 260px; background: #fafafa;}
.carousel-view .instagram-photo img {transform: scale(1);}
.carousel-view .instagram-photo:hover img {transform: scale(1.2);}
.jcarousel li {margin-right: 10px; width: 350px; border: none;}

.ug-strip-panel .ug-strip-arrow.ug-skin-default.ug-button-disabled .ug-strip-arrow-tip, .ug-strip-panel .ug-strip-arrow-down.ug-skin-default .ug-strip-arrow-tip, .ug-strip-panel .ug-strip-arrow-up.ug-skin-default .ug-strip-arrow-tip {opacity: 1!important; transform: scale(1.5)!important;}

.toolbar-wrapper {height: 0px!important;}
.toolbar-wrapper .tm-toolbar {margin: 10px 0 0px; height: 0px;}
.uk-navbar-nav > li > a {line-height: 45px!important; height: 45px!important;}
.navbar-default .uk-navbar-nav > li > a:after {bottom: 10px!important;}
.uk-navbar-nav {margin: 0px 0px 15px;}
.tm-toolbar .uk-float-right .uk-panel {height: 40px!important;}
.uk-navbar-nav > li.uk-active > a {color: #fff!important; font-weight: 500;}
.header-default.headertype-fixed .tm-headerbar:not(.tm-header-squeezed) .uk-dropdown-navbar, .header-default.headertype-fixed .tm-headerbar:not(.tm-header-squeezed) .uk-dropdown-search, .header-default.headertype-fixed .tm-headerbar:not(.tm-header-squeezed) #hikashop_cart_module .tm-cart-empty, .header-default.headertype-fixed .tm-headerbar:not(.tm-header-squeezed) .sub-dropdown > ul {background-color: rgba(53, 59, 68, 0.95);}
.uk-dropdown-navbar {background: rgba(53, 59, 68, 0.95); color: #ffffff!important;}
.uk-dropdown-navbar li a {color: #ffffff!important;}
.uk-dropdown-navbar li a:hover {font-weight: 500!important;}

.abouthomeleft {float: left; width: 48%!important; padding: 1%;}
.abouthomeright {float: left; width: 48%!important; padding: 1%;}
.abouthometext {width: 84%; margin: 0 auto;}


/*LANDING PAGES*/
.cboxcontainer {display: flex !important;}
.cboxright {float: right; width: 50%; object-fit: cover; object-position: center center !important; height: 100%;}
.cboxleft {float: left; width: 50%; padding: 75px; box-sizing: border-box; background-position-x: 0px;    background-position-y: 0px; background-size: auto auto; background-size: cover !important; background-position: bottom right !important; position: relative;}
.cboxinner {position: absolute;left: 50%; top: 50%; width: 80%; -webkit-transform: translate3d(-50%, -50%, 0); -moz-transform: translate3d(-50%, -50%, 0); -ms-transform: translate3d(-50%, -50%, 0);transform: translate3d(-50%, -50%, 0);}

/*END*/

/* Home Updates 2018 */

.homehc .casemod1 {float: left; width: 31.333%; box-sizing: border-box; padding: 35px; position: relative; background-size: cover !important; background-position: center center !important; margin: 0 1%; height: 350px;}
.homehc .casemod2 {float: left; width: 31.333%; box-sizing: border-box; padding: 35px; position: relative; background-size: cover !important; background-position: center center !important; margin: 0 1%; height: 350px;}
.homehc .dackbg {background: url('../../../images/module_images/xmr-mrs-dack-loft.jpg.pagespeed.ic.7WXnd7lHQu.jpg') no-repeat scroll 0 0; background-position: center center; background-size: cover;}
.homehc .philbg {background: url('../../../images/module_images/casestudy_2.jpg') no-repeat scroll 0 0; background-position: center center; background-size: cover;}
.homehc .jeremybg {background: url('../../../images/module_images/xcasestudy_1.jpg.pagespeed.ic.mDPDhN3U8k.jpg') no-repeat scroll 0 0; background-position: center center; background-size: cover;}
.homehc .fearnleybg {background: url('../../../images/module_images/casestudy-image1.jpg') no-repeat scroll 0 0; background-position: center center; background-size: cover;}
.homehc .deanebg {background: url('../../../images/module_images/deane-loft-conversion.jpg') no-repeat scroll 0 0; background-position: center center; background-size: cover;}
.homehc .smithbg {background: url('../../../images/module_images/andy-smith-loft-2.jpg') no-repeat scroll 0 0; background-position: center center; background-size: cover;}
.homehc .thompsonbg {background: url('../../../images/module_images/pangbourne-case-study.jpg') no-repeat scroll 0 0; background-position: center center; background-size: cover;}
.homehc .mccrackenbg {background: url('../../../images/module_images/wokingham-case-study.jpg') no-repeat scroll 0 0; background-position: center center; background-size: cover;}
.homehc .nicolabg {background: url('../../../images/module_images/nicolealesbrook-case-study.jpg') no-repeat scroll 0 0; background-position: center center; background-size: cover;}
.homehc .sayerbg {background: url('../../../images/module_images/feb-case-image.png') no-repeat scroll 0 0; background-position: center center; background-size: cover;}
.homehc .somerville {background: url('../../../images/module_images/casestudy-image-Mr-Mrs-Someville.jpg') no-repeat scroll 0 0; background-position: center center; background-size: cover;}


.homehc .casemodtitle {text-shadow: 2px 2px 10px rgba(0,0,0,.3); text-transform: uppercase; color: #fff; font-weight: 500; text-align: center; margin-bottom: 0px;}
.homehc .aboutmodcontainer {width: 100%; padding: 0 17.5px 17.5px; box-sizing: border-box;}
.casemodtext {position: absolute;left: 50%; top: 50%; width: 80%; -webkit-transform: translate3d(-50%, -50%, 0); -moz-transform: translate3d(-50%, -50%, 0); -ms-transform: translate3d(-50%, -50%, 0);transform: translate3d(-50%, -50%, 0); z-index: 100!important;}
.homehc .overlay {position: relative; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.homehc .overlay:after {position: absolute; content:""; top:0; left:0; width:100%; height:100%; opacity:0; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.homehc .overlay:hover:after  {opacity: .6; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.homehc .darkblue:after {background-color: #036; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
/* OVERLAY BEFORE */
.homehc .overlay:before {position: absolute; content:""; top:0; left:0; width:100%; height:100%; opacity:0; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.homehc .overlay:before  {opacity: .20; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.homehc .darkblue:before {background-color: #036; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}

.homehc #tmMainBody {display: none!important;}
.homehc .top-b-wrapper {background-color: #353b44; color: #ffffff;}
.homehc .top-b-wrapper h2 {color: #ffffff;}
.homehc .top-b-wrapper .modtitle1 {color: #ffffff;}
/*.homehc .mainbody-wrapper {background: #003366; color: #ffffff; text-align: center;}
.homehc .mainbody-wrapper h4 {color: #ffffff;}*/
.tm-headerbar {background: #353b44 !important; position: relative;}
/*.homehc .mainbody-wrapper {background: url(https://www.crownloftconversions.com/images/backgrounds/property-guide-bg.jpg) no-repeat scroll 0 0; padding: 125px 0px 150px; background-color: rgba(0, 0, 0, 0); background-position-x: 0px; background-position-y: 0px; background-size: auto auto; color: #666; background-color: #036; background-position: center center; background-size: cover;}*/
.homehc .mapbg h4 {color: #353b44!important; font-size: 30px !important; line-height: 40px !important;}
.homehc .homegallery {padding: 75px;}
.gallerypage .mainbody-wrapper .uk-container-center {padding-top: 0px!important;}
/*.imagebg {background: url(https://www.crownloftconversions.com/images/backgrounds/property-guide-bg.jpg) no-repeat scroll 0 0; background-color: rgba(0, 0, 0, 0); background-position-x: 0px; background-position-y: 0px; background-size: auto auto; color: #666; background-color: #036; background-position: center center; background-size: cover; height: 550px;}*/
.hartprofile .mainbody-wrapper {background: url(https://www.crownloftconversions.com/images/backgrounds/property-guide-bg.jpg) no-repeat scroll 0 0; padding: 125px 0px; background-color: rgba(0, 0, 0, 0); background-position-x: 0px; background-position-y: 0px; background-size: auto auto; color: #666; background-color: #036; background-position: center center; background-size: cover;}
.missiontext2 {text-align: center; margin: 0px !important; background: rgba(0, 51, 102, 0.86) none repeat scroll 0 0; color: #ffffff !important; padding: 2% 2%; width: 40%; margin: 0 auto !important; transform: translateY(200px);}
.missiontext2 a {color: #ffffff;}
.header-default .tm-header-squeezed .logo-container .tm-logo {line-height: 90px!important;}
.mobilebutton {margin: 0 auto !important; background: #fff; color: #fff!important; text-transform: uppercase; font-weight: 400; text-align: center; box-sizing: border-box; padding: 8px 20px; border-radius: 2px; border: 2px solid #fff; font-size: 14px; margin-left: 20px; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out;} 
.topbutton {background: #fff; color: #003366; text-transform: uppercase; font-weight: 400; text-align: center; box-sizing: border-box; padding: 8px 20px; border-radius: 2px; border: 2px solid #fff; font-size: 14px; margin-left: 20px; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.topbutton:hover {text-decoration: none; color: #fff; background: transparent;}
.mobilebutton:hover {text-decoration: none; color: #003366; background: #777;}
.topbutton:active, .topbutton:focus {color: #003366!important; text-decoration: none!important; border-color: #fff!important; border: 2px solid #fff!important; background: #fff!important;}
.mobilebutton:active, .mobilebutton:focus {color: #fff!important; text-decoration: none!important; border: none!important; background: #003366!important;}
.topgrey {background: #777; color: #fff; border: 2px solid #fff;}
.mobilebutton2 {background: #fff; color: #fff !important; text-transform: uppercase; font-weight: 400; text-align: center; box-sizing: border-box; padding: 8px 20px; border-radius: 2px; border: 2px solid #fff; font-size: 14px; margin-left: 20px; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; transition: all .3s ease-in-out; display: block; width: 100% !important; background: #777; border: none !important; margin: 0px; border-radius: 0px; width: 50% !important; float: left; margin: 0 auto !important;} 
.mobilebutton2:hover {text-decoration: none; color: #fff; background: #353b44;}
.mobilebutton2:active, .mobilebutton2:focus {color: #fff!important; text-decoration: none!important; border: none!important; background: #353b44!important;}



.su-modal-content-wrapper .su-modal-title-wrapper h3 {padding: 0px;}
.topinfobox {}
.topinfobox a {color: #fff!important; text-align: center; padding: 10px 20px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.topinfobox a:hover {text-decoration: none; background: rgba(255,255,255,0.2)}
.topinfobox p {text-align: center; margin-bottom: 10px!important;}
.email:before, .phone:before {font-family: fontawesome!important; margin-right: 8px;}
.email:before {content: "";}
.phone:before {content: "";}
.quoteinfo:before {font-family:fontawesome!important; margin-right: 8px;}
.quoteinfo:before {content: "";}
.socialbox {text-align: center; margin-top: 20px;}
.socialbox a {padding: 0px; height: 50px!important; width: 50px!important; display: inline-block; line-height: 50px; border-radius: 50%; background: rgba(255,255,255,0.1); margin: 0px 5px;}
.socialbox a:hover {background: rgba(255,255,255,0.3);}
.socialbox a:first-child {line-height: 48px!important;}
.su-modal-title-wrapper, .su-modal-content-wrapper > div {background: #036!important;}
.su-modal-title-wrapper h3 {color: #fff!important; text-align: center; text-transform: uppercase;}

.ba-image img {-webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.ba-image img:hover {cursor: pointer!important; transform: scale(1.025);}

.missionnew {background: rgba(0,51,102,0.8); padding: 65px; box-sizing: border-box; position: absolute; left: 50%; top: 50%; -webkit-transform: translate3d(-50%, -50%, 0); -moz-transform: translate3d(-50%, -50%, 0); -ms-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); width: 75%; text-align: center; color:#fff!important; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; font-size: 35px; line-height: 40px;}
.missionnew:hover {color: #fff!important; text-decoration: none; background: rgba(0,51,102,1);}
.homehc .slider-wrapper {padding-bottom: 0px;}

/* CODE TO TWEAK AFTER GO LIVE */
/* REMOVE HOMEHC */ .uk-navbar-nav > li > a {line-height: 90px !important; height: 90px !important;}
/* REMOVE HOMEHC */ .heading-wrapper {margin-top: 100px!important;}
/* REMOVE HOMEHC */ .tm-search {line-height: 85px;}
/* REMOVE HOMEHC */ .imagebg {position: relative;}

.landingpages {text-align: left;}
.landingptitle {text-align: center;}
.landingpages {padding: 20px; text-align: center;}
.mainheading-wrapper .heading-content {padding-top: 3%!important; padding-bottom: 8%!important;}
.greybg {text-align: center; background: #e0e0e0; padding: 50px 50px 25px 50px;}
.bluebg {text-align: center; background: #353b44; padding: 50px 50px 25px 50px; box-shadow: 2px 2px 10px rgba(0,0,0,.2);}
.bluebg h3 {color: #ffffff;}
.bluebg p {color: #ffffff;}
.bluebg .readon.border {color: #353b44; background-color: #ffff;}
.su-spoiler-style-1:not(.su-spoiler-closed) .su-spoiler-title {border-bottom: 2px solid rgba(53,59,68,0.5); background: #353B44;}
.su-spoiler-style-1:not(.su-spoiler-closed) .su-spoiler-title h3 {color: #ffffff;}
/*.su-spoiler-title {background: #cccccc;}*/

/*INNER CASE STUDY MOD*/


.caseinnercont {display: grid; grid-template-columns: repeat(3, 1fr); grid-column-gap: 20px; grid-row-gap: 20px; margin: 0px 25px;}
.case1inner {box-sizing: border-box; padding: 25px; text-align: center; border: 5px solid #fff; position: relative; height: 300px; width: 100%;}
.case1bg {background: url('../../../images/module_images/deane-loft-conversion.jpg') no-repeat scroll 0 0; background-position: center center!important; background-size: cover!important;}
.case2bg {background: url('../../../images/module_images/wokingham-case-study.jpg') no-repeat scroll 0 0; background-position: center center!important; background-size: cover!important;}
.case3bg {background: url('../../../images/module_images/pangbourne-case-study.jpg') no-repeat scroll 0 0; background-position: center center!important; background-size: cover!important;}
.case1inner:hover {transform: scale(1.05); -webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
.case1inner:hover:after {background: rgba(0,51,102,0.6);}
.case1inner:after {position: absolute; content: " "; height: 100%; width: 100%; background: rgba(0,51,102,0.25); z-index: 10; top: 0px; left: 0px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.case1inner h2 {color: #fff!important;}
.innercasetitle {text-shadow: 2px 2px 10px rgba(0,0,0,.3); text-transform: uppercase; color: #fff; font-weight: 500; text-align: center; margin-bottom: 0px;}
.innercasetitle1 {text-align: center;}
.casepadding {width: 80%; margin: 0 auto !important;}
.innercase .fullwidth-bottom-wrapper {background: #f9f9f9 url("../../../images/backgrounds/drawing_design_background_f.png") repeat scroll center center; background-size: auto auto; color: #666666; padding-top: 75px; padding-bottom: 75px;
background-size: cover;}


/* NEW CONTACT MODULE DECEMBER 2018 */

.contactleft2 {padding: 65px; box-sizing: border-box; float: left; width: 60%; height: 100%; margin-right: 65px;}
.contactinner2 {background: rgba(0,51,102,0.9); display: flex; margin: 0 auto !important;max-width: 1500px; height: 600px;}
.contactright2 {height: 116%; background: #eee; box-shadow: 2px 2px 10px rgba(0,0,0,0.2); padding: 65px;box-sizing: border-box; width: 40%; transform: translateY(-7%) translateX(-7%);}
.contactmodule #tmBottomA {background: url('../../../images/module_images/contact-background-5.jpg') no-repeat scroll 0 0!important; background-position-x: 0px; background-position-y: 0px; background-size: auto auto; background-size: cover !important; background-position: center center; padding: 125px 0px;}
.g-recaptcha {transform:scale(0.75); transform-origin:0 0;}
.whitebutton {background: #ffffff!important; color: #003366!important; border-radius: 3px!important; font-size: 14px!important; font-weight: 400 !important; border: 2px #fff solid!important;}
.whitebutton p a {color: #003366!important;}
.whitebutton:hover {background: transparent!important; border: 2px #fff solid!important; color: #fff!important;}

/* END */

/* NEW PROCESS PAGE */

.weeklefttext {width: 60%; float: left;}
.weekrighticon {float: right; width: 40%;}
.processiconleft {width: 40%!important; float: left!important;}
.weekrighttext {float: right!important; width: 60%!important;}
.processicon img {width: 100px; height: auto!important;}
.processicon {background-color: #353b44 !important;	border-radius: 50% !important; box-sizing: border-box !important;padding: 30px !important;	height: 150px; width: 150px;}
.processcontainer {}
.processbox {background: #eeeeee!important; display: flex; height: 200px; box-sizing: border-box; padding: 30px; position: relative; width: 50%;}
.processinner {top: 50%; left: 50%; transform: translate(-50%, -50%); position: absolute;}
.bluetextlarge {font-size: 23px; font-weight: 500; color: #003366; font-size: 35px;}

/* END */

.homehc #tmTopD {margin-bottom: 75px;}
.homehc #tmMainBody {margin-bottom: 75px;}
.tm-footer {background: #777; color: #fff;}
.tm-footer a {color: #fff;}

.directorylogo {width: 40%; padding: 15px; float: left;}
.directorycont {width: 30%; margin: 0 auto;}

/* CONTACT MOD 2019 */
.contactcont {height: 300px!important; display: flex;}
.contactmodleft {float: left; width: 50%; background: url('../../../images/module_images/contact-image-left.jpg') no-repeat scroll 0 0; background-size: cover !important; background-position: center center !important; color: transparent;}
.contactmodright {float: right; width: 50%; background: #eee; box-sizing: border-box; padding: 50px; position: relative;}
.contactinner {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center;}
.contactinner p {color: #666!important;}
.contactinner h3 {font-size: 35px!important; line-height: 45px!important; font-weight: 400!important;}

/* END */

/* LANDING PAGES - 2019 */

.landingbox {box-shadow: 0 0 10px #353b44 !important; font-size: 14px; line-height: 23px; font-weight: 400; margin-bottom: 5px; letter-spacing: normal; background-color: #353b44; transition: all 0.3s ease-in-out; text-align: left; text-decoration: none !important; position: relative; overflow: hidden; letter-spacing: normal; -webkit-border-radius: 2px; border-radius: 2px; border: 3px solid #fff !important; font-size: 18px !important;	padding: 30px 45px !important; color: #ffffff; width: 55%; margin: 0 auto!important;}
.landingbox p {margin: 0!important;}
.landingbox:hover {color: #ffffff; text-decoration: none;}
.ctabox {float: left; width: 33.333%; box-sizing: border-box; padding: 35px; position: relative; background-size: cover !important; background-position: center center !important; margin: 0 10px;}
.landingpage .homegallery {padding: 75px!important;}
.landingleft {float: left; width: 60%; box-sizing: border-box; padding: 20px 5px; position: relative;}
.landingright {float: right; width: 40%; box-sizing: border-box; padding: 20px 5px;}
.landingright img {border: 5px solid #e7e7e7; box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.2);}
.landingcontainer {display: flex;}
.landinginner {position: absolute;left: 50%; top: 50%; width: 90%; -webkit-transform: translate3d(-50%, -50%, 0); -moz-transform: translate3d(-50%, -50%, 0); -ms-transform: translate3d(-50%, -50%, 0);transform: translate3d(-50%, -50%, 0);}
.landingpage .mainbody-wrapper {display: none;}


/* RESPONSIVE EDITS */

@media (max-width: 1550px) {
	.mainheading-wrapper {padding: 115px!important;}
	.mainheading-wrapper .heading-content {padding-top: 0px!important; padding-bottom: 0px!important;}
}

@media (max-width: 1460px) {
	.caseimageleft {min-height: 428px!important;}
}

@media (max-width: 1400px) {
	.loftdormer, .loftmansard, .loftgable, .loftvelux {background-size: cover!important;}
	.accredstrip2 {width: 26%;}
	.bottom-a-wrapper {background-position: center center; background-size: cover!important;}
	.mapbox {height: auto!important; width: 98%!important;}
}

@media (max-width: 1381px) {
	.locsplit2 {min-height: 294px;}
	/* REMOVE HOMEHC */ .tm-logo img {height: 40px!important;}
}

@media (max-width: 1340px) {
	/*.navbar-default .uk-navbar-nav > li > a {padding: 0 8px 0 0!important;}*/
	/* REMOVE HOMEHC */ .uk-navbar-nav > li > a {padding: 0 7px; margin-left: 0px; font-size: 13px;}
}

@media (max-width: 1300px) {
	.caseinnercont {margin: 0px 0px!important;}
	.casepadding {width: 95%;}
}

@media (max-width: 1270px) {
	.tm-logo img {height: 35px !important;}
	.navbar-default .uk-navbar-nav > li > a {padding: 0 10px 0 0;}
}

@media (max-width: 1220px) {
	.uk-container {max-width: 1280px;}
	.aboutmodcontainer {width: 100%;}
	.mission {width: 90%;}
	.statementtext {width: 90%;}
	.accredstrip2 {margin: -5% 0 2% 5%;}
	.landingwidth {padding: 2%!important;}
	.caseimageleft {min-height: 460px!important;}
	/* REMOVE HOMEHC */ .tm-logo img {height: 30px!important;}
	.headertext1 {font-size: 55px!important; line-height: 60px!important;}
}

@media (max-width: 1160px) {
	.navbar-default .uk-navbar-nav > li > a {padding: 0px 5px 0px 0px;}
}

@media (max-width: 1120px) {
	.navbar-default .uk-navbar-nav > li > a {padding: 0 10px 0 0;}
}

@media (max-width: 1100px) {
	.topinfobar {display: none!important;}
	.uk-navbar-nav > li > a {line-height: 90px!important; height: 90px!important;}
	.navbar-default .uk-navbar-nav > li > a::after {bottom: -2px!important;}
	.caseleftinner, .caserightinner {height: 250px;}
	.innercasetitle {font-size: 30px; line-height: 33px;}
}

@media (max-width: 1085px) {
	.navbar-default .uk-navbar-nav > li > a {padding: 0 12px 0 0!important;}
	.directorycont {width: 45%;  margin: 0 auto;}
}

@media (max-width: 1063px) {
	.tm-logo {height: 40px;}
	.navbar-default .uk-navbar-nav > li > a {padding: 0 9px 0 0 !important;}
}

@media (max-width: 1050px) {
	.loftopleft, .loftopright {display: table!important;}
	.loftpicleft, .loftpicright {width: 100%; min-height: 350px;}
	.lofttextright, .lofttextleft {width: 90%;}
	.headertext1 {font-size: 50px!important; line-height: 55px!important;}
	.mobbreak {display: block!important;}
	.loftdormer {display: table-footer-group!important; margin: 40px 0px; min-height: 400px;}
	.lofttextright {display: table-header-group!important; float: none!important;}
	.loftmansard {display: table-footer-group!important;  margin: 40px 0px; min-height: 400px;}
	.lofttextleft {display: table-header-group!important; float: none!important;}
	.loftgable {display: table-footer-group!important;  margin: 40px 0px; min-height: 400px;}
	.lofttextright {display: table-header-group!important; float: none!important;}
	.loftvelux {display: table-footer-group!important;  margin: 40px 0px; min-height: 400px;}
	.lofttextleft {display: table-header-group!important; float: none!important;}
	.accredstrip2 {width: 30%;}
	.blogsplit {width: 49%; margin: 0.5%;}
	.caseimageleft {min-height: 499px!important;}
	.mainheading-wrapper {padding: 90px !important;}
	.mainheading-wrapper h1 {width: 60%;}
	.contactmodule #tmBottomA {background: url('../../../images/module_images/contact-background-mobile.jpg') no-repeat scroll 0 0 !important; background-size: auto auto; background-size: cover !important; padding: 85px 35px !important; background-position: center center !important;}
	.contactinner2 {display: block; height: unset !important; background: none;}
	.contactleft2 {float: left; width: 100%; box-sizing: border-box; text-align: center; padding: 35px 65px;}
	.contactright2 {height: unset !important;float: none !important; width: 100%; transform: none; max-width: 750px; margin: 0 auto !important; clear: both; text-align: center;}
}

@media (min-width: 1150px) {
	.drawer-wrapper {display: none!important;}
	.customhide {display: none!important;}
	.customshow {display: block!important;}
}

@media (max-width: 1149px) {
	.drawer-wrapper {display: block!important;}
	.customhide {display: block!important;}
	.customshow {display: none!important;}
	.tm-logo img {height: 40px !important;}
}

.accredbreak {display: none!important;}

@media (min-width: 961px) {
	/* REMOVE HOMEHC */ .toolbar-wrapper {display: none!important;}
}

@media (max-width: 960px) {
	.aboutmod1 {width: 97%;}
	.su-tabs-nav span {height: 50px;}
	.tm-offcanvas {margin-top: 28px!important;}
	.headertext2 {display: none;}
	.headertext1 {font-size: 45px!important; line-height: 45px!important;}
	.bigbutton {padding: 5% 10%!important; border: 1px solid #ffffff!important;}
	.contentsplit {width: 98%;}
	.testsplit {width: 96%;}
	.tm-padding-large .uk-container .panel-content {padding-top: 70px!important; padding-bottom: 70px!important;}
	.top-d-wrapper {padding-top: 0px; padding-bottom: 0px;}
	.tm-headerbar {padding: 0px;}
	.accredstrip2 {width: 60%; float: left; margin: 0% 0% 0% 0%;}
	.accredbreak {display: block!important;}
	.top-a-wrapper {padding-top: 10px!important; padding-bottom: 10px!important;}
	.tm-padding-large .uk-container .panel-content {padding-top: 35px!important; padding-bottom: 35px!important;}
	.landingtext  {width: 98%;}
	.landingimage {width: 98%; text-align: center;}
	.landingbullet {padding: 0%!important; width: 98%!important;}
	.optionscontainer {width: 98%!important;}
	.optionsicon {width: 48%!important;}
	.locsplit1 {width:98%!important;}
	.abouthomeleft, .abouthomeright {width: 100%!important;}
	.homehc .heading-wrapper {margin-top: 55px !important;}
	/* REMOVE HOMEHC */ .toolbar-wrapper {display: none!important;}
}

@media (max-width: 900px) {
	.caseimageleft {min-height: 532px!important;}
	.faqleft , .faqright{width: 98%!important;}
	.firstp {}
	.lastp {margin-bottom: 8px!important;}
}

@media (max-width: 866px) {
	.locsplit2 {min-height: 313px;}
}

@media (max-width: 857px) {
	.caseimageleft {min-height: 546px!important;}
	.homehc .casemod1 {width: 98%; margin-bottom: 18px;}
	.homehc .casemod2 {width: 48%;}
}

@media (max-width: 834px) {
	.locsplit2 {min-height: 327px;}
	.carousel-view .instagram-photo:hover .view-photo {display: none!important;}
}

@media (max-width: 800px) {
	.caseinnercont {grid-template-columns: repeat(1, 1fr)!important;}
	.casepadding {width: 50%;}
	.landingbox {width: 80%!important; padding: 30px 30px!important;}
}

@media (max-width: 770px) {
	.tabtextleft {width: 100%; margin-right: 0%!important; margin-bottom: 2%;}
	.tabimageright {width: 100%; text-align: center;}
	.su-tabs-align-left.su-tabs-vertical .su-tabs-nav {float: none;}
	.su-tabs-style-1.su-tabs-vertical.su-tabs-align-left .su-tabs-panes {border-left: none!important; border-top: 2px solid rgba(0, 0, 0, 0.1)!important; padding: 5% 0%;}
	.bensplit {width: 98%;}
	body .readon.large {text-align: center; font-size: 15px!important;}
	.headertext1 {font-size: 35px!important; line-height: 35px!important;}
	body .readon.large {font-size: 12px!important;}
	.contactleft, .contactright {width: 98%;}
	.bottom-b-wrapper.tm-padding-medium .uk-container .uk-panel {padding-top: 30px; padding-bottom: 30px;}
	
	h1 {font-size: 30px!important; line-height: 33px!important;}
	h2 {font-size: 25px!important; line-height: 28px!important;}
	h3 {font-size: 20px!important; line-height: 23px!important;}
	h4 {font-size: 15px!important; line-height: 18px!important;}
	h5 {font-size: 20px!important; line-height: 25px!important;}
	
	.bensplit h3 {text-align: left; font-size: 20px!important; line-height: 22px!important;}
	.bensplit {margin: 0% 3%!important;}
	.statementtext {padding: 8% 5% 2%!important;}
	.footersplit1, .footersplit2 {width: 100%; float: left;}
	.footersplit2 {margin-top: 20px;}
	.benefitssplit h5 {font-size: 20px; line-height: 22px;}
	.benefitssplit {width: 100%; margin: 0%!important;}
	.testimonialsplit2 {width: 100%; margin: 0%!important;}
	.blogsplit {width: 98%; margin: 1%;}
	.projectleft {padding-top:15%!important;}
	.readon2 {width: 50%!important;}
	.tootingimage {width: 48%!important; float: left;}
	.lgallery {width: 98%!important;}
	.optionsicon {width: 98%!important;}
	.optionscontainer {width: 98%!important;}
	
	.casesplitimage {width: 100%;}
	.casesplittext1 {width: 98%;}
	.casesplittext2 {width: 96%;}

	.caseleft {width: 100%; min-height: 300px!important;}
	.caseright {width: 90%; text-align: center!important; min-height: 150px!important; padding: 40px 5% 20px!important;}
	.caseimageleft {min-height: 300px!important; width: 100%;}
	.casetextright {width: 90%; text-align: center!important; min-height: 150px!important; padding: 40px 5% 20px!important;}
	.casetextleft {width: 90%; text-align: center!important; min-height: 150px!important; padding: 40px 5% 20px!important;}
	.caseimageright {min-height: 300px!important; width: 100%;}
	.instacontainer {margin: 0 auto!important; width: 65%;}
	.locimage {display: none!important;}
	.locsplit2 {min-height: 267px;}
	.locsplit2 h4 {font-size: 20px!important;}
	.missionnew {font-size: 25px; line-height: 30px; padding: 35px;}
	.homehc .imagebg {height: 400px;}
	.homehc .mainbody-wrapper {padding: 35px 0px 50px 0px;}
	.homehc .mapbg .bluetext {font-size: 20px !important;  line-height: 25px !important;}
	.missionnew {width: 90%;}

}
	.mobileremove {display: block!important;}
	.mobileshow {display: none!important;}

@media (min-width: 751px) {
	.mobilebutton {display: none!important;}
	.mobilebutton2 {display: none!important;}	
}
	
@media (max-width: 750px) {
	.topbutton {display: none;}
	.mobilebutton {display: block!important; width: 50%!important; background: #2a5681; border: none!important; margin: 0px; border-radius: 0px; float: right;}
	.mobilebutton2 {display: block!important; width: 50%!important; background: #777; border: none!important; margin: 0px; border-radius: 0px; float: right;}
	.toolbar-wrapper .uk-float-left .uk-panel {float: none; margin: 0px!important;}
	.tm-toolbar .uk-float-left {float: none!important;}
	.toolbar-wrapper .uk-container {padding: 0px;}
	.toolbar-wrapper .tm-toolbar {margin: 0px;}
	.toolbar-wrapper {height: 30px !important;}
	.tm-offcanvas {margin-top: 35px !important;}
	.toolbar-wrapper {display: block!important;}
	.contactleft2 {padding: 35px 0px !important;}
}
	
	
@media (max-width: 740px) {
	.locsplit2 {min-height: 285px;}
	.loclist1 {font-size: 15px;}
}	

@media (max-width: 700px) {
	.cboxleft {width: 100%!important;}
	.cboxright {width: 100%!important;}
	.cboxcontainer {display: block!important;}
	.cboxinner {width: 100%!important; text-align: center;}
	.caseleftinner {width: 98%; height: 350px;}
	.caserightinner {display: none;}
	.innercasetitle {font-size: 40px !important; line-height: 43px !important;}
	.casepadding {width: 80%;}
	.directorycont {width: 60%;  margin: 0 auto;}
}

@media (max-width: 660px) {
	.locsplit2 {width: 98%; min-height: unset!important; margin-top: 20px;}
	.loclist1 {font-size: unset!important;}
	.homehc .casemod1, .homehc .casemod2 {width: 98%; margin-bottom: 18px;}
	.missionnew {font-size: 20px; line-height: 25px; padding: 25px;}
	.homehc .imagebg {height: 350px;}
	.mainheading-wrapper {padding: 55px !important;}
	.greybg {padding: 35px 30px 10px 30px;}
	.contactright2 {padding: 35px;}
}


@media (max-width: 550px) {
	.footertext, .footertext2 {width: 98%!important; font-size: 14px;}
	.footertext3 {width: 98%; font-size: 14px;}
	.footersplit1 {font-size: 14px;}
	/*.ug-item-wrapper {background: #ffffff!important;}*/
	.mainheading-wrapper h1 {width: 70%;}
}
	
@media (min-width: 501px) {
	.emailshow, .phoneshow {display: none;}
}	
	
@media (max-width: 500px){
	.headertext1 {font-size: 25px!important; line-height: 25px!important;}
	.headerbox1 {margin-top: 15%!important;}
	.processmod, .quotemod {background-size: 100%!important;}
	.accredstrip2 {width: 100%!important;}
	.accredimg1 {margin: 0 1%!important;}
	.mobileremove {display: none!important;}
	.mobileshow {display: block!important;}	
	.readon2 {width: 98%; text-align: center!important; font-size: 13px!important;}
	.instacontainer {margin: 0 auto!important; width: 80%;}
	.homehc .heading-wrapper {margin-top: 85px !important;}
	.emailhide, .phonehide {display: none;}
	.topbutton {display: none;}
	.directorycont {width: 75%;  margin: 0 auto;}
}

@media (max-width: 470px) {
	.mainheading-wrapper h1 {width: 88%!important;}
}

@media (max-width: 450px) {
	.loclist1 {width: 98%!important;}
	.cboxinner {position: relative; left: 0%; top: 0%; -webkit-transform: translate3d(0%, 0%, 0); -moz-transform: translate3d(0%, 0%, 0); -ms-transform: translate3d(0%, 0%, 0); transform: translate3d(0%, 0%, 0); width: 100%!important;}
	.cboxleft {padding: 0px 0px 10px; text-align: center!important;}
	.missionnew {width: 80%;}
	.contactright2 {background: none!important; box-shadow: none!important; padding: 15px 0px;}
	.contactright2 .modtitle, .contactright2 .subtitle {color: #fff!important;}
	.contactform2 #button9 {background: #fff!important; color: #37AAE1;}
	.contactform2 #button9:hover {box-shadow: 0px 0px 35px 5px rgba(0,0,0,0.15); transform: scale(1.025);}
}

@media (min-width: 416px) {
	.casebreak {display: block;}
}

@media (max-width: 415px) {
	.casebreak {display: none!important;}
	.directorylogo {width: 100%;  padding: 15px; float: left;}
}

@media (max-width: 395px) {
	.mobileword  {margin-left: 40px!important;} 
	.instacontainer {margin: 0 auto!important; width: 100%;}
	/*.instagrammobile {display: none!important;}*/
	.header_text h1 {font-size: 20px !important;line-height: 25px !important;}
	.mainheading-wrapper h1 {width: 90% !important;}
	.caseleftinner {width: 98%; height: 250px;}
	.innercasetitle {font-size: 30px !important; line-height: 33px !important;}
	.tm-logo img {height: 30px !important;}
	.contactmodule #tmBottomA {padding: 50px 10px !important;}
	.missionnew {width: 100%;}
}

@media (max-width: 340px) {
	.auto-hw-logo {height: 25px!important; width: auto;}
	.tm-logo img {height: 20px !important;}
	.tm-headerbar {height: 70px;}
	.logo-container .tm-logo {line-height: 74px;}
	.tm-offcanvas {margin-top: 27px !important;}
	.tm-headerbar .uk-container {padding: 0px 5px 0px 15px;}
	.header_text h1 {font-size: 18px !important;line-height: 23px !important;}
}

@media (max-width: 300px){
	.headertext1 {font-size: 20px!important; line-height: 20px!important;} 
	.mobileword  {padding-left: 5%!important;} 
}

@media (min-width: 1921px) {
	body p{font-size: 21px!important; line-height: 26px!important;}
}