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

[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/WorkSans-Bold.ttf');

    font-weight: normal;

    font-style: normal;

}



@media screen and (-webkit-min-device-pixel-ratio:0) {

@font-face {

font-family: 'familiar_probold';

src: url('fonts/WorkSans-Bold.ttf');

	}

}



@font-face {

    font-family: 'source_serif_probold';

    src: url('fonts/WorkSans-Bold.ttf');

   

    font-weight: normal;

    font-style: normal;

}



@font-face {

    font-family: 'source_serif_proregular';

    src: url('fonts/WorkSans-Regular.ttf');

    font-weight: normal;

    font-style: normal;

}

@font-face {

    font-family: 'worksansBlack';

    src: url('fonts/WorkSans-Black.ttf');

    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/WorkSans-Regular.ttf');

	}

}





/*-- BASIC STYLES --*/



html {

	font-size: 100%;

}



p {

    font-size: 16px;

	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:3.625rem;

    line-height:3.5rem;

}



h3 {

    font-size:3.125rem;

    line-height:3.125rem;

}



h4 {

    font-size:19px;

    line-height: normal;

}



h5 {

    font-family: 'source_serif_probold', 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;
	padding-left: 50px;

	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: relative;

    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:16rem;



}



#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: 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/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: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:-10rem;

	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: 3.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:hover > section::before {

    background: rgba(249,7,6,.5);

}

.item:hover > section::before{

    border-color: #f90706;

}

.item > section,

.item img {

	display: block;

	outline: none;

	border: none;

	width:100%;

	

} 



.item > section {

	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 > section::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 > section::before {

	border-width: 1rem;

}









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

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

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



.service_boxes {

	border-bottom:solid 1px;

}



.service_box {

	height:27.625rem;

	display:table;

	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:72.5vh;

	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-gallery .owl-item {

	/*height:35.25rem;*/

	width:auto;

	text-align:center;

}



#owl-gallery .owl-item > a,

#owl-gallery .owl-item img {

	display: block;

	outline: none;

	border: none;

	height:auto;

	width:100%;

	

} 



#owl-gallery .owl-item > a {

	position: relative;

	overflow: hidden;

	cursor: url(../images/cursor_more.png), auto;

}





#owl_gallery {

	height:35.25rem;

}



/* Title */

#owl-gallery .owl-item h6 {	

	position: absolute;

	bottom: 0;

	left: 0;

	margin: 0 auto;

	width: 100%;

	text-align: center;

	text-transform: uppercase;

	opacity:0;

}



#owl-gallery .owl-item span{

	position: absolute;

	bottom: -1rem;

	left: 0;

	margin: 0;

	width: 100%;

	text-align: center;

	text-transform: uppercase;

	opacity:0;

	font-family: 'familiar_probold', sans-serif;

    text-transform:uppercase;

    font-size:0.8rem;

    line-height: 1rem;    

}



/* Pseudo element for hover effect */

#owl-gallery .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-gallery .owl-item:hover h6 {

    -webkit-animation: animation_jump_over 1000ms linear both;

 	animation: animation_jump_over 1000ms linear both;

 	opacity:1;

}



#owl-gallery .owl-item:hover span {

    -webkit-animation: animation_jump_over 1200ms linear both;

 	animation: animation_jump_over 1200ms linear both;

 	opacity:1;

}



#owl-gallery .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: 3.125rem;

	padding-bottom:2.125rem;

	border-bottom:solid 1px;

}



#clients img {

	margin:0 auto;

	width:80%;

	margin-bottom:0;

	height:auto;

}





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

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

}



/*Apni CSS*/

.mt{

	margin-top: 50px;

}

.mb{

	margin-bottom: 50px;

}

.ml{

	margin-left: 50px;

}

.mr{

	margin-right: 50px;

}

 .counter_box span{

 	color: #fff !important;

 }

 #portfolio_single_fullwidth h3{

 	font-size: 36px !important;

 }

.content-wrapper-ab{

	display: flex;

}

.content-wrapper-ab .client-name{

	margin-bottom: 8px;

}

.content-wrapper-ab h4{

	letter-spacing: -1px;

	margin-bottom: 10px;

}

.main-content-ab p{

	margin-bottom: 0 !important;

	line-height: normal;

}

.content-wrapper-ab .main-content-ab{

	padding-right: 20px;

	width: 100%;

}

.attri{

	border-left: 1px solid #d7d7d7;

	padding-left: 20px;

	width: 500px;



}

.attri p{

	color: #E95763;

	font-size: 13px;

	margin-bottom: 5px;

	line-height: normal;

	width: 49%;

	display: inline-block;

}

.heading-last{

        font-family: 'worksansBlack';



}

.client-name{

        font-family: 'worksansBlack';

        position: relative;

        padding-bottom: 20px;

        margin-bottom: 10px !important;

      }



      .client-name:after{

        content: "";

        width: 100px;

        height: 5px;

        background: #E95763;

        position: absolute;

        bottom: 10px;

        left: 0;

      }



      #client-work .owl-item img{

        width: 100%;

        height: auto;

      }

      .post{

        margin-bottom: 30px;

      }

      .heading-last{

        margin-bottom: 40px;

      }

      #client-work .owl-buttons{

            position: absolute;

    top: 50%;

    width: 100%;

    margin-top: -25px;

      }

      #client-work .owl-prev{

        float: left;

        background: transparent !important;

      }

      #client-work .owl-next{

        float: right;

        background: transparent !important;



      }

      #client-work .owl-item{

        padding: 5px;

      }
      .footer-wrap-new{
      	display: flex;
      	flex-direction: row;
      	justify-content: space-between;
      	align-items: center;
      }