/* #Custom Style
================================================== */
.hidden{ display: none; }
.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }

.pt20{ padding-top: 20px !important; }
.pb20{ padding-bottom: 20px !important; }
.mb0{ margin-bottom: 0px !important; } .mb1{ margin-bottom: 1px !important; } .mb2{ margin-bottom: 2px !important; }
.mb3{ margin-bottom: 3px !important; } .mb4{ margin-bottom: 4px !important; } .mb5{ margin-bottom: 5px !important; }
.mb6{ margin-bottom: 6px !important; } .mb7{ margin-bottom: 7px !important; } .mb8{ margin-bottom: 8px !important; }
.mb9{ margin-bottom: 9px !important; } .mb10{ margin-bottom: 10px !important; } 
.mb11{ margin-bottom: 11px !important; } .mb12{ margin-bottom: 12px !important; } .mb13{ margin-bottom: 13px !important; }
.mb14{ margin-bottom: 14px !important; } .mb15{ margin-bottom: 15px !important; } .mb16{ margin-bottom: 16px !important; }
.mb17{ margin-bottom: 17px !important; } .mb18{ margin-bottom: 18px !important; } .mb19{ margin-bottom: 19px !important; }
.mb20{ margin-bottom: 20px !important; }
.mb21{ margin-bottom: 21px !important; } .mb22{ margin-bottom: 22px !important; } .mb23{ margin-bottom: 23px !important; }
.mb24{ margin-bottom: 24px !important; } .mb25{ margin-bottom: 25px !important; } .mb26{ margin-bottom: 26px !important; }
.mb27{ margin-bottom: 27px !important; } .mb28{ margin-bottom: 28px !important; } .mb29{ margin-bottom: 29px !important; }
.mb30{ margin-bottom: 30px !important; }
.mb31{ margin-bottom: 31px !important; } .mb32{ margin-bottom: 32px !important; } .mb33{ margin-bottom: 33px !important; }
.mb34{ margin-bottom: 34px !important; } .mb35{ margin-bottom: 35px !important; } .mb36{ margin-bottom: 36px !important; }
.mb37{ margin-bottom: 37px !important; } .mb38{ margin-bottom: 38px !important; } .mb39{ margin-bottom: 39px !important; }
.mb40{ margin-bottom: 40px !important; }
.mb41{ margin-bottom: 41px !important; } .mb42{ margin-bottom: 42px !important; } .mb43{ margin-bottom: 43px !important; }
.mb44{ margin-bottom: 44px !important; } .mb45{ margin-bottom: 45px !important; } .mb46{ margin-bottom: 46px !important; }
.mb47{ margin-bottom: 47px !important; } .mb48{ margin-bottom: 48px !important; } .mb49{ margin-bottom: 49px !important; }
.mb50{ margin-bottom: 50px !important; }


/* #Theme Style
================================================== */

/*--- custom full background ---*/
div.gdl-custom-full-background{ position: fixed; top: -50%; left: -50%; width: 200%; height: 200%; z-index: -1; }
div.gdl-custom-full-background img{ 
	position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto;
	min-width: 50%; min-height: 50%; z-index: -1; }
	
/*--- button ---*/
a.gdl-button { display: inline-block; cursor: pointer; padding: 0px 15px; height: 30px;
	line-height: 30px; margin-bottom: 20px; margin-right: 10px; border-bottom-width: 3px; 
	border-style: solid; font-size: 12px;
	-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-weight: bold;
}
a.gdl-button.small{ padding: 1px 12px; height: 26px; line-height: 26px; font-size: 11px; }
a.gdl-button.large{ padding: 2px 20px; height: 33px; line-height: 34px; font-size: 15px; }
a.gdl-button:hover { opacity: 0.8; filter: alpha(opacity=80); }


/*--- preloader ---*/
.preloader { display: block; background:url(images/loading.gif) center center no-repeat; }

/*--- logo ---*/
div.logo-wrapper{ text-align: center; margin: -25px 10px; max-width: 100%; float: left; line-height: 0; } 
div.logo-wrapper a{ display: inline-block; }
div.logo-wrapper h1{ margin: 0px; line-height: 0; } 
div.logo-wrapper img{ display: block; }

div.logo-right-text{ margin-left: 10px; margin-right: 10px; }
div.logo-right-text-content{ margin-bottom: 12px; }

/*--- top navigation ---*/
div.top-navigation-wrapper{ background: url('images/top-bar-background.png');
	border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #000; }
div.top-navigation-wrapper-gimmick{ height: 3px;  }
div.top-navigation-container.container{ text-align: center; font-size: 12px; line-height: 100%; }
div.top-navigation-left-text{ float: left; line-height: 18px; margin-left: 10px; padding-top: 7px; padding-bottom: 7px; }
div.top-navigation-right-text{ float: right; line-height: 18px; margin-right: 10px; padding-top: 7px; padding-bottom: 7px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; }
div.floating-nav-wrapper .sf-menu li a{ text-transform: uppercase; font-weight: bold; }  
div.floating-nav-wrapper .sf-menu li li a{ font-weight: normal; text-transform: none; }

div.floating-nav-wrapper ul.sf-menu li:hover ul, 
div.floating-nav-wrapper ul.sf-menu li.sfHover ul{ top: 19px; padding-top: 15px; }
div.floating-nav-wrapper ul.sf-menu li:hover ul li.sfHover ul,
div.floating-nav-wrapper ul.sf-menu li.sfHover ul li.sfHover ul{ top: 0px; padding-top: 0px; }

/*--- social icon ---*/
div.top-social-wrapper{ float: left; line-height: 17px; margin-left: 10px; margin-right: 5px; 
	display: inline-block; padding-top: 7px; padding-bottom: 7px; }

div.social-wrapper { float: left; }
div.social-wrapper img{ display: block; max-width: 18px; height: auto; }
div.social-wrapper div.social-icon { float: left; margin-right: 8px; cursor: pointer; }
div.social-wrapper div.social-icon:last-child { margin-right: 0px; }

div.shortcode-social-icon{ float: left; margin-right: 10px; }
div.shortcode-social-icon img{ display: block; max-width: 32px; }

/*--- navigation ---*/
div.gdl-navigation-wrapper{ float: right; }
div.gdl-current-menu { top: 0px; bottom: 0px; position: absolute; 
	background-image: url('images/menu-gradient.png'); background-repeat: repeat-x; }
div.navigation-wrapper{ margin: 0px 10px; font-family: HelveticaNeue, "Helvetica Neue", Arial, Helvetica, sans-serif; }
div.navigation-wrapper .sf-menu li a{ text-transform: uppercase; font-weight: bold; } 
div.navigation-wrapper .sf-menu li li a{ font-weight: normal; text-transform: none; }
.sf-menu .sf-sub-indicator { display: none; }
.sf-menu li li .sf-sub-indicator { display: inline; }

div.responsive-menu-wrapper{ margin: 0px 10px; }
div.responsive-menu-wrapper select{ width: 100%; height: 25px; }

/*--- top search ---*/
div.top-search-wrapper{ float: left; margin-left: 10px; }
div.top-search-wrapper .search-text{ width: 1px; overflow: hidden; float: left; }
div.top-search-wrapper form { margin-bottom: 0px; }
div.top-search-wrapper input[type="text"]{ padding: 7px 12px; line-height: 18px; height: 18px; border: 0px; margin-bottom: 0px; width: 150px; 
-moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; display: none; }
div.top-search-wrapper input[type='submit'] { float: left; height: 10px; margin: 11px 10px 11px 5px;
	padding: 0px 20px 0px 0px; border-width: 0px; border-left-width: 1px; border-left-style: solid; 
	background-size: 10px 10px !important; }

/*--- page title ---*/
div.body-wrapper{ position: relative; }
div.header-wrapper{ position: relative; /*background: url('images/header-background.png')*/; background-color:#f2f2f2; opacity:0.9; }
div.header-outer-wrapper.full-slider .header-area-wrapper{ position: absolute; left: 0px; 
	right: 0px; top: 0px; z-index: 99; }

div.header-outer-wrapper.no-top-slider{ 
	background-image: url('images/default-header-background.jpg'); 
	background-position: center 0px; }	
	
div.page-header-wrapper{ position: relative; }
div.page-header-overlay{ position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; 
	opacity: 0.7; filter: alpha(opacity=70); }
div.page-header-container { position: relative; padding-top: 31px; padding-bottom: 34px; }
h1.page-header-title{ font-size: 32px; margin: 0px 10px;  }
div.page-header-caption{ margin: 2px 10px 0px; font-size: 18px; }
div.page-header-caption span{ margin-right: 5px; }

div.gdl-header-wrapper{ margin-bottom: 30px; position: relative; }
div.gdl-header-wrapper i{ font-size: 23px; line-height: 27px; margin-right: 15px; }
div.gdl-header-wrapper.navigation-on{ padding-right: 70px; }
h3.gdl-header-title{ font-size: 27px; line-height: 27px; display: inline; margin-bottom: 0px; }

/*--- color section ---*/
div.color-open-section{ padding-top: 45px; margin-bottom: 45px; }

/*--- page content ---*/
div.gdl-page-item{ margin-top: 55px; }
div.content-outer-wrapper{ position: relative; }

/*--- top slider / layer slider ---*/
div.gdl-top-slider-wrapper{ margin: 0px auto;  position: relative; }
div.gdl-top-slider li { padding: 0; }

div.ls-packagetour .ls-bottom-slidebuttons, .flex-control-nav, .nivo-controlNav{ opacity: 0.8; filter: alpha(opacity=80);
	-webkit-border-radius: 4px 4px 0px 0px; -webkit-border-radius: 4px 4px 0px 0px; -webkit-border-radius: 4px 4px 0px 0px;
}

div.ls-packagetour .ls-nav-prev,
div.ls-packagetour .ls-nav-next{ opacity: 0.8; filter: alpha(opacity=80); }

div.ls-packagetour .ls-nav-prev,
div.gdl-top-slider .nivo-directionNav a.nivo-prevNav,
div.gdl-top-slider .flex-direction-nav li .flex-prev{ width: 32px; height: 76px; 
	top: 50%; left: 0px; margin-top: -38px; z-index: 999; 
	background-image: url('images/top-slider-nav-left.png'); 
	background-position: center center; background-repeat: no-repeat; 
	-webkit-border-radius: 0px 4px 4px 0px; -moz-border-radius: 0px 4px 4px 0px; border-radius: 0px 4px 4px 0px; }
div.ls-packagetour .ls-nav-next,
div.gdl-top-slider .nivo-directionNav a.nivo-nextNav,
div.gdl-top-slider .flex-direction-nav li .flex-next{ width: 32px; height: 76px; 
	top: 50%; right: 0px; margin-top: -38px; z-index: 999; 
	background-image: url('images/top-slider-nav-right.png'); 
	background-position: center center; background-repeat: no-repeat; 
	-webkit-border-radius: 4px 0px 0px 4px; -moz-border-radius: 4px 0px 0px 4px; border-radius: 4px 0px 0px 4px; }

div.gdl-top-slider .nivo-directionNav a.nivo-prevNav,
div.gdl-top-slider .nivo-directionNav a.nivo-nextNav,
div.gdl-top-slider .flex-direction-nav li .flex-prev,
div.gdl-top-slider .flex-direction-nav li .flex-next{ opacity: 0; filter: alphat(opacity=0); }	
div.gdl-top-slider:hover .nivo-directionNav a.nivo-prevNav,
div.gdl-top-slider:hover .nivo-directionNav a.nivo-nextNav,
div.gdl-top-slider:hover .flex-direction-nav li .flex-prev,
div.gdl-top-slider:hover .flex-direction-nav li .flex-next{ opacity: 1; filter: alphat(opacity=1); }
	
/*--- sidebar ---*/
div.gdl-page-item.columns{ float: right; }
div.gdl-left-sidebar.columns{ float: left; }

div.custom-sidebar{ margin-bottom: 45px; position: relative; }

h3.custom-sidebar-title{ line-height: 19px; position: relative;
	padding-bottom: 10px; margin-bottom: 0px; text-transform: uppercase; }
div.custom-sidebar-title-wrapper{ position: relative; margin-bottom: 15px; 
	border-bottom-width: 3px; border-bottom-style: solid; }

div.gdl-sidebar-wrapper{ overflow: hidden; }
div.gdl-sidebar-wrapper .custom-sidebar-title{ display: inline-block; }

div.gdl-right-sidebar .sidebar-wrapper{ padding-top: 55px;  }
div.gdl-left-sidebar .sidebar-wrapper{ padding-top: 55px; }

/*--- footer ---*/
div.footer-wrapper{ overflow: hidden; }
div.footer-wrapper .custom-sidebar{ margin-bottom: 40px; }
div.footer-container{ margin-top: 55px; }

div.footer-twitter-wrapper{ padding: 40px 0px; position: relative; }
div.footer-twitter-wrapper .twitter-container{ position: relative; }
div.footer-twitter-wrapper .gdl-twitter-icon{ float: left; font-size: 45px; margin-left: 10px; margin-top: 10px; }
div.footer-twitter-wrapper .gdl-twitter-wrapper{ overflow: hidden; padding: 0px 85px 0px 40px; } 
div.footer-twitter-wrapper ul{ margin: 0px; list-style: none; text-align: left; }
div.footer-twitter-wrapper a.date{ display: block; margin-top: 6px; font-style: italic; }

div.gdl-twitter-navigation{ position: absolute; right: 30px; top: 50%; margin-top: -14px; z-index: 999; }
div.gdl-twitter-navigation a{ font-size: 16px; line-height:16px; width: 16px; height: 16px;
	float: left; cursor: pointer; display: block; text-align: center; margin-left: 2px; 
	padding: 6px;

	-webkit-user-select: none; /* Chrome/Safari */        
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+ */}
div.gdl-twitter-navigation a:first-child{ margin-left: 0px; }

/*--- copyright ---*/
div.copyright-wrapper{ margin: 15px 20px 0px; padding: 0px 0px; position: relative; }
div.copyright-border{ border-style: solid; border-top-width: 1px; border-bottom-width: 1px; }
div.copyright-left{ padding: 20px 0px 25px; text-align: center; line-height: 1.9; }

/*-- feature media ---*/
div.feature-media-thumbnail{ margin-bottom: 20px; }
div.feature-media-thumbnail img{ display: block; }

div.feature-media-item-class.eight .feature-media-thumbnail,
div.feature-media-item-class.nine .feature-media-thumbnail,
div.feature-media-item-class.twelve .feature-media-thumbnail{ float: left; max-width: 40%; width: 40%;
	margin-right: 20px; margin-bottom: 0px; } 

h4.feature-media-title{ font-size: 20px; }
div.feature-media-content{ overflow: hidden; }
div.feature-media-content ul.shortcode-list li i{ font-size: 20px; float: left; margin-top: 2px; margin-right: 10px; }

/*-- about author (blog) ---*/
div.about-author-wrapper{ margin-top: 30px; margin-bottom: 30px; padding: 18px; }
div.about-author-avartar{ float: left; margin-right: 20px; }
div.about-author-info{ overflow: hidden; }
h5.about-author-title{ font-size: 18px; margin-top: 3px; margin-bottom: 10px; }

/*--- stack images ---*/
div.stack-images-wrapper img{ display: block; }
div.stack-images-wrapper .stack-images-single{ margin-bottom: 20px; position: relative; }
div.stack-images-wrapper .stack-images-caption{ max-width: 65%; position: absolute; right: 20px; bottom: 20px; }

/*--- single portfolio ---*/
div.gdl-single-portfolio{ margin-bottom: 25px; }
div.single-portfolio .port-media-wrapper{ max-width: 68%; float: left; margin-right: 20px; overflow: hidden; }
div.single-portfolio .port-media-wrapper.gdl-video { width: 68%; }
div.single-portfolio .port-media-wrapper.gdl-slider{ width: 68%; }
div.single-portfolio .port-media-wrapper.gdl-slider .flex-control-nav{ display: none; }
div.single-portfolio .port-info-wrapper{ padding-bottom: 25px; margin-bottom: 25px;
	border-bottom-width: 1px; border-bottom-style: solid; }
div.single-portfolio .port-info{ margin-bottom: 6px; }
div.single-portfolio .port-info .head{ font-weight: bold; }
div.single-portfolio .port-content-wrapper{ overflow: hidden; }
div.single-portfolio .port-nav{ margin-bottom: 15px; }
div.single-portfolio .gdl-related-portfolio{ padding-top: 50px; }
div.row div.gdl-related-portfolio div.gdl-header-wrapper{ margin-bottom: 40px; }

div.single-portfolio.single-sidebar .port-media-wrapper,
div.single-portfolio.both-sidebar .port-media-wrapper{ max-width: 100%; margin-right: 0px; float: none; margin-bottom: 20px; }
div.single-portfolio.single-sidebar .port-content-wrapper,
div.single-portfolio.both-sidebar .port-content-wrapper{ overflow: visible; }
div.single-portfolio.single-sidebar .port-nav .port-prev-nav, 
div.single-portfolio.single-sidebar .port-nav .port-next-nav, 
div.single-portfolio.both-sidebar .port-nav .port-prev-nav,
div.single-portfolio.both-sidebar .port-nav .port-next-nav { margin-bottom: 15px; }

/*--- Leave Reply ---*/
h3.social-share-title{ font-size: 18px; }
div.social-shares ul{ list-style: none; margin-left: 0px; }
div.social-shares ul li{ float: left; margin-right: 13px; margin-bottom: 8px; }
div.social-shares ul li img{ display: block; max-width: 32px; height: auto; }

/*--- Comments ---*/
div.comment-wrapper{  margin-top: 40px; }
div.comment-wrapper .comment-title{  font-size: 18px; }
div.comment-wrapper .comment-form-comment{  margin-right: 40px; }
div.comment-wrapper #reply-title{ font-size: 18px; margin-bottom: 15px; }

div.comment-wrapper input[type="text"], input[type="password"] {
	width: 320px; height: 20px; max-width: 70%; line-height: 20px; padding: 5px; margin: 5px 5px 25px; float: left; }
div.comment-wrapper textarea{
	height: 165px; width: 590px; max-width: 100%; line-height: 20px; padding: 5px; margin: 5px 5px 25px; }

div.comment-wrapper input { float: left; }
div.comment-wrapper label { float: left; line-height: 32px; margin: 5px 0px 0px 10px; }
div.comment-wrapper span { line-height: 24px; margin-right: 2px; }

div.comment-wrapper .comment-form-captcha img { float: left; margin-right: 20px; margin-top: 1px; }
div.comment-wrapper .comment-form-captcha input { float: left; width: 205px; max-width: 40%; }

ol.comment-list{ margin: 0px; list-style: none; }
ol.comment-list .comment-body{ border-bottom-width: 1px; border-bottom-style: solid; margin-top: 22px; padding-bottom: 22px; }
ol.comment-list ul{ margin: 0px 0px 0px 30px; list-style: none; }
div.comment-avartar{ float: left; }
div.comment-context{ margin-left: 80px; }
span.comment-author{  margin-right: 5px; font-size: 16px; }
span.comment-date{  margin-right: 5px; font-style: italic; font-family: 'Droid Serif'; font-size: 11px;}
span.comment-time{ margin-right: 5px; font-style: italic; }
div.comment-content{ margin-top: 7px; }

div.comment-wrapper #respond{ margin-top: 30px; }

/*--- Site map ---*/
div.sitemap-page .custom-sidebar-title { display: inline-block; }

/*--- Floating Nav ---*/
div.floating-nav-wrapper{ text-align: center; line-height: 0; display: none;
	position: fixed; top: 0px; left: 0px; right: 0px; z-index: 100; padding: 10px 0px; }
div.floating-nav-wrapper ul.sf-menu{ display: inline-block; line-height: 1; }	
	
body.admin-bar div.floating-nav-wrapper{ top: 28px; }


