/*theme style css*/
body { position:relative; }
/* 
HEADER CSS 
*/
a, a:focus, a:active select { outline:0; outline:none; }
.site-header { background: #fff; border-bottom: 1px solid #b5b5b5; }
/* LOGO CSS **********************/
.navbar-brand { height: auto; padding: 5px 0px; }
/* MENUBAR CSS *******************/
.primary-menu { margin-bottom: 0; padding: 15px 0px; }
.site-header .mob-menu { display: none!important; }
.main-menu { float: right; }
.main-menu li { padding: 10px 0px; }
.main-menu li a { padding: 0 15px; color: #6d6e71; font-size: 14px; text-transform: uppercase; border:1px solid transparent; border-right: 1px solid #6d6e71; vertical-align: middle; }
.main-menu li:last-child a { border-right:1px solid transparent; }
.main-menu li a:hover, .main-menu li a:focus, .main-menu li.active a { background: transparent; color: #000; }
/***************************************************************/

/* 
FOOTER CSS 
*/

.site-footer { background: #fff; position: absolute; bottom: 0; width: 100%; padding: 15px 0px; border-top: 1px solid #b5b5b5; }
/* SOCIAL LINKS CSS ***********************************/
.social-network { float:right; }
.social-network > li { padding: 0 6px; vertical-align: middle; }
.social-network li > a { color: #333333; text-transform: uppercase; font-size: 24px; }
.social-network .fa-youtube-play:before { font-size: 27px; }
.social-network li > a:hover, .social-network li > a:focus { color: #000; color: #b72020; }
/***************************************************************/
.page-title-wrapper { margin-top: 50px }
.pg-title { font-size: 32px; font-weight: 700; letter-spacing: 1px; position: relative; padding: 0px; margin: 0px; line-height: 40px; text-transform:uppercase; }
.headerunderline:after { content: " "; width: 70px; height: 3px; position: absolute; bottom: 0px; left: 0%; background-color: #333; }
.site-content { padding: 75px 0; }
.filters { margin: 50px 0; }
.fil-tab-list > li { padding:0 1px; }
.filters span.filter { display: block; padding: 10px; border: 1px solid #dadada; border-radius: 4px; color: #999; font-size: 15px; font-weight: 700; cursor: pointer; }
.filters span.filter.active { color: #333; border-color: #bbb; box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.13); }
.portfolio { margin-bottom:14px; display:none; padding: 0 7px; }
.portfolio-wrapper { position: relative; overflow: hidden; }
.portfolio-wrapper img { width: 100%; }
.overlay { position: absolute; opacity: 0.9; text-align: center; padding-top: 60px; background-color: #a7a7a7; color:#fff; }
.overlay a { color:#fff; text-decoration:none; display: block; margin: 10px 0px; opacity: 0; -webkit-transition: opacity .35s, -webkit-transform .35s; transition: opacity .35s, transform .35s; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); }
.portfolio-wrapper:hover .overlay a { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.overlay .title { font-size: 15px; font-weight: bold; display: block; width: 100%; text-transform:uppercase; }
.overlay .play-ico { font-size:20px; }
.separator { display: inline-block; height: 2px; width: 25%; background: #fff; opacity: 0; transition: opacity .55s, transform .55s; -webkit-transform: scale(0, 1); transform: scale(0, 1); }
.portfolio-wrapper:hover .separator { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
.YouTubePopUp-Wrap { position:fixed; width:100%; height:100%; background-color:#000; background-color:rgba(0,0,0,0.8); top:0; left:0; z-index:9999999999999; }
.YouTubePopUp-animation { opacity: 0; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: YouTubePopUp; animation-name: YouTubePopUp; }
 @-webkit-keyframes YouTubePopUp {  0% {
 opacity: 0;
}
 100% {
 opacity: 1;
}
}
 @keyframes YouTubePopUp {  0% {
 opacity: 0;
}
 100% {
 opacity: 1;
}
}
body.logged-in .YouTubePopUp-Wrap { /* For WordPress */ top:32px; z-index:99998; }
.YouTubePopUp-Content { /*max-width:680px;*/ max-width:960px; display:block; margin:0 auto; height:100%; position:relative; }
.YouTubePopUp-Content iframe { max-width:100% !important; width:100% !important; display:block !important; height:480px !important; border:none !important; position:absolute; top: 0; bottom: 0; margin: auto 0; }
.YouTubePopUp-Hide { -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: YouTubePopUpHide; animation-name: YouTubePopUpHide; }
 @-webkit-keyframes YouTubePopUpHide {  0% {
 opacity: 1;
}
 100% {
 opacity: 0;
}
}
 @keyframes YouTubePopUpHide {  0% {
 opacity: 1;
}
 100% {
 opacity: 0;
}
}
.YouTubePopUp-Close { position: absolute; top: 45px; cursor: pointer; bottom: 528px; right: -15px; margin: auto 0; background: url(../images/close.png) no-repeat; background-size: 15px 15px; -webkit-background-size: 15px 15px; -moz-background-size: 15px 15px; -o-background-size: 15px 15px; width: 35px; height: 35px; border: 3px solid #fff; border-radius: 50%; background-color: #000; z-index: 3; background-position: center; }
.YouTubePopUp-Close:hover { opacity:0.5; }
.portfolio-wraper { margin-top:50px; }
.flex-video { position:relative; padding-top:25px; padding-bottom:67.5%; height:0; margin-bottom:16px; overflow:hidden }
.flex-video.widescreen { padding-bottom:57.25% }
.flex-video.vimeo { padding-top:0 }
.flex-video iframe, .flex-video object, .flex-video embed { position:absolute; top:0; left:0; width:100%; height:100% }
 @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 }
}
abbr[title], acronym[title] { border-bottom:none }
/******************************************************/

/* CONTACT PAGE CSS ************************/
.contact-wrapper { margin-top: 50px; }
.map { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); }
.contact-info { background: #171717; color:#aaa; padding: 25px; margin-bottom: 25px; }
.c-info { margin-bottom: 25px; color:#6d6e71; }
.c-info a { color:#6d6e71; text-decoration:none; }
.c-info a:hover, .c-info a:hover { color:#b72020; text-decoration:none; }
/******************************************************/

/* RESPONSIVE CSS ************************/
@media all and (max-width: 768px) and (min-width: 10px) {
.YouTubePopUp-Content { max-width:90%; }
}
 @media all and (max-width: 600px) and (min-width: 10px) {
.YouTubePopUp-Content iframe { height:320px !important; }
.YouTubePopUp-Close { bottom:362px; }
}
 @media all and (max-width: 480px) and (min-width: 10px) {
.YouTubePopUp-Content iframe { height:220px !important; }
.YouTubePopUp-Close { bottom:262px; }
}
 @media (max-width: 991px) {
.navbar-collapse.collapse { display: none!important; }
.navbar-collapse.collapse.in { display: block!important; }
.navbar-header { float: right; width: 100%; }
.navbar-toggle { display: block!important; background:#333!important; margin:3px 0px; }
.navbar-toggle .icon-bar { background: #fff!important; }
.primary-menu { width: 100%; margin-top: 0px; left: 0; right: 0; position: relative }
.site-header { background: #000; }
.site-header .mob-menu { background: #020609; position: absolute; width: 100%; left: 0; right: 0; }
.main-menu { float: none; width: 100%; }
.main-menu li { padding: 10px 0px; display: block; width: 100%; }
.main-menu li a { border: 1px solid transparent; border-right: 1px solid #transparent; }
.main-menu li a:hover, .main-menu li a:focus, .main-menu li.active a { background: transparent; color: #ddd; }
.footer-left, .footer-right { float: none; text-align: center; margin-bottom:15px; }
.footer-right .social-network { float: none; margin-bottom:0; }
}
 @media (max-width: 480px) {
ul.fil-tab-list { width: 100%; margin-left:0; }
ul.fil-tab-list-1 { width: 100%; margin-left:0;display: none; }
ul.fil-tab-list > li { width: 100%; }
}