/*
Theme Name: ICARHMA - Bootstrap3 
Description:  Based on FLATI Designed by josweb(http://themeforest.net/user/josweb).
Author:  Jo, MLP
01. GENERAL STYLING
02. MENU
03. INDEX PAGES
04. PAGES
	1: ABOUT PAGE
	2: MEMBERS PAGES
	3: POLICY STATEMENTS PAGE
	4: PRESS RELEASES PAGE
	5: GLOBAL CALENDAR
	6: CONTACT
	7: lOGIN
	8: FOOTER
06: 404 PAGE, ACCORDION, TABS, TOOLTIPS
07. CSS3 ANIMATIONS
08. MEDIA QUERIES
*/

/*-----------------------------------------------------------------------------------*/
/*	01: GENERAL STYLING
/*-----------------------------------------------------------------------------------*/

html { position: relative; min-height: 100%; }

body {
	margin: 0;
	padding: 0;
	font:14px/24px Raleway, Arial, sans-serif;
	color: #444;
	background: #FFF;  
	-webkit-backface-visibility: hidden; 
	overflow-x: hidden; 
}

/**** GENERAL ****/
img { height: auto; max-width: 100%;  vertical-align: top; ms-interpolation-mode: bicubic; opacity: 1.0; width: auto\9;}
a, input, select, textarea {outline: none; text-decoration: none; }
a, li { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
a, a:visited { text-decoration: none!important; }
:focus { outline: 0!important;}
a:hover, a:active, a:focus { outline: 0!important; }
p { margin-bottom: 15px; }
small { letter-spacing: 0.2em; font-size: 11px; }
.clear { height: 0; clear: both; font-size: 0; }
.pull-right { margin-left: 12px; }
.pull-left { margin-right: 12px; }
.center { text-align: center; margin: 0 auto; }
hr { border-top: 1px solid #ccc; border-bottom: 0; }
.fa { text-rendering: auto; }

.well {
	border: 0px none;
	margin-top: 10px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none; 
	-webkit-box-shadow:none;
	-moz-box-shadow: none;
	box-shadow: none;
}

/* Icons List */
.fa-li { margin-left: -8px; padding-top: 2px; }

/* Padding */
.pad90 { padding-top: 90px; }
.pad45 { padding-top: 45px; }
.pad30 { padding-top: 30px; }
.pad25 { padding-top: 25px; }
.pad20 { padding-top: 20px; }
.pad15 { padding-top: 15px; }
.pad10 { padding-top: 10px; }
.pad5 { padding-top: 5px; }

/* Margins */
.marg-bottom5 { margin-bottom: 5px; }
.marg-left0 { margin-left: 0px; }
.marg-left5 { margin-left: 5px; }
.marg-right5 { margin-right: 5px; }
.marg-right10 { margin-right: 10px; }
.but_marg { margin-left: 3px; }

/**** LINKS ****/
a {
	text-decoration: none;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	outline: none;
}
a:hover { text-decoration: none; }

/**** IMAGES ****/
/* Image Hover Colour */
.hover_img:hover, .hover_colour { position: relative; z-index: 1; }

/**** BUTTONS ****/
.btn{ 
	border: 0;
	-webkit-transition: background-color .4s ease-in;
	-moz-transition: background-color .4s ease-in;
	-o-transition: background-color .4s ease-in;
	transition: background-color .4s ease-in;
}
.btn-custom { font-size: 14px; padding: 12px 15px 14px; margin-top: 10px; }
.btn-outline { 
	background-color: transparent; 
	border: 2px solid #fff; 
	padding: 12px 15px 14px; 
	-webkit-border-radius: 0px!important;
	-moz-border-radius: 0px!important;
	border-radius: 0px!important;
}
.btn-outline:hover { 
	background-color: #3e4957;
}

.portfolio-links i {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px; 
}
.portfolio-links  a { 
	margin-right: 5px!important; 
}


/**** TYPOGRAPHY ****/
h1,h2,h3,h4,h5,h6 { font-weight: 600; letter-spacing: 0px; font-family: 'Open Sans', 'Lato', Arial, sans-serif;}
h1.title {  font-size: 40px; line-height: 45px; font-weight: 700; margin: 0 0 30px; text-align: left;}
h1 { font-size: 38px; line-height: 42px; }
h2 { font-size: 36px; line-height: 40px; }
h3 { font-size: 24px; line-height: 28px; }
h4 { font-size: 20px; line-height: 24px; margin-bottom: 10px; }
h5 { font-size: 16px; line-height: 20px; }
h6 { font-size: 14px; line-height: 18px; margin-bottom: 10px; }
h1.intro {  line-height: 40px; font-weight: 300;}
.lead { font-size: 18px; line-height: 24px; }

/**** WELCOME TEXT ****/
.welcome_index {
	width: 80%;
	font: 32px/50px 'Lato', sans-serif;
	padding: 55px 0 30px;
	font-weight: 300; 
	margin: 0 auto;
	color: #69767F;
	text-align: center;
}

/**** DROP CAPS ****/
.dropcap, .dropcap2 {
    font-weight: 700;
    display: block;
    float: left;
    font-size: 45px;
    padding: 0;
	margin: 10px 8px 0 0;
    text-transform: uppercase;
}

/**** DRIBBBLE ****/
.shotList { margin-left: -40px; display: none; }
.shotList img {width: 32.78%; padding: 0 0% 5px 0; margin-right: 5px;}
.shotList img:hover {
	opacity: 0.9;
	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

/*** BREADCRUMBS ***/
table.BreadCrumbs {
	margin-top: 20px;
}

/*-----------------------------------------------------------------------------------*/
/*	02: MENU
/*-----------------------------------------------------------------------------------*/

/**** PORTAL TITLE ****/

span.SiteTitle {
	font: 400 31px/1.2 Raleway, Arial, sans-serif;
	padding-top: 0px;
	margin-top: 70px;
    position: relative;
    display: inline-block;
    height: 60px;
    width: 600px;
    text-indent: -9999px;
    background: transparent url("/Portals/_Appleseed/images/ICARHMA/icarhma-site-title.png") no-repeat left top;
}

@media screen and (max-width:768px) {

	span.SiteTitle {
		font: 400 20px/1.2 Raleway, Arial, sans-serif;
		padding: 0px 10px 0px 0px;
		margin-top: 0px;
		height: auto;
	    width: 100%;
	    text-indent: 0px;
	    background: none;
	}

}

/**** LOGO ****/

img#Banner_PortalImage {
	float: left;
	margin: 3px 7px -8px 0px;
}

.logo {
 	float: left; 
	margin: 30px 0px 0 -15px!important;
	z-index: 1;
	webkit-transition: all 0.3s ease-in;  
    -moz-transition: all 0.3s ease-in;  
    -o-transition: all 0.3s ease-in;  
    transition: all 0.3s ease-in;
}
.logo:hover{ opacity: .80; }

.navbar-brand{ 
	height: auto; 
	padding: 0px;
}

.navbar-header {
	width: 100%;
}

/**** SEARCH/LOGIN ****/

.navbar-header #search {
	float: right;
	margin: 15px 3px 0px 0px;
}

.navbar-header #search .userInput {
	width: 120px;
	visibility: hidden;
}


.navbar-header .search_btn {
	border: 1px solid #FFF;
	margin-left: 7px;
	visibility: hidden;
}

.search-login-box {
	margin: 12px 0px 0px 0px;
	float: right;
}

div#DivGoogleSearch {
	width: 100%!important;
	display: none;
	height: 48px;
}

div.log-in {
	/*float: right;
    margin: 50px -276px 0px 0px;*/
}

div.log-in .btn {
	padding: 5px 49px;
	border: 1px solid #FFF;
	float: right;
}

.search-login-box .contact {
	padding: 5px 0px;
}

a.contact-link {
	float: right;
}

/**** MENUS ****/

.navbar .container {
	padding: 0px;
}

#main_menu { 
	z-index:999; 
}

#main_menu .navbar-header {
	height: 145px;
}

.navbar { 
	padding: 0; margin: 0; border: 0px none; 
}

#main_menu .navbar-nav { 
	padding: 0px 19px;
}

@media screen and (max-width:1024px) {

	.navbar-collapse.collapse#Banner_biMenu { 
		padding: 0px 13px;
	}

	.admin-menu-list.nav>li>a {
	    padding: 10px 10px;
	}

}

@media screen and (max-width:768px) {

	#main_menu .container {
		/*padding-right: 0px !important; */
	}

	#main_menu .navbar-header {
		margin-left: 0px;
		height: 270px;
	}

}

@media screen and (max-width:420px) {

	.header {
		background-size: cover;
	}

	.global-calendar {
		text-align: center;
	}

	img#Banner_PortalImage {
		margin-top: 10px;
	}

	#main_menu .navbar-header {
		height: 230px;
	}

}

@media screen and (max-width:375px) {

	#main_menu .navbar-header {
		height: 270px;
	}

	img#Banner_PortalImage {
		margin-top: -30px;
	}

}

@media screen and (max-width:360px) {

	#main_menu .navbar-header {
		height: 300px;
	}

	img#Banner_PortalImage {
		margin-top: -20px;
	}
}

@media screen and (max-width:320px) {

	#main_menu .navbar-header {
		height: 330px;
	}

	img#Banner_PortalImage {
		margin-top: 0px;
	}

}

.navbar-menu {
	
}

#main_menu  .nav > li a {
	font-size: 16px;
	padding: 15px 15px 15px;
	text-align: center!important;
}

#main_menu  .nav > .active > a, #main_menu  .nav> .active > a:hover {
	webkit-border-radius: 4px 4px 0px 0px;
    -moz-border-radius: 4px 4px 0px 0px;
    border-radius: 4px 4px 0px 0px;
}
#main_menu .nav > .active > a:focus { background: transparent; }

.dropdown-menu {
	display: none;
	left: 0px!important;
	padding: 0px;
	margin: 0px;
	position: absolute;
	top: 52px!important;
	width: 150px;
	z-index: 300;
	-webkit-border-radius: 0px!important;
	-moz-border-radius: 0px!important;
	border-radius: 0px!important;
	box-shadow: none !important;
	border: 1px solid #1b76b1!important;
}
.dropdown-menu .dropdown-menu{
	z-index: 400;
}
.dropdown-menu  li a {
	color: #FFF!important;
	background-color: #1b76b1;
	border: 0;
	display: block;
	text-transform: none;
}
.dropdown-menu  li a:hover {
	color: #1b76b1!important;
	background-color: ##FFF;
}

/**** HEADER ****/
.header { 
	background-image: url('/Portals/_Appleseed/images/ICARHMA/header-bkgd.png');
	background-position: center top;
	background-repeat: repeat-x;
	padding: 0 0;
	margin: 0 auto; 
	min-height: 86px;
	width: 100%;
	z-index: 1000; 
}

.header-col {
	/*width: 240px;*/
	padding: 0px;
	margin: 0px;
	float: left;
}

/**** TOGGLE ****/
.navbar-toggle {
	position: absolute;
	top: 20px;
	font-size: 20px;
	border: 0px;
	width: 40px;
	height: 40px;
	-webkit-border-radius: 4px
    -moz-border-radius: 4px;
    border-radius: 4px;
	line-height: 0px;
}
.nav-collapse .nav>li>a:hover, .nav-collapse .nav>li>a:focus, .nav-collapse .dropdown-menu a:hover, .nav-collapse .dropdown-menu a:focus{
	background-color: transparent;  
}
.navbar-collapse.in { 
	overflow-y: visible; 
}

/*-----------------------------------------------------------------------------------*/
/*	03: INDEX PAGES
/*-----------------------------------------------------------------------------------*/

/***************************************************
	SLIDER REVOLUTION - index
***************************************************/
.fullwidthbanner-container {
	width: 100%!important;
	position: relative;
	padding: 0;
	overflow: hidden!important;
	margin: 0px 0px;
}
.fullwidthbanner { font-family:'Lato', sans-serif!important; }
.fullscreenvideo iframe { max-height: 600px!important; }
.fullwidthbanner p { line-height: 24px; font-size: 14px; }
.fullwidthbanner a {  color:#fff!important; }
.fullwidthbanner ul { visibility: hidden; margin: 0; list-style: none; }
.rev-text { color: #fff; margin: 40px; }
.rev-title { margin: 0px; color: #fff;}
.rev-left { margin-left: 20px; }
.rev-right { margin-right: 20px; }
.rev-title.big { font-size: 40px; line-height: 44px!important;}
.rev-title-sub { font-size: 30px; color: #fff; letter-spacing: 3px; font-weight: 400; }
.rev-title.bold, .rev-title2.bold {
	font-size: 60px!important;
	font-weight: 700!important;
	text-transform: uppercase;
	color: #eee;
	letter-spacing: 6px;
	padding: 8px 15px;
}
.rev-title2.bold{ text-transform: none; letter-spacing: 2px; padding: 0 0; }
.tp-caption.bg { background: #323A45; padding: 18px 22px 22px; }
.big_white { color: #eee; font-size: 18px!important; background: #323A45; padding: 20px!important; }
.shadow{text-shadow: 0px 1px 1px rgba(0,0,0,0.3); } 

.tp-leftarrow.default, .tp-rightarrow.default {
	height: 48px!important;
	width: auto!important;
	line-height: 45px;
	top: 50% !important;
	padding: 0px 10px;
	font-size: 30px;
	color: #bbb;
}
.tparrows:before {
    font-family: 'FontAwesome';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    text-align: center;
}
.tp-leftarrow.default:before { content: '\f060'; }
.tp-rightarrow.default:before { content: '\f061'; }
.tparrows:hover { opacity: 0.7; cursor:pointer; }
.tp-loader 	{
	width: 30px;
	height: 30px;
	margin-left: -15px;
	margin-top: -15px;
	position: absolute;
	top: 50%;
	left: 50%;
	background: url(/Design/Themes/ICARHMA/img/preload_img.gif) center no-repeat!important;
	z-index:1;
}
.tp-bannertimer	{ width:100%; height:10px; background:url(/Design/Themes/ICARHMA/img/timer.png);position:absolute; z-index:200;top:0px;}
.tp-bannertimer.tp-bottom {	bottom:0px;height:5px; top:auto; }

/**** HTML5 VIDEO****/
.tp-caption.large_bold_title {
	font: 75px/85px 'Lato', sans-serif;
	font-weight: 700;
	color: #fff;
	text-align: center;
	letter-spacing: 4px;
	text-shadow: 0px 1px 1px rgba(0,0,0,0.3); 
}
.tp-caption.medium_text_shadow {
	font: 25px/25px 'Lato', sans-serif;
	font-weight: 600;
	color: #fff;
	text-align: center;
	text-shadow: #000 0px 5px 10px;
}
.fullscreenvideo{ margin-top:-15px!important; } 

/***************************************************
	NIVO SLIDER
***************************************************/

.nivo { margin-top:0px; padding-top:0px; }
.nivoSlider { position: relative; width: 100%; height: auto; overflow: hidden; }
.nivoSlider img { position: absolute; top: 0px; left: 0px; max-width: none; }
.nivo-main-image { display: block!important; position: relative!important; width: 100%!important; }
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	border: 0;
	padding: 0;
	margin: 0;
	z-index: 6;
	display: none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display: block;
	position: absolute;
	z-index: 5;
	height: 100%;
	top: 0;
}
.nivo-box { display: block; position: absolute; z-index: 5; overflow: hidden; }
.nivo-box img { display: block; }
.nivo-html-caption {  display: none; }
.nivo-controlNav {display: none; }
.nivo-box {width: 10px; }
.slider-wrapper { position: relative; margin: 0 auto 20px auto; }
.nivoSlider {
	position: relative;
	background: transparent url(/Design/Themes/ICARHMA/img/ajax-loader.gif) no-repeat 50% 50%;
    margin: 0 auto;
}
.nivoSlider img { position:a bsolute; top: 0px; left: 0; display: none; }
.nivoSlider a { border: 0; display: block; }
.nivo-controlNav a {display: none; }
.nivo-directionNav a {
	 display: block;
    position: absolute !important;
    z-index: 10;
    cursor: pointer;
    top: auto; left: auto;
    bottom: 0px; right: 0px;
    width: 33px !important;
    height: 33px !important;
    text-indent: -9999px;
    background: url("/Design/Themes/ICARHMA/img/slider_nav.png") no-repeat 0 0;
    opacity: 0.6;
}
a.nivo-nextNav:hover, .nivo-prevNav:hover  { opacity: 1; }
a.nivo-nextNav { background-position: -33px 0px; right: 0px; }
a.nivo-prevNav { right: 33px; }
.nivo-caption {
    display: block;
    position: absolute;
    z-index: 8;
    top: auto;
    left: auto;
    bottom: 0px;
    right: 66px;
    line-height: 23px;
    padding: 5px 15px;
    font-size: 13px;
	width: auto !important;
    max-width: 500px;
    background-color: rgba(11,11,11,0.6);
	color: #fff;
}

.slider-module {
	width: 100%;
	height: 430px;
	margin-bottom: 20px;
}

@media screen and (max-width:420px) {

	.slider-module {
	    height: 180px;
	}

}

@media screen and (max-width:375px) {

	.slider-module {
	    height: 165px;
	}

}

@media screen and (max-width:360px) {

	.slider-module {
	    height: 160px;
	}

}

@media screen and (max-width:320px) {

	.slider-module {
	    height: 140px;
	}

}

#Carousel .box {
    width: 100%;
    height: 100%;
    text-align: center;
    color: #fff;
    font-size: 3vw;
    line-height: 430px;
}

.landing-content {
	min-height: 730px;
}

@media (max-width:420px){
	.landing-content {
		margin-left: 15px;
	}
}

/***************************************************
	HOME PAGE INTRO BOX
 ***************************************************/




/**** CONTENT AREA ****/

.content {
	margin-bottom: 40px;
}

.content img {
	margin-bottom: 20px;
}
.content h2 {
	font-weight: 400;
	margin: 0px 0px 50px;
}
.content h4 {
	margin-bottom: 5px;
}
.content h5 {
	margin-bottom: 5px;
}
.content p {
	font-size: 14px;
	line-height: 24px;
	margin: 0px 0px 20px;
}
.content p.lead-paragraph {
	font-size: 16.5px;
	line-height: 30px;
	letter-spacing: 0.3px;
	margin: 0px 0px 50px;
}
.content ul {
    list-style-type: disc;  
    list-style-position: outside;
}
.content ul li {
	font-size: 14px;
	line-height: 16px;
	margin: 0px 0px 25px;
}
.intro-text p {
	font-size: 16px;
	line-height: 28px;
}
a.content-link {
	font-weight: 700;
}
.image-right img {
	margin: 0px 0px 15px 25px; 
	float: right;
}
.content ul {
	list-style-type: none;
	margin-bottom: 40px;
	padding-left: 0px;
}
.content li {
	background-image:url('/Portals/_Appleseed/images/ICARHMA/bullet_sm.png');
	background-repeat:no-repeat;
	background-position:4px 3px;
	padding-left: 17px;
	line-height: 20px;
	margin-bottom: 10px;
}

/**** GLOBAL CALENDAR ****/

.global-calendar {
	height: 218px;
	margin-bottom: 60px;
}

/*-----------------------------------------------------------------------------------*/
/*	04: PAGES
/*-----------------------------------------------------------------------------------*/

/*************************************************************
	1: ABOUT PAGE
 *************************************************************/

/***************************************************
	2: MEMBERS PAGES
 ***************************************************/

.members-only ul li {
	line-height: 20px;
	background-position:4px 6px;
	margin: 0px 0px 10px -5px; 
}

.members-only p {
	line-height: 14px;
	margin: 0px 0px 10px 0px; 
}


/***************************************************
	3: POLICY STATEMENTS PAGE
 ***************************************************/

/***************************************************
	4: PRESS RELEASES PAGE
 ***************************************************/

.content p.release {
	margin-bottom: 40px;
}

/***************************************************
	5: GLOBAL CALENDAR
 ***************************************************/
 
.content p.event {
	margin-bottom: 10px;
}

/***************************************************
	6: CONTACT
 ***************************************************/

/***************************************************
	7: LOGIN
 ***************************************************/

.login-module .input-row {
	margin: 0px 0px 25px 0px;
}

.login-module .login-label {
	width: 90px;
	display: inline-block;
}

.login-module .input-row input {
	height: 30px;
	width: 230px;
	background-color: #FFF;
}


/***************************************************
	8: FOOTER
 ***************************************************/

#main-footer { 
	padding: 30px 0; 
	text-align: center; 
}

#main-footer p { 
	margin-bottom: 0px;
}

#main-footer span { 
	font-size: 11px;
}

#main-footer a { 
	font-size: 11px;
}

/* Back To Top */
.go-top {
	position: fixed;
	bottom: 0.9em; 
	right: 0.5em;
	text-decoration: none;
	color: white;
	background-color: rgba(0, 0, 0, 0.3);
	font-size: 30px;
	padding: 0.05em 0.3em 0.1em;
	display: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
   	border-radius: 3px;
	z-index: 999;
}
.go-top:hover { background-color: rgba(0, 0, 0, 0.6);}

/*-----------------------------------------------------------------------------------*/
/*	06: 404 PAGE, ACCORDION, TABS, TOOLTIPS
/*-----------------------------------------------------------------------------------*/

/**** 404 PAGE ****/

.screen-bg { padding: 50px 0px 30px; margin-bottom: 30px; }

/*************************************************************
	ACCORDION
 *************************************************************/
.panel-heading { box-shadow: none!important; }
.panel-heading a {font-weight:400; }
.panel-heading .accordion-toggle:after { font-family: 'FontAwesome'; content:"\f105"; float: right; }
.panel-heading .accordion-toggle.collapsed:after { content: "\f107"; }
.panel { box-shadow:none!important; border: 0px none!important;}
.panel-heading + .panel-collapse .panel-body,  .panel-footer + .panel-collapse .panel-body { border: 0px none!important; }

/*************************************************************
	TABS
 *************************************************************/
.nav-tabs { float: none!important;  }
.nav-tabs a { 
	-webkit-border-radius: 0px!important;
	-moz-border-radius: 0px!important;
	border-radius: 0px!important;
	border: 0 none!important;
	-webkit-backface-visibility: hidden;
}
.tab-content { margin-top: 20px!important; }

/*************************************************************
	TOOLTIPS
 *************************************************************/
.tooltip { font-size: 13px; }
.tooltip.in {opacity: 1;  filter: alpha(opacity=100);zoom: 1; }
.tooltip.top {padding-bottom: 9px;margin-top:-13px; }
.tooltip.top .tooltip-arrow {
	border-top-color: #34495e;
	border-width: 9px 9px 0;
	bottom: 0;
	margin-left: -9px; 
}
.tooltip.right .tooltip-arrow {
    border-right-color: #34495e;
    border-width: 9px 9px 9px 0;
    margin-top: -9px;
    left: -3px; 
}
.tooltip.bottom { padding-top: 8px; }
.tooltip.bottom .tooltip-arrow {
	border-bottom-color: #34495e;
	border-width: 0 9px 9px;
	margin-left: -9px;
	top: -1px; 
}
.tooltip.left .tooltip-arrow {
    border-left-color: #34495e;
    border-width: 9px 0px 9px 9px;
    margin-top: 14px;
    top: -1px;right:-4px;
}
.tooltip.left  { margin-left:-15px; }

.tooltip-inner {
  background-color: #34495e;
  line-height: 18px;
  padding: 12px 12px;
  text-align: center;
  width: 183px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}

/*-----------------------------------------------------------------------------------*/
/*	07: CSS3 ANIMATIONS
/*-----------------------------------------------------------------------------------*/

.animated{-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:1s;-moz-animation-duration:1s;-ms-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;}.animated.hinge{-webkit-animation-duration:2s;-moz-animation-duration:2s;-ms-animation-duration:2s;-o-animation-duration:2s;animation-duration:2s;}@-webkit-keyframes fadeIn { 0% {opacity: 0;}	100% {opacity: 1;}
}

@-moz-keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;} }
@-o-keyframes fadeIn { 0% {opacity: 0;}	 100% {opacity: 1;} }
@keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;} }

.fadeIn {
	-webkit-animation-name: fadeIn;
	-moz-animation-name: fadeIn;
	-o-animation-name: fadeIn;
	animation-name: fadeIn;
}
@-webkit-keyframes fadeInUp {
	0% { opacity: 0; -webkit-transform: translateY(20px); }
	100% { opacity: 1; -webkit-transform: translateY(0); }
}

@-moz-keyframes fadeInUp {
	0% { opacity: 0; -moz-transform: translateY(20px); }
	100% { opacity: 1; -moz-transform: translateY(0); }
}
@-o-keyframes fadeInUp {
	0% { opacity: 0;	-o-transform: translateY(20px); }
	100% { opacity: 1; -o-transform: translateY(0); }
}

@keyframes fadeInUp {
	0% { opacity: 0; transform: translateY(20px); }
	100% { opacity: 1; transform: translateY(0); }
}
.fadeInUp {
	-webkit-animation-name: fadeInUp;
	-moz-animation-name: fadeInUp;
	-o-animation-name: fadeInUp;
	animation-name: fadeInUp;
}
@-webkit-keyframes fadeInDown {
	0% { opacity: 0; -webkit-transform: translateY(-20px); }
	100% { opacity: 1; -webkit-transform: translateY(0); }
}
@-moz-keyframes fadeInDown {
	0% { opacity: 0; -moz-transform: translateY(-20px); }
	100% { opacity: 1; -moz-transform: translateY(0); }
}
@-o-keyframes fadeInDown {
	0% { opacity: 0; -o-transform: translateY(-20px);}
	100% { opacity: 1; -o-transform: translateY(0); }
}
@keyframes fadeInDown {
	0% { opacity: 0; transform: translateY(-20px); }
	100% { opacity: 1; transform: translateY(0); }
}

.fadeInDown {
	-webkit-animation-name: fadeInDown;
	-moz-animation-name: fadeInDown;
	-o-animation-name: fadeInDown;
	animation-name: fadeInDown;
}
@-webkit-keyframes bounceInDown {
	0% { opacity: 0; -webkit-transform: translateY(-2000px); }
	60% { opacity: 1; -webkit-transform: translateY(30px); }
	80% { -webkit-transform: translateY(-10px); }
	100% { -webkit-transform: translateY(0); }
}
@-moz-keyframes bounceInDown {
	0% { opacity: 0; -moz-transform: translateY(-2000px); }
	60% { opacity: 1; -moz-transform: translateY(30px); }
	80% { -moz-transform: translateY(-10px); }
	100% { -moz-transform: translateY(0); }
}
@-o-keyframes bounceInDown {
	0% { opacity: 0; -o-transform: translateY(-2000px); }
	60% { opacity: 1; -o-transform: translateY(30px); }
	80% { -o-transform: translateY(-10px); }
	100% { -o-transform: translateY(0); }
}
@keyframes bounceInDown {
	0% { opacity: 0; transform: translateY(-2000px); }
	60% { opacity: 1; transform: translateY(30px); }
	80% { transform: translateY(-10px); }
	100% { transform: translateY(0); }
}

.bounceInDown {
	-webkit-animation-name: bounceInDown;
	-moz-animation-name: bounceInDown;
	-o-animation-name: bounceInDown;
	animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
	0% { opacity: 0; -webkit-transform: translateX(-2000px); }
	60% { opacity: 1; -webkit-transform: translateX(30px); }
	80% { -webkit-transform: translateX(-10px); }
	100% { -webkit-transform: translateX(0); }
}
@-moz-keyframes bounceInLeft {
	0% { opacity: 0; -moz-transform: translateX(-2000px); }
	60% { opacity: 1; -moz-transform: translateX(30px); }
	80% { -moz-transform: translateX(-10px); }
	100% { -moz-transform: translateX(0); }
}
@-o-keyframes bounceInLeft {
	0% { opacity: 0; -o-transform: translateX(-2000px); }
	60% { opacity: 1; -o-transform: translateX(30px); }
	80% { -o-transform: translateX(-10px);}
	100% { -o-transform: translateX(0); }
}

@keyframes bounceInLeft {
	0% { opacity: 0; transform: translateX(-2000px); }
	60% { opacity: 1; transform: translateX(30px); }
	80% { transform: translateX(-10px); }
	100% {transform: translateX(0); }
}

.bounceInLeft {
	-webkit-animation-name: bounceInLeft;
	-moz-animation-name: bounceInLeft;
	-o-animation-name: bounceInLeft;
	animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
	0% { opacity: 0; -webkit-transform: translateX(2000px); }
	60% { opacity: 1; -webkit-transform: translateX(-30px); }
	80% { -webkit-transform: translateX(10px); }
	100% { -webkit-transform: translateX(0); }
}

@-moz-keyframes bounceInRight {
	0% { opacity: 0; -moz-transform: translateX(2000px); }
	60% { opacity: 1; -moz-transform: translateX(-30px); }
	80% { -moz-transform: translateX(10px); }
	100% { -moz-transform: translateX(0); }
}
@-o-keyframes bounceInRight {
	0% {opacity: 0; -o-transform: translateX(2000px); }
	60% { opacity: 1; -o-transform: translateX(-30px); }
	80% { -o-transform: translateX(10px); }
	100% { -o-transform: translateX(0); }
}
@keyframes bounceInRight {
	0% { opacity: 0; transform: translateX(2000px);}
	60% {opacity: 1; transform: translateX(-30px);}
	80% {transform: translateX(10px);}
	100% {transform: translateX(0);}
}

.bounceInRight {
	-webkit-animation-name: bounceInRight;
	-moz-animation-name: bounceInRight;
	-o-animation-name: bounceInRight;
	animation-name: bounceInRight;
}
@-webkit-keyframes shake {
	0%, 100% {-webkit-transform: translateX(0);}	10%, 30%, 50%, 70%, 90% {-webkit-transform: translateX(-10px);}
	20%, 40%, 60%, 80% {-webkit-transform: translateX(10px);}
}
@-moz-keyframes shake {
	0%, 100% {-moz-transform: translateX(0);}
	10%, 30%, 50%, 70%, 90% {-moz-transform: translateX(-10px);}
	20%, 40%, 60%, 80% {-moz-transform: translateX(10px);}
}
@-o-keyframes shake {
	0%, 100% {-o-transform: translateX(0);}
	10%, 30%, 50%, 70%, 90% {-o-transform: translateX(-10px);}
	20%, 40%, 60%, 80% {-o-transform: translateX(10px);}
}
@keyframes shake {
	0%, 100% {transform: translateX(0);}
	10%, 30%, 50%, 70%, 90% {transform: translateX(-10px);}
	20%, 40%, 60%, 80% {transform: translateX(10px);}
}

.shake {
	-webkit-animation-name: shake;
	-moz-animation-name: shake;
	-o-animation-name: shake;
	animation-name: shake;
}

/*-----------------------------------------------------------------------------------*/
/*	08: MEDIA QUERIES
/*-----------------------------------------------------------------------------------*/
@media (max-width: 979px) {
	.header { float:none !important; text-align:left; margin:0px auto; padding-bottom:0px!important;}
	.container {  padding: 0 15px !important; }
	.btn-navbar { display:block; }
	.nivo { margin-top: 0px!important; }
	#banner { padding-bottom: 25px;!important; }
	.logo { float:left;  margin: 35px 20px 0 40px!important; }
	.navbar .nav.pull-right { float: right; margin-right: 0px!important; }
	.btn-blog1 { width:70px; padding:5px; font-size:11px; }

	.header-button {
		width: 200px;
	}
	.header-button p {
		font-size: 17px;
	}
	.es-logo img {
		margin: 81px 0px;
		width: 135px;
	}
}

/* mobile menu */

.dl-trigger,
.mobile-menu-label {
 	display: none;
}

.mobile-menu-label {
	color: #FFF;
	font-size: 24px;
	line-height: 28px;
	font-weight: normal;
	padding: 5px 0px;
	text-transform: uppercase;
	vertical-align: middle;
}

@media (max-width: 767px) {

	#as-admin-bar { display: none; }

    .dl-trigger,.mobile-menu-label { display: inline-block; }
    .dl-menuwrapper { width: 100%; max-width: 300px; float: left; position: relative; -webkit-perspective: 1000px; -moz-perspective: 1000px; perspective: 1000px; -webkit-perspective-origin: 50% 200%; -moz-perspective-origin: 50% 200%; perspective-origin: 50% 200%; margin-top: 1px; z-index: 9999999; }
    .dl-back { display: block }
    .dl-menuwrapper button { background: transparent; border: none; width: 48px; height: 45px; text-indent: -900em; overflow: hidden; position: relative; cursor: pointer; outline: none; margin: 0px 5px 0px 10px; }
    .dl-menuwrapper button:hover, .dl-menuwrapper button.dl-active, .dl-menuwrapper ul { background: #FFF; border-radius: 5px; }
    .dl-menuwrapper button:hover:after { background: #1b76b1; box-shadow: 0 10px 0 #1b76b1, 0 20px 0 #1b76b1; }
    .dl-menuwrapper button.dl-active:after { background: #1b76b1; box-shadow: 0 10px 0 #1b76b1, 0 20px 0 #1b76b1; }
    .dl-menuwrapper button:after { content: ''; position: absolute; width: 68%; height: 5px; background: #FFF; top: 10px; left: 8px; box-shadow: 0 10px 0 #FFF, 0 20px 0 #FFF; }
    .dl-menuwrapper ul { padding: 0px; list-style: none; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; }
    .dl-menuwrapper li { position: relative }
    .dl-menuwrapper li a { display: block; position: relative; padding: 0px 0px; font-size: 16px; line-height: 20px; font-weight: 300; color: #fff; outline: none; /*width: 120px;*/ }
    .dl-menuwrapper li a span { color: #d9d9d9; }
    .dl-menuwrapper li.active a span { color: #163a61; }
    .no-touch .dl-menuwrapper li a:hover { background: rgba(255,248,213,0.25); text-decoration: none; }
    .dl-menuwrapper li.dl-back > a { padding-left: 30px; background: rgba(0,0,0,0.25); }
    .dl-menuwrapper li.dl-back:after, .dl-menuwrapper li > a:not(:only-child):after { position: absolute; top: 0; line-height: 50px; font-family: FontAwesome; speak: none; -webkit-font-smoothing: antialiased; content: "\f054"; }
    .dl-menuwrapper li.dl-back:after { left: 10px; color: rgba(212,204,198,0.3); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg); }
    .dl-menuwrapper li > a:after { right: 10px; color: rgba(0,0,0,0.15); }
    .dl-menuwrapper .dl-menu { margin: 5px 0 0 10px; position: absolute; width: 240px; opacity: 0; pointer-events: none; -webkit-transform: translateY(10px); -moz-transform: translateY(10px); transform: translateY(10px); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; }
    .dl-menuwrapper .dl-menu.dl-menu-toggle { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }
    .dl-menuwrapper .dl-menu.dl-menuopen { opacity: 1; pointer-events: auto; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); transform: translateY(0px); }
    .dl-menuwrapper li .dl-submenu { display: none }
    .dl-menu.dl-subview li, .dl-menu.dl-subview li.dl-subviewopen > a, .dl-menu.dl-subview li.dl-subview > a { display: none }
    .dl-menu.dl-subview li.dl-subview, .dl-menu.dl-subview li.dl-subview .dl-submenu, .dl-menu.dl-subview li.dl-subviewopen, .dl-menu.dl-subview li.dl-subviewopen > .dl-submenu, .dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li { display: block }
    .dl-menuwrapper > .dl-submenu { position: absolute; width: 240px; margin-left: -191px; top: 50px; left: 0; }
    .dl-menu.dl-animate-out-5 { -webkit-animation: MenuAnimOut5 0.4s ease; -moz-animation: MenuAnimOut5 0.4s ease; animation: MenuAnimOut5 0.4s ease; }

    .menu ul li:hover ul, .menu ul li li:hover ul { display: none }
    .menu ul li { float: none; margin-bottom: 10px; }
    .menu ul li a { padding: 0px 0px; font-weight: 300; color: #fff; font-size: 16px !important; }
    .menu li a:before { display: none }
    .menu li:hover { background: rgba(255,248,213,0.25) border-radius: 14px; }
    .menu li:hover a { color: #fff !important }
    .menu li.current a { color: #fff }
    .menu li.current { background: rgba(255,248,213,0.25) }
    .menu ul li ul { visibility: visible; opacity: 1; position: relative; }
    .menu ul ul li { width: 240px }
    .menu ul li ul li a { padding: 15px 20px; font-weight: 300; color: #fff !important; font-size: 16px; border-bottom: none !important; }
    .menu ul li ul { box-shadow: none; border-bottom: none; }
    .menu ul li ul li a:hover { color: #fff !important }
    .menu ul ul { background: #163a61; color: #fff; }
    .menu ul li ul li a:hover { background: rgba(0,0,0,0.25) }
    .menu ul ul ul { margin-top: 0px !important; left: 0px; }
    .menu ul li ul li ul { visibility: visible !important }

}

/*@media(max-width:767px){
	a.navbar-brand { padding: 0px 0px 10px 10px; }
	.logo { float:left; margin:30px 0px 20px 20px!important; }
	.navbar .nav.pull-right { float: none; width: 100%; margin: 0; }
	.es-logo { }
	.es-logo img {
		margin: 20px 0px;
		width: 135px;
	}

	#main_menu .nav > li {   border-top: 1px solid #2C2C2C; width:100%!important; }
	#main_menu .nav > li a { text-align:left!important;  }
	#main_menu  .nav > li:first-child { border-top: 0px solid #2C2C2C; width:100%!important; margin-top:-20px; }
	#main_menu .nav > .active > a, #main_menu .nav > .active > a:hover { background: transparent!important; }
	ul.dropdown-menu { position: static; clear: both; margin: 0px 0px 20px 0px!important; float: none; }
	.dropdown-menu { 
	    width:100%!important;
	    margin: 0px!important;
	    -webkit-border-radius: 0px!important;
	    -moz-border-radius: 0px!important;
	    border-radius: 0px!important;
	    left: 0px!important;
	    top: 0px!important;
	    position:relative!important;
	}

	.dropdown-menu > li { background-color: transparent; }
	.dropdown-menu > li > a { color: #95C2EB; display: block; padding: 10px 15px!important; margin: 0px 0px 0px 0px!important; }
	.dropdown-menu li:hover { background-color: transparent!important; }
	.dropdown-menu  li:last-child { margin-bottom:-2px; }
	.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-submenu:hover > a, .dropdown-submenu:focus > a {
	text-decoration: none; color: #fff; background: transparent!important; filter:none; }
	.navbar-toggle { right: 0px; }
	.dropdown-menu .sub-menu { width: 100%!important; left: 0px!important;padding-left: 30px; visibility: visible!important; padding-top: 1px; }
	.dropdown-menu .sub-menu  li:last-child { margin-bottom:-15px; }

}*/

/* prettyPhoto styling for small screens */
	.pp_pic_holder.pp_default { width: 100%!important; left: 0!important; overflow: hidden;  }
	div.pp_default .pp_content_container .pp_left { padding-left: 0!important; }
	div.pp_default .pp_content_container .pp_right { padding-right: 0!important; }
	.pp_content { width: 100%!important; height: auto!important; }
	.pp_fade { width: 100%!important; height: 100%!important; }
	a.pp_expand, a.pp_contract, .pp_hoverContainer, .pp_gallery, .pp_top, .pp_bottom { display: none!important; }
	#pp_full_res img { width: 100%!important; height: auto!important; border-radius:0px; }
	.pp_details { width: 100%!important; padding-left: 3%; padding-right: 4%; padding-top: 14px!important; margin-top:0px!important; background-color: #fff; height:60px!important; }
	.pp_loaderIcon {display:none!important; }
	a.pp_close { right: 10px!important; top: 10px!important; }
	div.pp_default .pp_content_container .pp_right{background:#fff; padding-left:0px!important; }
	.theme-default .nivo-html-caption { display:none;}
	}
	@media(min-width:768px){
	.navbar-nav ul { position: absolute; top: 60px; left: 0; z-index: 999; }
	}
	@media ( min-width:768px) and (max-width:979px){
	.logo { float:left;  margin: 35px 0px 0 0px!important; }
	#main_menu .nav > li > a { font-size: 12px; margin:0px 0 -10px 0!important; padding:24px 15px 22px!important; }
	#main_menu .nav { margin:28px -20px 0px 0!important; }
	.FlickrImagesBlog li { width:10%!important; }
	h3.follow { width: 80%; }
	}
	@media ( min-width:979px) and (max-width:1028px){
	h3.follow { width: 70%; }
	}
	@media only screen and (max-width: 480px) { 
	.nivo_height { padding-top:0px!important; }
	#banner { padding-bottom:25px;!important; }
	}
	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 320px) {
	h1.title { line-height:40px;!important; }
	}
	/* slider revolution */
	@media screen and (min-width: 480px) and (max-width: 768px){
	.rev-title { font-size: 16px; line-height: 22px; } 
	.rev-title.big { font-size: 24px; line-height: 28px;}
	.rev-title.bold { font-size: 30px!important; padding:12px 10px!important; letter-spacing: 4px; }
	.rev-title2.bold { font-size: 30px!important; }
	.rev-title.big { line-height: 30px!important;}
	.mobile{ margin-top:-20px; }
	}
	/* slider revolution */
	@media screen and (min-width: 481px) and (max-width:766px){
	.rev-title { font-size: 10px; line-height: 14px; }
	.rev-title.bold { font-size: 30px!important; line-height: 25px; margin: 0 auto; }
	.rev-title.big { font-size: 30px; line-height: 25px; }
	.rev-title2.bold { font-size: 30px!important; margin-top: -10px; }
	.rev-title.big.bold {font-size: 30px!important;}
	h3.follow { width:80%!important; line-height:35px!important;}
	.follow_us a { font-size: 45px!important; margin: 20px 15px!important; }
	.welcome_index { font: 25px/35px 'Lato', sans-serif;!important; padding: 25px 0 10px!important;}
	}
	/* slider revolution */
	@media screen and (max-width: 31.5em) {
	.rev-title.bold { font-size: 20px!important; letter-spacing: 4px; }
	.rev-title2.bold { font-size: 25px!important; margin-top:0px; }
	.rev-title-sub { margin:10px 0 0!important; }
	.rev-title.big { font-size: 20px; line-height: 25px!important; }
	.btn-mobile, .btn-mobile2  { font-size: 11px!important; padding: 8px 9px; margin-top: 10px;  border: 1px solid #fff;}
	.btn-mobile2 { margin-top: -15px; }
	.fullscreenvideo { margin-top:-20px!important; } 
	.welcome_index { font: 25px/35px 'Lato', sans-serif;!important; padding: 25px 0 10px!important; }
	h3.follow { width:90%!important; line-height:35px!important; }
	.follow_us a { font-size: 35px!important; margin: 20px 10px!important; }

	/* gallery */
	.holder a { font-size: 12px; padding: 4px 10px; margin:0 5px 5px 0; letter-spacing: 0px!important;  }
	.holder { margin:40px 0 40px; text-align: left; }
	/* filters */
	#filters li a, #filters2 li a { font-size: 12px; padding: 8px 14px; margin:0 5px 0px 0!important; letter-spacing: 0px!important;  }
	#filters li , #filters2 li  { margin-bottom:0px!important; }
	#filters2 { text-align: left!important; margin:40px 5px 40px -40px!important;}
	#options  { margin:0px 0 -10px; }
}


.tabPanelGroup {
	margin-top: 5px;
}


/* Appleseed Popups */

.ui-dialog .ui-dialog-titlebar {
	background: #323A45;
	border: none;
	color: #BBB;
}

/* Added Column Styles */

.alpha {
	padding-left: 0px!important;
}

.omega {
	padding-right: 0px!important;
}

#main_menu .navbar-toggle {
	display: none;
}

@media screen and (max-width:991px) {

}

@media screen and (max-width:768px) {

}

@media screen and (max-width:420px) {

	.alpha {
		padding-left: 15px!important;
	}

	.omega {
		padding-right: 15px!important;
	}

}