/*
Theme Name: 	ITM
Description: 	The ITM Wordpress theme.
Version: 	1.0
Author: 	Umbrella Creative
*/

/*** STYLING REFERENCE - BY DEEPERLOOK BRISBANE WEB DESIGN
**********************
0. IMPORT FONTS
1. UNIVERSAL
2. TYPOGRAPHY HEADERS
3. BUTTONS
4. LOGO
5. BACKGROUND COLOR - #03374d
6. PAGE HEADER & LOADER
7. TOP NAV
8. MAIN NAV
9. SEARCH FORM
10. COLOR - #D00018
11. SLIDER
12. BLOCK 1
13. BLOCK 2
14. LATEST NEWS
15. GALLERY
16. FOOTER
17. PRODUCT LANDINGS
18. SIDEBAR CONTAINER
19. SERVICE ITEMS
20. ARCHIVE
21. PAGE TITLE
22. INNER FORM
23. PRODUCT IMAGE
24. PRODUCT INFO
25. CONTACT DETAILS 
26. CATALOG 
27. PRODUCT SEARCH & RESULTS
28. PAGINATION 
29. WSP STYLING
30. CONTACT FORM 7
31. BODY CATEGORY & TEMPLATES
32. LIST STYLES - UL
33. CAROUSEL 
34. TABS
35. SINGLE POST NEWS
36. MODALS
37. POSTS
38. BRAND IMAGE
39. SECTIONS
40. COLUMNS
41. GRIDS
42. WIDGETS
43. ACCORDIONS
44. LIGHT & DARK BG
45. RESPONSIVENESS STYLING
**********************
END LIST ***/




/*** 0. IMPORT FONTS ***/
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,300italic);
@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);

/*** 1. UNIVERSAL ***/
body {
    font-family: helvetica, 'Open Sans', arial, sans-serif;
}

/*** 2. TYOPGRAPHY HEADERS ***/
h1, h2, h3, h4, h5, h6 {
    font-family: helvetica, 'Open Sans', arial, sans-serif;
}

/*** 3. BUTTONS ***/
.btn:after {
	left: 0;
}
.btn.btn-sm.btn-success:before {
	background: #cc0a0a;
}
.btn.btn-sm.btn-success:hover {
	border-color: #cc0a0a;
}

/*** 4. LOGO ***/
#logo {
    width: 368px;
    height: 110px;
    padding: 44px;
    background-position: left center;
}
.about-itm-logo {
	margin-left:27px;  
	margin-top:51px;
}
.image-about-pg {
	float:right !important;
}

/*** 5. BACKGROUND COLOR - #03374d ***/
.navbar-main > li > .dropdown-menu, 
footer .color-part, .btn.btn-danger, 
.btn.btn-danger:hover, 
.btn.btn-danger, 
.btn.btn-danger:hover, 
.main-menu, 
.main-menu:before, 
#main-menu-bg, 
.stats > div > div:hover, 
.btn.btn-sm.btn-default:before, 
.big-hr.color-2, 
.our-services.styled div > a:hover:after, 
.adress-details > div > span:after, 
.comments > div > a.reply:hover, 
.comments > div > a.reply:after, 
nav.pagination a:hover, 
.tags a:hover, 
ul.blog-cats > li:hover, 
#menu-open, .main-menu section nav, 
.our-services div > a:hover > span, 
.testimonial-content span, 
.info-texts:after, 
.post-info:after, 
.customBgColor {
    background-color: #03374d;
}

/*** 6. PAGE HEADER & LOADER ***/
/* #ip-container .ip-container .loaded {
    display: none !important;
} */
.ip-header .ip-loader svg path.ip-loader-circle {
    stroke: #03374d;
}
ip-loader {
	display: none;
}
.header-padding div {
    border: none;
}
.header-padding div.h-block {
    border-left: 1px solid #f7f7f7;
    font-size: 13px;
    margin-top: 5px;
    color: #fff;
}
.header-padding div.h-block i.fa {
    color: #f40000;
    font-size: 20px;
    margin-top: 7px;
    margin-right: 0;
}
.header-padding span,
.header-padding div.h-block a {
    color: #cacaca;
}
header .topmenu nav.first-menu a {
    border-left: 1px solid #858585;
    padding: 0 10px;
    margin: 0;
	margin-top: 5px;
	line-height: 2em;
}
header .topmenu nav a:first-child {
	border: none;
}
header .topmenu nav.first-menu .dropdown {
	margin-left: 15px;
}
header .topmenu nav.first-menu .dropdown .btn {
	padding: 5px 10px 5px 38px;
	background: #828282 url('img/world-icon.png') no-repeat 8px center;
	border: 1px solid #6D6D6D;
	border-radius: 5px;
	color: #fff;
}
header .topmenu nav.first-menu .dropdown .btn:after {
	display: none !important;
}
header .topmenu nav.first-menu .dropdown .btn span.caret {
	margin-left: 10px;
}
header a.social-link span {
	text-align: left;
    padding-left: 5px;
    line-height: 1.3em;
    padding-top: 2px;
}
header a {
	font-family: helvetica, 'Open Sans', arial, sans-serif;
}
header #menu-item-54 ul {
	width: 850px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}
header #menu-item-54 ul li {
	width: 33.33%;
	float: left;
}

header #menu-item-54 ul li a {
	font-size: 11px;
	padding: 10px;
	margin-left: 20px;
	margin-right: 20px;
	display: block;
    float: left;
    width: 85%;
}
header #menu-item-54 ul li a span {
	width: 40%;
    float: left;
    display: block;
    white-space: normal;
    font-weight: bold;
    margin-top: 22px;
}
header #menu-item-54 ul li a img {
	float: right;
}
#this-is-top {
	background: #03374D;
	border-top-color: #919191;
}

/*** 7. TOP NAV ***/
.topmenu nav:first-child:before {
	border-top-color: #919191;
}
.why-us li span, .topmenu nav, .topmenu:before, footer, #to-top, .two-news > div div:last-child > div {
	background: #919191;
}

/*** 8. MAIN NAV ***/
.menu-item .page-title {
    width: 40% !important;
    float: left;
    display: block;
    white-space: normal;
    font-weight: bold;
    margin-top: 22px !important;
    background: none;
    padding: 0 !important;
}
.navbar-main > li > a {
	padding: 0 15px;
}
#navTabs {
	margin-top: 30px;
	margin-bottom: 15px;
}
#navTabs a.btn {
	border-radius: 0;
	border-radius: 0;
    padding: 15px 12px;
    margin-right: 10px;
    color: #333333;
    border: 1px solid #eeeeee;
}
#navTabs a.btn:after {
	right: 0;
	left: auto;
	background: #eee;
}
#navTabs li.active a.btn {
	background-color: #d00018;
	color: #fff;
}
.nav-tabs > li.active {
	border-color: #d00018;
}
.nav-tabs > li.active > a {
	background: #d00018;
}
.nav-tabs > li.active > a:hover {
	background: #03374d;
}
.nav-tabs > li.active > a:focus {
	background: #d00018;
}

/*** 9. SEARCH FORM ***/
.search-form-wrapper {
	display: block;
    float: left;
    height: 38px;
    margin-left: 15px;
    margin-top: 12px;
    background: #124357;
    border-radius: 5px;
    border: 1px solid #022b3e;
}
.search-form-wrapper #searchsubmit {
	border: none;
	background: url('img/magnify.png') no-repeat center center;
	height: 15px;
	float: left;
	margin-top: 11px;
	margin-left: 10px;
	width: 15px;
	margin-right: 10px;
}
.search-form-wrapper input.text {
	height: 30px;
	background: none;
	margin-top: 2px;
	border: none;
	outline: none !important;
	color: #fff;
	margin-right: 5px;
	float: left;
	line-height: 1.5em;
	width: 120px;
}

/*** 10. COLOR - #d00018 ***/
h1.color-1, 
h2.color-1, 
h3.color-1, 
h4.color-1, 
h5.color-1, 
h6.color-1, 
.twitter-feeds div i, 
.navbar-main .open > a, 
.navbar-main .open > a:focus, 
.navbar-main .open > a:hover, 
.navbar-main > li > a:focus, 
.navbar-main > li > a:hover, 
.navbar-main > li > .dropdown-menu > li > a:focus, 
.navbar-main > li > .dropdown-menu > li > a:hover {
	color: #d00018;
}

/*** 11. SLIDER ***/
.slider-content {
	margin-top: 100px;
}
form .ajax-loader {
	width: 16px;
}
#owl-main-slider {
	font-family: "Myriad Pro", "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
	border-bottom: 10px solid #d00018;
}
#owl-main-slider .btn {
	text-align: left;
	font-size: 14px;
	background: rgba(255, 255, 255, 0.1);
	margin-top: 0;
	font-family: "Myriad Pro", "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
	font-weight: normal;
	line-height: 1.6em;
}
#owl-main-slider .btn:after {
	left: 0;
	background: #d00018;
	min-width: 10px;
}
#owl-main-slider .btn span {
	display: block;
	font-weight: bold;
	font-size: 28px;
}
.slider-content h1 {
	font-weight: normal;
	font-size: 26px;
	font-family: "Myriad Pro", "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
}
.slider-content p {
	font-size: 14px;
	line-height: 1.8em;
}

/*** 12. BLOCK 1 ***/
.block1 {
	margin: 40px 0 80px;
	font-size: 14px;
}
.block1 h1 {
	margin-bottom: 0;
	font-size: 42px;
	font-weight: normal;
}
.block1 h2 {
	font-size: 20px;
	margin-top: 0;
	margin-bottom: 50px;
}
.block1 .btn {
	text-transform: uppercase;
	font-weight: normal;
	color: #fff;
	background: #03374d;
	margin-top: 0 !important;
	font-size: 14px;
}
.block1 .block1-form-container {
	background: #03374d url('img/map-bg.png') no-repeat center center;
	background-size: cover;
	padding: 40px;
	color: #fff;
	margin-top: -70px;
	text-transform: uppercase;
}
.block1 .block1-form-container h1 {
	color: #d00018;
	font-size: 36px;
}
.block1 .block1-form-container input, 
.block1 .block1-form-container textarea {
	margin-bottom: 15px;
	font-size: 11px;
}
.block1 .block1-form-container textarea {
	height: 100px;
}
.block1 .block1-form-container .container-fluid {
	padding: 0;
}
.block1 .block1-form-container p{
	margin-bottom: 30px;
}
.block1 .block1-form-container .btn {
	background: #d00018;
	float: right;
	font-size: 17px;
	margin-bottom: 0;
}

span.wpcf7-not-valid-tip {
    color: #d00018;
    display: block;
    margin-top: -12px;
    margin-bottom: 10px;
    font-size: 12px;
}
div.wpcf7-validation-errors {
	border-color: #d00018;
	margin: 15px 0 0;
}

/*** 13. BLOCK 2 ***/
.block2 {
	background: url('img/block2-bg.jpg') no-repeat center center;
	background-size: cover;
	color: #fff;
	padding: 120px 0;
}
.block2 p {
	font-weight: 600;
    font-size: 35px;
    line-height: 1.175em;
    text-transform: uppercase;
}
.block2 .btn {
	background: #d00018;
	font-size: 13px;
	font-weight: 400;
	color: #fff;
}

/*** 14. LATEST NEWS ***/
.latest-news {
	font-size: 14px;
	margin-top: 0;
	text-transform: uppercase;

}
.latest-news img {
	max-width: 100%;
}
.latest-news h1 {
	margin-bottom: 0;
}
.latest-news .inner {
	background: #d00018;
	padding: 30px;
	color: #fff;
	font-family: "Myriad Pro", "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
	font-size: 11px;
}
.latest-news a.overlay-link {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.latest-news .inner h2 {
	font-size: 18px;
	color: #fff;
	font-family: 'Montserrat', sans-serif;
	margin-top: 0;
	font-weight: normal;
	margin-bottom: 15px;
}
.latest-news .newslisting-secondary {
	margin-bottom: 20px;
	background: #333333;
	display: block;
	float: left;
	width: 100%;
}
.latest-news .newslisting-secondary .inner {
	background: #333333;
	float: left;
	width: 50%;
}
.latest-news .newslisting-secondary img {
	float: left;
	width: 50%;
	height: auto;
}
.latest-news .inner span.date {
	margin-left: 15px;
	border-left: 1px solid #fff;
	padding: 6px 0 6px 12px;
}
.latest-news .newslisting-secondary .inner span.date {
	color: #888888;
	border-left-color: #888;
}

/*** 15. GALLERY ***/
.fleet-gallery {
	background: none;
	padding-top: 40px;
	margin-top: 0;
	background: #E4E4E4;
	padding-bottom: 0;
}
.fleet-gallery .inner-offset {
	padding-top: 0;
}
.fleet-gallery h1 {
	color: #333;
	font-family: helvetica, 'Open Sans', arial, sans-serif;
	font-size: 20px;
	text-align: left;
	margin-bottom: 0;
}
.fleet-gallery h2 {
	float: left;
	letter-spacing: 0;
	color: #333;
	font-size: 13px;
    line-height: 22px;
    margin-bottom: 50px;
    font-weight: normal;
    margin-top: 0 !important;
}
.fleet-gallery img {
	border: 1px solid #dddddd;
}
.fleet-gallery .owl-wrapper-outer {
	padding: 0;
	margin: 0 -15px;
}
#fleet-gallery .owl-buttons {
	top: -50px;
}
.fleet-gallery .owl-buttons i {
	color: #333;
}
.fleet-gallery h2 {
    color: #333;
    float: left;
    font-family: arial;
    font-size: 13px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 22px;
    margin-bottom: 50px;
    margin-top: 0 !important;
    padding-top: 18px;
    text-align: left !important;
    text-transform: none !important;
}

/*** 16. FOOTER ***/
footer {
	background: #222;
}
footer img.footer-logo {
	margin: 80px auto 0;
	display: block;
}
footer h4 {
	font-family: helvetica, 'Open Sans', arial, sans-serif;
	font-size: 21px;
	font-weight: normal;
}
footer nav ul {
	padding: 0;
}
footer nav li {
	list-style: none;
}
footer nav li a {
	margin-bottom: 15px;
}
footer .copy {
	font-size: 13px;
}
footer .copy a {
	color: #ccc;
	font-size: 13px;
}
footer .copy a:hover {
	color: #d00018;
	text-decoration: none;
}
footer .contact-info {
	font-size: 13px;
}
footer .contact-info i {
	margin-bottom: 25px;
	margin-top: 3px;
    font-size: 16px;
}
footer .block-content {
	margin: 60px 0 30px;
}

/*** 17. PRODUCT LANDINGS ***/
.bg-image.page-title {
	background: #000 url('img/page-header-bg.jpg') no-repeat center center;
	background-attachment: scroll !important;
	height: 150px;
}
.bg-image.page-title h1 {
	margin-bottom: 10px;
}

/*** 18. SIDEBAR CONTAINER ***/
.sidebar-container ul li.active {
	background: #cc0a0a;
}
.sidebar-container ul li a {
	padding-top: 12px;
	padding-bottom: 12px;
	font-family: helvetica, 'Open Sans', arial, sans-serif;
}
.sidebar-container ul li.active a {
	padding-top: 20px;
	padding-bottom: 20px;
}
.sidebar-container li.sub-item {
	margin-left: 35px;
}
.sidebar-container .fb_iframe_widget,
.sidebar-container .fb_iframe_widget span,
.sidebar-container iframe {
	max-width: 100% !important;
	min-width: 0 !important;
}

/*** 19. SERVICE ITEMS ***/
.service-item h4 {
	font-family: "Myriad Pro", "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
	margin-bottom: 2px;
	font-weight: normal;
	margin-top: 30px;
}
.service-item img {
       max-width: 100%;
       height: auto;
}

/*** 20. ARCHIVE ***/
.archive-intro {
	margin-bottom: 30px !important;
}
.archive-intro,
.archive-intro p {
	font-size: 12px;
	font-family: helvetica, 'Open Sans', arial, sans-serif;
	color: #000;
	line-height: 1.5em;
}
.archive-intro h3 {
	font-size: 20px;
	font-family: "Myriad Pro", "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
	text-transform: none;
}
.archive-intro ul {
	padding-left: 15px;
}
.archive-intro ul li {
	list-style-type: square;
	margin-bottom: 8px;
}

/*** 21. PAGE TITLE ***/
.page-title h1 span {
	color: #8f9394;
	font-weight: normal;
}
.page-title.no-padding {
	padding: 0;
}

.page-title-padding {
	padding: 50px 0;
}

/*** 22. INNER FORM ***/
.inner-form-container {
	background: #03374d url('img/map-bg.png') no-repeat center center;
    background-size: cover;
    padding: 5px 30px 5px;
    color: #fff;
    margin-top: -80px;
    text-transform: uppercase;
}
.inner-form-container h2 {
	color: #fff;
	font-size: 24px;
	margin-bottom: 20px;
}
.inner-form-container .btn {
	background: #d00018;
	color: #fff;
    font-size: 14px;
    padding: 10px 15px;
}
.inner-form-container input,
.inner-form-container textarea {
	margin-bottom: 15px;
    font-size: 11px;
}

/*** 23. PRODUCT IMAGE ***/
.product-image {
	/*width: 100%;*/
	height: auto;
    	margin-top: -50px;
    	display: block;
   	margin: -50px auto 0;
   	/*max-width: 100%;*/
   	max-width: 75%;
}
a.enlarge-link {
	color: #333;
    text-transform: uppercase;
    margin-top: 10px;
    display: block;
    float: left;
    font-weight: 600;
}

/*** 24. PRODUCT INFO ***/
.product-info-row {
	margin-bottom: 15px;
	color: #000;
}
.brochure-btn {
	background: #d00018;
	color: #fff !important;
}


/*** 25. CONTACT DETAILS ***/
.adress-details > div > div {
	font-size: 12px;
}
.adress-details div span:after {
	background-color: #a91605;
}

/*** 26. CATALOG ***/
.catalogue-block img {
	max-width: 100%;
	height: auto;
	margin-bottom: 15px;
}
.catalogue-block .btn {
	margin-bottom: 30px;
}
.catalogue-block p {
	margin-bottom: 10px;
}

/*** 27. PRODUCT SEARCH & RESULTS ***/
#searchForm input#addressSubmit {
	width: 160px;
	height: 40px;
}
#searchForm #radiusSelect,
#searchForm #addressInput,
#searchForm #addressInput2 {
	height: 30px;
	background: none !important;
}
.results_row_left_column .location_name {
	font-family: helvetica, 'Open Sans', arial, sans-serif !important;
	font-size: 14px !important;
}
.results_entry:hover {
	background-color: #03374D !important;
    color: #fff;
}
.results_entry a {
	color: #333 !important;
	font-family: helvetica, 'Open Sans', arial, sans-serif !important;
}
.results_entry:hover a {
	color: #fdfdfd !important;
}

/*** 28. PAGINATION ***/
.pagination ul {
   padding-left: 0;
}
.pagination li {
   list-style: none;
   display: block;
   float: left;
}
.pagination li.spacer {
    margin-top: 12px;
    padding: 0 5px;
}
.pagination li.active a {
   background-color: #03374d;
   color: #fff;
}


/*** 29. WSP STYLING ***/
ul.wsp-part_categoriess-list li a,
ul.wsp-product_categoriess-list li a,
ul.wsp-products-list li a,
ul.wsp-posts-list li a,
ul.wsp-pages-list li a {
	color: #03374D;
}
ul.wsp-product_categoriess-list {
	display: block;
	float: left;
}
ul.wsp-product_categoriess-list li {
	width: 33.33%;
	float: left;
}
h2.wsp-part_categoriess-title,
h2.wsp-product_categoriess-title,
h2.wsp-products-title,
h2.wsp-posts-title,
h2.wsp-pages-title {
	font-size: 24px;
}

/*** 30. CONTACT FORM 7 ***/
#wpcf7-f10-p8-o1 .btn {
	width: auto;
	background: #a91605;
	color: #fff;
}
#wpcf7-f10-p8-o1 span.wpcf7-not-valid-tip {
	margin-left: 15px;
	margin-top: 2px;
}

/*** 31. BODY CATEGORY & TEMPLATES ***/
body.category .services div {
	margin-bottom: 0;
}
body.category .services img,
.sidebar-container.single img {
	max-width: 100%;
	height: auto;
}
body.category .services h2,
.single-post h2 {
	margin-top: 0;
}
body.page-template-template-about .bg-image.parallax {
	background-image: url('img/block2-bg.jpg');
}
body.single .single-post .btn-success,
body.tag .posts .btn-success,
body.category .posts .btn-success {
	background: #A91605;

}

/*** 32. LIST STYLES - UL ***/
ul.styled li > ul {
	border-bottom-color: #CC0A0A;
}
ul.styled li > ul.children {
	position: absolute;
	left: 100%;
	padding: 15px 0;
	margin-top: -41px;
}
ul.styled li > ul.children li {
	padding-left: 15px;
	padding-right: 15px;
}
ul.blog-cats > li:before {
	background-color: #cc0a0a;
}

/*** 33. CAROUSEL ***/
.carousel-control {
	background: none !important;
}
.carousel-control .glyphicon-chevron-left, 
.carousel-control .glyphicon-chevron-right {
	color: #03374d;
}
ul.bluetick {
	list-style-type:none;
	margin:0;
	padding:0;
}
ul.bluetick li {
	background:url("http://www.industrialtool.com.au/wp-content/uploads/2016/04/blue-tick.png") 0% 4px no-repeat scroll rgba(0, 0, 0, 0) !important;  
	padding:0 0 8px 35px !important;
}

/*** 34. TABS ***/
.tab-content ul {
	padding-left: 15px;
}

.tab-content ul li {
	margin-bottom: 15px;
}
.tab-content span {
	font-size: 13px;
	line-height: 22px;
}
.tab-pane img {
	max-width: 100%;
	height: auto;
}
.tab-content > .active {  
	display:block;  
	/*text-align:center;*/
}

/*** 35. SINGLE POST NEWS ***/
.singlepost-latest-news {
	background: #F5F5F5;
    padding: 25px 0;
}
.singlepost-latest-news .latest-news {
	margin-bottom: 0;
}

/*** 36. MODALS ***/
.modal-content {
	border-radius: 0;
    background: rgba(2, 25, 35, 0.8);
    box-shadow: none;
    border: 1px solid #808080;
    color: #fff;
    text-transform: uppercase;
}
.modal-title {
	color: #fff;
}
.modal-dialog {
	max-width: 400px;
}
.modal-content .close {
	color: #fff;
}

/*** 37. POSTS ***/
.post-info:after {
	background-color: #a91605;
}

/*** 38. BRAND IMAGE ***/
.pull-right.brand-img {
	margin: 10px 0;
}

/*** 39. SECTIONS ***/
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*** 40. COLUMNS ***/
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}
.col:first-child { 
	margin-left: 0;
}
.span_2_of_2 {
	width: 100%;
}
.span_1_of_2 {
	width: 49.2%;
}
.span_3_of_3 { 
	width: 100%; 
}
.span_2_of_3 { 
	width: 66.13%; 
}
.span_1_of_3 { 
	width: 32.26%; 
}

/*** 41. GROUPING ***/
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ 
}

/*** 42. WIDGETS ***/
.widget-content { margin: 0 auto;
    max-width: 1170px;
}

/*** 43. ACCORDIONS ***/
#accordion-1-t1 {
	text-transform:none !important;
	font-size:18px;
}

/*** 44. LIGHT & DARK BG ***/
.dark-content-bg {
	background-color:#F5F5F5;
	padding-bottom:40px;
}
.light-content-bg {
	background-color:#fff;
	padding:40px 0px;
}

/*** 45. RESPONSIVENESS STYLING ***/
@media (max-width: 1200px) and (min-width: 992px) {
	.navbar-main > li > a {
		padding: 0 8px;
	}
	.search-form-wrapper input.text {
		width: 60px;
	}
	header a.social-link span {
		font-size: 8px;
		padding-top: 6px;
	}
	header .topmenu nav.first-menu .dropdown {
		margin-left: 6px;
	}
	#owl-main-slider .item {
		height: 400px;
	}
	.slider-content {
		margin-top: 60px;
	}
	.block1 h2 {
		font-size: 16px;
		margin-bottom: 30px;
	}
	.service-item img {
		max-width: 100%;
		height: auto;
	}
}

@media (max-width: 992px) and (min-width: 799px) {
	.navbar-main > li > a {
		padding: 0 10px;
		font-size: 12px;
	}
	header #searchform {
		display: none;
	}
	header .text-right {
		padding-left: 0;
	}
	header a.social-link {
		margin: 0 4px;
	}
	header a.social-link span {
		font-size: 8px;
		padding-top: 6px;
	}
	header a.social-link img {
		width: 25px;
	}
	header .topmenu nav.first-menu .dropdown {
		margin-left: 6px;
	}
	header .topmenu nav.first-menu .dropdown .btn {
		font-size: 9px;
	}
	.header-padding div.h-block {
		font-size: 11px;
	}
	#owl-main-slider .item {
		height: 350px;
	}
	.slider-content {
		margin-top: 60px;
	}
	.block1 h1 {
		font-size: 40px;
	}
	.block1 h2 {
		font-size: 16px;
		margin-bottom: 30px;
	}
	.block2 p {
		font-size: 28px;
	}
	.service-item img {
		max-width: 100%;
		height: auto;
	}
	.latest-news .newslisting-secondary img {
		display: none;
	}
	.latest-news .inner {
		padding: 27px;
	}
	ul.styled > li > a {
		padding: 10px;
	}
	.adress-details > div > div {
		padding-left: 14px;
		font-size: 11px;
	}
}

@media (max-width: 768px) {
	.categories-toggle {
		margin-bottom: 10px;
		background: #d4d4d4;
	}
	.categories-toggle:after {
		width: 4px !important;
	}
	.sidebar-container ul.styled {
		display: none;
	}
	#logo {
		background-image: url('img/logo-mobile.png');
	}
	header .topmenu nav.first-menu {
		padding-left: 0;
		padding-right: 0;
	}
	header .topmenu nav.first-menu a {
		font-size: 9px;
		margin-top: 9px;
	}
	header .topmenu nav.first-menu .dropdown {
		margin-left: 2px;
	}
	header .topmenu nav.first-menu .dropdown .btn {
		font-size: 10px;
	    padding-left: 7px;
	    background-image: none;
	    width: 74px;
	    margin-left: -5px;
	}
	header .topmenu nav.first-menu .dropdown .btn .caret {
		display: none;
	}
	.header-padding {
		padding: 0;
	}
	.header-padding div {
		width: 90%;
	}
	.header-padding div.h-block {
		margin: 0;
		padding: 0;
		border: none;
	}
	.main-menu .collapse {
		display: block;
		padding: 0;
	}
	.navbar-main > li > a {
		padding: 15px 20px;
	}
	.search-form-wrapper input.text {
		width: 200px;
	}
	.slider-content {
		margin-top: 20px;
	}
	.slider-content h1 {
		font-size: 18px;
	}
	.slider-content p {
		line-height: 1.4em;
	}
	.block1 .block1-form-container {
		margin-top: 15px;
	}
	.block1 .block1-form-container h1 {
		font-size: 28px;
	}
	.column-info div + div {
		margin-top: 0;
	}
	.block1 .block1-form-container .btn {
		padding: 10px;
		font-size: 13px;
	}
	.block2 {
		padding: 50px 0;
	}
	.block2 p {
		font-size: 22px;
	}
	.latest-news .newslisting-secondary {
		margin-bottom: 0;
		margin-top: 15px;
	}
	.latest-news .newslisting-secondary img {
		display: none;
	}
	.latest-news .newslisting-secondary .inner {
		width: 100%;
	}
	.product-image {
		margin: 20px auto !important;
	}
	.inner-form-container {
		margin-top: 0;
	}
	.nav-pills>li {
		width: 100%;
		margin-bottom: 5px;
	}
	ul.styled > li {
		margin-bottom: 2px;
	}
	.sidebar-container ul li a {
		padding: 8px 15px;
	}
	.container-fluid.block-content {
		margin-top: 20px;
		margin-bottom: 20px;
	}
	.page-title {
		padding: 25px 0;
	}
	header #menu-item-54 ul {
		display: none !important;
	}
	a#menu-open {
		background: #18589A;
	}
	.block-content .row.services {
		text-align: center;
	}
	.service-item h4 {
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.page-title-padding {
		padding: 25px 0;
	}
	.pull-right.brand-img {
		display: none;
	}

}
/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */
@media only screen and (max-width: 480px) {
	.col { 
		margin: 1% 0 1% 0%;
	}
	.about-itm-logo {
		margin-left:1px;  
		margin-top:1px;width:100% !important;
		height:auto!important;
	}
	.span_3_of_3, 
	.span_2_of_3, 
	.span_1_of_3 { 
		width: 100%; 
	}
}

@media only screen and (max-width: 480px) {
	.span_2_of_2, 
	.span_1_of_2 { 
		width: 100%;
	}
	.about-itm-logo {
		margin-left:1px;  
		margin-top:1px;width:100% !important;
		height:auto!important;
	}
	.span_3_of_3, 
	.span_2_of_3, 
	.span_1_of_3 { 
		width: 100%; 
	}
}


/*************************************** HEADER **/
#this-is-top {
    background: #112941 !important;
}
.main-menu {
    background: #18589A !important;
    border-top: 2px solid #f5b416;
}
#main-menu-bg {
    background-color: #18589A !important;
    left: 0% !important;
    width: 100% !important;
    border-top: 2px solid #f5b416;
}
.search-form-wrapper {
    background: #03a1da !important;
    border: 1px solid #03a1da !important;
}
.header-padding div.h-block {
    display: none !important;
}
.main-menu:before {
    display: none !important;
}
.navbar-main > li > .dropdown-menu {
    background-color: #18589a !important;
}
.navbar-main > li > .dropdown-menu > li > a:hover {
    color: #f6f6f6 !important;
}
.navbar-main .open > a,
.navbar-main > li > a:hover {
    color: #fdb813 !important;
}
.topmenu nav:last-child a:last-child { 
    display: none;
}

/*************************************** BODY **/

#owl-main-slider {
    border-bottom: 10px solid #122943 !important;
}
.block1 .btn {
    background: #122943 !important;
}
.fleet-gallery,
#owl-main-slider .btn,
.slider-content a.prev, 
.slider-content a.next {
    display: none;
}

/*************************************** CTA FORM **/

.block1 .block1-form-container {
    background: #F5B416 !important;
    color: #122943 !important;
}
.block1 .block1-form-container h1 {
    color: #122943 !important;
}
.block1 .block1-form-container .btn {
    background: #122943 !important;
}


/*************************************** FOOTER **/

footer {
    background: #5A5A5C !important;
}
footer h4 {
    color: #ffffff !important;
}
.contact-info strong {
    color: #ffffff !important;
}
footer, footer a, footer .copy {
    color: #ffffff !important;
}
footer .contact-info {
    color: #ffffff !important;
}
footer .contact-info i {
    color: #ffffff !important;
}


/*************************************** PRODUCT PAGE CTA**/

.inner-form-container {
    background: #F5B416;
}
.inner-form-container h2 {
    color: #122943;
}
.inner-form-container .btn {
    background: #122943;
}
textarea.form-control {
    max-height: 100px;
}
.inner-form-container {
    margin-bottom: -70px
}