/*------------------------------------------------------------------
[Master Stylesheet]

Project:	Rapid - html/css template
Version:	1.0
Last change:	09/10/2014
-------------------------------------------------------------------*/

/*------------------------------------------------------------------
[Table of contents]

1. Reset
2. Typography
3. Mobile Navigation
4. Buttons
5. Misc
6. Preloader
7. Desktop Navigation
8. Home
9. About
10. Team
11. Services
12. Separator - Video
13. Portfolio
14. Clients
15. Pricing
16. Separator - Parallax
17. Blog
18. Contact
19. Footer
20. PORTFOLIO SINGLE - Subpage
21. BLOG - Subpage
22. SINGLE POST - Subpage
23. Comments
24. Comment Form
25. Elements

-------------------------------------------------------------------*/



/*------------------------------------------------------------------
-------------------->>> GLOBAL STYLES <<<---------------------------
-------------------------------------------------------------------*/



/*--------------------------------------*/
/* 1. RESET ----------------------------*/
/*--------------------------------------*/

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
p,
blockquote,
hr,
th,
td {
	margin: 0;
	padding: 0;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}


section {
	overflow: hidden
}

body {
	overflow-y: scroll;
}


/*--------------------------------------*/
/* 2. TYPOGRAPHY -----------------------*/
/*--------------------------------------*/


/*-- FONTS INIT --*/

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

@media screen and (-webkit-min-device-pixel-ratio:0) {
	@font-face {
		font-family: 'familiar_probold';
		src: url('fonts/familiar_pro-bold-webfont.svg#familiar_probold') format('svg');
	}
}

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

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

@media screen and (-webkit-min-device-pixel-ratio:0) {
	@font-face {
		font-family: 'source_serif_proregular';
		src: url('fonts/sourceserifpro-regular-webfont.svg#source_serif_proregular') format('svg');
	}
}


/*-- BASIC STYLES --*/

.contato-fill {
	/* background-color: #fff; */
	height: 100vh;
	margin-top: 100px;
	/* background-image: url(../images/promoradiobg.png); */
	background-image: url(../images/bg-mobile.png);
	background-size: cover;
	background-position: bottom;
}

.contato-fill #titulo {
	height: 70px;
	display: flex;
	color: #fff;
	justify-content: center;
	align-items: center;
	/* background-image: url(../images/promoradiobg.png); */
	background-image: url(../images/bg-mobile.png);
	background-size: cover;
	background-position: bottom;
	box-shadow: inset 0 0 0 2000px rgba(0, 0, 0, 0.3);
	border: 1px #fff;
	border-style: solid;
}

#titulo a {
	color: #fff;
}

#voltar {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin: 15px;
}

#texto {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.contato-fill #texto ul {
	font-size: 15px;
	color: black;
	margin-top: 30px;
	text-align: justify;
}

.contato-fill li {
	margin-bottom: 5px;
}

html {
	font-size: 100%;
}

p {
	font-size: 1rem;
	line-height: 1.625rem;
	font-family: 'source_serif_proregular', sans-serif;
	font-weight: normal;
}


a:hover {
	text-decoration: none;
	font-weight: normal;
}

a:focus {
	outline: none;
	text-decoration: none;
}

a:not([class]) {
	text-decoration: underline;
	font-weight: normal;
}

a:not([class]):hover {
	text-decoration: none;
	font-weight: normal;
}



/*-- H1-H6 --*/

h1,
h2,
h3,
h4,
h6 {
	font-family: 'familiar_probold', sans-serif;
	text-transform: uppercase;
	font-weight: normal;
}

h1 {
	font-size: 6.875rem;
	line-height: 6.5rem;
}

h2 {
	font-size: 5.625rem;
	line-height: 4.875rem;
}

h3 {
	font-size: 3.125rem;
	line-height: 3.125rem;
}

h4 {
	font-size: 1.25rem;
	line-height: 2rem;
}

h5 {
	font-family: 'source_serif_proregular', serif;
	font-size: 1.5rem;
	line-height: 2.25rem;
	font-weight: normal;
}

h6 {
	font-size: 1rem;
	line-height: 1rem;
	text-rendering: geometricPrecision;
}


/*-- MISC --*/


ul {
	list-style: none
}

li a {
	display: inline;
}

hr {
	margin-top: 4.568rem;
	margin-bottom: 4.568rem;
	border-color: #e5e5e5;
}

.video iframe {
	border: none;
}


/*--------------------------------------*/
/* 3. MOBILE NAVIGATION ----------------*/
/*--------------------------------------*/

.cbp-spmenu {
	position: fixed;
}

.cbp-spmenu h3 {
	font-size: 1.2rem;
	line-height: 2.3rem;
	padding: 1.3rem;
	padding-left: 2rem;
	margin: 0;
	float: left;
}

.cbp-spmenu a {
	display: block;
	font-size: 1rem;
	text-decoration: none;
	text-align: center;
	font-family: 'familiar_probold', sans-serif;
	-webkit-transition: all 0.15s ease-in-out;
	-moz-transition: all 0.15s ease-in-out;
	-o-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
}

.cbp-spmenu-vertical {
	width: 200px;
	height: 100%;
	top: 0;
	z-index: 1000;
}

.cbp-spmenu-vertical a {
	border-bottom: 1px solid;
	padding: 1rem;
	padding-left: 2rem;
}

.cbp-spmenu-right {
	right: -200px;
}

.cbp-spmenu-right.cbp-spmenu-open {
	right: 0px;
	width: auto;
}

.cbp-spmenu,
.cbp-spmenu-push {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.mobile_nav_close_button {
	position: absolute;
	right: 0;
	top: 0;
	border: 0;
}

.mobile_nav_close_button a {
	border: 0;
}

#mobile_menu_content {
	border-top: 1px solid;
	clear: both;
}


/*--------------------------------------*/
/* 4. BUTTONS --------------------------*/
/*--------------------------------------*/


/*-- Call to Action - Dark --*/

a.cta_dark {
	text-decoration: none;
}

.cta_dark {
	display: inline-block;
	font-family: 'familiar_probold', sans-serif;
	text-transform: uppercase;
	font-size: 1rem;
	line-height: 0rem;
	padding-top: 1.8rem;
	padding-bottom: 1.8rem;
	padding-left: 1.3rem;
	padding-right: 1.3rem;
	text-decoration: none;
	text-transform: uppercase;
	text-align: center;
	border: solid 2px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	background: none;
}

.cta_dark_icon {
	font-size: 2rem;
	padding-top: 0.8rem;
	padding-bottom: 0.8rem;
	padding-left: 0.8rem;
	padding-right: 0.9rem;
}

.cta_dark:visited,
.cta_dark:active {
	text-decoration: none;
}

.cta_dark:focus {
	outline: none;
	text-decoration: none;
}


/*-- Call to Action - Light --*/

a.cta_light {
	text-decoration: none;
}

.cta_light {
	display: inline-block;
	font-family: 'familiar_probold', sans-serif;
	text-transform: uppercase;
	font-size: 1rem;
	line-height: 0rem;
	padding-top: 1.8rem;
	padding-bottom: 1.8rem;
	padding-left: 1.3rem;
	padding-right: 1.3rem;
	text-decoration: none;
	text-transform: uppercase;
	text-align: center;
	border: solid 2px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	background: none;
}

.cta_light_icon {
	font-size: 2rem;
	padding-top: 0.8rem;
	padding-bottom: 0.8rem;
	padding-left: 0.8rem;
	padding-right: 0.9rem;
}

.cta_light:visited,
.cta_light:active {
	text-decoration: none;
}

.cta_light:focus {
	outline: none;
	text-decoration: none;
}


/*-- ICON BUTTONS COMMON STYLES --*/

a.button {
	width: 4.875rem;
	height: 4.875rem;
	position: relative;
	display: block;
	cursor: pointer;
}

a.button:focus {
	outline: none;
}

.button_icon {
	width: 2rem;
	height: 2rem;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -1rem 0 0 -1rem;
	font-size: 2rem;
	line-height: 0rem;
	z-index: 2;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}


/*-- Pagination Buttons --*/

.pagination_button {
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.pagination_button_text {
	font-family: 'familiar_probold', sans-serif;
	text-transform: uppercase;
	width: 2rem;
	height: 2rem;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -1rem 0 0 -1rem;
	font-size: 1.5rem;
	text-align: center;
	line-height: 2.2rem;
	z-index: 2;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}


/*-- HOME ARROW BUTTON --*/

.arrow_down {
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}

.arrow_down_mouse_over {
	-webkit-animation: animation_bounce_over 1500ms linear both;
	animation: animation_bounce_over 1500ms linear both;
}

.arrow_down_mouse_out {
	-webkit-animation: animation_bounce_out 1500ms linear both;
	animation: animation_bounce_out 1500ms linear both;
}

.arrow_down .button_icon {
	padding-top: 0.17rem;
}



/*-- MOBILE NAV OPEN BUTTON --*/

.mobile_nav_open {
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}

.mobile_nav_open_over {
	-webkit-animation: animation_scale_over 1000ms linear both;
	animation: animation_scale_over 1000ms linear both;
}

.mobile_nav_open_out {
	-webkit-animation: animation_scale_out 1000ms linear both;
	animation: animation_scale_out 1000ms linear both;
}


/*-- CLOSE BUTTON --*/

.close {
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}

.close_over {
	-webkit-animation: animation_spin 1000ms linear both;
	animation: animation_spin 1000ms linear both;
}

.close_out {
	-webkit-animation: animation_spin2 1000ms linear both;
	animation: animation_spin2 1000ms linear both;
}

.close .button_icon {
	padding-top: 0.17rem;
}


/*-- Arrow Right Button --*/

.arrow_right {
	border: solid 2px;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}

.arrow_right_mouse_over {
	-webkit-animation: animation_portfolio_next_over 1500ms linear both;
	animation: animation_portfolio_next_over 1500ms linear both;
}

.arrow_right_mouse_out {
	-webkit-animation: animation_portfolio_next_out 1500ms linear both;
	animation: animation_portfolio_next_out 1500ms linear both;
}

.arrow_right .button_icon {
	padding-top: 0.1rem;
}

.arrow_right_v2 {
	border: 2px;
}



/*-- PORTFOLIO PREV BUTTON --*/

.arrow_left {
	border: solid 2px;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}

.arrow_left_mouse_over {
	-webkit-animation: animation_portfolio_prev_over 1500ms linear both;
	animation: animation_portfolio_prev_over 1500ms linear both;
}

.arrow_left_mouse_out {
	-webkit-animation: animation_portfolio_prev_out 1500ms linear both;
	animation: animation_portfolio_prev_out 1500ms linear both;
}

.arrow_left .button_icon {
	padding-top: 0.1rem;
}

.arrow_left_v2 {
	border: 2px;
}

/*-- FOOTER ARROW BUTTON --*/

.arrow_up {
	border: solid 2px;
	background: none;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}

.arrow_up_mouse_over {
	-webkit-animation: animation_footer_arrow_over 1000ms linear both;
	animation: animation_footer_arrow_over 1000ms linear both;
}

.arrow_up_mouse_out {
	-webkit-animation: animation_footer_arrow_out 1000ms linear both;
	animation: animation_footer_arrow_out 1000ms linear both;
}


/*--------------------------------------*/
/* 5. MISC -----------------------------*/
/*--------------------------------------*/


/*-- INTRO SECTION --*/

.title_big {
	height: 29.25rem;
	text-align: right;
	padding-right: 5rem;
	display: table;
}

.title_big h2 {
	display: table-cell;
	vertical-align: middle;
}

.title_content {
	display: table;
	height: 29.25rem;
	padding: 5rem;
	max-width: 60rem;
}

.content {
	display: table-cell;
	vertical-align: middle;
}

.content h5 {
	margin-bottom: 1.1rem;
}


/*-- Modal window - member details -- */

.md-modal {
	z-index: 2000;
	width: 56.25rem;
	height: 27.5rem;
	visibility: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
}

.md-show {
	visibility: visible;
}

.md-overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	visibility: hidden;
	top: 0;
	left: 0;
	z-index: 1000;
	opacity: 0;
	background: rgba(0, 0, 0, .8);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.md-show~.md-overlay {
	opacity: 1;
	visibility: visible;
}

/* Modal window content styles */

.md-content {

	overflow: hidden;
	background: white;
	position: relative;
}

.member_photo {
	position: relative;
	float: left;
	height: auto;
}

.member_photo img {
	display: inline-block;
	text-align: left;
	width: 27.5rem;
}

.modal_text {
	float: right;
	width: 28.5rem;
	padding: 4rem;
	padding-bottom: 1rem;
	padding-right: 2rem;
}

.modal_text h6 {
	margin-bottom: 2rem;
}

.modal_text h3 {
	margin-bottom: 2rem;
}

.modal_text p {
	margin-bottom: 1.6rem;
}

.modal_close_button {
	top: 0;
	right: 0;
	position: absolute;
	z-index: 1100;
}


/*-- Modal window - VIDEO -- */

.md-video-content {
	position: relative;
	text-align: center;
	margin: 0 auto;
}

.md-video-content iframe {
	border: 0;
}




/*-- Social Icons --*/

.social_icon {
	font-size: 1.3rem;
	line-height: 1rem;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.social_icon:hover {
	cursor: pointer;
}

.social_icons ul,
.social_icons ul li {
	display: inline-block;
	list-style: none;
	padding: 0;
	height: 2rem;
}

.social_icons ul li {
	margin-right: 0.7rem;
	margin-left: 0.7rem;
}

.social_icons ul li:first-child {
	margin-left: 0;
}

.social_icons ul li:last-child {
	margin-right: 0;
}

.social_icons ul li {
	float: left;
}



/*-- Unordered list style 1 --*/


ul.list1 {
	list-style: none;
}

ul.list1 li {
	font-family: 'familiar_probold', sans-serif;
	text-transform: uppercase;
	font-size: 1rem;
	line-height: 1rem;
	margin-bottom: 1.5rem;
}


ul.list1 li:before {
	font-family: "rapid-icon-font";
	content: '\e110';
	font-size: 1.5rem;
	position: relative;
	top: 0.3rem;
	display: inline-block;
	padding-top: 0.5rem;
	margin-right: 1rem;
}



/*-- Unordered list style 2 --*/


ul.list2 {
	list-style: none;
}

ul.list2 li {
	font-family: 'familiar_probold', sans-serif;

	font-size: 1rem;
	line-height: 1rem;
	margin-bottom: 1.5rem;
}


ul.list2 li:before {
	font-family: "rapid-icon-font";
	content: '\e105';
	font-size: 1.5rem;
	position: relative;
	top: 0.3rem;
	display: inline-block;
	padding-top: 0.5rem;
	margin-right: 1rem;
}



/*-- Unordered list style 3 --*/


ul.list3 {
	list-style: none;
}

ul.list3 li {
	font-family: 'source_serif_proregular', sans-serif;
	font-weight: normal;
	font-size: 1rem;
	line-height: 1rem;
	margin-bottom: 1.5rem;
}


ul.list3 li:before {
	font-family: "rapid-icon-font";
	content: '\e13f';
	font-size: 1.5rem;
	position: relative;
	top: 0.3rem;
	display: inline-block;
	padding-top: 0.5rem;
	margin-right: 1rem;
}




/*-- Ordered list style 1 --*/


ol.list1 {
	list-style-type: none;
	counter-reset: ol-counter;
}

ol.list1 li {
	font-family: 'familiar_probold', sans-serif;
	text-transform: uppercase;
	font-size: 1rem;
	line-height: 1rem;
	margin-bottom: 1.5rem;
}


ol.list1 li:before {
	content: counter(ol-counter) ".";
	counter-increment: ol-counter;
	font-family: 'familiar_probold', sans-serif;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 1rem;
	position: relative;
	display: inline-block;
	padding-top: 0.5rem;
	margin-right: 1rem;
}


/*-- Ordered list style 2 --*/


ol.list2 {
	list-style-type: none;
	counter-reset: ol-counter;
}

ol.list2 li {
	font-family: 'familiar_probold', sans-serif;
	font-size: 1rem;
	line-height: 1rem;
	margin-bottom: 1.5rem;
}


ol.list2 li:before {
	content: counter(ol-counter, upper-roman);
	counter-increment: ol-counter;
	font-family: 'familiar_probold', sans-serif;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 1rem;
	position: relative;
	display: inline-block;
	padding-top: 0.5rem;
	margin-right: 1rem;
}


/*-- Ordered list style 3 --*/


ol.list3 {
	list-style-type: none;
	counter-reset: ol-counter;
}

ol.list3 li {
	font-family: 'source_serif_proregular', sans-serif;
	font-size: 1rem;
	line-height: 1rem;
	margin-bottom: 1.5rem;
}


ol.list3 li:before {
	content: counter(ol-counter, lower-alpha) ".";
	counter-increment: ol-counter;
	font-family: 'familiar_probold', sans-serif;
	font-weight: normal;
	font-size: 1rem;
	position: relative;
	display: inline-block;
	padding-top: 0.5rem;
	margin-right: 1rem;
}





/* Nivo slider dots controls */


.dotstyle ul {
	position: relative;
	display: inline-block;
	margin: 0;
	padding: 0;
	list-style: none;
	cursor: default;
	text-align: center;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.dotstyle li {
	position: relative;
	display: block;
	float: left;
	margin: 0 0.7rem;
	width: 18px;
	height: 18px;
	cursor: pointer;
}

.dotstyle li a {
	top: 0;
	left: 0;
	width: 18px;
	height: 18px;
	outline: none;
	border-radius: 50%;
	text-indent: -999em;
	/* make the text accessible to screen readers */
	cursor: pointer;
	position: absolute;
}

.dotstyle li a:focus {
	outline: none;
}

/* Fill up Effect */

.dotstyle-fillup li a {
	overflow: hidden;
	background-color: transparent;
	-webkit-transition: background 0.3s ease;
	transition: background 0.3s ease;
}

.dotstyle-fillup li a::after {
	content: '';
	position: absolute;
	bottom: 0;
	height: 0;
	left: 0;
	width: 100%;
	-webkit-transition: height 0.3s ease;
	transition: height 0.3s ease;
}

.dotstyle-fillup li a.active::after {
	height: 100%;
}



/*--------------------------------------*/
/* 6. PRELOADER ------------------------*/
/*--------------------------------------*/

#preloader {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	z-index: 9999;
	/* makes sure it stays on top */
}

#status {
	width: 200px;
	height: 200px;
	position: absolute;
	left: 50%;
	/* centers the loading animation horizontally one the screen */
	top: 50%;
	/* centers the loading animation vertically one the screen */
	background-repeat: no-repeat;
	background-position: center;
	margin: -100px 0 0 -100px;
	/* is width and height divided by two */
}

/* Loading animation: */

.spinner {
	margin: 100px auto;
	width: 50px;
	height: 30px;
	text-align: center;
	font-size: 10px;
}

.spinner>div {
	height: 100%;
	width: 6px;
	display: inline-block;

	-webkit-animation: stretchdelay 1.2s infinite ease-in-out;
	animation: stretchdelay 1.2s infinite ease-in-out;
}

.spinner .rect2 {
	-webkit-animation-delay: -1.1s;
	animation-delay: -1.1s;
}

.spinner .rect3 {
	-webkit-animation-delay: -1.0s;
	animation-delay: -1.0s;
}

.spinner .rect4 {
	-webkit-animation-delay: -0.9s;
	animation-delay: -0.9s;
}

.spinner .rect5 {
	-webkit-animation-delay: -0.8s;
	animation-delay: -0.8s;
}

@-webkit-keyframes stretchdelay {

	0%,
	40%,
	100% {
		-webkit-transform: scaleY(0.4)
	}

	20% {
		-webkit-transform: scaleY(1.0)
	}
}

@keyframes stretchdelay {

	0%,
	40%,
	100% {
		transform: scaleY(0.4);
		-webkit-transform: scaleY(0.4);
	}

	20% {
		transform: scaleY(1.0);
		-webkit-transform: scaleY(1.0);
	}
}





/*------------------------------------------------------------------
------------------->>> TEMPLATE STYLES <<<--------------------------
------------------------------------------------------------------*/

/*--------------------------------------*/
/* 7. DESKTOP NAVIGATION ---------------*/
/*--------------------------------------*/

#nav_bar {
	height: 4.875rem;
	position: absolute;
	top: 0;
	z-index: 800;
	width: 100%;
	padding: 1.1rem;
	overflow: hidden;
}

#nav_bar.stuck {
	position: fixed;
	top: 0;
}

#nav_bar a {
	text-decoration: none;
}

.logo {
	float: left;
}

.logo img {
	width: 2.625rem;

}

#navigation ul {
	float: right;
	margin-top: 0.8rem;
	padding: 0;
}

#navigation ul li {
	float: left;
	margin-left: 1.2rem;
	padding: 0;
	margin-top: 0;
}

#navigation li a {
	-webkit-font-smoothing: antialiased;
	/* color:rgb(255, 255, 255); */
	color: #fff;
	font-size: 0.8rem;
	font-family: 'familiar_probold', sans-serif;
}

#navigation li a:focus,
#navigation li a:hover {
	outline: none;
	text-decoration: none;
}

.mobile_nav_icon_open:hover {
	cursor: pointer;
}

.mobile_nav_open_button {
	position: absolute;
	right: 0;
	top: 0;
	margin-top: -1.1rem;
}


/*--------------------------------------*/
/* 8. HOME -----------------------------*/
/*--------------------------------------*/

#home {
	text-align: center;
	/* background: url(../images/bg-mobile.png) no-repeat center center scroll;  */
	background: url(../images/bg-mobile.png) no-repeat scroll;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#casa {
	text-align: center;
	/* background: url(../images/bg-mobile.png) no-repeat center center scroll;  */
	background: url(../images/bg-mobile.png) no-repeat scroll;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.logo_vazado {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.img_logo_vazado {
	width: 50%;
	height: 50%;
}

#homepage_logo {
	margin-top: 3.25rem;
	margin-left: auto;
	margin-right: auto;
	width: 8.75rem;
	position: absolute;
	z-index: 2;
	margin-left: -4.375rem;
}

#homepage_content {
	display: table;
	z-index: 1;
	position: relative;
}

#homepage_content_slogan {
	display: table-cell;
	vertical-align: middle;
	margin-left: auto;
	margin-right: auto;
}

#homepage_content_slogan h1 {
	margin-bottom: 1.1rem;
}

#homepage_content_slogan h5 {
	padding-left: 5rem;
	padding-right: 5rem;
}

.homepage_arrow_down {
	position: absolute;
	left: 50%;
	margin-left: -2.4375rem;
	margin-top: -4.875rem;
	z-index: 3;
}



/*--------------------------------------*/
/* 9. ABOUT ----------------------------*/
/*--------------------------------------*/


#about {
	overflow: hidden;
}

#about_info {
	padding-top: 8.125rem;
	padding-bottom: 8.125rem;
}

.about_icon {
	font-size: 4rem;
}

.info_box h4 {
	margin-bottom: 1rem;
}

#about_numbers {
	padding-top: 4.875rem;
	padding-bottom: 2.875rem;
	padding-left: 1rem;
	background: url(../images/numbers_bg.jpg) repeat center center scroll;
}

.counter_box {
	text-align: center;
	padding-left: 1rem;
	padding-right: 1rem;
	margin-left: 0;
	border-right: solid 1px rgba(255, 255, 255, .2);
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	margin-bottom: 2rem;
}

.counter_box span {
	font-family: 'familiar_probold', sans-serif;
	font-size: 2.5rem;
	line-height: 4rem;
}

.numbers_icon {
	font-size: 2rem;
}


/*--------------------------------------*/
/* 10. TEAM ----------------------------*/
/*--------------------------------------*/

#team {
	padding-top: 8.125rem;
}

.intro h3 {
	margin-bottom: 4.875rem;
}

.intro h5 {
	margin-bottom: 1.1rem;
}

#members {
	margin-top: 6.5rem;
}

/*--------- hover effect animation for members photos --------- */

.item {
	display: block;
	width: 25%;
	float: left;
}

.item>a,
.item img {
	display: block;
	outline: none;
	border: none;
	width: 100%;
	cursor: url(../images/cursor_more.png), auto;
}

.item>a {
	position: relative;
	overflow: hidden;
}

/* Title */
.item h6 {
	position: absolute;
	bottom: 0;
	left: 0;
	margin: 0 auto;
	width: 100%;
	text-align: center;
	text-transform: uppercase;
	opacity: 0;
}

.item span {
	position: absolute;
	bottom: -1rem;
	left: 0;
	margin: 0;
	width: 100%;
	text-align: center;
	text-transform: uppercase;
	opacity: 1;
	font-family: 'familiar_probold', sans-serif;
	text-transform: uppercase;
	font-size: 0.8rem;
	line-height: 1rem;
}

/* Pseudo element for hover effect */
.item>a::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0px solid transparent;
	content: '';
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	-o-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
}

/* Hover effects */
.item:hover h6 {
	-webkit-animation: animation_jump_over 1000ms linear both;
	animation: animation_jump_over 1000ms linear both;
	opacity: 1;
}

.item:hover span {
	-webkit-animation: animation_jump_over 1200ms linear both;
	animation: animation_jump_over 1200ms linear both;
	opacity: 1;
}

.item:hover>a::before {
	border-width: 1rem;
}




/*--------------------------------------*/
/* 11. SERVICES ------------------------*/
/*--------------------------------------*/

.service_boxes {
	border-bottom: solid 1px;
}

.service_box {
	height: 27.625rem;
	display: table;
	border-top: solid 1px;
	border-right: solid 1px;
}

.service_box_content {
	display: table-cell;
	vertical-align: middle;
	padding: 2rem;
	text-align: center;
}

.service_box_content h6 {
	margin-bottom: 1rem;
}

.service_icon {
	font-size: 2rem;
	margin-bottom: 1rem;
}

.service_box_content p {
	display: block;
	height: 0px;
	opacity: 0;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.service_box_content:hover {
	cursor: pointer;
}

.service_box_p_open {
	opacity: 1 !important;
	height: auto !important;
}

.animation_jump_over_small_1 {
	-webkit-animation: animation_jump_over_small 1500ms linear both;
	animation: animation_jump_over_small 1500ms linear both;
}

.animation_jump_over_small_2 {
	-webkit-animation: animation_jump_over_small 1000ms linear both;
	animation: animation_jump_over_small 1000ms linear both;
}

.animation_jump_out_small_1 {
	-webkit-animation: animation_jump_out_small 1500ms linear both;
	animation: animation_jump_out_small 1500ms linear both;
	-webkit-animation-delay: 20ms;
	animation-delay: 20ms;
}

.animation_jump_out_small_2 {
	-webkit-animation: animation_jump_out_small 1000ms linear both;
	animation: animation_jump_out_small 1000ms linear both;
	-webkit-animation-delay: 20ms;
	animation-delay: 20ms;
}



/*--------------------------------------*/
/* 12. SEPARATOR - VIDEO ---------------*/
/*--------------------------------------*/

#video_separator {
	position: relative;
	text-align: center;
}

#video_separator a {
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	position: absolute;
	z-index: 3;
}

.video_icon {
	font-size: 4rem;
}

.video_content {
	position: relative;
	z-index: 2;
	padding-top: 8.125rem;
	padding-bottom: 8.125rem;
	padding-left: 2rem;
	padding-right: 2rem;
}

.video-container {
	position: absolute;
	bottom: 0%;
	width: 100%;
	overflow: hidden;
	z-index: 0;
}

.video-fallback {
	position: absolute;
	top: 0%;
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: 0;
	background: url(../video/video.jpg) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.video_pattern {
	position: absolute;
	top: 0%;
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: 1;
	background: url(../images/pattern.png) repeat;
	opacity: 0.3;
}

.video_hover_solid {
	position: absolute;
	top: 0%;
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: 1;
	opacity: 0;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

#video_separator:hover .video_hover_solid {
	opacity: 0.5;
}

.video_separator:hover {
	cursor: pointer;
}


/*--------------------------------------*/
/* 13. PORTFOLIO -----------------------*/
/*--------------------------------------*/

.title_big_portfolio {
	height: 35.25rem;
	text-align: right;
	padding-right: 0rem;
	display: table;
}

.title_big_portfolio h2 {
	font-size: 3.8rem;
	line-height: 3.4125rem;
	position: relative;
}

.portfolio_controls {
	display: table-cell;
	vertical-align: middle;
	position: relative;
	margin: 0 auto;
	text-align: center;
}

.title_content {
	display: table;
	height: 29.25rem;
	padding: 5rem;
	max-width: 60rem;
}

.portfolio_items {
	padding-left: 0px;
}

.owl-item {
	height: 35.25rem;
	width: auto;
	text-align: center;
}

.owl-item>a,
.owl-item img {
	display: block;
	outline: none;
	border: none;
	height: 35.25rem;
	width: auto;

}

.owl-item>a {
	position: relative;
	overflow: hidden;
	cursor: url(../images/cursor_more.png), auto;
}


#owl_gallery {
	height: 35.25rem;
}

/* Title */
.owl-item h6 {
	position: absolute;
	bottom: 0;
	left: 0;
	margin: 0 auto;
	width: 100%;
	text-align: center;
	text-transform: uppercase;
	opacity: 0;
}

.owl-item span {
	position: absolute;
	bottom: -1rem;
	left: 0;
	margin: 0;
	width: 100%;
	text-align: center;
	text-transform: uppercase;
	opacity: 1;
	font-family: 'familiar_probold', sans-serif;
	text-transform: uppercase;
	font-size: 0.8rem;
	line-height: 1rem;
}

/* Pseudo element for hover effect */
.owl-item>a::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0px solid transparent;
	content: '';
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	-o-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
}

/* Hover effects */
.owl-item:hover h6 {
	-webkit-animation: animation_jump_over 1000ms linear both;
	animation: animation_jump_over 1000ms linear both;
	opacity: 1;
}

.owl-item:hover span {
	-webkit-animation: animation_jump_over 1200ms linear both;
	animation: animation_jump_over 1200ms linear both;
	opacity: 1;
}

.owl-item:hover>a::before {
	border-width: 1rem;
}

.portfolio_button_next {
	position: relative;
	margin: 0 auto;
}

.portfolio_button_prev {
	position: relative;
	margin: 0 auto;
}


.customNavigation {
	width: 4.875rem;
	position: relative;
	margin: 0 auto;
}

.customNavigation .arrow_left {
	border-top: solid 1px;
}

.customNavigation .arrow_right {
	border-bottom: solid 1px;
}

.customNavigation a {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}


/*--------------------------------------*/
/* 14. CLIENTS -------------------------*/
/*--------------------------------------*/

#clients {
	padding-top: 8.125rem;
	padding-bottom: 5.125rem;
	border-bottom: solid 1px;
}

#clients img {
	margin: 0 auto;
	width: 7rem;
	margin-bottom: 3rem;
}


/*--------------------------------------*/
/* 15. PRICING -------------------------*/
/*--------------------------------------*/

#pricing {
	padding-top: 8.125rem;
	padding-bottom: 5.125rem;
}

#pricing .intro h5 {
	margin-bottom: 4.875rem;
}

.pricing_table_container {
	margin: 0px;
	padding: 0;
	padding-right: 1px;
}

.pricing_table {
	width: 100%;
	margin-right: 1px;
	display: block;
	float: left;
	position: relative;
	padding: 0;
}

.pricing_table_header {
	padding: 3rem;
	text-align: center;
}


.pricing_table_header h6 {
	margin-bottom: 2rem;
}

.pricing_table_header span {
	font-family: 'familiar_probold', sans-serif;
	text-transform: uppercase;
	font-size: 4.375rem;
	line-height: 4.375rem;
	display: block;
	margin-bottom: 1.5rem;
}

.pricing_table_item {
	padding: 1.5rem;
	text-align: left;
	margin-top: 1px;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.pricing_table_footer {
	text-align: center;
	padding: 1.5rem;
	margin-top: 1px;
	margin-bottom: 3rem;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}




/*--------------------------------------*/
/* 16. SEPARATOR - PARALLAX ------------*/
/*--------------------------------------*/

#parallax_separator {
	padding-top: 8.125rem;
	padding-bottom: 8.125rem;
	text-align: center;
	background: url(../images/parallax_bg.jpg) repeat center center scroll;
}


/*--------------------------------------*/
/* 17. BLOG ----------------------------*/
/*--------------------------------------*/

.post_excerpt {

	border-top: solid 1px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.post_excerpt a.post_link {
	padding-top: 5rem;
	padding-bottom: 3rem;
}


.post_excerpt h3,
.post_excerpt img,
.post_excerpt p,
.post_excerpt .video {
	margin-bottom: 2rem;
}


.more_posts {
	padding-top: 5rem;
	padding-bottom: 5rem;
	border-top: solid 1px;
	border-bottom: solid 1px;
}

.post_excerpt a.post_link {
	position: relative;
	display: block;
	outline: none;
	white-space: normal;
}

/*--------------------------------------*/
/* 18. CONTACT -------------------------*/
/*--------------------------------------*/

#contact .title_big {
	height: 50rem;
}

.contact_content {
	display: table-cell;
	vertical-align: middle;
	text-align: right;
}

#contact .title_big h2 {
	display: block;
	margin-bottom: 4rem;
}

#contact .title_content {
	padding-bottom: 0;
}

#contact_form h5 {
	display: inline;
}

#contact_form {
	width: auto;
	float: right;
}

/*-- FORM STYLING --*/

input {
	padding: 1rem;
	padding-bottom: 0.2rem;
	border: none;
	border-bottom: solid 2px;
	font-family: 'source_serif_proregular', serif;
	font-size: 1.5rem;
	line-height: 2.25rem;
	font-weight: normal;
	margin-bottom: 2rem;
	width: auto;
}

textarea {
	padding: 1rem;
	padding-bottom: 0.2rem;
	padding-top: 0rem;
	border: none;
	border-bottom: solid 2px;
	font-family: 'source_serif_proregular', serif;
	font-size: 1.5rem;
	line-height: 2.25rem;
	font-weight: normal;
	margin-bottom: 2rem;
	height: 10rem;
	width: auto;
}

input:focus,
textarea:focus {
	outline: none;
}


/*-- MESSAGE STYLING --*/

#message {
	display: none;
	position: fixed;
	z-index: 3000;
	width: 40rem;
	top: 50%;
	left: 50%;
	margin-top: -8.5rem;
	margin-left: -20rem;
	text-align: center;
}



#alert {
	display: table-cell;
	vertical-align: middle;
	padding-bottom: 2rem;
	padding-top: 2rem;
	padding-left: 2rem;
	padding-right: 2rem;
}


.alert_icon {
	font-size: 2rem;
}

.unordered li {
	margin: 0 !important;
}

.contact_icon {
	font-size: 2rem;
	margin-top: 4rem;
	margin-bottom: 1rem;
}




/*--------------------------------------*/
/* 19. FOOTER --------------------------*/
/*--------------------------------------*/

#footer {
	padding: 4.125rem;
	background: url(../images/footer_bg.jpg) repeat center center scroll;
}

.footer_content {
	text-align: left;
}

.footer_arrow_container {
	text-align: right;
	position: relative;
}

.footer_content .social_icons {
	margin-top: 1rem;
}


#footer .button {
	display: block;
	position: relative;
	z-index: 3;
	float: right;
}






/*--------------------------------------*/
/* 20. PORTFOLIO SINGLE - Subpage ------*/
/*--------------------------------------*/


/* Styles for both versions */


.portfolio_single_close {
	top: 0;
	right: 0;
	position: absolute;
	z-index: 1100;
}

.portfolio_single_details {
	padding-right: 4rem;
	border-right: solid 1px;
}



.portfolio_single_details h3,
.portfolio_single_details_v2 h3,
#portfolio_single_work img {
	margin-bottom: 2rem;
}

#portfolio_single_work .nivoSlider img {
	margin-bottom: 0;
}

.portfolio_single_details h5,
.portfolio_single_details_v2 h5,
.portfolio_single_details p,
.portfolio_single_details_v2 p {
	margin-bottom: 1rem;
}

.portfolio_single_done {
	padding-left: 4rem;
}

.portfolio_single_done ul {
	margin-bottom: 3rem;
}

.portfolio_single_description {
	display: block;
	position: relative;
	margin-top: 6rem;
	margin-bottom: 6rem;
}



/* Styles for standard details page */

/* --Controls */

.portfolio_single_controls {
	position: relative;
	float: right;
	margin-bottom: 4rem;
}

.portfolio_single_controls .button {
	display: inline-block;
	margin-right: -3px;
	padding: 0;
}


/* Styles for fullwidth details page */

/* --Controls */

#portfolio_single_fullwidth #controls {
	position: absolute;
	top: 0rem;
	right: 0rem;
	z-index: 999;
}

#portfolio_single_fullwidth .portfolio_single_controls .button {
	display: inline-block;
	margin-right: -4px;
	padding: 0;
}

#portfolio_single_fullwidth #portfolio_single_work {
	padding-bottom: 0rem;
}

#portfolio_single_fullwidth .slider-wrapper {
	padding: 0;
}

#portfolio_single_fullwidth .slider-overlay {
	opacity: 0.8;
	width: 100%;
	height: 100%;
	position: absolute;
	overflow: hidden;
	z-index: 800;
	max-height: 32rem;
}

#title {
	display: table;
	overflow: hidden;
	margin: 0px auto;
	text-align: left;
	height: 100%;
	width: 100%;
}

#title_container {
	display: table-cell;
	vertical-align: middle;
}

#portfolio_single_fullwidth .slider-wrapper #slider {
	max-height: 32rem;
}

#portfolio_single_fullwidth .slider-wrapper #slider.no_margin {
	margin-bottom: 0;
}

#portfolio_single_work {
	padding-bottom: 5rem;
	position: relative;
	z-index: 900;
}


/*--------------------------------------*/
/* 21. BLOG Subpage --------------------*/
/*--------------------------------------*/

#subpage_blog .post_excerpt {
	border-top: none;
	border-bottom: solid 1px;
	padding-top: 5rem;
	padding-bottom: 5rem;
}

#subpage_blog .more_posts {
	padding-top: 5rem;
	padding-bottom: 5rem;
	border: none;
}

.posts_pagination a {
	float: left;
	margin-right: 1px;
}


/*--------------------------------------*/
/* 22. Single Post Subpage -------------*/
/*--------------------------------------*/



#subpage_single_post .post_excerpt {
	border-top: none;
	border-bottom: solid 1px;
	padding-top: 5rem;
	padding-bottom: 5rem;
}

#subpage_single_post .post_excerpt h5 {
	margin-bottom: 1.1rem;
}


/*--------------------------------------*/
/* 23. Comments ------------------------*/
/*--------------------------------------*/

#comments {
	padding-top: 5rem;
	padding-bottom: 5rem;
}

#comments h3 {
	margin-bottom: 5rem;
}

.avatar {
	width: 8rem;
	float: left;
	display: inline-block;
}

.avatar img {
	float: right;
	width: 8rem;
}

.comment_box {
	border: 1px solid;
	padding: 3rem;
	margin-left: 8rem;
	margin-bottom: 2rem;
}

.comment_details {
	margin-bottom: 1rem;
}


.reply .avatar {
	width: 12rem;
}

.reply .comment_box {
	margin-left: 12rem;
}


/*--------------------------------------*/
/* 24. Comment Form --------------------*/
/*--------------------------------------*/


#comment_form {
	height: auto;
	text-align: left;
	padding-top: 5rem;
	padding-bottom: 5rem;
	padding-right: 0;
	width: 100%;
}

#comment_form #contact_form {
	float: right;
	width: 100%
}

#comment_form .contact_content {
	display: block;
	text-align: right;
}

#comment_form .title_big h3 {
	display: block;
	margin-bottom: 4rem;
}

#comment_form input,
#comment_form textarea {
	width: 60%
}





/*--------------------------------------*/
/* 25. Elements ------------------------*/
/*--------------------------------------*/



/* Tabs ------------------------*/
#subpage_elements section h3 {
	margin-bottom: 4rem;
}

#elements_tabs {
	padding-top: 5rem;
	padding-bottom: 5rem;
	border-bottom: solid 1px;
}


.tab_icon {
	font-size: 1.5rem;
	float: left;
}

.tabs {
	position: relative;
	width: 100%;
	overflow: hidden;


}

/* Nav */
.tabs nav {
	text-align: left;
	margin-bottom: -5px;
}

.tabs nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	display: inline-block;
}

.tabs nav ul li {
	border: 1px solid;
	border-bottom: none;
	margin: 0;
	margin-right: 0px;
	display: block;
	float: left;
	position: relative;
	padding: 2rem;
	padding-bottom: 1.5rem;
}

.tabs nav ul li:not(:first-child) {
	border-left: none;
}

.tabs nav ul li:hover {
	cursor: pointer;
}

.tabs nav ul li h6 {
	margin: 0.5rem;
	padding-left: 2rem;
}

.tabs nav li.tab-current {
	border: 1px solid;
	border-bottom: none;
	z-index: 100;
}

.tabs nav li.tab-current:before,
.tabs nav li.tab-current:after {
	content: '';
	position: absolute;
	height: 1px;
	right: 100%;
	bottom: 0;
	width: 1000px;
}

.tabs nav li.tab-current:after {
	right: auto;
	left: 100%;
	width: 4000px;
}

.tabs nav a {
	display: inline;
	white-space: nowrap;

}

.tabs nav h6 {
	display: inline-block;

}

/* Content */

.tabs_content section {
	border: solid 1px;
	border-top: none;
	padding: 4rem;
	padding-bottom: 3rem;
	display: none;
	width: 100%;


}

.tabs_content section:before,
.tabs_content section:after {
	content: '';
	display: table;


}

.tabs_content section:after {
	clear: both;

}


.tabs_content section.content-current {
	display: block;
	width: 100%;
}

.tabs_content h6 {
	margin-bottom: 0.7rem;
}

.tabs_content p {
	margin-bottom: 1rem;
}

/* Accordion ------------------------*/


#elements_accordion {
	padding-top: 5rem;
	padding-bottom: 5rem;
	border-bottom: solid 1px;
}

.accordion {
	border-bottom: solid 1px;

}

.accordion-header {
	cursor: pointer;
	text-align: left;
	border: solid 1px;
	border-bottom: none;
	display: table;
	width: 100%;
	padding: 2rem;
	padding-top: 1.2rem;
	padding-bottom: 1.2rem;
}

.accordion_icon {
	display: table-cell;
	vertical-align: middle;
	font-size: 2rem;
	width: 2rem;
	position: relative;
	padding-top: 0.33rem;
	-webkit-transition: all 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
	-moz-transition: all 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
	-o-transition: all 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
	transition: all 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
	/* easeOutExpo */

	-webkit-transition-timing-function: cubic-bezier(0.190, 1.000, 0.220, 1.000);
	-moz-transition-timing-function: cubic-bezier(0.190, 1.000, 0.220, 1.000);
	-o-transition-timing-function: cubic-bezier(0.190, 1.000, 0.220, 1.000);
	transition-timing-function: cubic-bezier(0.190, 1.000, 0.220, 1.000);
	/* easeOutExpo */

	-webkit-transition-delay: 100ms;
	-moz-transition-delay: 100ms;
	-o-transition-delay: 100ms;
	transition-delay: 100ms;


}

.accordion-header h6 {
	padding-left: 2rem;
	position: relative;
	text-align: left;
	display: table-cell;
	vertical-align: middle;

}

.active-header .accordion_icon {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-backface-visibility: hidden;
}

.accordion-content {
	display: none;
	border: solid 1px;
	padding: 2rem;
	border-top: none;
	border-bottom: none;
}


/* Collout boxes ------------------------*/

#elements_callout_boxes {
	padding-top: 5rem;
}


.callout_box_intro,
.callout_box_text,
.callout_box_cta {
	display: table;
	height: 14rem;
	text-align: left;
	position: relative;
	z-index: 5;
}



.callout_box_intro .callout_box_intro_content,
.callout_box_text h5 {
	display: table-cell;
	vertical-align: middle;
}

.callout_box_intro_content h2 {
	border-right: solid 1px rgba(255, 255, 255, .2);
}

.callout_box_cta_content {
	display: table-cell;
	vertical-align: middle;
	text-align: right;
	white-space: nowrap;
}

#callout_box_image {
	background: url(../images/parallax_bg.jpg) repeat center center scroll;
}


/* Progress Bars ------------------------*/


#elements_progress_bars {
	padding-top: 5rem;
	padding-bottom: 3rem;
	border-bottom: solid 1px;
}

.progress_bar_bg {
	width: 100%;
	-webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
	box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
	position: relative;
	height: auto;
	margin-bottom: 2rem;
}

.progress_bar {
	width: 0;
	border: solid 1px;
}

.progress_bar h6 {
	margin: 1rem;
	color: white;
	max-height: 1rem;
	position: relative;
	overflow: hidden;
	width: 100%;
}


/* Alert Boxes ------------------------*/


#elements_alert_boxes {
	padding-top: 5rem;
	padding-bottom: 3rem;
	border-bottom: solid 1px;
}

#elements_alert_boxes .alert_box {
	margin-bottom: 2rem;
}

.alert_box {
	text-align: left;
	display: table;
	width: 100%;
	position: relative;
	min-height: 4.870rem;
	height: auto;
	text-align: left;
}

.alert_box.alert_normal {
	background: none;
	-webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
	box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
}

.alert_box.alert_normal h6 {
	padding-left: 2rem;
	width: 15rem;
}

.alert_box.alert_success {
	background-color: #b3d237;
}

.alert_box.alert_info {
	background-color: #00c1f9;

}

.alert_box.alert_warning {
	background-color: #ffc000;
}

.alert_box a {
	float: right;
	position: relative;
	top: 0;
	right: 0;
}

.alert_box_icon {
	font-size: 2rem;
	line-height: 0rem;
	color: white;
	padding-left: 2rem;
	padding-right: 2rem;
	display: table-cell;
	vertical-align: middle;
	overflow: hidden;
	white-space: nowrap;
	width: 4rem;
}

.alert_box h6 {
	text-align: left;
	display: table-cell;
	vertical-align: middle;
	padding-right: 2rem;
	width: auto;
}

.alert_box p {
	padding-right: 3rem;
	padding-top: 0.9rem;
	padding-bottom: 0.9rem;
	display: table-cell;
	vertical-align: middle;
}



/* Buttons ------------------------*/


#elements_buttons {
	padding-top: 5rem;
}

#elements_buttons a {
	float: left;
	margin-right: 2rem;
	margin-bottom: 3rem;
}

#elements_buttons .posts_pagination a {
	float: left;
	margin-right: 1px;
	margin-bottom: 2rem;
}

#elements_buttons .posts_navigation {
	display: block;
}

#elements_buttons h5 {
	margin-bottom: 1rem;
}

#elements_buttons p {
	margin-bottom: 2rem;
}


#elements_buttons .buttons_light {
	padding-top: 5rem;
	padding-bottom: 2rem;
}

#elements_buttons .buttons_dark {
	padding-top: 0rem;
	padding-bottom: 2rem;
}


/* Social icons ------------------------*/

#elements_social_icons {
	padding-top: 5rem;
	padding-bottom: 3rem;
	border-bottom: solid 1px;
}



/* Custom Slider ------------------------*/


#elements_custom_slider {
	padding-top: 5rem;
	padding-bottom: 5rem;
	border-bottom: solid 1px;
}

.nivoSlider {
	margin-bottom: 1rem;
}

/* Responsive Videos ------------------------*/


#elements_responsive_videos {
	padding-top: 5rem;
	padding-bottom: 3rem;
	border-bottom: solid 1px;
}

#elements_responsive_videos .video {
	margin-bottom: 2rem;
}


/* lists ------------------------*/


#elements_lists {
	padding-top: 5rem;
	padding-bottom: 0rem;
	border-bottom: solid 1px;
}

#elements_lists ol,
#elements_lists ul {
	margin-bottom: 5rem;
}

/* Icons ------------------------*/


#elements_icons {
	padding-top: 5rem;
	padding-bottom: 3rem;
}

#elements_icons ul li input {
	display: none;
}

#elements_icons ul li .icon {
	font-size: 2rem;
	float: left;
	margin-right: 2rem;
	margin-bottom: 2rem;
}