/*
Title:   UPDATES Css File
Author:  http://themeforest.net/user/hogash // Marius Hogas
This is  where the updates will be located  */

/* MENU CHASER STYLES */
.chaser {background:#111; background:rgba(0,0,0,0.75); padding:0; position:fixed; left:0; right:0; top:0; width:100%; z-index: 9999;}
.chaser .row {margin-bottom:0;}
.chaser ul.sf-menu {float:none; display:block;}
.chaser ul.sf-menu > li {float:left;}
.chaser ul.sf-menu li a {color:#ddd; font-size:12px; line-height:1; padding:7px 25px 7px 15px;
-webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; transition: all 0.2s ease-out;}
.chaser ul.sf-menu li a.sf-with-ul {}
.chaser ul.sf-menu li .sf-sub-indicator {top:7px; background-image:url(../images/arrows-ffffff.png);}
.chaser ul.sf-menu li.sfHover > a,
.chaser ul.sf-menu li:hover > a,
.chaser ul.sf-menu li a:hover {color:#fff; background:#000;}
.chaser ul.sf-menu li ul { background:#111; background:rgba(0,0,0,0.75); width:13em !important; }
.chaser ul.sf-menu li li:hover ul,
.chaser ul.sf-menu li li.sfHover ul {left:13.1em !important;}
.chaser ul.sf-menu li:hover ul,
.chaser ul.sf-menu li.sfHover ul {top: 26px;padding-bottom: 5px;}
.chaser ul.sf-menu li li:hover ul,
.chaser ul.sf-menu li li.sfHover ul {top:0;}
iframe[src*="assets.pinterest.com"] {display:none;}

/* BOXED VERSION */
body.boxed {background:#fff url(../images/patterns/pat1.png);}
body.boxed #page_wrapper {width:1200px; border-left: 3px solid #fff; border-right: 3px solid #fff; margin:0 auto; background:#f5f5f5; box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);}


/* TOOLTIP FADE */
.fade {opacity: 0; -webkit-transition: opacity 0.15s linear; -moz-transition: opacity 0.15s linear; -o-transition: opacity 0.15s linear; transition: opacity 0.15s linear; }
.fade.in { opacity: 1; }

.pagenav { margin:10px 0; padding:0; list-style:none; }
.pagenav:before, .pagenav:after {content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.pagenav:after {clear: both; }
.pagenav {zoom: 1;  }

.pagenav li {float:left; }
.pagenav li.pagenav-next {float:right; }
.pagenav li a {font-size: 10px; font-weight: bold; color: #757575; text-transform:uppercase; border:1px solid #eee; border:1px solid rgba(0,0,0,0.1); padding: 7px 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; display: block; line-height: 1; }
.pagenav li a:hover {color: #595959; border:1px solid #ddd; border:1px solid rgba(0,0,0,0.2); -webkit-transition: all 0.15s linear; -moz-transition: all 0.15s linear; -o-transition: all 0.15s linear; transition: all 0.15s linear}

#system-message {margin:20px 0 10px;}
#system-message > .message > ul {margin-left:0; background-position: 5px center; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;}

@media (max-width: 767px) {
	.chaser {display:none !important;}
}

/* joomla 3 fixes */
#footer .menu a:hover { background: none; }

.image-boxes img {height: auto;width: 100%;}

/* 1.2 update */
#twitterFeed .timePosted {display:inline-block; color:#9d9d9d; padding-left:10px; border-left:1px solid #707070; font-size:11px; position:absolute; right: 15px; top: 15px; bottom: 15px; width: 45px; vertical-align: middle;line-height: 1;}

.slider_fixed.boxed #slideshow { position: fixed; max-width: 1200px; }
.slider_fixed.boxed #slideshow .iosSlider {max-height: 500px; }

.vmlisting.row-fluid {margin-bottom: 30px;}

#mainbody .sidebar ul.menu li.active > a:after { color: white; left: 8px;}
#mainbody .sidebar ul.menu li.active > a { color: white;}

/***** Update 1.4 */

.plus .theHoverBorder {background-position:center center; background-repeat: no-repeat;}
.nomarginhome section#content {margin-top: 0;}

#header #logo img {max-width: none;}
#header #logo a,
#header a#logo {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

/* Header 5 */
header#header.style5 {background:transparent;}
header#header.style5 > .container {border-bottom: 2px solid rgba(255, 255, 255, 0.1);}
header#header.style5 .topnav > li {border-left:1px solid rgba(255,255,255,0.1); padding-left:20px;  margin-top:5px}
header#header.style5 ul.topnav:last-of-type li:first-child {border-left:0; margin-left:0; padding-left:0;}
header#header.style5 .topnav > li >a {line-height:18px;}
/*header#header.style5 #logo a {padding: 28px 10px;}*/

/* Header 6 */
header#header.style6 {background:rgba(255,255,255,0.95); border-top: 3px solid #CD2122; box-shadow:0 3px 5px rgba(0,0,0,0.1);}
header#header.style6 nav#main_menu > ul > li > a { color:#535151; }
header#header.style6 nav#main_menu > ul > li.active > a,
header#header.style6 nav#main_menu > ul > li > a:hover,
header#header.style6 nav#main_menu > ul > li:hover > a {color:#fff;}
header#header.style6 .topnav > li > a { color: #898989; }
header#header.style6 .topnav > li > a > span {background-image: url("../images/glyphicons-halflings.png"); opacity:.5;}

/* header 7 */
header#header.style7 { height: auto; }
header#header.style7 #logo a,
header#header.style7 a#logo {float: none; margin:0 auto; width: 126px; position: absolute; left: 50%; margin-left: -63px;}
/*header#header.style7 #logo a {padding: 15px 0;}*/
header#header.style7 .topnav.navLeft {float: left;}
header#header.style7 .topnav.navLeft > li:first-child {margin-left: 0;}
header#header.style7 .container {position:relative}
header#header.style7 nav#main_menu {margin-top: 86px; float:none; text-align:center;}
header#header.style7 nav#main_menu > ul.sf-menu {display:inline-block; margin-bottom: 5px; }
header#header.style7 #search {position:absolute; right:0; top:40px}
header#header.style7 nav#main_menu .sf-menu a {text-align:start;}

@media (max-width: 480px) {
	header.style1 #logo a, header.style1 a#logo,
	header.style2 #logo a, header.style2 a#logo,
	header.style3 #logo a, header.style3 a#logo,
	header.style4 #logo a, header.style4 a#logo,
	header.style5 #logo a, header.style5 a#logo { float: none; text-align: center; width:100%; }
	#header .topnav.navLeft { float: left; }
	header#header.style3,
	header#header.style5,
	header#header.style6 {background: rgba(0, 0, 0, 0.5);}
	header#header.style7 #logo {position:static; width: 100%; margin: 0;}
	header#header.style7 nav#main_menu {margin-top:0; }

}

/* Menu text separator */
nav#main_menu > ul.sf-menu > li > span.separator {font-size:14px; font-weight:700; color:#fff; padding: 0 12px 0; margin:0 0 5px; display: block; border: 0; line-height: 1; position:relative; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;font-family: 'Lato', 'Helvetica', Arial, serif; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; transition: all 0.2s ease-out;}
nav#main_menu > ul.sf-menu ul li span.separator {color:#535353; line-height:27px; font-size:12px; padding:0 12px; }
nav#main_menu > ul.sf-menu > li.active > .separator,
nav#main_menu > ul.sf-menu > li > .separator:hover,
nav#main_menu > ul.sf-menu > li:hover > .separator {background-color: #CD2122; padding: 6px 12px 5px; margin: -6px 0 0 0; }
nav#main_menu > ul.sf-menu li li.parent > span.separator:after { content:''; position:absolute; display: block; right: .75em; background: #CCC; height: 1px; width: 7px; top: 50%; margin-top: -1px; }
/* Chaser menu in case when you get menu text separator */
.chaser ul.sf-menu li .separator {color:#ddd; font-size:12px; line-height:1; padding:7px 25px 7px 15px; display: block;}
.chaser ul.sf-menu li .separator:after {content:''; position:absolute; right:9px; top: 7px; background-image: url(../images/arrows-ffffff.png); background-repeat:no-repeat; background-position: -10px -100px; width:10px; height:10px;}
.chaser ul.sf-menu li li .separator:after {background-position: 0 0;}

/* Call to action Button in Header */
#header.cta_button .container {position:relative;}
#header.cta_button #search {position:absolute; top: 10px; right:10px; clear:none; float:none;}
#header.cta_button #search .searchBtn {margin:0;}
#header.cta_button .topnav {margin-top:13px;}
/*#header.cta_button .topnav.navLeft {float: right;}*/
#header.cta_button .topnav.navRight {margin-right: 50px;}

#ctabutton {clear:right; float: right; position: relative; font-size: 11px; font-weight: 700; color:#fff; text-align: center ; background: #cd2122; padding: 10px 10px 5px; border-radius: 2px; margin-top: 8px;margin-left: 20px; margin-bottom: -7px;}
#ctabutton .trisvg {position:absolute; top: 100%; left:0; width: 100%; height: 5px;}
#ctabutton .trisvg path {fill:#cd2122;}
#ctabutton:hover {background: #fff; color:#000}
#ctabutton:hover .trisvg path {fill:#fff;}
#ctabutton strong {font-size: 17px; font-weight: 900; display:block;}
@media (min-width: 767px) and (max-width: 979px){
	#ctabutton ~ #main_menu {margin-top: 10px;}
}
@media (max-width: 767px){
	#search { margin-right: 10px; margin-top: 10px; }
	#header.cta_button #search {float: right; margin: 10px 10px 0 0; position:relative; top:auto; right:auto;}
	#ctabutton {  margin:10px 10px 0 10px;}
	#ctabutton ~ nav#main_menu { margin-right: 0;  margin-top:10px; }
	#ctabutton ~ nav#main_menu .mobileMenu {max-width: 180px;}
}
@media (max-width: 480px){
	#ctabutton ~ nav#main_menu {float:left; margin: 0 10px; clear: left;}
	#ctabutton ~ nav#main_menu .mobileMenu {max-width: 190px;}

}
@media (max-width: 320px){
	#ctabutton { margin-left: 10px;}
	#ctabutton ~ #main_menu {margin-right:0;}
}

#search .search {z-index: 1;}

/* Logo with InfoCard on Hover */
.logo-container {float:left;}
.logo-container.hasInfoCard {position:relative;}
.logo-container.hasInfoCard:before {content:url(../images/hoverme.png); width: 98px; height:35px; right:100%; margin-right: 20px; top:40px; position:absolute;}
.logo-container #infocard {position:absolute; top:100%; margin-top:20px; width:440px; padding:30px 20px 25px; background:#cd2122; border-radius: 2px; font-size: 12px; display:block; visibility:hidden; opacity:0; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.4); -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; transition: all 0.2s ease-out;
-webkit-transition-delay: .3s; -moz-transition-delay: .3s; -ms-transition-delay: .3s; -o-transition-delay: .3s; transition-delay: .3s;
-webkit-backface-visibility: hidden;}
.logo-container:hover #infocard { visibility:visible; opacity:1; margin-top:10px; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -ms-transition-delay: 0s; -o-transition-delay: 0s; -transition-delay: 0s;}
#infocard,
#infocard a {color: #FFF; font-weight: normal; line-height: 1.6;}
#infocard a:hover {color: rgba(255,255,255,.7);}
#infocard p:last-child {margin-bottom: 0;}
#infocard .social-icons {margin-bottom:0;}
#infocard .social-icons li {margin:0;}
#infocard .social-icons li.title {margin-right: 10px;font-size: 15px;}
#infocard .social-icons li a {background-color:transparent; box-shadow: none;}
#infocard .social-icons li a:hover {opacity:.7;}
#infocard .contact-details { background: url(../images/say_hi.png) no-repeat right top; }
@media (max-width: 767px) {
	.logo-container.hasInfoCard:before,
	.logo-container #infocard {display:none;}
}

.fluid-width-video-wrapper { width: 100%; position: relative; padding: 0; }
.fluid-width-video-wrapper iframe,
.fluid-width-video-wrapper object,
.fluid-width-video-wrapper embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

