/**
 * Name: layout.css
 *
 *	T.O.C
 *
 * =Wrap
 * =Header
 * =Logo
 * =Menu
 * =Mobile Menu
 * =Mobile menu trigger
 * =Custom search form
 * =Sticky Header
 * =Content
 * =Page Header
 * =Footer wrapper
 * =Footer
 * =Footer Bottom
 * =Back to top
 * =Psge 404
 *
 */


/* ==========================================================================
   =Wrap
   ========================================================================== */

	#wrap {
		/*position: relative;*/
		margin: 0 auto;
	}

	@media (max-width: 767px) {

		#wrap {}

	}

/* ==========================================================================
   =Header
   ========================================================================== */

	#header {
		margin: 0 auto;
	}

/* ==========================================================================
   =Logo
   ========================================================================== */

	#logo { padding: 20px 0px 15px 0; }

	/**
	 * 1. displaying the <a> inline-block makes it depends on the size of it's children
	 *    we add max-width:100% to tell it not that it shouldn't extend beyond the size of it's
	 *    parent if it's child is very large eg a 1000x1000 logo img
	 */

	#logo a {
		display: inline-block;
		max-width: 100%; /* 1 */
	}

	#logo img { display: block; }

	img.logo_header {width:385px; height:70px;}
	img.logo_footer {width:290px; height:17px;}

	#main-content {min-height:750px; margin-top: 0px;}


/* ==========================================================================
   =Menu
   ========================================================================== */
.nav-bottom {padding-left:0;padding-right:0;}

.primary-menu {text-align: center; }
.extra-menu { padding-right: 25px; padding-top:5px;}
/* =Menu Basics 	.sf-menu,: Primary |	.sf-menu-extra: Secondary (top) menu
   ========================================================================== */

	.sf-menu, .sf-menu ul, .sf-menu-extra, .sf-menu-extra ul {
		padding: 0;
		margin: 0;
		list-style: none;
	}

	.sf-menu > li,	.sf-menu-extra > li { float: left; position:relative; }


/* =Menu Skin
   ========================================================================== */

	.sf-menu, .sf-menu-extra { display: inline-block;}

	.sf-menu li a {
		color: #ffffff;
		font-size: 0.89em;
		display: inline-block;
		padding: 0px 20px;
		letter-spacing:0em;
		text-decoration: none;
		text-transform: none;
	}

	.sf-menu li:first-child a {padding-left:0;}
	.sf-menu li:last-child a {padding-right:0;}
	/* the ones with childmenu only */
	.sf-menu li.menu-item-has-children a { }
	
	.sf-menu li.current_page_item a, .post-type-archive-news .menu-item-object-news a {  color: #b2953a !important; }


/* =DropDown
   ========================================================================== */

		/**
	 	 * 1. z-index is 1025 because the sticky menu is 1020
	 	 */

		.sf-menu li { position: relative; }

		.sf-menu li.menu-item-has-children ul {
			position: absolute;
			z-index: 10025; /* 1 */
			top: 100%;
			left: 0px;
			min-width: 230px; /* 1 */
			border: 0px;
			background-color: rgba(28, 40, 65, 0.9);
			display:none;
			padding: 5px 0 10px 0;
		}

		.sf-menu li:hover > .sf-mega,
		.sf-menu li.sfHover > .sf-mega,
		.sf-menu li.menu-item-has-children:hover > ul,
		.sf-menu li.menu-item-has-children.sfHover > ul { display: block; opacity: 1; background-color: rgba(28, 40, 65, 0.9); -webkit-transition: all 0.25s ease;
			-moz-transition: all 0.3s ease;
			transition: all 0.3s ease;}

	/**
 	 * 2. allow long menu items to determine submenu width
 	 */


	 .sf-menu li a:hover, .sf-menu-extra a:hover,
	 .sf-menu > li.menu-item-has-children > ul li a:hover,
	 .sf-menu > li.menu-item-has-children > ul li.sfHover > a { color: #b2953a !important; }

	 /* show active menu item
	 .current-page-ancestor a, .current_page_parent a, .current-menu-parent a, .current-menu-ancestor a { color: #636363; }
	 */

		.sf-menu li.menu-item-has-children ul li { border-bottom:0px;border-top:0;margin-left: 20px;text-align: left;padding: 3px 5px 3px 0;}
		.sf-menu li.menu-item-has-children ul li a {padding:0; margin-left:0; font-size:14px;font-weight:400;color: #fff !important;line-height: 1.2;}
		.sf-menu li.menu-item-has-children ul li:last-child {border-bottom:0px;}


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

	#menu { display: none; }

	}

	@media (max-width: 767px) {

		#menu { display: none; }

	}
	@media (min-width: 992px)  {
		.mobile-menu { display:none;}
	}

/* ==========================================================================
   =Mobile Menu
   ========================================================================== */

	#mobile-menu {
		border-bottom: 1px solid #d7d7d7;
		margin: 0;
	}

	#mobile-menu li {
		display: block;
		margin: 0;
	}

	#mobile-menu > li > ul,
	#mobile-menu > li > ul > li > ul {
		display: none;
		margin: 0;
		/*background-color: #efefef;
		background-color: rgba(28, 40, 65, 0.9);*/
		background-color: rgba(255, 255, 255, 0.1);
	}

	#mobile-menu .sf-mega {
		display: none;
		padding: 0;
		border: none;
		margin: 0;
		background-color: #fff;
	}

	#mobile-menu .sf-mega-section {
		float: none;
		width: 100%;
		padding: 0;
		border: none;
	}

	#mobile-menu .sf-mega-section ul { margin-left: 0; }

	#mobile-menu li a {
		position: relative;
		display: block;
		padding: 15px 25px;
		border-top: 1px solid #7a7885;
		color: #fff;
		font-size: 14px;
		text-align: center;
		text-decoration: none;
	}

	#mobile-menu ul a { padding-left: 45px; }

	#mobile-menu ul li ul a  { padding-left: 55px; }

	#mobile-menu .mobile-menu-submenu-arrow {
		position: absolute;
		top: 0;
		right: 0;
		width: 70px;
		height: 100%;
		border-left: 1px solid #7a7885;
		color: #fff;
		font-size: 20px;
		line-height: 50px;
		text-align: center;
		cursor: pointer;
	}

	#mobile-menu .mobile-menu-submenu-arrow:hover { background-color: #b2953a; }

	#mobile-menu li a:hover {}

	#mobile-menu { display: none; }

/* ==========================================================================
   =Mobile menu trigger
   ========================================================================== */

	#mobile-menu-trigger {
		float: right;
		display: none;
		font-size: 28px;
		color: #b2953a;
	}

/* ==========================================================================
   =Custom search form
   ========================================================================== */

	#custom-search-button + nav { /* margin-right: 50px; */ }

	#custom-search-button {
		position:relative;
		display: inline-block;
		width: auto;
		height: 0;
		border: 0px;
		border-radius: 0px;
		float: right;
		top: -55px !important;
		right: 125px;

	}
#custom-search-button:before {
	font-family: FontAwesome;
	content: "\f002";
	display: inline-block;
	vertical-align: middle;
	color:#fff;
	padding: left 0;
	padding-right:0;
	font-size: 14px;
	}

	#custom-search-form {
    position: relative;
	 top: 0px;
	 right: 40px;
	 font-size: 12px;
	 color:#666;
	}

	.stuck #custom-search-form {
    position: relative;
	 top: 0;
	 right:0;
    padding-right: 40px;
    width: 1260px;
    background-color: rgba(240, 240, 240, 0.9);
	}

	/**
 	 * 1. z-index is 1030 because the dropdown menu has a z-index of 1025
 	 */

	#custom-search-form-container {
		position: relative;
		z-index: 100000;
		top: -65px;
		right: -120px;
		padding: 0px 0 0px 0;
		background-color: transparent;
		text-align: right;
		display: none;
		height: auto !important;
	}

	/* #custom-search-submit { display: none; } */

	#custom-search-form #s {
		width: 190px;
		padding: 4px 6px;
		border-color: #1c2841;
		border-radius: 0px;
		background-color: #fff;
		font-size: 12px;
	}

	#custom-search-submit {
		display: inline-block;
		border: none;
		margin-left: -40px;
		background: url(../images/icon_search.svg) no-repeat 100% 100%;
		background-size: 16px 16px;
		padding: 3px 15px;
	}

	#custom-search-form #s:focus { border-color: #b2953a; }

	#custom-search-form a.custom-search-form-close {
		position: relative;
		top: 2px;
		display: inline-block;
		width: 20px;
		height: 30px;
		border-radius: 0px;
		margin-left: 20px;
		font-size: 24px;
		line-height: 38px;
		font-weight: 300;
		text-align: center;
		text-decoration: none;
		font-family: Arial, Helvetica, sans-serif;
	}


/* ==========================================================================
   =Sticky Header
   ========================================================================== */
	
	@media (min-width: 1025px) {

	/**
 	 * We want to allow the header to be sticky on resolutions > 1024. In order to do this
	 * we position it absolute and when the sticky trigger point is reached we give the #header
     * the .stuck class	and change it's positioning to fixed
	 *
	 * 1. This value should be the height of the #header
	 * 2. This value should be the height of the #header-top, if it exists
 	 */

		#header-wrap{

			width:100%;
		}

		#header {

			margin: 0 auto;
		}

		/**
		 * // min-state of menu on scroll
		 * 1. The z-index has to be 1020 so it is bigger than the back to top buttons z-index that is 1010
		 */

		#header.stuck {
			z-index: 1020; /* 1 */
			top: 0;
			left: 0;
			right: 0;
			width: 100%;
			padding: 0 0 0 0;
			border-bottom: 1px solid #d7d7d7;
			margin: 0 auto;
			background-color: rgba(240, 240, 240, 0.9);
			-webkit-transition: padding 0.3s;
			transition: padding 0.3s;
		}

		#header.stuck .header-container { padding-bottom:15px;}

		#header.stuck  #logo { 
			/* shring the logo on scroll */
			padding: 20px 0 0 0;
			width: 50%;
			height: 60px;
			overflow-y: hidden;
		}
	 
		#header.stuck .primary-menu { padding-top: 25px; }
		
		#header.stuck  .sf-menu > li > a,
		#header.stuck  .sf-menu > li.menu-item-has-children > a { padding: 27px 13px; }

		#header.stuck  .sf-menu > li:last-child > a,
		#header.stuck  .sf-menu > li.menu-item-has-children:last-child > a {
			padding-right: 0;
		}

		#header.stuck  .sf-menu > li:first-child > a,
		#header.stuck  .sf-menu > li.menu-item-has-children:first-child > a {
			padding-left: 0;
		}

		#header.stuck .sf-arrows .sf-with-ul:after { margin-top: -3px; }

		#header.stuck  #custom-search-button { top: 38px !important; }

		body.admin-bar #header.stuck { top:32px; }
		#header.stuck .error-no-menu { padding: 25px 0 10px; }
	}
	
	@media only screen and (min-width: 1025px) and (max-width: 1200px) {
	
	}
	

/* ==========================================================================
   =Content
   ========================================================================== */
	.header-container { 
		/*
		position:absolute;
		z-index:11000;
		background-color: rgba(28, 40, 65, 0.8);
		*/
		width:1300px;
		
		}
	#content { 
		padding-top: 60px;
		padding-bottom: 50px;
		min-height: 800px;
		background-color: #fff;
	}
	
	.home	#content { padding-bottom: 0px;padding-top: 0px;background-color: transparent; }

	#main-content-full { margin-top:0px; }

	/* video embed iframe */
	.wpb_video_widget .wpb_wrapper iframe, iframe { min-height: 320px !important; width:100% !important; }


/* ==========================================================================
   =Page Header
   ========================================================================== */

	#page-header {
		/* position: relative;
		top: 0px;
		*/
		background: transparent no-repeat center center;
		background-size: contain;
		height:511px;
		margin-bottom:25px;
		width:100% !important;
	}

	/* positoin the pg header */

	#page-header .container {
	 
	}

	#page-header h1 {
    /* display: none; */
    padding: 37% 0 0 0px;
    background-color: transparent;
    line-height: 1.1;
    color: #fff;
    width: 100%;
    height: 100%;
    font-size: 45px;
}

	#page-header h1 small {
		display:none;
		font-size: 18px;
		font-weight: 400;
		text-transform: lowercase;
	}
/* hide pg header for search */
.search #page-header { display:none;}

/* ==========================================================================
   =Footer wrapper
   ========================================================================== */

	.home #footer-wrapper {
		padding: 0 0 25px 0;
		color: #fff;
	}

	#footer-wrapper {
		padding: 25px 0 25px 0;
		color: #fff;
		margin-top: 0px;
	}

	#footer-wrapper .footer-main { text-align:center; }

	#footer-wrapper .widget { 
	margin: 10px 0;
    width: 100%;
    display: block;
    float: none;
    text-align: center;
    height: auto;
	}
	div#text-2.widget p { /* copyright */ font-size: 10px;}

	#footer-wrapper a { color: inherit; }

	#footer-wrapper input[type="text"],
	#footer-wrapper input[type="password"],
	#footer-wrapper input[type="date"],
	#footer-wrapper input[type="datetime"],
	#footer-wrapper input[type="datetime-local"],
	#footer-wrapper input[type="month"],
	#footer-wrapper input[type="week"],
	#footer-wrapper input[type="email"],
	#footer-wrapper input[type="number"],
	#footer-wrapper input[type="search"],
	#footer-wrapper input[type="tel"],
	#footer-wrapper input[type="time"],
	#footer-wrapper input[type="url"],
	#footer-wrapper input[type="color"],
	#footer-wrapper textarea {
		border-color: inherit;
	}

	#footer-wrapper select {
		border-color: inherit;
	}

	#footer-wrapper h1,
	#footer-wrapper h2,
	#footer-wrapper h3,
	#footer-wrapper h4,
	#footer-wrapper h5,
	#footer-wrapper h6,
	#footer-wrapper h1 a,
	#footer-wrapper h2 a,
	#footer-wrapper h3 a,
	#footer-wrapper h4 a,
	#footer-wrapper h5 a,
	#footer-wrapper h6 a	{ color: inherit; }

	#footer-wrapper .slider-control span:hover { border-color: inherit; }
	#footer-wrapper .slider-control span:hover a { color: inherit; }

/* ==========================================================================
   =Footer
   ========================================================================== */

	#footer {}

	#footer-widget-area-1 {}
	#footer-widget-area-2 {}
	#footer-widget-area-3 {}
	#footer-widget-area-4 {}

/* ==========================================================================
   =Footer Bottom
   ========================================================================== */

	#footer + #footer-bottom { border-top: 0px solid #fff; }

	#footer-bottom { padding-top: 20px; }

	#footer-bottom-widget-area-1 {}
	#footer-bottom-widget-area-2 {}
	#footer-bottom-widget-area-3 {}
	#footer-bottom-widget-area-4 {}

/* ==========================================================================
   =Back to top
   ========================================================================== */

	#back-to-top {
		position: fixed;
		z-index: 1010;
		right: -40px;
		bottom: 20px;
		width: 40px;
		height: 40px;
		border-radius: 3px;
		background-color: rgba(0, 0, 0, 0.65);
		color: #fff;
		font-size: 30px;
		text-align: center;
		opacity: 0.5;
		cursor: pointer;
		text-decoration: none;
		-webkit-transition: all 0.4s ease 0s;
			transition: all 0.4s ease 0s;
	}

	#back-to-top i {
		font-size: 30px;
		line-height: 40px;
		font-weight: 700;
		vertical-align: top;
		-webkit-transition: all 0.4s ease 0s;
				transition: all 0.4s ease 0s;
	}

	#back-to-top:hover { background-color: rgba(0, 0, 0, 0.85); }
	#back-to-top:hover i { color: #fff; }
	#back-to-top.visible { right: 20px; }
	#back-to-top.gone { right: -40px; }


/* ==========================================================================
   =temp
   ========================================================================== */

	.custom-color-selected .portfolio-filter ul li a:hover,
	.custom-color-selected a,
	.custom-color-selected .caption-text,
	.custom-color-selected .pagination li a:hover,
	.custom-color-selected .wp-caption-text  { color: inherit; }

	.custom-color-selected .portfolio-item.alt:hover .portfolio-item-description,
	.custom-color-selected pre {
		background-color: inherit;
		color: inherit;
	}

	.custom-color-selected .divider.double-line,
	.custom-color-selected .divider.single-line,
	.custom-color-selected .headline h2::after,
	.custom-color-selected .icon-box-2 .icon-box-content,
	.custom-color-selected .horizontal-process-builder li i,
	.custom-color-selected .horizontal-process-builder li h1,
	.custom-color-selected .horizontal-process-builder li img,
	.custom-color-selected .horizontal-process-builder::before,
	.custom-color-selected .odometer::before,
	.custom-color-selected .pricing-table,
	.custom-color-selected .portfolio-filter ul li a,
	.custom-color-selected .pagination a,
	.custom-color-selected .pagination li a:hover{
		border-color: inherit;
	}

	.custom-color-selected .portfolio-filter ul li a:hover,
	.custom-color-selected .pagination li a:hover,
	.custom-color-selected .blog-post-title p {
		background-color: inherit;
	}

	.custom-color-selected .btn,
	.custom-color-selected a.btn { border-color: inherit; color:inherit; }

	.custom-color-selected .btn:hover {
		background-color: inherit;
		color: inherit;
	}

	.custom-color-selected .map-overlay {
		background-color: inherit;
	}

	.custom-color-selected .client-details {
		display: none;
	}

	.custom-color-selected ::-moz-placeholder,
	.custom-color-selected ::-webkit-input-placeholder,
	.custom-color-selected :-ms-input-placeholder {
		color: #d7d7d7;
	}

	.custom-color-selected input[type="text"],
	.custom-color-selected input[type="password"],
	.custom-color-selected input[type="date"],
	.custom-color-selected input[type="datetime"],
	.custom-color-selected input[type="datetime-local"],
	.custom-color-selected input[type="month"],
	.custom-color-selected input[type="week"],
	.custom-color-selected input[type="email"],
	.custom-color-selected input[type="number"],
	.custom-color-selected input[type="search"],
	.custom-color-selected input[type="tel"],
	.custom-color-selected input[type="time"],
	.custom-color-selected input[type="url"],
	.custom-color-selected input[type="color"],
	.custom-color-selected textarea {
		color: #7a7885;
	}

	.custom-color-selected select {
		color: #7a7885;
	}

/* ==========================================================================
   MODIFICATIONS FOR RESPONSIVE RENDERING
   ========================================================================== */

.nav-top { padding: 30px 0 15px 0; text-align: center;}

/* md - Landscape tablets and medium desktops */
@media only screen and (min-width: 1201px) and (max-width: 1320px) {

	#custom-search-form-container {
		top: -15px;
		right: 40px;
	}
	
	
	/* EDGE */
	@supports (-ms-ime-align:auto) {
		#custom-search-form-container {
			top: -25px !important;
			right: 40px !important;
		}
	}
	
}


/* md - Landscape tablets and medium desktops */
@media only screen and (min-width: 992px) and (max-width: 1200px) {
		
		.header-container { width: 100%; }

		.sf-menu li a { font-size: 0.824em;}
		#custom-search-button { 
			float: right;
			right: 0px;
		}

		#custom-search-form-container {
			position: absolute;
			top: 215px;
			right: 0px;		
		}
		
		/* EDGE */
		@supports (-ms-ime-align:auto) {
			#custom-search-form-container {
				top: -35px !important;
				right: -50px !important;
			}
		}
		

}


	/* -- IE 10 & 11 -- */
	@media screen and (-ms-high-contrast: active) and (min-width: 992px) and (max-width: 1300px), (-ms-high-contrast: none) {
		#custom-search-form-container {
			top: -15px !important;
			right: 50px !important;

		}
		*::-ms-backdrop, #custom-search-form-container {
			top: -15px !important;
			right: 50px !important;
		}
	
	}
	
/* tablets - portraits */

@media only screen and (min-width: 768px) and (max-width: 991px) {
  
	.header-container { width: 100%; }
	
	#header-wrap { height: 148px;}

	#logo { padding: 15px 0 10px 0;}

	#mobile-menu { position: relative; top: 0px; margin: 0px;background-color: #1c2841;z-index: 99999;}
	#custom-search-button { display:block; }
	#mobile-menu-trigger { 
		display: block;
		margin:0;
		position: absolute;
		top: 37px;
		right: 30px;
	}
	
		/* custom search for MOBILE --- */
		#custom-search-button { position: absolute; top: 42px !important; left: 30px; }
		#custom-search-button:before { font-size:20px;color: #b2953a;}

		/* search form */
		#custom-search-form-container {
			position: absolute;
			top: 145px;
			right: 0;
			margin: 0;
			padding: 0px 32% 10px 0;
			background-color: rgba(28,40,65,0.8);
	  }
		
		#custom-search-form {
			top: 0;
			right:0px;
			width: 800px;
			height:50px;
			padding:5px 45px 0px 0;
			background-color: rgba(240, 240, 240, 0);
		}

		/* ---- custom search for MOBILE END */


	#content #main-content, #content #main-content-full { margin-top: 10px; }

	.post-type-archive #content #main-content {margin-top: 0px;}

	/* hoem page fixes */
	.dslc-modules-section.full-bg .dslc-modules-area { padding-left:80px;}

	body.dslc-res-phone .dslc-modules-section.full-bg .dslc-col  { width:90%; }

	/* video embed iframe */
	.wpb_video_widget .wpb_wrapper iframe, iframe { min-height: 260px !important; }

}


/* -------------------- portrait views -------------------- */

@media only screen and (max-width: 767px) { /* ----------catch all for all small screens + mobile */
	
	#header-wrap { height: 153px;}

	.header-container { width: 100%; }

	#logo { padding: 15px 30px 15px 30px; }
		#custom-search-button { display:block; }

		#mobile-menu-trigger { 
			display: block;
			margin:0;
			position: absolute;
			top: 37px;
			right: 20px;
		}
		#mobile-menu { 
			position: relative; 
			top: 0px; 
			margin: 0px;
			z-index: 100000;
			background-color: #1c2841;
		}
	
		/* custom search for MOBILE --- */
		#custom-search-button { position: absolute; top: 43px !important; left: 20px; }
		#custom-search-button:before { font-size:20px;color: #b2953a;}

		/* search form */
		#custom-search-form-container {
			top: 0px;
			right: 0%;
			margin-right: 0px;
			padding-right: 28%;
			background-color: rgba(28,40,65, 0.8);
		}
	

		/* ---- custom search for MOBILE END */

	#main-content-full .row { margin-right: 0px; margin-left: 0px;}
	#content #main-content, #content #main-content-full {margin-top: 10px; }

	.search #content { padding-top:0px;}

	.wpb_single_image { margin-bottom: 15px !important; }
	.signup h4 { padding-bottom: 0px !important;}

} /* --------------------------------------------------------------- // <=767px -- */

@media only screen and (max-width: 580px) { /* for extreme small size */

	#content { padding-top: 20px; }

	#header-wrap { height: 92px;}

	.header-container { 
		width: 100%;
		position: fixed;
		background-color: #1c2841;
		z-index: 200;
	}

	#logo { padding: 0px;}
	img.logo_header { width: 257px; height: 44px;}

		#custom-search-button { display:block; }

		/* custom search for MOBILE --- */
		#custom-search-button { position: absolute; top: 22px !important; left: 20px;}

		#custom-search-button:before { font-size:15px;color: #b2953a;}

		#custom-search-form { right: 25%; }

		#mobile-menu { 
			position: fixed;
			top: 92px;
			left: 0;
			margin: 0px;
			width: 100%;
			z-index: 101;
			background-color: #1c2841;
		}
		#mobile-menu-trigger { 
			display: block;
			margin:0;
			position: absolute;
			top: 13px;
			right: 20px;
		}

		.fa-bars::before {
			font-size: 16px;
	  }
	

		/* search form */
		#custom-search-form-container {
			position:relative;
			top: 0px;
			right: 0%;
			margin-right: 0px;
			padding: 0;
			background-color: rgba(28,40,65, 0.8);
			margin-bottom: 0;
		}
		.widget_nav_menu ul li {
			float: none !important;
			margin-bottom: 5px;
	  }
	  
	  .home #footer-wrapper {
		padding: 10px 0 25px 0;
	}
	

} /* ----- // max width 580px */


/*----MS Edge Browser CSS Start----*/
/* -- IE 10 & 11 -- */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	#custom-search-form-container {
			top: -70px;
			right: -120px;
	}
	
	#custom-search-submit {
		margin: 20px 0 0 -40px;
		background: url(../images/icon_search.svg) no-repeat 100% 50%;
		background-size: 16px 16px;
	}
}

/* -- EDGE -- */
@supports (-ms-ime-align:auto) {
	#custom-search-form-container {
		top: -80px;
		right: -120px;
	}
	
	#custom-search-submit {
		margin: 20px 0 0 -40px;
		background: url(../images/icon_search.svg) no-repeat 100% 110%;
		background-size: 16px 16px;
		padding: 3px 15px;
	}
}
/*----MS Edge Browser CSS End----*/


/* ---------------------------------------------------------------
   REPONSIVE STYLES : MOBILES
 --------------------------------------------------------------- */

 /* =================================== MOBILE PORTRAITS =================================== */

/* iPad Pro/retina display | portrait */
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {

	/* search form */
	#custom-search-form-container {
		position: absolute;
    top: 210px !important;
    left: 0 !important;
		margin-right: 0px;
		padding: 0;
		background-color: rgba(28,40,65, 0.8);
		margin-bottom: 0;
	}
	#custom-search-form {
		top: 0;
		right: 0px;
		padding: 5px 37.5% 0px 0 !important;
  }

} /* ----------------------------------------------- // iPad Pro/retina | portrait */

/* iPad  | portrait */
@media only screen and (min-device-width : 768px) and (max-device-width: 1024px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait) {
	
	#custom-search-form-container { top: 140px;right: 0;}

	#custom-search-form {
		top: 0;
		right: 0px;
		padding: 5px 15px 0px 0;
  }
	.home blockquote { margin-left: 10px;font-size: 1.3em;}
	
	.header-img .wpb_single_image figure img { margin: 0px 1% 15px 1%;}


} /* ----------------------------------------------- // iPad  | landscape */


/* iPhone X | portrait  */
@media only screen and (min-device-width: 375px) and (max-device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) {

	#custom-search-form { right: 10%;}
	#custom-search-form-container { padding: 0 8% 0 0;}
	

} /* ----------------------------------------------- // iPhone X | portrait */

/* iPhone 6+ | portrait ------- catchall for most recent devices ------- */
@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) {

	#custom-search-form { right: 14%;}
	/* video embed iframe */
	.wpb_video_widget .wpb_wrapper iframe, iframe { min-height: 200px; }

	/* news listing ajustments */
	.news-post-thumb, .news-teaser { width: 100% !important; float: left !important; padding-bottom:10px;}

}  /* ----------------------------------------------- // iPhone 6+/7+/8+ | portrait | catchall --  */

/* iPhone 6, 6s, 7, 8 | portrait */
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait) {

	#custom-search-form { right: 18%;}

	/* video embed iframe */
	.wpb_video_widget .wpb_wrapper iframe, iframe  { min-height: 180px; }

} /* ----------------------------------------------- // iPhone 6/7/8 | portrait  */


/* iPhone 5- | Portrait */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
	#logo { padding: 3px 0 0 0;}

	img.logo_header {
			width: 205px;
			height: 36px;
	}

	#content #main-content, #content #main-content-full { margin-top: 0px; }

	/* video embed iframe */
	.wpb_video_widget .wpb_wrapper iframe, iframe { min-height: 140px; }

}

/* =================================== MOBILE LANDSCAPES =================================== */
/* iPad Pro/retina display  | landscape */
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape)  {

}
/* iPad  | landscape */
@media only screen and (min-device-width : 768px) and (max-device-width: 1024px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape) {

	#custom-search-form-container {
		position: absolute;
		top: 215px;
		right: 0px;
  	}
 	.home blockquote { margin-left: 10px;font-size: 1.3em;}

	#content #main-content, #content #main-content-full { margin-top: 0px; }

	/* video embed iframe */
	.wpb_video_widget .wpb_wrapper iframe, iframe { min-height: 340px; }

} /* ----------------------------------------------- // iPad  | landscape */

/* iPhone X | landscape  */
@media only screen and (min-device-width: 375px) and (max-device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) {
	#content { padding-top: 10px;}
	.home blockquote { margin-left: 10px;}
	.header-img .wpb_single_image figure img { margin: 0px 1% 15px 1%;}
	
}

/* iPhone 6+/7+/8+ | landscape */
@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation: landscape) { 
	#content { padding-top: 10px;}
	/* video embed iframe */
	.wpb_video_widget .wpb_wrapper iframe, iframe { min-height: 370px; }

	/* video embed iframe */
	.wpb_video_widget .wpb_wrapper iframe, iframe { min-height: 370px; }
	.header-img .wpb_single_image figure img { margin: 0px 1% 15px 1% !important;}
	  
}

/* iPhone 6  | landscape */
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
	
	#content { padding-top: 10px;}
	/* video embed iframe */
	.wpb_video_widget .wpb_wrapper iframe, ifrmae { min-height: 340px; }
	.header-img .wpb_single_image figure img { margin: 0px 1% 15px 1%;}

}


/* iPhone 5- | Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
	#content { padding-top: 10px;}
	#header-wrap { height: 97px;}
	/* video embed iframe */
	.wpb_video_widget .wpb_wrapper iframe, iframe { min-height: 280px; }
	.header-img .wpb_single_image figure img { margin: 0px 1% 15px 1%;}
}