/*
Theme Name: TNR
Author: Adam Dodds
Description: TNR Theme
*/

.blog .page-content a {color:#000 !important;text-decoration:none;}
.blog .page-content a:hover {text-decoration:underline;}
.blog .page-content .post {margin:0 0 75px 0;}

.validation_message{color: #d00;}

.branch-cards{margin-top: 20px;}
.branch-cards .card{
	display: block;  width: 30%; text-decoration: none; float: left; padding: 10px 15px; margin-left: 1.5%; margin-right: 1.5%; background: #fff; border: 1px solid #ddd; box-sizing: border-box;
	margin-bottom: 20px;
	-webkit-box-shadow: 0px 4px 19px 1px rgba(158,158,158,0.5);
	-moz-box-shadow: 0px 4px 19px 1px rgba(158,158,158,0.5);
	box-shadow: 0px 4px 19px 1px rgba(158,158,158,0.5);
    -webkit-transition: border-color 0.6s; /* Safari */
    transition: border-color 0.6s;
}
.branch-cards .card:hover{margin-top: -2px; margin-bottom: 22px; border-color: #1aa2e1;}
.branch-cards .card span, .branch-cards .card div, .branch-cards .card p{font-size: 13px; text-decoration: none; color: #444; line-height: 17px;}
.branch-cards .card .name{font-weight: bold; font-size: 17px; line-height: 19px; margin-bottom: 2px;}
.branch-cards .card .address{padding-top: 10px; min-height: 120px;}
.branch-cards .card .address p{margin: 0;}
.branch-cards .card .fax{margin-bottom: 2px;}
.branch-cards .card .emails{min-height: 40px;}

body #header .top .row .logo {
	height: 85px;
	width: 100%;
}

body #header .top {
	height: 85px;
	background: #2C3384; 
}

body #header .top .row .logo-indent {
	display: flex;
	align-items: center;  
}

/* Responsive Styles */
body .home-banner-container .pagination.left,
	body .home-banner-container .pagination.right {
		display: none;
	}

	.col-xs-6.page-content.mobileContent {
		display: none;
	}
	.col-xs-6.page-content.desktopContent {
		display: block;
	}

/* Mobile Media Query */

@media screen
and (max-width: 370px) {
	.home .why-use-tnr {
		display: table-footer-group;
	}

	.home .order-catalogue {
		display: table-header-group;
	}
}

@media screen
and (min-width: 320px)
and (max-width: 667px) {

	.blue-pod.order-catalogue:after {
  		display: table;
  		content: "";
  		clear: both;
  		margin-bottom: 10px;
	}

	.col-xs-6.page-content.mobileContent {
		display: block;
	}
	.col-xs-6.page-content.desktopContent {
		display: none;
	}

	body .page-content .brand img {
		padding: 0;
	}

	.responsive-navigation_menu {
		display: none;
	}


	.button {
		width: 220px;
	}

	.space {
		display: block;
		width: 165px;
		text-align: center;
		margin: 5px 20px;
	}


	body .home-banner-container .home-banner .slide .banner-content h2 {
		color: #3498db;
	}


	body .join-us-cta .space:after {
  		content: "";
		display: table;
  		clear: both;
	}

	 .slide .banner-content {
		left: 15px;
	}

	body .home-banner-container .home-banner .slide {
		background-image: url(/wp-content/uploads/2015/04/assorted_tools.jpg)!important;
		background-size: cover;
	}


	.col-xs-6.twitter
	 {
		overflow: hidden;
		width: 95%;
	}

	.home .container {
		width: 100%;

	}

	.col-xs-8.page-content .col-xs-4 {
		width: 100%;
	}

	.col-xs-3.col-xs-offset-1.sidebar {
		width: 100%;
	}

	.col-xs-offset-1 {
		margin: 0;
	}

	.col-xs-8.page-content {
		width: 100%;
	}

	/* Home Page */
	.home-content .col-xs-3,
	.home-content .col-xs-6.page-content,
	.home-news .col-xs-3,
	.home-news .col-xs-6 {
		width: 100%;
	}

	body #header .top .row .search-form .input {
		width: 74%;
	}

	body .gform_wrapper form ul .gfield input {
		width: 100%;
	}

	.homeSave {
		width: 100%;
		height: auto;
	}

	body .home-banner-container .home-banner .slide .banner-content h2 {
		font-size: 1.8em;
		line-height: normal;
	}

	.footer-logo {
		width: 80%;
	}

	body #header .top .row .contact-information {
		padding-left: 32px;
		float: left;
		width: auto;
	}

	body #header .top .row .quote {
		width: auto;
	}

	body .page-content .brand {
		min-height: 200px;
	}

	.brands .col-xs-3 {
		width: 50%;
	}
}

@media screen
and (max-width: 1024px) {

	.col-xs-8.page-content img {
		width: 100%;
	}

	.col-xs-8.page-content .product img {
		max-width: 100%;
		height: 100%;
	}

	.join-us-cta a {
		margin-bottom: 10px;
	}


	/* Footer */
	#footer .col-xs-4,
	#footer .col-xs-4 h2,
	#footer .col-xs-3,
	#footer .col-xs-3 h2,
	#footer .col-xs-3 p,
	#footer .col-xs-2 h2,
	#footer .col-xs-2 {
		width: 100%;
		text-align: center;
	}

	.home .brand-images img {
		width: 100%;
		padding: 0 10px;

	}

	body .min-width {
	min-width: 320px;
	}

	#header .top {
		min-height: 80px;
		height: auto!important;
	}

	.responsive-navigation_nav li a {
		text-align: center;
	}

	.container {
		width: 100%;
	}

	body #header .top .row .logo {
		position: static;
		left: auto;
		top: auto;

	
	}

	body #header .top .row .logo-indent {

		margin: 0;
	}

	/* Search bar */
	#header .col-xs-3 {
		width: 100%;
		margin: 15px 0;
	}

	body #header .top .row .search-form {

	}
	.home-features .col-xs-4 {
		width: 100%;
	}

	#footer .menu li {
  		display: inline;
	}
	body .home-features .feature {
		height: auto;
	}

	body .home-features .feature.truck,
	body .home-features .feature.tools {
		border: none;
	}

	body .home-banner-container .home-banner .slide {
		background-size: cover;
		background-position: center center;
	}
       .mani_b {

         display: inherit !important;

        }
        .inner_l img {
              width: auto !important;
         }

}

/* Content Query */
@media screen
and (min-width: 667px)
and (max-width: 768px) {

	.home-content .col-xs-3 {
		width: 100%;
	}

	.col-xs-6 {
		width: 100%;
	}

	.home .col-xs-3 {
		width: 100%;
	}

	.page .col-xs-3.sidebar {
		width: 40%;
	}

	.page .col-xs-offset-1 {
		margin-left: 1.333333%;
	}

	.page .col-xs-8 {
		width: 56.666667%;
	}

	.col-xs-8.page-content .col-xs-4 {
		width: 100%;
	}

	body #header .top .row .search-form .input {
		width: 80%;
	}

	body .gform_wrapper form ul .gfield input {
		width: 100%;
	}

	.brands .col-xs-3 {
		width: 50%;
	}

}

@media screen and (max-width: 900px) {
	body #header .top .row {
		display: flex;
		flex-wrap: wrap;
	}
	body #header .top .row .logo-link {
		flex: 0 0 50%;
		max-width: 50%;
		order: 1;
	}

	body #header .top .row .logo-indent {
		order: 2;
		flex: 0 0 70%;
		max-width: 70%;
		margin: 14px 0 14px 15%;
	}
	body #header .top .row .search-bar {
		order: 1;
		flex: 0 0 50%;
		max-width: 50%;
	}
}

@media screen and (max-width: 500px) {
	body #header .top .row {
		flex-direction: column;
	}
	body #header .top .row .logo-link {
		flex: 1;
		max-width: 100%;
		width: 100%;
	}

	body #header .top .row .logo-indent {
		flex: 1;
		max-width: 100%;
		width: 100%;
		margin-left: 0;
		display: block;
	}

	body #header .top .row .logo-indent .quote {
		margin-top: 0;
	}

	body #header .top .row .search-bar {
		order: 4;
		flex: 1;
		max-width: 100%;
		width: 100%;
		margin-bottom: 14px;
	}
	body #header .top .row .search-bar form {
		margin-top: 0;
	}
}





@media screen
and (min-width: 768px)
and (max-width: 1024px) {

	body .min-width {
	min-width: 320px;
	}

	#header .top {
		min-height: 80px;
		height: auto!important;
	}

	.responsive-navigation_nav li a {
		text-align: center;
	}

	.container {
		width: 100%;
	}

	body #header .top .row .logo {

	}

	@media screen and (max-width: 1024px) {

		body #header .quote {
			margin-top: 0 !important;
		}
	
		body #header .contact-information {
			margin-top: 0 !important;
		}
	}


	/* Search bar */
	#header .col-xs-3 {
		width: 100%;
		margin: 15px 0;
	}

	body #header .top .row .search-form .input {
		width: 80%;
	}

	body #header .top .row .search-form {
		width: 100%;
		margin: 0 auto;
	}

	.home-features .col-xs-4 {
		width: 100%;
	}

	#footer .menu li {
  		display: inline;
	}
	body .home-features .feature {
		height: auto;
	}

	body .home-features .feature.truck,
	body .home-features .feature.tools {
		border: none;
	}

	body .brand-images img {
		width: 100%;
	}

	.page .col-xs-3 {
		width: 40%;
	}

	.page .col-xs-offset-1 {
		margin-left: 1.333333%;
	}

	.page .col-xs-8 {
		width: 56.666667%;
	}

	.col-xs-8.page-content .col-xs-4 {
		width: 100%;
	}

	.col-xs-3.sidebarRight {
		width: 100%;
	}

	body .sidebarRight .speech-bubble,
	body .sidebarRight .blue-pod {
		width: 48%;
		float:left;
		margin: 1%;
	}

	.col-xs-3.sidebarLeft {
		width: 50%;
	}

	.home .col-xs-6.page-content img {
		width: 100%;
		height: auto;
	}

	.home-news .col-xs-3 {
		width: 50%;
	}

	body .home-news .row > div .post > a img {
		height: auto;
	}

	body .home-news .row {
		height: auto;
	}

	body .home-news .row > div .post .content {
		min-height: 130px;
		height: auto;
	}



}

.quote.call_us:hover ul.call_dropdown{display:block;}










/* my  */
.banner-content p {
    background-color: #5788D0;
}
span.home-page-banner-text {
    color: white;
}
div#html5-watermark {
        display: none !important;

}
.pro_cont p {
    text-align: justify;
}
h2.p_t {
    color: #ffffff;
    font-size: 30px !important;
    text-transform: uppercase;
    background: #3b6fba;
    padding: 14px 4px;
}

.mani_b {
    width: 100%;
    margin: 20px 0;

}
.inner_l img {
    width: auto;
    padding: 0 !important;
    max-width: 100%;
    height: auto;
}
.cent {
    border: 1px dotted #1aa2e1;
    margin: 0 10px;
}
.inner_l {
    float: left;
    position: relative;
    width: 47%;
}
.inner_2 {
    float: left;
    width: 47%;
    margin-left: 10px;
   position: relative;
}
.inner_2 a img {
    max-width: 100%;
    height: auto;
   padding: 0;
}


.clear{
  clear: both;
}

.overlay1 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  cursor: pointer;
  opacity: 0;
  transition: .5s ease;
  background-color: rgba(104, 180, 214, 0.36);
}

.inner_l:hover .overlay1 {
  opacity: 1;
}
.overlay2 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  cursor: pointer;
  opacity: 0;
  transition: .5s ease;
  background-color: rgba(104, 180, 214, 0.36);
}
.inner_2:hover .overlay2 {
  opacity: 1;
}



.col-xs-4 .product:hover {
    box-shadow: 0px 0px 18px -2px rgba(0,0,0,0.75);
     transition: .5s ease;

}
body .page-content .product .image img {

    top: -8px;

}

body #header .top .row .search-form .submit input {

    cursor: pointer;
}



@media screen
and (max-width: 768px){
  .page-id-635 .page-banner h1 {
    line-height: 61px !important;
 }
  .page-id-647 .page-banner h1 {
    line-height: 61px !important;
  }
  .page-id-647 .page-banner {
    height: auto;

  }

}


@media screen
and (max-width: 736px){

  .inner_l img {
    width: auto !important;
    max-width: 100%;
    height: auto;
   }

}



@media screen
and (max-width: 667px){

 .inner_l img {
    width: auto !important;
    max-width: 100%;
    height: auto;
   }
    body .page-banner h1 {
       line-height: 56px !important;

   }



}

@media screen
and (max-width: 640px){

  .inner_l {

    width: 49%;
   }
    .inner_2 {

    width: 49%;

   }

}



@media screen
and (max-width: 600px){

    .inner_l img {
    float: none !important;
    padding: 0 !important;
  }
   .inner_l {
    text-align: center !important;
  }
   .inner_l p {
    margin: 0 !important;
   }
    .page-id-647 .page-banner h1 {
    line-height: 44px !important;
   }


}

@media screen
and (max-width: 414px){
 body .page-banner h1 {
    line-height: 48px !important;
    font-size: 38px !important;
   }
   .page-id-647 .page-banner {
    height: auto !important;
  }
  .inner_l {
    width: 100%;
  }
.inner_2 {
    width: 100%;
    margin-left: 0px;
    margin-top: 10px;
 }


}

@media screen
and (max-width: 384px){
  body .page-banner h1 {

    font-size: 35px !important;
   }
}




@media screen
and (max-width: 320px){

 body .page-banner h1 {
    line-height: 43px !important;
    font-size: 34px !important;
  }
   .page-id-635 .page-banner h1 {
    line-height: 43px !important;
   }
    .col-xs-8.page-content {
      width: 100%;
    }
    .col-xs-3.col-xs-offset-1.sidebar {
       width: 100%;
        margin: 0;
    }



}


.button.open-button {
    background: #fdb813;
    margin-top: 15px;
    width: 255px;
    text-align: center;
    padding: 10px 15px;
}