/***************************************************
****************************************************
**              EFELLE MEDIA STYLES               **
**              © efelle media 2013               **
**                                                **
**               Table of Contents                **
**                                                **
**  |1| Core Styles         |7| Special Cases     **
**  |2| Nav Styles          |8| Carousel          **
**  |3| Icons	            |9| Isotope           **
**  |4| Arrows             |10| Foundation App    **
**  |5| Masthead                                  **
**  |6| Footer                                    **
**						                          **
****************************************************
***************************************************/

@font-face {
    font-family: 'jenna_sueregular';
    src: url('fonts/jennasue/JennaSue-webfont.eot');
    src: url('fonts/jennasue/JennaSue-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/jennasue/JennaSue-webfont.woff') format('woff'),
         url('fonts/jennasue/JennaSue-webfont.ttf') format('truetype'),
         url('fonts/jennasue/JennaSue-webfont.svg#jenna_sueregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* poppins-300 - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/poppins/poppins-v3-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Poppins Light'), local('Poppins-Light'),
       url('fonts/poppins/poppins-v3-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/poppins/poppins-v3-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/poppins/poppins-v3-latin-300.woff') format('woff'), /* Modern Browsers */
       url('fonts/poppins/poppins-v3-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/poppins/poppins-v3-latin-300.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* poppins-regular - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/poppins/poppins-v3-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Poppins Regular'), local('Poppins-Regular'),
       url('fonts/poppins/poppins-v3-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/poppins/poppins-v3-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/poppins/poppins-v3-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/poppins/poppins-v3-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/poppins/poppins-v3-latin-regular.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* poppins-500 - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/poppins/poppins-v3-latin-500.eot'); /* IE9 Compat Modes */
  src: local('Poppins Medium'), local('Poppins-Medium'),
       url('fonts/poppins/poppins-v3-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/poppins/poppins-v3-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/poppins/poppins-v3-latin-500.woff') format('woff'), /* Modern Browsers */
       url('fonts/poppins/poppins-v3-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/poppins/poppins-v3-latin-500.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* poppins-600 - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/poppins/poppins-v3-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Poppins SemiBold'), local('Poppins-SemiBold'),
       url('fonts/poppins/poppins-v3-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/poppins/poppins-v3-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/poppins/poppins-v3-latin-600.woff') format('woff'), /* Modern Browsers */
       url('fonts/poppins/poppins-v3-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/poppins/poppins-v3-latin-600.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* poppins-700 - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/poppins/poppins-v3-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Poppins Bold'), local('Poppins-Bold'),
       url('fonts/poppins/poppins-v3-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/poppins/poppins-v3-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/poppins/poppins-v3-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/poppins/poppins-v3-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/poppins/poppins-v3-latin-700.svg#Poppins') format('svg'); /* Legacy iOS */
}

/********************************
******** |1| Core Styles ********
********************************/

html, body {
	min-height: 100%; 
	width: 100%; 
	margin: 0;
	padding: 0;
	background: #fff;
	font-family: 'Poppins', sans-serif;
	-webkit-font-smoothing: antialiased;
	overflow-x: hidden;
}

body.no-scroll {
	position: fixed;
}

header {
	display: block;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Poppins', sans-serif;

}

h1 {
	color: #2a2a2a;
	font-size: 26px;
	font-weight: 500;
}

h2 {
	color: #2a2a2a;
	/*font-size: 50px;*/
	font-weight: 800;
	line-height: 1.1;
}

.blog-block h2 {
	margin-bottom: 80px;
}

h3 {
	color: #268a94;
	font-size: 22px;
	font-weight: 500;
}

h4 {
	font-size: 20px;
	font-weight: 500;
	text-transform: uppercase;
}

h5 {
	color: #2a2a2a;
	font-size: 17px;
	font-weight: 500;
}

h6 {
	font-size: 17px;
	font-weight: 600;
}

p {
	color: #5a5f63;
	font-family: 'Poppins', sans-serif;
	font-size: 16px;
	line-height: 1.5;
	font-weight: 400;
}

ul li {
	list-style-type: none;
	background: url('/graphics/sprite/arr.png') no-repeat top left;
	margin-bottom: 10px;
	padding: 0 12px;
	color: #5a5f63;
}

ol li {
	margin-bottom: 10px;
	padding: 0 12px;
	color: #5a5f63;
}

.foot-popular ul li,
.top-bar-section ul li,
.top-bar ul li,
#breadcrumb li,
#frontpage #filter li,
.buttons li,
.foot-services li,
.inline li,
.list_carousel li,
.form_field_element li {
	background: none;
	font-style: normal;
}
ol {
	margin: 15px 0; /* Remove the default left margin (adding 15px top and bottom for Epoch) */
    counter-reset:li; /* Initiate a counter */
    padding-left:0; /* Remove the default left padding */
}
ol > li {
    position:relative; /* Create a positioning context */
    padding:0; /* Add some spacing around the content */
    list-style:none; /* Disable the normal item numbering */
    /*margin: 8px 0 0;*/
	/*font-size: 14px;*/
	/*font-weight: 400;*/
	
}
ol > li:before {
    content:counter(li) "."; /* Use the counter as content */
    counter-increment:li; /* Increment the counter by 1 */
	color: #2a2a2a;
	padding: 0px 7px 0 0;
    margin-left: -20px;
}

strong {
	font-weight: 600;
}

blockquote {
	font-family: 'Poppins', sans-serif;
	font-size: 18px;
	font-weight: 400;
	border-left: none;
	padding: 60px 0px 20px 0;
	margin: 0;
	quotes: "“" "”" "‘" "’";
}

.testimonial-block blockquote:before {
    content: open-quote;
	font-size: 100px;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	line-height: .5;
}

blockquote:after {
	content: '';
}

.centered {
	text-align: center;
}

.ft_left {
	float: left!important;
}

.ft_right {
	float: right!important;
}

.no-border {
	border: none!important;
}

.white {
	background: white;
}

.text-light-blue {
	color: #58dcd0 !important;
}

.text-blue {
	color: #2c8a93 !important;
}

.orange {
	background: #f55024;
}

.text-orange {
	color: #f55024 !important;
	font-weight: 500;
}

.section-title,
.section-title h1,
.section-title h2,
.section-title h3,
.section-title h4,
.section-title p {
	color: #fff !important;
}

.section-title h2 {
	font-size: 80px;
	font-weight: 800;
	text-transform: uppercase;
	margin-bottom: 15px;
	margin-top: 0;
}

.gray {
	background: #fff;
}

.shadow {
	box-shadow: inset 0px 33px 62px 0px rgba(51, 51, 51, 0.07);
}

.inline-block * {
	display: inline-block!important;
}

ul.inline {
	list-style: none;
}

ul.inline li {
	display: inline-block;
}

.load-hide {
	display: none;
}

.load-show {
	display: block;
}


a.white-glow:hover,
a.white-glow:focus,
a.white-glow:active,
.white-glow a:hover,
.white-glow a:focus,
.white-glow a:active {
	color: #51ddd1!important;
   -webkit-stroke-width: 5.3px;
   -webkit-stroke-color: #FFFFFF;
   -webkit-fill-color: #FFFFFF;
   text-shadow: 1px 0px 20px white;
   -webkit-transition: width 0.3s; /*Safari & Chrome*/
   transition: width 0.3s;
   -moz-transition: width 0.3s; /* Firefox 4 */
   -o-transition: width 0.3s; /* Opera */
}

a.white-glow,
.white-glow a {
   -webkit-transition: all 0.3s ease-in; /*Safari & Chrome*/
   transition: all 0.3s ease-in;
   -moz-transition: all 0.3s ease-in; /* Firefox 4 */
   -o-transition: all 0.3s ease-in; /* Opera */
   text-decoration:none;
   color:white;
}

a.white2blue:hover,
a.white2blue:focus,
a.white2blue:active,
.white2blue a:hover,
.white2blue a:focus,
.white2blue a:active {
	color: #51ddd1!important;
   -webkit-transition: width 0.3s; /*Safari & Chrome*/
   transition: width 0.3s;
   -moz-transition: width 0.3s; /* Firefox 4 */
   -o-transition: width 0.3s; /* Opera */
}

a.white2blue,
.white2blue a {
   -webkit-transition: all 0.3s ease-in; /*Safari & Chrome*/
   transition: all 0.3s ease-in;
   -moz-transition: all 0.3s ease-in; /* Firefox 4 */
   -o-transition: all 0.3s ease-in; /* Opera */
   text-decoration:none;
   color:white;
}

h5 a, h6 a {

  cursor: pointer;
  font-family: inherit;
  font-weight: 600;
  line-height: 1;
  margin: 0 0 1.25em;
  position: relative;
  text-decoration: none;
  text-align: center;
  display: inline-block;
/*  padding-top: 0.75em;
  padding-right: 1.5em;
  padding-bottom: 1.5125em;
  padding-left: 1.5em;*/
  padding: 2em .8em;
  font-size: 1em;
  background-color: #f55024;
  /*border-color: #c43009;*/
  color: white; }
  h5 a:hover, h5 a:focus {
    background-color: #c43009; }
  h5 a:hover, h5 a:focus {
    color: white; }

h6 a,
button.instant, 
.button.instant {
    background-color: #268a94;
    /*border-color: #388eb7;*/
    color: white; 
}

h6 a:hover,
h6 a:focus,
button.instant:hover, 
button.instant:focus, 
.button.instant:hover, 
.button.instant:focus {
    background-color: #51ddd1; 
}

h6 a:hover,
h6 a:focus,
button.instant:hover, 
button.instant:focus, 
.button.instant:hover, 
.button.instant:focus {
    color: white; 
}

 button.disabled.instant, 
 button[disabled].instant, 
 .button.disabled.instant, 
 .button[disabled].instant {
	background-color: #268a94;
	/*border-color: #388eb7;*/
	color: white;
	cursor: default;
	opacity: 0.6;
	-webkit-box-shadow: none;
	box-shadow: none; 
}
button.disabled.instant:hover, 
button.disabled.instant:focus, 
button[disabled].instant:hover, 
button[disabled].instant:focus, 
.button.disabled.instant:hover, 
.button.disabled.instant:focus, 
.button[disabled].instant:hover, 
.button[disabled].instant:focus {
    background-color: #51ddd1; 
}

button.disabled.instant:hover, 
button.disabled.instant:focus, 
button[disabled].instant:hover, 
button[disabled].instant:focus, 
.button.disabled.instant:hover, 
.button.disabled.instant:focus, 
.button[disabled].instant:hover, 
.button[disabled].instant:focus {
    color: white; 
}

button.disabled.instant:hover, 
button.disabled.instant:focus, 
button[disabled].instant:hover, 
button[disabled].instant:focus, 
.button.disabled.instant:hover, 
.button.disabled.instant:focus, 
.button[disabled].instant:hover, 
.button[disabled].instant:focus {
    background-color: #268a94; 
}

.scrollup{
    width: 75px;
	height: 75px;
	opacity: 0.7;
	position: fixed;
	bottom: 50px;
	right: 50px;
	display: none;
	text-indent: -9999px;
    background: transparent url(../graphics/sprite/icon_top.png) no-repeat;
}


/********************************
******** |2| Nav Styles ********
********************************/

@media only screen and (min-width: 58.75em) {
	nav.top-bar ul.title-area {
		padding: 10px 0 0 !important;
		height: 100%;
	}
	.top-bar-section ul {
		padding: 0;
		margin: 47px 0 0 0;
	}

	.top-bar-section ul {
		float: right!important;
	}

	header.scroll nav.top-bar ul.title-area {
		padding: 0;
		/*margin: 10px 0 0 0;*/
	}
	header.scroll .top-bar-section ul {
		padding: 0;
		/*margin: 10px 0 0 0;*/
	}
	header nav.top-bar ul.title-area img.top {
		display: inline-block;
	}

}

header.head {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	height: 100px;
	z-index: 9999;
}

/*header #alert-banner {
	max-height: 65px;
}*/

header.head.scroll {
	background-color: #fff;
	box-shadow: 0px 5px 9px 0px rgba(51, 51, 51, 0.28);
}

header.head.active {
	z-index: 1001;
}

header.head .top-bar {
	max-width: 1200px;
	margin: 0 auto;
	height: 100%;
}

nav.overlay {
	position: fixed;
	top: 0;
	right: 0;
	width: 100vw;
	height: 100vh;
	z-index: 999;
	opacity: 0;
	visibility: hidden;
	background: rgba(0,0,0,.9);
	-webkit-transition: opacity 0.5s, visibility 0.5s;
	transition: opacity 0.5s, visibility 0.5s;
}

nav.overlay.active {
	opacity: 1;
	visibility: visible;
	z-index: 999;
}

@media only screen and (max-width: 58.74em) {
	
	nav.overlay .menu-list {
		display: block;
		position: relative;
		max-width: 100%;
		margin: 0 auto;
	}

	nav.overlay .menu-list-item {
		width: 100%;
		text-align: center;
		list-style: none;
		background-image: none;
	}

	nav.overlay .menu-list-item a {
		color: #fff;
	}

}

@media only screen and (min-width: 58.75em) {

	nav.overlay .menu-list {
		display: block;
		position: relative;
		max-width: 90%;
		margin: 0 auto 0;
	}

	nav.overlay .menu-list-item {
		position: relative;
		display: block;
		float: left;
		min-width: 33%;
		height: 335px;
		opacity: 1;
		transition: transform 1s, opacity 1.5s;
		text-transform: uppercase;
		background-image: none;
		padding: 15px;
		margin: 0;
		box-shadow: none;

	}

	nav.overlay .menu-list-item:nth-child(1) {
		-webkit-transform: translateY(-70vh);
		transform: translateY(-70vh);
	}

	nav.overlay .menu-list-item:nth-child(2) {
		-webkit-transform: translateX(70vw);
		transform: translateX(70vw);
	}

	nav.overlay .menu-list-item:nth-child(2),
	nav.overlay .menu-list-item:nth-child(5) {
		min-width: 66%;
	}

	nav.overlay .menu-list-item:nth-child(2),
	nav.overlay .menu-list-item:nth-child(3),
	nav.overlay .menu-list-item:nth-child(5) {
		height: calc(335px / 2);
		
	}

	nav.overlay .menu-list-item:nth-child(4) {
		-webkit-transform: translateY(70vh);
		transform: translateY(70vh);
	}

	nav.overlay .menu-list-item:nth-child(5) {
		position: absolute;
		bottom: 0;
		left: 0;
		
		-webkit-transform: translateX(-70vw);
		transform: translateX(-70vw);
	}

	nav.overlay.active .menu-list-item {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	nav.overlay .menu-list-item a {
		display: block;
		color: #fff;
		font-size: 38px;
		font-weight: 800;
		text-align: center;
		text-transform: uppercase;
		background-color: #fff;
		height: 100%;
		width: 100%;
		vertical-align: middle;
		padding: 40px 0;
		box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
	}

	nav.overlay .menu-list-item a > div {
		position: relative;
		top: 50%;
		transform: translateY(-50%);
	}

	nav.overlay .menu-list-item:nth-child(1) a {
		background-color: #f55024;
	}

	nav.overlay .menu-list-item:nth-child(3) a {
		color: #2a2a2a;
	}

	nav.overlay .menu-list-item:nth-child(4) a {
		background-color: #58dccf;
	}

	nav.overlay .menu-list-item:nth-child(1) h2,
	nav.overlay .menu-list-item:nth-child(2) h2,
	nav.overlay .menu-list-item:nth-child(5) h2 {
		color: #fff;
	}

	nav.overlay .menu-list-item:nth-child(2) a,
	nav.overlay .menu-list-item:nth-child(5) a {
		border: 1px solid #fff;
		background: transparent;
	}
	
	nav.overlay .menu-list-item:nth-child(3) h2,
	nav.overlay .menu-list-item:nth-child(4) h2 {
		color: #2a2a2a;
	}

	div.inner-overlay {
		max-width: 100%;
		height: 100%;
		margin: 0 auto;
		position: relative;
		top: 50%;
		z-index: 2;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		padding-top: 100px;
	}
	
	nav.overlay ul.social li {
		display: inline-block;
		text-align: center;
		vertical-align: middle;
		margin-bottom: 10px;
	}
}

nav.overlay .menu-list .menu-list-item a h2,
nav.overlay .menu-list .menu-list-item a {
	font-size: 30px;
	margin: 0;
	line-height: 45px;
}

.head .js-nav-search-toggle {
	display: none;
	opacity: 0;
	visibility: hidden;
	transition: opacity .3s linear;
}

.head.active .js-nav-search-toggle {
	display: block;
	position: absolute;
	right: 100px;
	top: 25px;
	width: 30px;
	height: 30px;
	font-size: 20px;
	color: #fff;
	opacity: 1;
	visibility: visible;
}

.menu-overlay {
	position: relative;
	display: block;
	max-width: 100%;
	margin: 0 auto;
	visibility: hidden;
	opacity: 0;
	z-index: 99999;
	transition: opacity .5s linear;
	text-align: center;
}

.menu-overlay.on {
	opacity: 1;
	visibility: visible;
}

.nav-search {
	position: relative;
}

.nav-search-input {
	display: inline-block;
	max-width: 320px;
	height: 50px;
	border: none;
	margin: 0;
}

.nav-search button {
	display: inline-block;
	vertical-align: middle;
	margin-left: -5px;
}

nav.overlay ul li {
	list-style: none;
	background: none;
}

nav.overlay ul.social {
	width: 100%;
	text-align: center;
	margin: 10px 0 0;
}

nav.overlay ul.social.icons {
	margin-top: 5px;
}

nav.overlay ul.social.icons li {
	padding: 0 7px;
}

nav.overlay ul.social li {
	padding-bottom: 15px;
	margin: 0;
}

nav.overlay ul.social li a {
	color: #fff;
}

nav.overlay ul.social li p {
	display: inline-block;
	margin: 0;
}

nav.overlay ul.social li i {
	color: #5adcd2;
}

.social-border {
	border: 1px solid #fff;
	padding: 13px 0;
	line-height: 1;
	width: 45px;
	height: 45px;
	text-align: center;
	display: block;
	vertical-align: middle;
	border-radius: 100%;
	margin: 0 auto;
}

.accordion div.content a {
	font-size: 14px;
}


/********************************
*********** |3| Icons ***********
********************************/

i.icon-maps-sm {
	background: transparent url(../graphics/sprite/maps_sm.png) left center no-repeat;
	width: 46px;
	height: 46px;
	display: block;
}

.webdes {
	background: transparent url(../graphics/webdes_off.png) no-repeat center 38px;
}

.webdes:hover {
	background: transparent url(../graphics/webdes_on.png) no-repeat center 38px;
}

.webdes-wt {
	background: transparent url(../graphics/webdes_white.png) no-repeat center 38px;
}

.webdev {
	background: transparent url(../graphics/webdev_off.png) no-repeat center 38px;
}

.webdev:hover {
	background: transparent url(../graphics/webdev_on.png) no-repeat center 38px;
}

.webdev-wt {
	background: transparent url(../graphics/webdev_white.png) no-repeat center 38px;
}

.webcms {
	background: transparent url(../graphics/cms_off.png) no-repeat center 38px;
}

.webcms:hover {
	background: transparent url(../graphics/cms_on.png) no-repeat center 38px;
}

.webcms-wt {
	background: transparent url(../graphics/cms_white.png) no-repeat center 38px;
}

.seoweb {
	background: transparent url(../graphics/seo_off.png) no-repeat center 38px;
}

.seoweb:hover {
	background: transparent url(../graphics/seo_on.png) no-repeat center 38px;
}

.seoweb-wt {
	background: transparent url(../graphics/seo_white.png) no-repeat center 38px;
}

.mobweb {
	background: transparent url(../graphics/mobweb_off.png) no-repeat center 38px;
}

.mobweb:hover {
	background: transparent url(../graphics/mobweb_on.png) no-repeat center 38px;
}

.mobweb-wt {
	background: transparent url(../graphics/mobweb_white.png) no-repeat center 38px;
}

.ecomweb {
	background: transparent url(../graphics/ecom_off.png) no-repeat center 38px;
}

.ecomweb:hover {
	background: transparent url(../graphics/ecom_on.png) no-repeat center 38px;
}

.ecomweb-wt {
	background: transparent url(../graphics/ecom_white.png) no-repeat center 38px;
}

.webmark {
	background: transparent url(../graphics/onmark_off.png) no-repeat center 38px;
}

.webmark:hover {
	background: transparent url(../graphics/onmark_on.png) no-repeat center 38px;
}

.webmark-wt {
	background: transparent url(../graphics/onmark_white.png) no-repeat center 38px;
}

.socialweb {
	background: transparent url(../graphics/social_off.png) no-repeat center 38px;
}

.socialweb:hover {
	background: transparent url(../graphics/social_on.png) no-repeat center 38px;
}

.socialweb-wt {
	background: transparent url(../graphics/social_white.png) no-repeat center 38px;
}

/********************************
*********** |4| Arrows **********
********************************/

.arr-white { 
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-top: 20px solid #fff;
}

.arr-blue { 
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-top: 20px solid #134053;
}

.arr-gray { 
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-top: 20px solid #f3f3f3;
}

.arr-blue-lt { 
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-top: 20px solid #268a94;
}

.arr-orange { 
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-top: 20px solid #f55024;
}

.arr-orange-dk { 
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-top: 20px solid #620600;
}

.arrow {
  	width: 0; 
	height: 0;
	position: absolute;
}
 
.arr-25 {
	left: 25%;
} 

.arr-27 {
	left: 27%;
} 

.arr-30 {
	left: 30%;
}

.arr-50 {
	left: 50%;
}

.mt-50 {
	margin-top: 50px;
}

.mt-45 {
	margin-top: 45px;
}

.profit .cta ul.inline,
.cta ul.inline,
.cta .inline li,
.cta .button {
 margin: 0;
}


/********************************
********* |5| Masthead *********
********************************/

.masthead {
	background: url(../graphics/masthead1.jpg) no-repeat center center #fff;
	background-size: cover;
	height: 100vh;
	padding: 0;
}

#frontpage .masthead-text {
	position: absolute;
	top: 55%;
	left: 0;
	right: 0;
	transform: translateY(-50%);
	text-align: center;
	color: #fff !important;
}

#frontpage .masthead-text h1, #frontpage .masthead-text h2 {
	line-height: 1;
	font-size: 100px;
	color: #fff !important;
	text-transform: uppercase;
	font-weight: 800;
	margin: 15px 0 25px;
}

@media (max-width: 500px) {
	#frontpage .masthead-text h1, #frontpage .masthead-text h2 {
		margin: 10px 0;
	}

	#frontpage .masthead-text p {
		margin: 0 0 10px;
	}
}

#frontpage .masthead-text h4 {
	font-size: 28px;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 0.25rem;
	color: #fff !important;
}

#frontpage .masthead-text h6 {
	margin-right: 0;
}

@media (min-width: 500px) {
	#frontpage .masthead-text h6 {
		margin: 45px 0 0 0;
	}
}

#frontpage .masthead-text h6 a {
	background-color: #f55024;
}

#frontpage .masthead-text p {
	color: #fff;
	font-size: 20px;
	line-height: 1.5;
}

#frontpage .mastspot1 {
	background: url(../graphics/mastspot1.png) no-repeat center top;
	background-size: contain;
	height: 400px;
	margin-top: 200px;
}

#frontpage .mastspot1 a {
	margin: 300px 0 0 160px;
}

#frontpage .masthead2 {
	background: url(../graphics/masthead2.jpg) no-repeat center center #fff;
	background-size: cover;
	height: 700px;
}
#frontpage .mastspot2 {
	background: url(../graphics/mastspot2.png) no-repeat center top;
	background-size: contain;
	height: 400px;
	margin-top: 200px;
}

#frontpage .mastspot2 a {
	margin: 300px 0 0 160px;
}

#frontpage .mastspot {
	margin-top: 40px;
	text-align: center;
}

#frontpage header.scroll {
	height: 86px;
	transition: height .3s linear;
}

#mastslide {
	position: fixed;
	z-index: 0;
	width: 100%;
	padding: 0 !important;
}

.orbit-prev,
.orbit-next,
.orbit-timer,
.orbit-slide-number,
.orbit-bullets {
	display: none;
}

#frontpage .content {
	top: 100vh;
	background: #fff!important;
	position: relative;
}

#frontpage .content h1 {
	color: #2a2a2a;
    font-size: 50px;
    font-weight: 800;
    line-height: 1.1;
}

.section-container section {
	padding: 0;
}

.blog_comments section {
	padding: 0;
}


#portfoliov2_projects_media {
	padding: 25px 0 25px;
}
#portfoliov2_projects_text {
	padding: 25px 0 120px;
}

.home section,
section.profit,
section.profit.orange,
section.gray,
section.calltoaction,
.subpage-cat-block,
.subpage-block { 	
	padding: 100px 0 120px;
}

.scroll {
	background-color: rgba(255, 255, 255, .9);
}

#frontpage .scroll .top-bar-section ul li > a {
	color: #0B2F41 !important;
}

.orbit-container .orbit-prev,
.orbit-container .orbit-next {
	background-color: transparent;
	border-color: transparent;
	height: 50px;
	width: 33px;
}

.orbit-container .orbit-prev { 
	padding-left: 150px;
}

.orbit-container .orbit-next { 
	padding-right: 375px;
}

.orbit-container .orbit-prev span { 
	background: transparent url('../graphics/sprite/sldr-lt.png') center center;
}

.orbit-container .orbit-next span { 
	background: transparent url('../graphics/sprite/sldr-rt.png') center center;
}

.orbit-container .orbit-prev span,
.orbit-container .orbit-next span { 
	height: 50px;
	width: 33px;
	border-color: transparent;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); 
	opacity: .2; 
	-webkit-transition: opacity 400ms; 
	-moz-transition: opacity 400ms; 
	-o-transition: opacity 400ms; 
	transition: opacity 400ms; 
}

.orbit-container .orbit-prev:hover span,
.orbit-container .orbit-next:hover span { 
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); 
	opacity: .5;
	border-color: transparent; 
}

.smallmastheader {
	background: #103d52 url(../graphics/mastheads/masthead-conf.jpg) 50% 0 no-repeat fixed;
	background-size: cover;
	/*height : 140px;*/
	height: auto;
}

.smallmastheader h1,
.smallmastheader h2,
.smallmastheader h3,
.smallmastheader h4,
.smallmastheader h5,
.smallmastheader h6 {
	font-family : 'Poppins', sans-serif;
	font-weight : 600;
	color : #fff;
	font-size : 40px;
	text-transform: uppercase;
}

.mast_med {
	background: #103d52 url(../graphics/mastheads/masthead-keys.jpg) 50% 0 no-repeat fixed;
	background-size: cover;
	height : 230px;
}

.mast_med h1,
.mast_med h2,
.mast_med h3,
.mast_med h4,
.mast_med h5,
.mast_med h6 {
	font-family: 'Poppins', sans-serif;
	font-weight: 600;
	color: #fff;
	font-size: 80px;
	letter-spacing: 7px;
	text-transform: uppercase;
}

.mast_large {
	position: relative;
	background: #2c8a93 url(../uploads/masthead/about.jpg) 50% 0 no-repeat fixed;
	background-size: 100%;
	width: 100%;
	height: 390px;
	padding: 20px 0;
}

.mast_large > div {
	position: relative;
	top: 60%;
	transform: translateY(-60%);
}

.mast_large h1,
.mast_large h2,
.mast_large h3,
.mast_large h4,
.mast_large h5,
.mast_large h6 {
	display: block;
	font-family: 'Poppins', sans-serif;
	font-weight: 600;
	color: #fff;
	font-size: 60px;
	text-transform: uppercase;
	text-align: center;
	padding: 0;
	margin: 0;
}

.mast_large .image img {
	margin-top: 85px;
}

/* PORTFOLIO DETAIL MASTHEAD */
@media (min-width: 768px) { .portfolio-dt {padding-top: 100px;} }

.portfolio-dt .mast_large {
	background: #fff;
	height: 96px !important;
}

.portfolio-dt .mast_large .large-10 {
	width: 100% !important;
}

.portfolio-dt .mast_large > div {
	transform: none;
	top: 0 !important;
}

.portfolio-dt .mast_large h1 {
	font-size: 40px;
	color: #2a2a2a;
	text-align: center;
	width: 100%;
}

/* FORMBUILDER MASTHEAD */

#subpage_fbv2 .mast_large {
	height: 200px;
}

#subpage_fbv2 .mast_large .large-10 {
	margin-top: 60px;
}

/*profiledetailheader {
	background: #103d52 url(/graphics/sub-masthead1.jpg) 50% 0 no-repeat fixed;
	background-size: cover;
	height : 140px;
}


.profiledetailheader h1 {
	font-family : 'Poppins', sans-serif;
	font-weight : 300;
	color : #fff;
	font-size : 40px;
	margin-top : 55px;
}

.profilegridheader {
	background: #103d52 url(/graphics/sub-masthead1.jpg) 50% 0 no-repeat fixed;
	background-size: cover;
	height : 390px;
}

.bloggridheader {
	background: #103d52 url(/graphics/mastheads/blog-main.jpg) 50% 0 no-repeat fixed;
	background-size: cover;
	height : 230px;
}
#blogpost .bloggridheader {
	height : 140px;
}

section.profilegridheader h1, section.bloggridheader h1 {
	font-family : 'Poppins', sans-serif;
	font-weight : 300;
	color : #fff;
	font-size : 40px;
	margin-top : 280px;
}
section.bloggridheader h1 {
	margin-top : 120px;
}
#blogpost section.bloggridheader h1 {
	margin-top : 60px;
}*/

/********************************
********** |6| Footer ***********
********************************/

footer {
	color: #fff;
}

footer .ftr-main {
	background: #2a2a2a;
	padding: 70px 0 0;
}

footer .foot-contact h3,
footer .foot-contact h4 {
	margin: 0;
}

footer .foot-contact h3 {
	color: #268a94;
	font-size: 44px;
	font-style: normal;
}

footer .foot-contact h4 {
	color: #fff;
	font-size: 36px;
	font-weight: 400;
	text-transform: uppercase;
}

footer .foot-contact p {
	color: #fff;
	font-size: 16px;
	font-weight: 400;
}

footer .foot-contact .info i {
	color: #58dcd0;
	vertical-align: top;
	width: 25px;
}

footer .foot-contact .info p {
	margin: 0;
	display: inline-block;
	padding-left: 15px;
	color: #fff;
}

footer .foot-contact .info p a {
	color: #fff;
}

footer .foot-contact .info .row {
	margin: 0 0 20px;
}

footer .foot-contact .con {
	margin: 2px 0 0;
}

footer .foot-contact .con a {
	color: #fff;
	font-size: 16px;
	line-height: 20px;
}

footer .foot-contact .con a:hover {

}

footer .news-signup h6 {
	color: #fff;
	font-size: 16px;
	font-weight: 400;
	margin: 13px 0;
}

footer .news-signup .signup {
	padding-top: 5px;
}

footer form {
	width: 100%;
}

footer .news-signup input {
	display: inline-block;
	height: 40px;
	width: 50%;
}

footer .news-signup input.button {
	border-radius: 0;
}

@media (min-width: 400px) {
	footer .news-signup input.button {
		border: none;
		width: 120px;
		margin-left: -5px;
	}
}
/*
footer .news-signup input[placeholder] {
	color: #2e3031;
	font-size: 12px;
	font-weight: 400;
}*/

footer .foot-services {
	margin-top: 50px;
}

footer .foot-services .logo {
	padding: 0;
}

footer .foot-services .social {
	margin-top: 10px;
}

footer .foot-services .social a {
	margin: 5px;
}

footer .foot-services p {
	color: #fff;
	font-size: 14px;
	
	margin-top: 12px;
	width: 85%;
}
#frontpage footer .foot-contact .con p,
footer .foot-services .con p {
	margin-top: 15px;
}

footer .foot-services h4 {
	color: #fff;
	font-size: 16px;
	padding-left: 0.9375em;
}

#frontpage footer .foot-services li.menu-1 a,
footer .foot-services li {
	line-height: 18px;
	margin: 0;
	padding: 0;
}

#frontpage footer .foot-services li.menu-1 a {
	color: #fff;
	font-size: 10px;
	font-weight: 800;
}

footer .foot-services .con p,
footer .foot-services .con a {
	font-style: normal;
	font-weight: 400;
}

footer .foot-services .con em a,
footer .foot-services .con em {
	
}

footer .foot-services .con strong a,
footer .foot-services .con strong {
	font-weight: 600;
}

footer .foot-services ul {
	list-style: none;
}

footer .foot-services li a {
	color: #fff;
	font-size: 10px;
	font-weight: 400;
}

footer .foot-popular li h6,
footer .foot-popular li {
	line-height: 1.2;
	margin: 0;
	padding: 0;
}

footer .foot-popular li {
	padding-bottom: 10px; 
}

footer .foot-popular h6 {
	color: #fff;
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 20px;
	text-transform: uppercase;
}

footer .foot-popular ul {
	list-style: none;
}

footer .foot-popular li a {
	color: #fff;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: 500;
}

footer .copy {
	background-image: none;
	padding: 70px 0;
}

footer .copy,
footer .copy p {
	color:#fff;
	font-size: 11px;
	font-weight: 400;
	margin-bottom: 0;
}

footer .copy a,
footer .copy p a {
	color: #f55024;
}

/********************************
******* |7| Special Cases *******
********************************/

/****homepage****/

div.premier,
div.firststep {
	margin: 55px 0 40px;
}

div.premier h1, 
div.premier h2 {
	color: #2a2a2a;
	font-weight: 400;
	margin-bottom: 0;
	font-style: normal;
}

div.firststep h3 {
	color: #268a94;
	font-size: 16px;
	 
	font-weight: 500;
	margin-bottom: 0;
}

.pageheader {
	min-height: 100px;
}

.pageheader h5 {
	color: #2a2a2a;
	font-size: 40px;
	font-weight: 400;
	padding : 15px 0px !important;
	margin: 27px 0;
}

div.html5img {
	margin: 25px 0 0;
}

#instaquote-one {
	display: none;
}

#instaquote-one.show {
	padding: 20px 0;
	display: block;
}

section.help {
	background-color: #f6f6f6;
}

section.help .txt {
	margin-top: 60px;
}

section.help .button {
	margin-top: 40px;
}

.webstuff {
	background: #f55024 url(/graphics/efelle_hp_panel_1.jpg) 50% 0 no-repeat fixed;
	background-size: cover;
}

.webstuff .image {
	margin-top: 150px;
	margin-bottom: 100px;
}

.webstuff .webstuff-arrow.turn {
	transform:rotate(-30deg);
	-ms-transform:rotate(-30deg); /* IE 9 */
	-webkit-transform:rotate(-30deg); /* Safari and Chrome */
}

section h4 {
	color: #268a94;
	font-size: 20px;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 2px;
}

.profit p {
	font-size: 16px;
	color: #5a5f63;
	text-align: center;
}

.profit ul.inline {
	margin: 20px 0 25px;
}

.service {
	padding: 15px 25px;
	min-height: 285px;
}

.service.service-detail {
	min-height: 336px;
}

.service img {
	max-height: 50px;
	display: block;
	margin: 0 auto 19px auto;
}

.service a {
	display: block;
	position: relative;
	width: 100%;
}

/*.service div {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	text-align: center;
	min-height: 220px;
	padding: 30px 15px 10px;
	background-color: #fff;
	transition: top .5s cubic-bezier(0.39, 0.58, 0.57, 1);
	box-shadow: 0px 5px 9px 1px rgba(32, 32, 32, 0.28);
}*/

/*.service:hover {
	padding: 0px 25px;
}

.service:hover div {
	top: -40px;
}*/

.service p {
	color: #5a5f63;
	font-size: 13px;
	text-align: center;
	/*height: 0;*/
	/*opacity: 0;*/
	/*visibility: hidden;*/
	/*transition: opacity .3s ease-in-out;*/
}

/*.service:hover div p {
	height: auto;
	opacity: 1;
	visibility: visible;
}*/

.service h3 {
	color: #2c8a93;
	font-size: 22px;
	font-weight: 500;
	padding: 0 10%;
	text-align: center;
}

.service h3.service-cat-title {
	padding: 10% 10% 0;
}

.service.service-detail h3.service-cat-title {
	margin-top: 0;
}

#subpage_serv .main-cnt {
	padding-top: 70px !important;
	background: #f6f6f6;
}

#frontpage .service h5 {
	margin-right: 0;
}

.service h3.active {
	color: #2c8a93;
}

.emptyCheck[src="/graphics/ecom/noimage.png"] {
   display: none;
}

section.adv-news {
	background-color: #268a94;
	padding: 70px 0;
}

.newshead img {
	padding: 50px 0;
}


.cont_wrapper .date {
	width: 60px;
	background-color: #ff612e;
	position: absolute;
	top: 0;
	right: 0;
}

.cont_wrapper .date h2 {
	width: 40px;
	height: 60px;
	color: #fff;
	font-size: 16px;
	line-height: 24px;
	font-style: normal;
	font-weight: 600;
	margin: 0 auto;
	padding-top: 4px;
	text-align: center;
	text-transform: uppercase;
}

.cont_wrapper .date h2 span {
	display: block;
	font-size: 27px;
	font-weight: 200;
}

.profile-grid, 
.profile-item {
	position: relative;
}
.profilepicgrid {
	position: absolute;
	top: 0;
	margin: 15px 0;
	transition: top .5s cubic-bezier(.39,.58,.57,1);
}

.profilepicgrid:hover {
	top: -15px;
}

.blog-block {
	background-color: #f6f6f6;
	padding: 100px 0;
}


.blog-block .blog-post,
.profilepicgrid {
	box-shadow: 0px 5px 18px 0px rgba(0, 0, 0, 0.25);
	margin-bottom: 15px;
	transition: all .3s cubic-bezier(.39,.58,.57,1);
}

.blog-block .blog-post:hover,
.profilepicgrid:hover {
	box-shadow: 0px 5px 40px 0px rgba(0, 0, 0, 0.25);
}

.blog-block .blog-img {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	min-height: 180px;
}

.profilepicgrid .profile-img {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	min-height: 300px;
}

.blog-block .author-img {
	margin-top: -45px;
	margin-bottom: 25px;
	max-width: 75px;
}

.blog-block .blog-entry,
.profilepicgrid .profile-entry {
	padding: 7px 15px;
	background-color: #fff;
}

.profilepicgrid .profile-entry { padding: 25px 15px; }

.blog-block .blog-entry .centered {
	width: 100%;
	text-align: left;
}
.blog-block .date {
	color: #2c8a93;
	font-size: 13px;
	font-weight: 500;
	margin: 0 0 8px;
}

.profilepicgrid dd {
	color: #5a5f63;
}

.blog-block .blog-ttl,
.profilepicgrid dt {
	color: #5a5f63;
	font-size: 18px; 
}

.blog-block .blog-ttl {
	margin-bottom: 30px;
}

.blog-block p.blog-pre {
	color: #5a5f63;
	font-size: 14px;
	line-height: 18px;
}
.blog-block p.blog-pre a.more {
	color: #f55024;
	font-size: 12px;
	font-weight: 200;
}

.blog-block .button {
	margin-top: 50px;
}

.blog-block.subpage-cat-block {
	margin: 65px 0 20px;
}

.blog-block.subpage-cat-block ul.buttons {
	margin-top: 25px;
}

.clients-block {
	background: #f55024 url(/graphics/efelle_hp_panel_2.jpg) 50%  0 no-repeat fixed;
	background-size: cover;
	padding-bottom: 50px;
}

.clients-block .section-title {
	margin-bottom: 30px;
}

.clients-block .image {
	margin-top: 90px;
	margin-bottom: 50px;
}

.clients-block .client-list {
	margin-top: 0;
	margin-bottom: 0;
}


.clients-block .client-list img { 
	-webkit-transition: all .2s ease-in-out; 
	-moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.clients-block .client-list img:hover { 
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
}

.full-port {
	background: #268a94;
	text-align: center;
}

.full-port h3 {
	color: #fff;
	font-size: 20px;
	font-weight: 400;
	
	margin: 20px;
}

.full-port a {

}

.testimonial-block.full-port {
	color: #fff !important;
	padding: 70px 0 50px;
}

.testimonial-block.full-port p,
.testimonial-block.full-port blockquote,
.testimonial-block.full-port .test-sig {
	color: #fff !important;
}

section.testimonial-block {
	min-height: 210px;
	padding: 150px 0 120px;
}
section.testimonial-block.rm-padding {
	padding: 0 0 120px;
}
.subpage_ecommerce section.testimonial-block.rm-padding {
	padding: 40px 0 40px;
}

.testimonial-block,
.testimonial-block h3
.testimonial-block h4 {
	color: #2a2a2a !important;
}

.testimonial-block img {
	padding-left: 75px;
}

.testimonial-block .abs-headshot img {
	/*display: none;*/
    position:absolute;
    left:25%;
    top: -55px; 
    z-index: 50;
}

@media only screen and (min-width : 768px) and (max-width : 992px) {
	.testimonial-block .abs-headshot img {
	    left:10%;
	}
}

.testimonial-block .headshot img {
    margin-top: 20px;
}

.testimonial-block blockquote {
	min-height: 50px;
}

.testimonial-block ul li {
	list-style-type: none;
	background-image: none;
	margin: 0;
	padding-left: 0;
}

.testimonial-block .test-sig {
	color: #2a2a2a;
	font-family: 'jenna_sueregular';
	font-size: 48px;
	line-height: 35px;
	margin: 15px 0 15px;
}

.testimonial-block .test-comp {
	font-size: 14px;
	font-weight: 400;
	margin: 5px 0 5px;
	font-style: normal;
}

.testimonial-block .test-loc {
	font-size: 14px;
	font-weight: 400;
	margin: 0 0 10px;
	font-style: normal;
}

.calltoaction ul.buttons {
	margin: 50px 0 0;
}

#inprogress {
	text-align: center;
}

#inprogress h4 {
	font-size: 22px;
	color: #388eb7;
}

#inprogress p {
	font-size: 10px;
	font-weight: 700;
	color: #f00;
	margin-bottom: 10px;
}

#inprogress h6 {
	color: #388eb7;
}

.reveal-modal-bg {
	z-index: 998;
}

.reveal-modal {
	z-index: 999;
}

/**** Subpage ****/

.webserv {
	background: #103d52 url(../graphics/sub-masthead1.jpg) 50% 0 no-repeat fixed;
	background-size: cover;
	height : 390px;
}

.webserv-ttl h5 {
	/*margin-top : 130px;*/
	font-family: 'Poppins', sans-serif;
	font-weight: 400;
	color: #2a2a2a;
	font-size: 40px;
}

.webserv .image,
.header-type .image {
	margin-top: 55px;
	margin-bottom: 55px;
}
.service-header {
	position: relative;
}
.service-header-img {
	position: absolute;
	right: 0;
	bottom: 25px;
}
.service_cat .eser_detail .textcolumn {
	padding-top: 5%;
}

.listing {
	padding: 50px 0;
}

.main-cnt {
	padding-bottom: 70px;
}

.service_cat .main-cnt,
.service_detail .main-cnt  {
	padding-bottom: 0;
}

.main-cnt h1 {
	font-size: 50px;
	font-weight: 800;
	line-height: 1.2; 
}

.main-cnt h2 {
	font-size: 38px;
	line-height: 1.2;
	font-weight: 800;
}

.main-cnt h3 {
	font-size: 22px;
	color: #2c8a93;
	margin: 35px 0 15px;
}

.main-cnt h5,
.main-cnt h6 {
	margin-top: 50px;
}

.projs {
	margin-top: 50px;
}

.portfolio.gray .projs dl {
	text-align: center;
	color: #2a2a2a;
}

.work-item {
	padding: 0;
	border: 15px solid transparent;
	min-height: 270px;
}

/*.work {
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: 50% 0;
}*/

.work a {
	display: block;
	height: 100%;
	width: 100%;
	background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 0;
}

.work .overlay dl {
	text-align: center;
	color: #2a2a2a;
	position: relative;
	top: 50%;
	transform: translateY(-60%);
}

.work .overlay dl dt {
	margin: 10px 0 30px;
	font-size: 26px;
	line-height: 1;
	font-weight: 500;
}

.work .overlay dl dd {
	font-weight: 500; 
}

.portfolio .button {
	margin-top: 50px;
}

.portfolio .inline.buttons {
	margin-top: 15px;
}

.portfolio img {
	display: block;
	margin: 0 auto;
}


.calltoaction.bg {
	background: #2a2a2a;

	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.calltoaction.bg h2,
.calltoaction.bg p {
	color: #fff;
}

.calltoaction h2 {
	font-size: 72px;
	text-transform: uppercase;
}

.calltoaction p {
	font-size: 22px; 
}

.calltoaction.subpage-block {
	text-align: center;
}

.calltoaction.simple ul.buttons {
	margin: 40px 0 0;
}

.calltoaction.simple div.firststep {
	margin: 45px 0;
}

.calltoaction.subpage-block .arrow-img {
	text-align: left;
	margin-top: -20px;
}

/* SIDEBAR MENU STYLES */

.service-menu-toggle {
	display: inline;
	padding: 0;
	padding-right: 5px;
	margin-left: -20px;
	background: none;
}

.service-menu-toggle:hover,
.service-menu-toggle:focus {
	background: none;
	outline: none;
}

.service-menu-toggle i {
	color: #2a2a2a;
}

.navcolumn h3 {
	font-size: 26px;
	margin-top: 0;
}

#subpage_fbv2 .navcolumn ul li,
.service_main .navcolumn ul li,
.service_cat .navcolumn ul li,
.service_detail .navcolumn ul li {
	background: none;
	padding: 0;
	padding-left: 0;
}

.service_main .navcolumn ul li ul,
.service_cat .navcolumn ul li ul,
.service_detail .navcolumn ul li ul {
	margin-left: 4px;
}

.service_main ul li.parentcat,
.service_cat ul li.parentcat,
.service_detail ul li.parentcat {
    max-height: 25px;
    overflow: hidden;
    padding-left: 20px;
    position: relative;
    width: 100%;
    transition: all .9s ease-in-out;
}

.service_main li.parentcat.open,
.service_cat li.parentcat.open,
.service_detail li.parentcat.open {
	max-height: 1000px;
}

.service_main .open i,
.service_cat .open i,
.service_detail .open i {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.service_main i,
.service_cat i,
.service_detail i {
	transition: all .5s ease;
}


/* ESERV HOVER EFFECTS */

@media only screen and (min-width: 768px){
	.eser_detail {
	   /*margin: 10px;*/
	   /*float: left;*/
	   /*border: 10px solid #fff;*/
	/*   overflow: hidden;
	   position: relative;
	   text-align: center;*/
	   cursor: default;
	   background-color: transparent;
	}
	.eser_detail .mask,.eser_detail .content {
	   /*width: 300px;
	   height: 200px;*/
	   position: absolute;
	   overflow: hidden;
	   top: 0;
	   left: 0;
	   text-align: center;
	}
	.eser_detail .imagecolumn {
		/*width: 280px;
		height: 280px;*/
		overflow: hidden;
	   	position: relative;
	}
	.eser_detail img {
	   display: block;
	   position: relative;
	}
	.eser_detail .mask h2 {
	   /*text-transform: uppercase;*/
	   /*color: #fff;*/
	   text-align: center;
	   position: relative;
	   font-weight: 600;
	   font-style: normal;
	   padding: 20px 10px 25px;
	   background: rgba(0, 0, 0, 1.5);
	   margin: 20px 0 0 0;
	}
	.eser_detail .mask p {
	   font-family: Georgia, serif;
	   
	   font-size: 12px;
	   position: relative;
	   color: #fff;
	   padding: 10px 20px 20px;
	   text-align: center;
	}
	.eser_detail .mask a.info {
	   /*display: inline-block;
	   text-decoration: none;
	   padding: 7px 14px;
	   background: #2a2a2a;
	   color: #fff;
	   text-transform: uppercase;
	   -webkit-box-shadow: 0 0 1px #2a2a2a;
	   -moz-box-shadow: 0 0 1px #2a2a2a;
	   box-shadow: 0 0 1px #2a2a2a;*/
	   margin: 30px auto 0;
	}
	.eser_detail .mask a.info: hover {
	   /*-webkit-box-shadow: 0 0 5px #2a2a2a;
	   -moz-box-shadow: 0 0 5px #2a2a2a;
	   box-shadow: 0 0 5px #2a2a2a;*/
	}
	.eser_detail img {
	   -webkit-transform: scaleY(1);
	   -moz-transform: scaleY(1);
	   -o-transform: scaleY(1);
	   -ms-transform: scaleY(1);
	   transform: scaleY(1);
	   -webkit-transition: all 0.7s ease-in-out;
	   -moz-transition: all 0.7s ease-in-out;
	   -o-transition: all 0.7s ease-in-out;
	   -ms-transition: all 0.7s ease-in-out;
	   transition: all 0.7s ease-in-out;
	}
	.eser_detail .mask {
	   background-color: transparent;
	   -webkit-transform: scale(0);
	   -moz-transform: scale(0);
	   -o-transform: scale(0);
	   -ms-transform: scale(0);
	   transform: scale(0);
	   -webkit-transition: all 0.5s linear;
	   -moz-transition: all 0.5s linear;
	   -o-transition: all 0.5s linear;
	   -ms-transition: all 0.5s linear;
	   transition: all 0.5s linear;
	   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	   filter: alpha(opacity=0);
	   opacity: 0;
	}
	.eser_detail .mask h2 {
	   border-bottom: 1px solid rgba(0, 0, 0, 0.3);
	   background: transparent;
	   margin: 20px 40px 0px 40px;
	   -webkit-transform: scale(0);
	   -moz-transform: scale(0);
	   -o-transform: scale(0);
	   -ms-transform: scale(0);
	   transform: scale(0);
	   color: #2a2a2a;
	   -webkit-transition: all 0.5s linear;
	   -moz-transition: all 0.5s linear;
	   -o-transition: all 0.5s linear;
	   -ms-transition: all 0.5s linear;
	   transition: all 0.5s linear;
	   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	   filter: alpha(opacity=0);
	   opacity: 0;
	}
	.eser_detail .mask p {
	   color: #333;
	   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	   filter: alpha(opacity=0);
	   opacity: 0;
	   -webkit-transform: scale(0);
	   -moz-transform: scale(0);
	   -o-transform: scale(0);
	   -ms-transform: scale(0);
	   transform: scale(0);
	   -webkit-transition: all 0.5s linear;
	   -moz-transition: all 0.5s linear;
	   -o-transition: all 0.5s linear;
	   -ms-transition: all 0.5s linear;
	   transition: all 0.5s linear;
	}
	.eser_detail .mask a.info {
	   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	   filter: alpha(opacity=0);
	   opacity: 0;
	   -webkit-transform: scaleY(0);
	   -moz-transform: scaleY(0);
	   -o-transform: scaleY(0);
	   -ms-transform: scaleY(0);
	   transform: scaleY(0);
	   -webkit-transition: all 0.5s linear;
	   -moz-transition: all 0.5s linear;
	   -o-transition: all 0.5s linear;
	   -ms-transition: all 0.5s linear;
	   transition: all 0.5s linear;
	   width:150px;
	}
	.eser_detail:hover img,
	.eser_detail:focus img {
	   -webkit-transform: scale(10);
	   -moz-transform: scale(10);
	   -o-transform: scale(10);
	   -ms-transform: scale(10);
	   transform: scale(10);
	   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	   filter: alpha(opacity=0);
	   opacity: 0;
	   z-index: -100;
	}
	.eser_detail:hover .mask,
	.eser_detail:focus .mask {
	    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
	    filter: alpha(opacity=100);
	    opacity: 1;
	    width: 200px;
		height: 200px;
		border: #f55024 solid 5px;
		border-radius: 100px;
		padding-top: 43px;
		margin: 25px 50px 0;
		-webkit-transform: scale(1);
	   -moz-transform: scale(1);
	   -o-transform: scale(1);
	   -ms-transform: scale(1);
	   transform: scale(1);
	}
	.eser_detail:hover .mask h2,.eser_detail:hover .mask p,.eser_detail:hover .mask a.info,
	.eser_detail:focus .mask h2,.eser_detail:focus .mask p,.eser_detail:focus .mask a.info {
	   -webkit-transform: scale(1);
	   -moz-transform: scale(1);
	   -o-transform: scale(1);
	   -ms-transform: scale(1);
	   transform: scale(1);
	   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
	   filter: alpha(opacity=100);
	   opacity: 1;
	}
}
@media only screen and (max-width: 768px){
	.eser_detail .textcolumn h3 {
		margin-top: 0;
	}
	.eser_detail a.info.show-for-small {
		width: 125px;
		margin-top: 20px;
		font-size: 14px;
	}
}				

/**** SUBPAGE PROFILES, BLOG - GRID ****/


#blogpost .main-cnt {
	padding: 60px 50px 0;
}
#blogpost #breadcrumb {
	margin-bottom: 10px;
	margin-top: 8px;
}

#profile-grid {
	margin-top: 50px;
}

.profilescolumn h3.about {
	display: none;
}
.profile_detail_content .accordion section {
	border-bottom: 1px solid #9cb3be;
}
.profile_detail_content .accordion_header {
	background: url(/graphics/sprite/accordion-plus.gif) no-repeat right center transparent;
	font-size: 14px;
	font-weight: 600;
	line-height: normal;
	color: #2a2a2a;
	cursor: pointer;
	padding: 10px;
}
.profile_detail_content .active .accordion_header {
	background: url(/graphics/sprite/accordion-minus.gif) no-repeat right center transparent;
}
.profile_detail_content .accordion_content {
	padding: 0 10px 20px;
    font-family: 'Poppins',sans-serif;
    font-size: 14px;
    font-weight: 400;
}

.profilepicgrid {
	display: block;
	position: relative;
	min-height: 250px;
}

@media (max-width: 1100px) {
	.profilepicgrid {
		min-height: 225px;
	}
}

@media (max-width: 800px) {
	.profilepicgrid {
		min-height: 200px;
	}
}

.profilepicgrid a{
 	display: block;
 	max-width: 100%;
 	max-height: 100%;
 	margin: auto;
}


/**** PROFILE DETAIL PAGE ****/

.profilesidebar {
	background-color : #EBF0F3;
	padding : 20px;
}

blockquote.profilequote {
	color: #2a2a2a;
	font-size: 24px;
	font-weight: 500;
	border-left: none;
	padding: 50px 0 10px 10px;
	margin: 25px 0;
	min-height: 150px;
	height: 100%;
	line-height: 1.45;
	background: transparent url(../graphics/efelle_quote_large.gif) left top no-repeat;
}

.profilesidebar_custom {
	padding: 10px 3px 20px 10px;
}
.profile_detail .profilesidebar p {
	color: #2a2a2a;
	margin: 0;
}
.profile_detail .profilesidebar p a{
	color: #2a2a2a;
}
.profile_detail .profilesidebar h4 {
	font-size: 15px;
}


/**** BREADCRUMB STYLES ****/

#breadcrumb {
	font-family : 'Poppins', sans-serif;
	font-weight : 500;
	
	padding-bottom : 5px;
	margin : -5px 0px 45px 0px;
	color : #f55024;
	list-style: none;
	float: left;
}

#subpage_serv #breadcrumb,
#subpage #breadcrumb {
	margin-bottom: 28px;
}

#breadcrumb li {
	font-size : 13px;
	display: inline-block;
	padding: 0 5px;
	color: #2a2a2a;
	font-weight : 600;
}

#breadcrumb li:first-child {
	padding-left: 0;
}

#breadcrumb li a {
	color : #f55024;
	text-decoration : none;
	padding-right: 5px;
}

#breadcrumb li.bcthighlight {
	color: #2a2a2a;
	text-decoration : none;
}

/**** SOCIAL SHARE BUTTON STYLES ****/
.social-outline {
	width: 50px;
	height: 50px;
	font-size: 25px;
	text-align: center;
	color: #5adcd2;
	background-color: transparent;
	padding: 12px 8px;
	margin: 0 2px;
	border-radius: 50%;
	transition: all .3s linear;
	border: 1px solid #fff;
}

.social-outline:hover,
.social-outline:active,
.social-outline:focus {
	color: #5adcd2;
	background-color: #fff;
}

.social-share-buttons {
	float: right;
}
.content-header-block {
	width: 100%;
	float: left;
	padding: 25px 0 0;
}

/**** NAVIGATION LEFT COLUMN STYLES ****/

.navcolumn {
	padding: 50px 45px;
	box-shadow: 0px 5px 9px 1px rgba(32, 32, 32, 0.28);
}

.navcolumn a {
	color : #2a2a2a;
	font-style: normal;
}

.navcolumn a:hover {
	color : #f55024;
}

.navcolumn ul li {
	list-style-type: none;
	margin-bottom: 5px;
	padding-left: 0;
}

.navcolumn ul li a {
	font-size: 14px;
}

.navcolumn ul li a:hover,
.navcolumn ul li a.highlighted {
	color: #268a94;
}

.navcolumn ul li ul {
	padding-top: 7px;
}

.navcolumn ul li ul li {
	background-image: none;
}

.navcolumn ul li ul li a {
	color: #2a2a2a;
	font-size: 14px;
	text-transform: none;
}

.navcolumn ul li ul li a:hover,
.navcolumn ul li ul li a.highlighted {
	color: #268a94;
}

.subpagenavheader {
	font-family : 'Poppins', sans-serif;
	font-weight : 400;
	color : #2a2a2a;
	padding-bottom : 5px;
	margin-bottom : 20px;
	border-bottom : 1px solid #d3d3d3;
}

div.accordion {
	border : none !important;
	margin : 0px !important;
	background-color : #fff !important;
	background : #fff !important;
}

div.accordion p.title {
	border : none !important;
	margin : 5px !important;
	background-color : #fff !important;
	background : #fff !important;
	font-weight : 600 !important;
	font-size : 16px !important;
}

div.accordion p.title a {
	border : none !important;
	margin : 0px !important;
	padding : 0px !important;
	background-color : #fff !important;
}

.navcolumn .accordion div.content {
	margin : 0px !important;
	padding : 0px !important;
	border : none !important;
}

.navcolumn .accordion div.content p {
	margin : 0 !important;
	padding : 0px !important;
	margin-left : 10px;
	border : none !important;
}

.navcolumn .accordion div.content a {
	display : block;

}

/******* Contact Us ***********/

#subpage_fbv2 .contact-top .divider {
	border-bottom: 1px solid #e5e7e8;
	padding-bottom: 25px;
	margin-bottom: 45px;
}

#subpage_fbv2 .formbuilderv2_form_field {
	width: 100%;
	padding: 5px 0;
}

#subpage_fbv2 .form_field_title {
	font-size: 16px;
	font-weight: 400;
}

#subpage_fbv2 .form_field_title,
#subpage_fbv2 .form_field_element,
#subpage_fbv2 .form_field_element .form_field_half {
	display: inline-block;
	width: 45%;
}

#subpage_fbv2 .form_field_element .form_field_half {
	width: 47%;
}

#subpage_fbv2 .form_field_element input.datepicker {
	width: 95%;
}

#subpage_fbv2 .section_header .form_field_title {
	color: #f55024;
	font-size: 20px;
	font-weight: 400;
	margin: 18px 0 13px;
}

#subpage_fbv2 .section_header .form_field_section_block {
	font-weight: 400;
	padding-bottom: 20px;
}

#subpage_fbv2 .valign_top .form_field_title {
	vertical-align: top;
}

#subpage_fbv2 .form_title {
	display: none;
}

.form_submit input {
	display: inline-block;
	float: right;
	margin: 20px 97px 30px !important;
	background-color: #f55024;
	color: white;
	text-transform: uppercase;
	cursor: pointer;
	border-style: none;
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 2px;
	line-height: 1;
	position: relative;
	text-decoration: none;
	text-align: center;
	padding: 14px 34px;
	-webkit-appearance: none;
}


/**** Contact Us Template ****/

#subpage_fbv2 .contact-us .form_field_title { font-size: 14px; }

#subpage_fbv2 .contact-us .form_field_element { display: inline-flex; }

.contact-us input.form_field_half.form_field_left.placeholder { margin-right: 3px; }

.contact-us .form_field_element ul li { margin-bottom: 5px; }

.contact-us .form_field_section_block { display: none; }

.contact-us .contact-map { clear: both; }

/**** PORTFOLIO ****/

.portfoliohead {
	background: #103d52 url(../graphics/portfolio-masthead1.jpg) 50% 0 no-repeat fixed;
	background-size: cover;
}

#portfoliov2 {
	position: relative;
	min-height: 100%;
	width: 100%;
}

#subpage_portfoliov2 #breadcrumb {
	margin-bottom: 13px;
}

.imac ul.pagin {
	position: absolute;
    width: 120%;
    bottom: 55%;
    display: flex;
    justify-content: space-between;
    margin-left: -75px;
}

.imac ul.pagin li {
	cursor: pointer;
}

.imac ul.pagin li img {
	width: 50px; height: 50px;
}

#hover-to-scroll {
	display: none;
}
@media (min-width: 940px) {
	#hover-to-scroll {
		display: block;
		position: absolute;
		z-index: 99;
		left: -104px;	
	}
}
.imac-container {
	display: flex;
    justify-content: center;
    margin: 0;
}


/* Locations */
.loc-page-content {
  padding: 100px 0 120px;
}

.loc-header { margin-bottom: 50px; }

.loc-card {
  margin-bottom: 30px;
  -webkit-box-shadow: 0 0 6px 3px rgba(0,0,0,0.1);
          box-shadow: 0 0 6px 3px rgba(0,0,0,0.1);
}

.loc-card img {
  max-width: 100%;
  width: 100%;
}

.loc-card-cont {
  padding: 30px 30px 20px;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.5;
  color: #5a5f63;
}

.loc-card-cont .title {
  font-size: 22px;
  font-weight: 500;
  color: #2c8a93;
}

.loc-card-cont .address { margin-bottom: 20px; }

.loc-card-cont .address strong { display: none; }

.loc-card-cont .contacts {}

.loc-card-cont .btn {}

.loc-card-cont .link { color: inherit; }

/********************************
********* |8| Carousel **********
********************************/

#carouselleft, #carouselright {
	margin: 0 0 30px 60px;
	padding: 0px;
	width: 360px;
}
#carouselleft ul, #carouselright ul {
	margin: 0;
	list-style: none;
	display: block;
}
#carouselleft li, #carouselright li {
	vertical-align: center;
	text-align: center;
	width: 50px;
	height: 50px;
	padding: 0;
	margin: 6px;
	display: block;
	float: left;
}
#carouselleft, #carouselright {
	width: auto;
	margin-left: 0;
}

/********************************
********** |9| Isotope **********
********************************/

#container,
#portfoliov2_projects {
	position: relative;
	height: 100%;
	width: 100%;
}

#filter, #filter li {
	display: inline-block;
}

#frontpage #filter {
	font-size: 12px;
	text-transform: uppercase;
	width: 100%;
	text-align: center;
	margin: 25px auto 40px;
}

#frontpage .not-filter {
	padding: 7px 12px;
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    color: #f55024;
    text-transform: uppercase; 
    text-decoration: none;
    line-height: inherit;
    font-weight: 600;
}

#frontpage .not-filter:hover {
	color: #fff;
    background-color: #f55024;
}

@media only screen and (max-width: 768px) {
	.not-filter {
		margin-left: 0;
	}
}

#frontpage #filter li {
	margin: 20px 5px;
	padding-left: 0;
}

#frontpage #filter li a{
	padding: 18px 35px;
	font-family: 'Poppins', sans-serif;
	font-size: 12px; 
	font-weight: 800;
	letter-spacing: 1.2px;
}

#frontpage #filter li a:hover, #frontpage #filter li a.selected {
	color: #fff;
	background-color: #f55024;
}

#container,
#portfoliov2_projects {
	margin: 0 auto;
	height: 100%;
}

#container .work,
#portfoliov2_projects .work {
	float: left;
	margin: 10px 0;
	width: 308px;
	height: 222px;
}

.work .overlay {
	background: #f55024;
	height: 100%;
	width: 100%;
	top: 0;
	float: left;
	left: 0;
	padding: 10px 25px;
	position: absolute;
	text-align: center;
	opacity: 0;
    transition: opacity .3s ease-in-out;
}

.work .overlay:hover {
    opacity: 0.9;
	-webkit-transition: opacity .3s ease-in-out;
    -moz-transition: opacity .3s ease-in-out;
    -ms-transition: opacity .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
}

.work .overlay dt, 
.work .overlay dd {
	color: #fff;
}

.work img {
	display: block !important;
	margin: 0 auto;
}

#options {
	position: relative;
	margin-bottom: 80px;
}

#container,
#portfoliov2_projects {
	position: relative;
}

#options .work .overlay dt,
#portfoliov2_projects .work .overlay dt {
	font-size: 26px;
	font-weight: 500;
	line-height: 1.2;
}

#options .work.height-2 .overlay dt,
#portfoliov2_projects .work.height-2 .overlay dt {
	vertical-align: middle;
}

#options .work .overlay dd,
#portfoliov2_projects .work .overlay dd {
	font-size: 14px;
	margin: 10px 0 0;
}

.work.width-2, .work.width-2 .overlay {
	width: 636px!important;
}

.work.height-2, .work.height-2 .overlay {
	height: 464px!important;
}

.isotope,
.isotope .isotope-item {
  /* change duration value to whatever you like */
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}

/**** PORTFOLIO SPECIFIC ****/

#subpage_portfoliov2 #filter {
	font-size: 14px;
	text-transform: none;
	display: block;
	width: 100%;
	text-align: center;
	margin: 0 auto;
}

#subpage_portfoliov2 #filter li {
	margin-right: 0;
	display: block;
}

#subpage_portfoliov2 #filter li a{
	padding: 0;
	font-size: 12px;
}

#subpage_portfoliov2 #filter li a:hover, 
#subpage_portfoliov2 #filter li a.selected {
	color: #fc4100!important;
	background-color: transparent;
	border: none;
}

#subpage_portfoliov2 .portfolio_desc_sm {
	display: none;
}

#subpage_portfoliov2 .portfolio_desc_lg {
	text-align: center;
	padding: 0 30px;
}

#subpage_portfoliov2 .portfolio_desc_lg p {
	font-size: 18px;
}

#subpage_portfoliov2 .portfolio_desc_lg h3 {
	font-size: 24px;
}

#subpage_portfoliov2 .navcolumn {
	padding-top: 15px;
}

.portfolio-select, 
.subpage-select { 
	display: flex;
	width: 80%;
	margin: 20px auto;
	margin-left: 35px;
}

.subpage-select {
	padding-bottom: 25px;
	margin-top: 0;
}

.portfolio-select-title,
.subpage-select-title {
	font-size: 14px;
	margin: auto 0;
	letter-spacing: 1.2px;
	text-align: right;
}

#portfoliov2_projects.subpage-block {
	padding-top: 25px;
}

.portfolio-ov .portfolio-select select[name="portfolio_sort"], 
.subpage_cat .subpage-select select[name="subpage_sort"] {
	max-width: none;
	border: none;
	color: #fff;
	background: 
		#f55024 /* Background Color */
		url('/graphics/dropdown-select.svg') /* Dropdown Arrow */
		97% 50% no-repeat; /* Positioning */
	font-size: 14px;
	letter-spacing: 1.2px;
	outline-color: #58dcd0;
	margin-top: 15px;
	padding-right: 30px;
}

.portfolio-ov .portfolio-select,
.subpage_cat .subpage-select {
	flex-direction: column;
	align-items: center;
}

@media only screen and (min-width: 401px){
	.portfolio-select,
	.subpage-select {
		margin-left: auto;
	}
}

@media only screen and (min-width: 768px){
	.subpage-select {
		display: none;
	}
	.portfolio-ov .portfolio-select {
		flex-direction: row;
		width: 50%;
	}
	.portfolio-select .portfolio-select-title {
		margin-right: 15px;
	}

	.portfolio-ov .portfolio-select select[name="portfolio_sort"] {
		width: auto;
		margin-top: 0;
	}
}

@media only screen and (min-width: 1024px) {
	.portfolio-select {
		width: 40%;
		justify-content: center;
	}
	.portfolio-ov .portfolio-select select[name="portfolio_sort"] {
		width: auto;
	}
}

@media only screen and (max-width: 768px){
	#subpage_portfoliov2 #filter {
		font-size: 12px;
		text-transform: uppercase;
		margin: 15px 0;
		width: 100%;
	}

	#subpage_portfoliov2 #filter li {
		margin-right: 7px;
		display: inline-block;
	}

	#subpage_portfoliov2 #filter li a{
		padding: 7px 15px;
		font-family: 'Poppins', sans-serif;
		font-size: 12px; 
		color: #f55024;
		text-decoration: none;
		text-transform: uppercase;
		letter-spacing: 1.2px;
		font-weight: 600;
	}

	#subpage_portfoliov2 #filter li a:hover, #subpage_portfoliov2 #filter li a.selected {
		color: #fff!important;
		background-color: #f55024;
	}

	#subpage_portfoliov2 .navcolumn {
		padding-top: 0;
	}

	#subpage_portfoliov2 .navcolumn ul li {
		font-size: 14px;
		list-style-type: none;
		background: none;
		margin-bottom: 10px;
		padding-left: 0;
	}

	#subpage_portfoliov2 .subpagenavheader,
	#subpage_portfoliov2 .portfolio_desc_lg {
		display: none;
	}

	#subpage_portfoliov2 .portfolio_desc_sm {
		display: block;
	}

	#subpage_portfoliov2 .columns.overview {
		margin-top: -30px;
	}


}


@media only screen and (max-width: 425px){
	.work, .work.width-2, .work.width-2 .overlay {
	    width: 100%!important;
	    max-width: 100%!important;
	}

	/*.work, .work.height-2 {
		height: auto!important;
	}*/

	.work .overlay, .work .overlay:hover {
	    height: 0px!important;
	    width: 0px!important;
	    display: none!important;
	}
}

.mobile {
	border-top: #ccc solid 1px;
	border-bottom: #ccc solid 1px;
}

.mobile .orbit-container .orbit-slides-container img
{
	width: 100%;
}

.mobile .orbit-container ul li {
	list-style-type: none;
	background: none;
	padding-left: 0;
}

.mobile .orbit-container .orbit-prev span,
.mobile .orbit-container .orbit-next span {
	background: none;
}

@media only screen and (max-width: 850px){
	#portfoliov2_detail .image.columns {
		padding: 0;
		margin: 0;
	}

	#subpage_portfoliov2 .main-cnt.shadow {
		padding: 0!important;
	}

	#subpage_portfoliov2 .main-cnt.oview {
		padding: 25px 0!important;
	}
}

#portfoliov2 h2 {
	color: #2a2a2a;
}

#portfoliov2_detail h3 {
	color: #268a94;
	font-style: normal;
}

#portfoliov2 h3,
#portfoliov2_detail h2 {
	color: #2a2a2a;
}

#portfoliov2_detail .attribute_label {
	font-size: 14px;
	font-weight: 600;
	margin-bottom: 0;
}

#portfoliov2_detail .attribute_value {
	font-size: 14px;
	font-weight: 400;
}

#subpage_portfoliov2 .main-cnt.detail {
	padding: 25px 0 0;
}

.profit h2 {
	margin-bottom: 75px; 
}

.profit.orange {
	padding: 0 0 35px;
}

.profit.orange {
	background: #f55024 url(../graphics/office3.jpg) 50% 0 no-repeat fixed;
	background-size: cover;
}

.profit.orange h2,
#portfoliov2_detail .profit.orange h2 {
	color: #fff;
}

.profit.orange img,
.profit.orange h5 {
	margin: auto;
	display: block;
}

.profit.orange h4 {
	color: #fff;
}

.profit.orange h5 {
	color: #fff;
	margin-top: 10px
}

#subpage_portfoliov2 .service {
	padding: 23px 35px 10px;
	opacity: .5;
}
#subpage_portfoliov2 .active .service {
	opacity: 1;
}

#subpage_portfoliov2 .active .service img { 
	-webkit-transition: all .2s ease-in-out; 
	-moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

#subpage_portfoliov2 .active .service img:hover { 
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
} 

#portfoliov2_project_information {
	margin-top: 20px;
}

#portfoliov2_project_attributes {
	margin-top: 35px;
}
#subpage_portfoliov2 .firststep h2 {
	font-size: 25px;
}

/********************************
****** |10| Foundation App ******
********************************/

.top-bar, 
.top-bar-section ul,
.top-bar-section li a:not(.button) {
	background: transparent;
}

@media only screen and (max-width: 58.75em) {
	.top-bar-section li a:not(.button) {
		background: #2a2a2a;
	}
}

.top-bar-section ul li > a {
	color: #0B2F41;  /* top nav font color */
	font-weight: 600;
	font-size: 14px;
}

.top-bar-section ul li > a:hover {
	color: #ff4504;
}

#frontpage .top-bar-section ul li > a {
	color: #fff;  /* top nav font color */
	font-weight: 600;
}

#frontpage .top-bar-section ul li > a:hover {
	color: #ff4504;
}

button:hover, button:focus, .button:hover, .button:focus {
	background-color: #c43009;
}

h5 a, h6 a, .button.small {
	padding: 18px 35px;
	font-size: 15px;
	letter-spacing: 1.5px;
}

.button.x-small {
	font-size: .8em; 
}

@media only screen {
  h5 a, h6 a {
    -webkit-transition: background-color 300ms ease-out;
    -moz-transition: background-color 300ms ease-out;
    transition: background-color 300ms ease-out; }
    h5 a:active, h6 a:active {
      -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset;
      box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset; }
    h5 a.radius, h6 a.radius {
      -webkit-border-radius: 3px;
      border-radius: 3px; }
    h5 a.round, h6 a.round {
      -webkit-border-radius: 1000px;
      border-radius: 1000px; } }


h5, h6 {
	font-size: 14px;
	margin-right: 15px;
	display: inline-block;
}

@media only screen{
	h5 a, h6 a, button, .button { 
		border-style: none;
		border-width: none;
		text-transform: uppercase;
	}
}

.button.rounded-3 {
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.clear {
	clear : both;
}

.accordion section .accordion_content, 
.accordion section p.accordion_header hobbies {
  /* Force hardware acceleration */
    -moz-transform: translate3d(0,0,0); /* Firefox 4 */
    -webkit-transform: translate3d(0,0,0); /* Safari and Chrome */
    -o-transform: translate3d(0,0,0); /* Opera */
    -ms-transform: translate3d(0,0,0); /* IExplorer 10 */
    transform: translate3d(0,0,0);

    /* Set those CSS3 transistions */
    -moz-transition:height 1.5s; /* Firefox 4 */
    -webkit-transition:height 1.5s; /* Safari and Chrome */
    -o-transition:height 1.5s; /* Opera */
    -ms-transition: height 1.5s; /* IExplorer */
    transition:height 1.5s;
}

.accordion section .accordion_content {
  	height: 0;
    overflow:hidden;
    display:block;
}

.accordion section.active .accordion_content {
  	height:auto;
}

/*search*/
#navbar-search {
	display: inline-block;
	height: 50px;
}

#searchbox {
	display: block;
    margin: 15px auto;
}

#frontpage #searchbox {
	/*margin-top: 36px;*/
}

header.scroll #searchbox {
	margin-top: 11px;
}

#searchbox .search-icon {
	margin-top: 16px;
    width:38px;
    height:18px;
}

#searchbox .search-icon:focus {
	outline: none;
}

#frontpage header.scroll #searchbox .search-input,
#searchbox .search-input {
    display: block;
    width: 20rem;
    border: none;
    outline: none;
    background: #ededed;
    font-size: 14px;
    color: #2a2a2a;
    margin: 15px auto;
    height: 32px;
    padding: 14px 34px;
}

#searchbox ::-webkit-input-placeholder,
#searchbox ::-moz-placeholder,
#searchbox :-ms-input-placeholder,
#searchbox input:-moz-placeholder  {
	color: #2a2a2a;
}

/*TESTIMONIAL OVERVIEW STYLES GO HERE*/
.main-cnt .testimonial-short {
    margin-bottom: 45px;
}

.testimonial-text blockquote {
	padding: 0.5625em 1.25em 0 1.1875em;
}

.testimonial-short .testimonial-text {
    margin-top: 15px;
}
.testimonial-short .testimonial-text p {
    margin: 0;
    padding: 15px 20px 0;
}
.testimonial-short .testimonial-text p i {
    color: #2F2F31;
    font-size:16px;
}
.testimonial-short .testimonial-text a {
    color: #FF4F12;
    font-size: 14px;
}

.testimonial-text .testimonial-contact p,
.testimonial-image .testimonial-contact p {
    color: #7E7B7B;
    font-size: 14px;
}

.testimonial-text .testimonial-contact p b,
.testimonial-image .testimonial-contact p b {
    color: #0A0C1E;
    font-size: 14px;
    font-weight: normal;
}
.large-9.columns.testimonial h1 {
	font-size:22px;
	padding-bottom:20px;
}
.large-9.columns.testimonial p a {
    color: #FF4F12;
}

/*TESTIMONIAL DETAIL STYLES GO HERE*/

.main-cnt.shadow.testimonial {
    padding: 25px 50px 0;
}
.testimonial_detail {
    min-height: 600px;
}
.testimonial_detail img {
    bottom: 0;
    right: 0;
}
.prevlink {float: left;width: 50%;}
.nextlink {float: right;width: 50%; text-align: right;}

.testimonial_detail h1 {
    margin-bottom: 30px;
    font-size:22px;
}
.testimonial_detail .testimonial_blurb {
    background: url("/graphics/sprite/test-quotes.jpg") no-repeat scroll left top rgba(0, 0, 0, 0);
    color: #7E7B7B;
    font-size: 14px;
    margin-bottom: 50px;
    padding: 0 30px;
}
.testimonial_blurb h4 {
	color: #5a5e63;
	font-size: 18px;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 2px;
}
.testimonial_blurb span {
    color: #0A0C1E;
    font-family: 'jenna_sueregular';
    font-size: 40px;
}
.testimonial_text {
    margin-bottom: 75px;
}
.testimonial_text p a {
    color: #FF4F12;
    font-size: 15px;
}

/*** YOUTUBE EMBED VIDEO CONTAINER ***/

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* NEW HEADER */

img.top {
	width: 135px;
}

svg#efelle_creative {
	width: 135px;
	margin-top: 0;
}

header.scroll svg#efelle_creative {
	margin-top: 0;
}

.menu-button {
	display: none;
}
@media (max-width: 940px) {
	.menu-button,
	#frontpage .html5banner {
		display: block!important;
	}
	.html5banner {
		padding: 0;
	}
	.html5banner img {
		width: 100%;
	}
}

@media (max-width: 768px) {
	#frontpage .premier {
		text-align: center;
		margin-bottom: 5px;
	}

	#frontpage .premier h1 {
		font-size: 24px;
	}
	#frontpage .premier h2 {
		font-size: 18px;
	}
}
@media (max-width: 350px) {
	#frontpage .premier h1 {
		font-size: 21px;
	}
}

/* MMenu */

#mmenu-noslide a {
	font-style: normal;
	font-weight: 600;
}
#filter-off {
	padding-top: 30px;
	background: #2a2a2a;
}
#filter-off li {
	background-image: none;
	margin-bottom: 0;
}
/*#filter-off li:after {
	content: '';
	border-bottom-width: 1px;
	border-bottom-style: solid;
	display: block;
	width: auto;
	margin-left: 20px;
	position: relative;
	left: auto;
	border-color: rgba(0,0,0,.4);
}*/
#filter-off a {
	font-style: normal;
	font-weight: 600;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	color: #fff;
	line-height: 20px;
	display: block;
	padding: 10px 10px 10px 20px;
	margin: 0;
}
#portfoliov2 #port-nav-toggle {
	position: fixed;
	right: 0;
	top: 500px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 40px 50px 40px 0;
	border-color: transparent #f63 transparent transparent;
	z-index: 50;
}
#port-nav-arr {
	-webkit-animation:bounce 1s infinite;
	width:25px; 
	height:20px; 
	/*background:transparent url('../graphics/jump-arr.png') center center no-repeat;*/
	display:inline-block; 
	position: fixed;
	right: 3px;
	top: 527px;
	z-index: 51;
}
.mm-opened #port-nav-arr {
	-webkit-animation: none;
}
@media (max-width: 768px) {
	#portfoliov2 #port-nav-toggle {
		top: 200px;
	}
	#port-nav-arr {
		top: 227px;
	}
}

@-webkit-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {
	   	right: 3px;
	}
	40% {
	    right: 8px;
	}
	60% {
	    right:0px;
	}
}

/* FRONTPAGE FONTS */

#frontpage .firststep h2 {
	font-size: 25px;
}
#frontpage .firststep h3 {
	font-size: 20px;
}
#frontpage .calltoaction ul.buttons {
	margin-top: 58px;
}

/* PRELOADER */
#loader-wrapper {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1000;
	background-color: #2c8a93;
}

.text-light-blue {
	color: #58dcd0 !important;
}

.text-blue {
	color: #2c8a93 !important;
}

.orange {
	background: #f55024;
}

.portfolio-dt #loader-wrapper {
	position: absolute;
}

#loader {
	display: block;
	position: relative;
	left: 50%;
	top: 50%;
	width: 170px;
	height: 170px;
	margin: -75px 0 0 -75px;
	border: 3px solid transparent;
	border-top-color: #2c8a93;
	border-radius: 50%;
	z-index: 2;
	background-color: #fff;

	animation: spin 2s linear infinite;
}

@keyframes spin {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}

#loader::before {
	content: "";
	position: absolute;
	top: 5px;
	left: 5px;
	right: 5px;
	bottom: 5px;
	border: 3px solid transparent;
	border-top-color: #f55024;
	border-radius: 50%;
	animation: spin 3s linear infinite;
}

#loader::after {
	content: "";
	position: absolute;
	top: 15px;
	left: 15px;
	right: 15px;
	bottom: 15px;
	border: 3px solid transparent;
	border-top-color: #58dcd0;
	border-radius: 50%;

	animation: spin 1.5s linear infinite;

}

.loading-img {
	position: absolute;
	left: 50%;
	top: 50%;
	height: 100px;
	width: 100px;
	margin-top: -40px;
	margin-left: -40px;
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="111" height="108" viewBox="0 0 111 108"><g fill="none"><g style="fill:%23E05C26;stroke-width:9;stroke:%23E05C26"><path d="M103.7 52.5C103.7 49.4 103.4 46.4 102.7 43.5 102 40.7 101 37.8 99.6 34.8 96 26.9 90.5 20.5 83.1 15.6 74.8 10 65.6 7.2 55.5 7.2 46.9 7.2 38.8 9.3 31.4 13.4 24 17.6 18.1 23.3 13.7 30.6 9.3 37.9 7.1 45.7 7.1 54.1 7.1 62.3 9.3 70.1 13.7 77.4 18.1 84.7 24 90.5 31.5 94.7 39 98.9 47 101 55.4 101 60.9 101 66.5 100 72.3 97.9 78.1 95.9 83 93.1 87 89.7 87.6 89.1 88 88.9 88.4 88.9 89.2 88.9 89.5 89.3 89.5 90 89.5 90.6 88.1 91.8 85.2 93.9 76.3 100.2 66.3 103.3 55.3 103.3 46.3 103.3 37.8 101.1 30 96.7 22.2 92.3 16 86.3 11.4 78.6 6.8 70.9 4.5 62.7 4.5 54 4.5 45.3 6.8 37.1 11.3 29.4 15.8 21.8 22 15.8 29.9 11.4 37.8 7 46.2 4.8 55.3 4.8 65.1 4.8 74.1 7.3 82.3 12.4 90.5 17.5 96.8 24.3 101.1 33 104.3 39.5 106 46 106 52.7 106 54.1 105.2 54.7 103.6 54.7L23.5 54.7C22.5 54.7 22.1 54.3 22.1 53.5 22.1 52.8 22.6 52.4 23.5 52.4L103.7 52.4 103.7 52.5Z"/></g></g></svg>');
	background-position: center;
	background-size: 75%;
	background-repeat: no-repeat;
	z-index: 3;
}

.loaded {
	opacity: 1;
}

#blogblock3 .blog-entry .centered, 
#blogblock4 .blog-entry .centered {
border-bottom: none;
}
li.name { padding-left: 15px; }
.title-area, .main-cnt { padding-top: 15px!important; }
@media only screen and (max-width: 768px){
li.name, .content-header-block { text-align: center; }
.social-share-buttons { float: none; }
}

@media (min-width: 992px) {
	.page-anchor {
		position: absolute;
		display: block;
		top: -85px;
	}
}

.m-0 {
	margin: 0!important;
}

.hs-form {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: middle;
}
.hbsp-form {
	width: 100%;
}
.hs-form-field{
	width: 100%;
}



.hs-form-field input {
	padding: 18px 35px;
}

.hs-submit .actions input[type="submit"] {
	padding: 9px 35px;
    font-size: 15px;
    letter-spacing: 1.5px;
    margin-top: 14px;
    border: none;
    background-color: #f55024;
    color: #fff;
    display: block;
}

@media (min-width: 768px) {
	.hs-form-field {
		width: 200px;
	}
	.hs-submit .actions input[type="submit"] {
		width: auto;
	}
}

@media (max-width: 500px) {
	.d-xs-none { display:none !important; }
	.d-xs-block { display:block !important; }
}
@media(min-width: 500px) {
	.d-sm-block { display: block !important; }
	.d-sm-none { display: none !important; }
}

/*BLOG OV RESTYLING*/
/*wrapper*/
.cont-wrapper {

}
/*post top section*/
.article_image {
	position: relative;
}
/*post image*/
.article_image > a {
	display: block;
}
.article_image > a > img {
	width: 100%;
	height: auto;
}
/*date*/
.article_image .article_date {
	position: absolute;
	top: 0; right: 0;
	width: 60px;
    background-color: #ff612e;
}
.article_image .article_date h2 {
	width: 40px;
	height: 60px;
	color: #fff;
	font-size: 16px;
	line-height: 24px;
	font-style: normal;
	font-weight: 600;
	margin: 0 auto;
	padding-top: 4px;
	text-align: center;
	text-transform: uppercase;
}

.article_image .article_date h2 span {
	display: block;
	font-size: 27px;
	font-weight: 200;
}
/*author photo*/
.article_image .article_photo {
	position: absolute;
    bottom: -10%; left: 8px;
    z-index: 10;
    width: 96px;
}

.article_overview {
	margin: 20px 0 50px 120px;
    width: 70%;
}
.article_overview .article_head h2 a {
	color: #2a2a2a;
}
.article_overview .article_head h2 a:hover {
	color: #f84f10;
}