/*------------------------------------------------------------------
[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

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

.alt_num
{
        opacity: 0;
        position: absolute;
        top: 0;
        left: 0;
        height: 0;
        width: 0;
        z-index: -1;
		}



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



/*--------------------------------------*/
/* 1. RESET ----------------------------*/
/*--------------------------------------*/
h2.vivid {
  text-shadow: 2px 2px 5px #000!important;
  font-size: 46px;
}
h2.vivid-blue {
  color: #1ba79c!important;
  text-shadow: 2px 2px 5px #000!important;
}

.bold-header
{
	color:#a7c928!important;
}

ul.reset,
ul.reset li,
ul.reset ul li {
	margin-left:10px;
	padding-left:20px;
   	list-style-type: disc;
    font-size: 1rem;
	line-height: 1.625rem;
    font-family: 'source_serif_proregular', sans-serif;
    font-weight : normal;
	
} 


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 --*/

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;
}

.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 {
    position: relative;
    top:0;
    z-index:800;
    width:100%;
    padding:1.1rem;
    overflow: hidden;  
	height: 180px!important;
}

#nav_bar.stuck {
	position:fixed;
	top:0;
	height: 180px!important;
}

#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:black;
    font-size: 16px;
    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/homepage_bg@2x.jpg) no-repeat center center scroll; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;  
}

#homepage_logo {
	margin-top:0px!important;
	margin-left:auto;
	margin-right:auto;
	z-index:2;
}

#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:20%;
	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;
}