/**
* custom.css file created by Eximium Template
* @package Eximium Template
* @author Youjoomla.com
* @website Youjoomla.com 
* @copyright	Copyright (c) since 2007 Youjoomla.com.
* @license PHP files are released under GNU/GPL V2 Copyleft License.CSS / LESS / JS / IMAGES are Copyrighted material
**/
/*
 ADD ALL YOUR CUSTOM CSS OVERRIDES TO THIS FILE.
 THIS WAY IF YOU MAKE A MISTAKE YOU CAN ALWAYS TURN CUSTOM CSS FILE OFF
 AND REVERT BACK TO ORIGINAL TEMPLATE CSS
 THIS FILE WILL LOAD VERY LAST AFTER ALL TEMPLATE CSS FILES.
 SO YOU CAN OVERRIDE ANY CSS PART OF THE TEMPLATE YOU NEED.
*/

/* -----------------  Template - Global  ------------------- */


/* ---- Header - Transition ---- */
.top_pos {
    position: fixed;
    width: 100%;
    z-index: 10000;
  	height: 31px;
  
    -moz-transition: height 0.9s cubic-bezier(.25,.46,.45,.94);
    -webkit-transition: height 0.9s cubic-bezier(.25,.46,.45,.94);
    -o-transition: height 0.9s cubic-bezier(.25,.46,.45,.94);  
	transition: height 0.9s cubic-bezier(.25,.46,.45,.94);
}
.top_pos.tp-dispnone { height: 0; overflow: hidden;}
#centertop {
    position: fixed;
    width: 100%;
    top: 31px;
    background-color: #fff;
    z-index: 10000;
    height: 124px;
    border-bottom: 1px solid #7c0200 !important;
  
    -moz-transition:  all 0.9s cubic-bezier(.25,.46,.45,.94);
    -webkit-transition:  all 0.9s cubic-bezier(.25,.46,.45,.94);
    -o-transition:  all 0.9s cubic-bezier(.25,.46,.45,.94);
    transition: all 0.9s cubic-bezier(.25,.46,.45,.94);
}
.ct-posfix { 
  top: 0 !important; 
  height: 84px !important;
  border-bottom: 1px solid #7c0200 !important;

    -moz-transition: height 0.9s cubic-bezier(.25,.46,.45,.94);
    -webkit-transition: height 0.9s cubic-bezier(.25,.46,.45,.94);
    -o-transition: height 0.9s cubic-bezier(.25,.46,.45,.94);
    transition: height 0.9s cubic-bezier(.25,.46,.45,.94);
}

/* Logo/Menu - Transition */
ul.yjsgmenu li a { 
    -moz-transition:  all 0.9s cubic-bezier(.25,.46,.45,.94);
    -webkit-transition:  all 0.9s cubic-bezier(.25,.46,.45,.94);
    -o-transition:  all 0.9s cubic-bezier(.25,.46,.45,.94);
    transition: all 0.9s cubic-bezier(.25,.46,.45,.94);
}
.small-menu {
    height: 75px !important;
    line-height: 84px !important;

    -moz-transition: height 0.9s cubic-bezier(.25,.46,.45,.94);
    -webkit-transition: height 0.9s cubic-bezier(.25,.46,.45,.94);
    -o-transition: height 0.9s cubic-bezier(.25,.46,.45,.94);
    transition: height 0.9s cubic-bezier(.25,.46,.45,.94);
}
#logo{ position: relative; top: 0; left: 0;}
#logo { 
    -moz-transition:  all 0.9s cubic-bezier(.25,.46,.45,.94);
    -webkit-transition:  all 0.9s cubic-bezier(.25,.46,.45,.94);
    -o-transition:  all 0.9s cubic-bezier(.25,.46,.45,.94);
    transition: all 0.9s cubic-bezier(.25,.46,.45,.94);
}
.small-logo {    
    top: -60px !important;
    left: -84px !important;
  
    -moz-transform: scale(0.4);
 	-webkit-transform: scale(0.4); 
    -o-transform: scale(0.4);
    transform: scale(0.4); 
    
}
/* ---- Header - Transition END ---- */


/* ---- Soical - Contact styling ---- */
.top_pos { background: #7c0200; color: #fff;}
#yjsg1.yjsg_grid { padding: 0;}
.soc-con { float:right;}
.soc-con p { margin: 0;}
.soc-con a { background-color: transparent; border-right: 1px solid #fff; padding: 9px; font-size: 11px; color: #fff;}
.soc-con a:hover { 
  	background-color: #fff; 
  	color: #7c0200;

	-moz-transition: background-color 1s ease;  
  	-webkit-transition: background-color 1s ease;
  	-o-transition: background-color 1s ease;
  	transition: background-color 1s ease;
}
.soc-con a span {
    position: relative;
    top: 4px;
}
.soc-con .fa-phone { color: #fff;} 

/* ---- Menus styling ---- */
#yjsgheadergrid { padding: 0;}
#yjsgheadergrid #topmenu_holder { margin-top: 0;}


.yjsgmenu a {	
  background-color: #fff;
  
  -webkit-transition: background-color 0.5s ease;
  -moz-transition: background-color 0.5s ease;
  -o-transition: background-color 0.5s ease;
  transition: background-color 0.5s ease; 
}
.yjsgmenu a.activepath, .yjsgmenu a:hover, .yjsgmenu a:focus, .yjsgmenu li:hover > .child a { 
  	background-color: transparent; 
    color: #7c0200!important; 
}

ul.yjsgmenu li { 
  	text-transform: uppercase; 
  	font-size: 14px; 
    font-weight: bold;  
}
ul.yjsgmenu li a {
    height: 114px;
    line-height: 140px;
}
ul.yjsgmenu li:last-child a {
    padding: 0 0px 0 25px;
}
ul.subul_main li:last-child a {
    padding: 0 0px 0 10px;
}
ul.subul_main li a {
    height: 30px !important;
    line-height: 30px !important;
}

/* Offcanvas menu - Activator */
#mmenu-cont { float: right; display: none;}
.yjsg-offc-btn.site-offc { display: none;}

/* Offcanvas menu */
.yjsg-off_canvas_in.canvas_active { background: #7c0200;}
.yjsg-off_canvas_in { padding: 25px;}
.yjsg-off_canvas_in .closeCanvas { color: #fff;}
.defaultmenu li a { color: #fff; border-bottom: 1px solid #eee;}
.defaultmenu a.isactivea, .defaultmenu li a:hover { background: transparent; color: #000;}

/* ---- Content block - adjustment ---- */
#content-block {
    position: relative;
    top: 155px;
}

/* ---- Global text ---- */
ul, ol { padding-left: 0; list-style-position: outside; margin: 0 0 0 30px;}
strong { color: #7c0200;}


/* -------- Modules -------- */
/* Slider */
.sp-slider-item .container { margin: 0; padding: 0;}
.sp-vertical-middle { background-color: rgba(0,0,0,0.5); padding: 10px 0 10px 110px;}
.sp-iStoreii-layout h1.sp-title { color: #fff; margin: 0;}
.sp-iStoreii-layout h2.sp-posttitle { color: #fff; margin: 10px;}
.slider-arrow-nav { display: none;}

/* About Us */
.aboutUs h1.module_title { font-size: 36px; text-align: center; color: #7c0200;}
.aboutUs p { font-size: 16px;}

/* Portfolio */
.focusPort h1.module_title { font-size: 36px; text-align: center; color: #7c0200;}
.sp-portfolio-item-details h4.item-title { font-size: 26px; font-weight: 400; text-align: center;}
a.sp-portfolio-preview { display: none !important;}
a.sp-portfolio-link { color: #fff !important;}
div.default .sp-portfolio-thumb .sp-portfolio-overlay > div > a {
    width: 130px;
    height: 40px;
    line-height: 40px;
    font-size: 17px;
}

/* Testimonials */
.testims h1.module_title { font-size: 36px; text-align: center; color: #7c0200;}
.testims .innerDiv img { margin: 10px 20px 0 0;}

/* Gym Log */
.itemid-0 .pagetitle {
    display: none !important;
}
.itemid-0  #content-block {
    top: 250px;
}

/* ---------- Pages ------------ */
/* Home */
.homepage #centerbottom { display: none;}

/* Blog */
.blogPG #content-block {
    top: 200px;
}

/* Contact us */
.contactPg #content-block {
    top: 108px;
}
.mapOverlay {
    display: table;
    width: 260px;
    height: 200px;
    padding: 20px;
    background: #012e60;
    position: absolute;
    top: 30px;
    right: 12px;
    color: #fff;
}
.mapOverlay a { color: #fff;}
.mapOverlay span.fa { font-size: 16px; margin-right: 10px;}
.mapOverlay table { width: 100%;}
.mapOverlay table tr { vertical-align: top;}