/* If you want to add your own CSS code, please do it in this file */
/* CAME WITH THEME */
#Action_bar { display: none; }
@media only screen and (min-width: 1240px) {
#Top_bar:not(.is-sticky) .search_wrapper { top: 120%; }
}

@media only screen and (min-width: 1240px){
	.menu-highlight:not(.header-creative) #Top_bar .menu > li > a { margin: 0 !important;}
}



@media only screen and (min-width: 500px) and( max-width: 1263px)
#Top_bar a.responsive-menu-toggle {
    display: block;
    margin-top: -94px !important;
    width: 35px;
    height: 35px;
    text-align: center;
    position: absolute;
    top: 130px !important;
    right: -428px !important;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
/* SAFETECH */
body{
    margin: 0px !important;
    padding: 0px !important;
}

#Subheader{ display: none; }

#Top_bar #logo { height: 100px !important; }

h1.seotitle {
    text-align: left;
    margin-top: 45px;
    font-size: 22pt;
    color: red;
}

/* FOOTER */
footer h3{ letter-spacing: 4px; font-size: 14pt; text-transform: uppercase; margin-bottom: 0px !important; }
.bigred{ font-size: 18pt; }
.theredco, .bigred{color: red; font-weight: bold; }
.footergap{ height: 20px; }
.footerinfo a {
    font-size: 12pt;
}

/* CONTACT PAGE */
.mapboxtext{}
.list_item .list_left {
    color: red !important;
}
.column_map .google-map-contact-wrapper .get_in_touch:after {
    border-top-color: #B50000 !important;
}
.get_in_touch, .infobox {
    background-color: #B50000 !important;
}

#Top_bar .menu_wrapper{
	position: relative;
    top: 8px;
	clear: right;
}
#Top_bar.is-sticky .menu_wrapper{
	position: relative;
    top: 0px;
	background: silver;
}
#Top_bar .menu > li > a:after {
    display:none;
}
#Top_bar .menu_wrapper, .sticky-dark #Top_bar.is-sticky {
    background: #ececec !important;
}

.top_bar_left{ width: 100% !important;}
#Top_bar .container, #Top_bar .container .one{ margin: 0 !important; width: 100% !important; max-width: 100% !important;  }
#Top_bar.is-sticky .container, #Top_bar.is-sticky .container .one{ margin: 0 auto !important; width: 100% !important; max-width: 1150px !important; }

#Top_bar.is-sticky .topbar-contact{ display: none; }
.topbar-contact {
    float: right;
    font-size: 20pt;
    line-height: 30pt;
    margin-top: 15px;
    font-weight: bold;
}
@media screen and (max-width: 500px){
	.topbar-contact{font-size: 14pt !important;}
}
.callusbit {
    coloR: #B8B8B8;
    margin-right: 8px;
}
.phonenumberbit {
    color: red;
}

.seotitleblock{ margin: 0 !important; }
.seotitleblock h1 {
    font-size: 26pt;
    font-weight: 400;
}

.serviceimage{ position: relative; }
.servicedescription {
    width: 100%;
    background: rgba(0,0,0,0.2);
    font-size: 20pt;
    font-weight: bold;
    letter-spacing: 5px;
    text-align: center;
    padding: 20px 0;
    box-sizing: border-box;
    position: absolute;
    bottom: 6px;
    color: white;
	text-shadow: 1px 2px 5px black;
}

.titlewithbar {
    text-align: center;
    background: rgba(0, 0, 0, 0.2);
    height: 4px;
    margin-top: 13px;
}
.titlewithbar span {
    background: white;
    top: -8px;
    position: relative;
    font-sizE: 12pt;
    padding: 0 13px;
	color: black;
    letter-spacing: 6px;
}

.retailmenu, .exhibitionmenu, .displaymenu {
    text-transform: uppercase;
    text-align: center;
    font-size: 14pt;
}
.retailmenu{}
.exhibitionmenu{}
.displaymenu{}

.servicesidebarbar {
    padding: 0 20px;
}
.siderbarbarborder{border-left: 2px rgba(0,0,0,0.1) solid; }

#pageheaderimagediv {
    margin: -25px 0;
}

.sidemenutitle {
    font-weight: 400;
    font-size: 14pt;
    letter-spacing: 5px;
    margin: 10px;
    color: white;
    background: rgba(0, 0, 0, 0.35);
    padding: 10px 0;
}

.pagestrap .button {
    display: inline;
	margin-left: 10px;
}
.pagestrap {
    background: rgba(0,0,0,0.3);
    padding: 40px 20px 20px;
    color: white;
    font-size: 20pt;
    box-sizing: border-box;
}

#features{padding-bottom: 20px !important;}
.straptext{float:left;}
.strapbutton {
    margin: 0 10px;
    padding: 10px 20px;
    background: rgba(0,0,0,0.5);
    color: white;
    border-radius: 0px;
    font-size: 12pt;
    float: right;
    position: relative;
    top: -10px;
}
.strapbutton:hover{
	background: red;
	color: white;
	text-decoration: none;
}


.red-clear{clear: both;}


.testimonialtext p{font-style: italic;}
.testimonialtext h2 {
    margin-bottom: 0;
    font-size: 18pt;
}
.testimonialtext h3 {
    font-size: 10pt;
    color: lightslategray;
    margin: 0 0 10px;
}


.topblurb {
    font-size: 13pt;
    line-height: 20pt;
    color: #383838;
}
.sectionblurb{
	/* font-size: 11pt; */
    line-height: 16pt;
}
.sectionblurb h2{
    font-size: 18pt;
    font-weight: 500;
    color: red;
    margin: 0 0 10px;
}

.linksectiontop{position: relative; top: -50px; }


.redmenu{ display: none; 
	    float: right;
		clear: right;
		background: #ECECEC;
		font-size: 11pt;
		margin-top: 8px;
}
	.is-sticky .redmenu{ 
		background: transparent; 
		margin-top: 2px;
		}

	.redmenu ul.menu{ list-style-type: none; padding: 0; margin: 0; }
	.redmenu ul.menu li{ display: inline-block; padding: 0 8px; }
	.redmenu ul.menu li:hover { background: rgba(255,255,255,0.1); }
	.redmenu ul.menu li > a { padding: 0 8px !important; }
	.redmenu ul.menu li.current_page_item{  }
	.redmenu ul.menu li.current_page_item > a{ color: white; transition:color 0.2s linear; }


	.redmenu ul.menu li ul {
		position: absolute; z-index: 99; background: #221F2C; visibility:hidden; width:auto; 
		padding: 0;
		margin-left: -8px;
		}
	.redmenu ul.menu li:hover ul { visibility:visible; display: block !important; }
	.redmenu ul.menu li ul li { display: block; line-height:40px; width: 225px !important; }
	.redmenu ul.menu li ul li > a { padding: 2px 16px !important; }
	.redmenu ul.menu li ul li:hover > a { color: #fff; }
	.redmenu ul.menu li ul li.current_page_item > a { padding: 0 10px; }


@media screen and (min-width: 970px) and (max-width: 1920px){
	.thememenu{ display: none; }
	.redmenu{ display: block; }
}