body { font-family: 'Lato',sans-serif; }
a { color: #eb2e2d; }
a:hover { color: #eb2e2d; }
.table { margin-bottom: 10px; }
#bodycontainer { max-width: 1280px; margin: 0 auto; border-left:1px solid rgba(0,0,0,.2); border-right:1px solid rgba(0,0,0,.2); -webkit-box-shadow: 0 6px 12px rgba(0,0,0,0.175); box-shadow: 0 6px 12px rgba(0,0,0,0.175); }
/*.theme-showcase { display: none; } /* comment to show anything else */
.theme-dropdown .dropdown-menu { display: block; position: static; margin-bottom: 20px; }
.theme-showcase > p > .btn { margin: 5px 0; }

.navbar { font-size: 12px; margin-bottom: 8px; }
.navbar-inverse { background-color: #333; -webkit-transform: translateZ(0px); background-repeat: repeat-x; background-position: left bottom; z-index: 11; position: relative; -webkit-box-shadow: 0 1px 1px rgba(45,45,45,.5); -moz-box-shadow: 0 1px 1px rgba(45,45,45,.5); box-shadow: 0 1px 1px rgba(45,45,45,.5); }
.navbar-inverse .navbar-nav>li>a { color: #ccc; }
.navbar-brand { padding: 15px 15px 0px 16px; }
.navbar-nav>li>.dropdown-menu, .navbar-nav>li { -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }
.navbar-nav>li>.dropdown-menu { border-radius: 0; }
.dropdown-menu>li>a:hover { background: #eb2e2d; color: #ffffff; }
.dropdown-menu-cars  { width: 300px;}
.navbar i { line-height: 20px; font-size: 16px; }
.navbar .social { float: right; }
.navbar .social a { float: left; }
@media (max-width: 767px) {
    .navbar .social { float: left; margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; }
}
@media (min-width: 260px) and (max-width: 319px) { 
    .navbar-brand { padding-right: 5px; padding-top: 17px; }
    .navbar-brand img { width: 160px; }
}
@media (max-width: 259px) { 
    .navbar-brand { padding-right: 2px; padding-top: 19px; }
    .navbar-brand img { width: 120px; }
}

.img-thumbnail { border-radius: 0px; border: 0; }
.img-thumbnail:hover { background: #eb2e2d; }
/*.img-overview {width: 50%; float: left; margin: 0 15px 10px 0; max-height: 350px; }*/

.btn, .btn-primary, .btn-lg { border-radius: 0; background: #efefef; color: #eb2e2d; font-size: 14px; border: 1px solid #777777; text-shadow: 0 0;}
.btn:hover, .btn-primary:hover, .btn-lg:hover { border: 1px solid #eb2e2d; background: #efefef; background: #333; color: #eb2e2d; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out;  }
.btn-subnav { background: #ffffff; border: 1px solid #efefef; padding: 8px 20px 8px 20px; font-size: 12px; border: 0; box-shadow: 0; -webkit-box-shadow: 0; }
.btn-subnav:hover { border: 0; }
.btn-selected { background: #333; color: #ffffff;}
.btn-selected:hover { background: #333; color: #ffffff;}

.btn-subnav { font-size: 12px; padding: 5px 12px; }

.photo-more .col-sm-2 { padding-right: 18px !important; padding-left: 0px !important;}
.big-photo h2 {text-align: left !important;}

.red { color: #eb2e2d; }

h1,h2,h3,h4 { font-family: 'Helvetica Neue',sans-serif; margin: 0 0 4px 0; }
h1 { font-size: 24px; }
h1.underline { border-bottom: 1px solid #333; padding: 5px 0; }
h2 { font-size: 16px; border-top: 1px solid #333; padding: 2px 0 4px 0; }
h3 { font-size: 14px; border-top: 1px solid #333; padding: 3px 0; }

/*.subnav { }*/
.overview { text-align: justify; line-height: 24px; margin-top: 8px; font-size: 14px; }
.overview .col-sm-6 { padding-bottom: 10px; overflow: hidden;} 

.caret-big { border-top: 8px solid; border-right: 8px solid transparent; border-left: 8px solid transparent; position: relative; left: -68px; top: 20px; }

.line { clear: both; width: 100%; border-bottom:1px solid #e6e6e6; }
.line-black { border-bottom:1px solid #333; }
.simple-breadcrumb { font-size:13px; }
.center { text-align: center; }

.small-thumb img { width: 100%; max-width: 320px; }
/*.small-thumb .col-sm-2 { padding: 0;}*/
.thumbs-cont { width: 600px;}
.thumb-cont { float:left;}
.col-sm-2, .col-sm-3, .col-sm-4, .col-sm-6, .col-sm-12 { padding-right: 5px; padding-left: 5px; }

.arrow { width: 0;  height: 0;  float: left; border: 7px solid transparent; }
.arrow-up { border-bottom: 7px solid #eb2e2d; }
.arrow-down { border-top: 7px solid #eb2e2d; }
.arrow-right { border-left: 7px solid #333; margin-top: 2px; margin-right: 5px;}
.arrow-left { border-right: 7px solid #eb2e2d; }

.nopadding { padding-left: 0 !important; padding-right: 0 !important; }

.img-thumbnail { -webkit-box-shadow: none; box-shadow: none;}

h2 a { color: #333; font-size: 14px;}
.fa-chevron-right, .fa-chevron-down { color: #eb2e2d; margin-right: 5px; font-size: 12px; }
.fa-gears, .fa-camera { margin-left: 5px; color: #eb2e2d; }

.table-striped>tbody>tr:nth-child(odd)>td, .table-striped>tbody>tr:nth-child(odd)>th { background: #eaeaea; }

.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {
border-top: 0;border-bottom: 1px solid #ddd;}
.table-hover>tbody>tr:hover>td, .table-hover>tbody>tr:hover>th { /*border-top: 1px solid #eb2e2d;*/ border-bottom: 1px solid #eb2e2d; }

.all { text-align: right; }
.all i { margin: 0; }

.photos-technical table { margin-top: 8px;}
.photos-technical .col-sm-2 { text-align: center; }
.all-photos .img-thumbnail { /*max-width: 273px; max-height: 173px;*/ }

.videos i.fa-play { position: relative; color: #eb2e2d; font-size: 40px; top: -68px; left: 80px;}
.videos i.fa-play:hover { color: #ffffff; }
.videos .title, .video .title, .all-photos .title { border-bottom: 1px solid #333; height: 22px; overflow: hidden; font-size: 12px; width: 100%; text-align: center; }
.all-photos .title { font-size: 12px; }
.videos .col-sm-3 a, .videos .col-sm-6 a, .all-photos .col-sm-3 a, .all-photos .col-sm-6 a { color: #333; line-height: 22px; }
.videos .col-sm-3 a:hover, .videos .col-sm-6 a:hover, .all-photos .col-sm-3 a:hover, .all-photos .col-sm-6 a:hover { text-decoration: none; color: #eb2e2d; opacity: 0.75;}
.videos .col-sm-3 { text-align: center; }

/*.videos a, .video a { position:relative; }*/
.videos a img, .video a img { position:relative; width:100%; height:auto; }
.videos .glyphicon-play, .video .glyphicon-play { position:absolute; top:42%; left:50%; font-size: 4em; margin-top: -0.45em; margin-left: -0.37em; color: #eb2e2d; }
.videos .glyphicon-play:hover, .video .glyphicon-play:hover { font-size: 5em; }
.videos .img-thumbnail:hover, .video .img-thumbnail:hover { background: #ffffff;}

.photos .col-sm-3, .videos .col-sm-3, .all-photos .col-sm-3 { padding: 10px; max-width: 295px; text-align: center; }
.all-photos .col-sm-3, .all-photos .col-sm-6 { padding: 5px; }
.index-photos .col-sm-6 { padding: 5px;}
.index-photos .col-sm-6 .img-thumbnail { margin: 4px 0;}
.index-videos .col-sm-6 { padding: 5px;}

.paging { text-align: center; }
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus { background: #eb2e2d; border-color: #eb2e2d; }

.technical .col-sm-12 {  padding: 15px; }

.footer { border-top: 1px solid #cdcdcd; border-bottom: 4px solid #eb2e2d; height: 100px; margin-top: 10px; font-size: 12px; padding-top: 20px; }
.footer sup { font-size: 7px;}
.footer .links a { margin-right: 20px; }
.footer .links { margin-bottom: 10px; }

.left-column { padding-left: 15px; min-height: 600px; background: #333; margin-right: -1px; min-width: 160px;}
.right-column { min-width: 160px; min-height: 600px; margin-right: -1px; text-align: center;}

.video, .photo { margin: 10px -15px 0 0;}
.big-photo, .big-video { margin-left: -15px !important;  }
.big-photo { text-align: center; }
.img-big-cont { position: relative; min-height: 200px; /*vertical-align: middle; display: table-cell;*/ padding-bottom: 10px;}
.big-img {/*width: 100%; height: 100%; max-height: 700px;*/} /* need to adjust this for ipads and iphones */
.flex-video { position: relative; padding-top: 0px; padding-bottom: 50%; height: 0; min-height: 175px; overflow: hidden; }
.flex-video iframe, .flex-video object, .flex-video embed { position: absolute; top: 0; width: 100%; height: 100%; max-height: 500px; padding-left: 0; }
@media only screen and (max-device-width: 800px), only screen and (device-width: 1024px) and (device-height: 600px), only screen and (width: 1280px) and (orientation: landscape), only screen and (device-width: 800px), only screen and (max-width: 767px) { 
	.flex-video { padding-top: 0; } 
}

.small-thumb .col-sm-4 { overflow: hidden; }

@media (max-width: 767px) {
	.img-big-cont { max-height: 600px; min-height: 100px;}
	.img-big-cont .prev_item, .img-big-cont .next_item { top: 42%;}
	.big-img { max-height: 600px; width: 100%;}
	.photos .col-sm-3 { float: left; width: 50%; } 
	.videos .col-sm-3, .all-photos .col-sm-3 { width: 50%; float: left;}
	.all-videos .col-sm-3{ width: 50%; float: left;}
	.all-videos a .img-thumbnail{ /*height: 160px;*/ }
	.all-photos a .img-thumbnail{ height: 173px; }
	/*.small-thumb .col-sm-2 { width: 33%; float: left;}*/
	.small-thumb .col-sm-4 { width: 50%; float: left;}
	.index-items .col-sm-6, .index-photos .col-sm-6, .index-videos .col-sm-6 { width: 50%; float: left; }
	.small-thumb-cont .col-sm-4:nth-child(3), .small-thumb-cont .col-sm-4:nth-child(5), .photos .col-sm-3:nth-child(4) { clear: both; }
	
}

@media (max-width: 450px) {
	.img-big-cont { max-height: 250px; min-height: 50px;}
	.big-img { max-height: 250px; width: 100%;} 
	.small-thumb .col-sm-2 { float: left; width: 33%;}	
	.all-photos a .img-thumbnail{ height: 120px; }
	.all-videos .glyphicon-play, .videos .glyphicon-play { font-size: 2.5em;}
	.all-videos .glyphicon-play:hover, .videos .glyphicon-play:hover { font-size: 3em;}
	.pager li>a { padding: 5px 8px; } 	
	.subnav a { margin-bottom: 3px;}
        .btn-subnav { padding: 3px 5px; } 
        h1 { font-size: 20px; }
}


@media (min-width: 768px) and (max-width: 1199px) {
	.img-big-cont { max-height: 600px;}
	.img-big-cont .prev_item, .img-big-cont .next_item { top: 260px;}
	.big-img { max-height: 600px; width: 100%; }
	/*.all-videos a .img-thumbnail{ height: 120px; }*/
	.all-photos a .img-thumbnail{ height: 128px; }
	.index-photos a .img-thumbnail{ height: 119px;}
	.all-videos .glyphicon-play, .videos .glyphicon-play { font-size: 3em;}
	.all-videos .glyphicon-play:hover, .videos .glyphicon-play:hover { font-size: 4em;}
	.small-thumb .col-sm-4 { height: 84px; }
}
@media (min-width: 768px) and (max-width: 991px){
	.img-big-cont .prev_item, .img-big-cont .next_item { top: 200px;}
	.index-photos a .img-thumbnail{ height: 88px;}
	.small-thumb .col-sm-4 { /*height: 62px;*/height: 110px; width: 50%; }
}
@media (min-width: 1200px) {
	.img-big-cont { max-width: 1155px; max-height: 745px;}
	.big-img { max-width: 1155px; max-height: 745px; width: 100%; }
	.all-photos a .img-thumbnail{ height: 160px; }
	.index-photos a .img-thumbnail{ height: 147px;}
	.small-thumb .col-sm-4 { height: 112px; }
}

/*@media screen and (max-width:400px) {
   @-ms-viewport{
		width:320px;
   }
}*/

.ad { padding: 5px 0; text-align: center; }
.ad728 { width: 728px; height:90px; min-height: 90px; margin: 0 auto; clear: both; background: #333; }

.clear { clear: both; }
.clear-2 { clear: both; height: 2px;}
.clear-3 { clear: both; height: 3px;}
.clear-5 { clear: both; height: 5px;}
.clear-10 { clear: both; height: 10px;}
.clear-15 { clear: both; height: 15px;}
.clear-20 { clear: both; height: 20px;}

.yiiPager { margin: 0 auto; text-align: center; padding: 0; }
.pager li.next a { float: none;}
.videos .list-view .summary { margin: 5px 15px -5px 0;}
.crud-menu ul {list-style: none; padding: 20px 0 0 0;}
.crud-cont { margin-top: 20px; }
.view-cont { padding: 20px 0; border-bottom: 1px solid #000;}

.pager {clear: both;}


/* homepage */
.homepageindex ul { list-style-type: none; }
.homepageindex ul li { float: left; margin: 10px; }

.prev_item, .next_item { height: 12%; width: 6%; min-width: 16px; min-height: 29px; position: absolute; top: 320px; background: url(/images/g_arrows.png) center center no-repeat #333; }
.prev_item_link:hover .prev_item, .next_item_link:hover .next_item { background-color: #eb2e2d; } 
.prev_item { left: 0;}
.next_item { -webkit-transform: scaleX(-1); transform: scaleX(-1); right: 0;}
.prev_item_link, .next_item_link { position: absolute; width: 50%; display: block; height: 100%; top: 0; }
.next_item_link { right: 0; }
.crud-cont .mce-tinymce .mce-container-body .mce-edit-area { height: 300px; }
.crud-cont .grid-view  .button-column { width: 215px; }
.crud-cont .button-column img { zoom: 1.2; }

.btn-file {
    position: relative;
    overflow: hidden;
}
.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 999px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}

/* crudadmin */
.button-column a {
	margin: 5px;
	display: block;
	float: left;
}

.justify {text-align: justify;}
.no-hover:hover { background: 0 !important; }
.no-padding { padding: 0 !important;}
.more { margin-bottom: 20px; text-align: right;}

.carousel-caption { font-size: 24px; background: #333; opacity: 0.85; border-top: 1px solid #eb2e2d; right: 0; left: 0; bottom: 0; padding-top: 10px; }
.carousel-indicators { bottom: -7px; }
.carousel-indicators .active { background-color: #eb2e2d; }
@media screen and (min-width: 768px) { 
    .carousel-caption { right: 0%; left: 0%; padding-bottom: 20px; } 
}
@media screen and (max-width: 450px) { 
    .carousel-caption { font-size: 13px; padding-bottom: 10px; padding-top: 0px; } 
    .carousel-indicators { bottom: -13px; }    
    .carousel-indicators li { width: 7px; height: 7px; }
    .carousel-indicators .active { width: 8px; height: 8px;}
}

.pager .previous>a, .pager .previous>span { float: none; }
.pager .selected a { background-color: #eb2e2d; color: #fff;}
.pager li>a:hover, .pager li>a:focus { color: #eb2e2d; }
.makes ul { list-style-type: none; padding: 0; margin: 0; }
.makes ul li { padding: 0 0 5px 7px; }
.subcategory { font-size: 12px; margin-left: 5px; }
.subcategory a { color: #333; margin-right: 5px; white-space: nowrap; }
h1.homepage { text-align: center; padding-top: 3px; padding-bottom: 2px; font-size: 16px;}
@media screen and (min-width: 381px) and (max-width: 599px) { 
    h1.homepage { font-size: 12px; }
    h1.homepage sup { font-size: 7px; top: -0.9em;}
}
@media screen and (max-width: 380px) {
    h1.homepage { font-size: 10px; }
    h1.homepage sup { font-size: 6px; top: -0.8em;}    
}
@media screen and (max-width: 299px) {
    h1.homepage { font-size: 9px; }
}
.left { float: left; }
.mainimage { max-width: 50%; margin-right: 5px; padding: 0 2px 2px 0; }

@media (max-width: 549px) { 
    .mainimage { clear: both; max-width: 100%; }                    
}

.fa-small { margin-left: 2px; font-size: 10px; }
.photo-zoom { /*position: relative; left: 7px;*/ float:right; right: 10px; top: -23px; color: #ffffff; font-size: 16px; height: 0px; text-shadow: 1px 1px #333; }
.photo-zoom:hover { color:#eb2e2d; }
.photo-zoom-small { font-size: 12px; }
.photo-zoom-medium { /*left: -44%;*/ font-size: 14px; }

@media (max-width: 549px) { 
    .photo-zoom-medium { font-size: 12px; /*left: -40%;*/ top: -20px; }                    
}

.grey {color: grey;}

.social-share { margin: 0 auto; height: 25px; padding: 10px 0; width: 240px; }
.social-share div { float: left; margin-right: 20px; }
.social-share div.last { margin-right: 0;}
.social-share #facebook-like-share { height: 20px; max-height: 20px; min-height: 20px; overflow: hidden; margin-right: 3px !important; }
.right .social-share { float: right; margin: 0; padding-top: 5px; margin-right: -10px; }

.social-follow { height: 25px; padding: 15px 0; }
.social-follow div { float: left; padding: 0 10px; }
.social-follow .facebook-like-share { width: 102px; min-width: 102px; }

.right { float: right; }

.facebook, .facebook:hover { color: #3b5998; }
.twitter, .twitter:hover { color: #4099FF;}
.googleplus, .googleplus:hover { color: #dd4b39;}

.addthis_responsive_sharing { text-align: right; height: 42px; min-height: 42px; margin: 5px 14px 5px 0; }
.no-right-margin { margin-right: 0 !important; }
.no-bottom-margin { margin-bottom: 0 !important; }
.no-top-margin { margin-top: 0 !important; }

.responsive-ad { height: 50px; }
@media(min-width: 500px) and (max-width: 749px) { .responsive-ad { height: 60px; } }
@media(min-width: 750px) { .responsive-ad { height: 100%; } }