/*
Theme Name: Whakaaro
Version: 1.0.1
Theme URI: -
Description: Responsive Multipurpose WordPress theme from Fragrance
Author: Fragrance
Author URI: fragrancetheme.com
License: NU General Public License version 3.0
License URI: -
Text Domain: whakaaro
*/


/* Table of Content
==================================================
1. Basic Styles
2. Header
3. Menu
4. Services
5. Fun Fucts
6. Portfolio
7. Features
8. Converse
9. Quote
10. 'From the Blog' section
11. Blog
12. Sidebar
13. Page Navigation
14. Testimonials
15. Team Section
16. Subpages
17. Showcase
18. Clients
19. Footer
20. Contact
21. Pricing Table
22. Responsive
*/


/*------------------------------------------------*/
/*-----------------[RESET]------------------------*/
/*------------------------------------------------*/

/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend { margin: 0; padding: 0; border: none; outline:0; font-size: 100%; vertical-align: baseline; background: transparent; }

ul { list-style: circle; }
ol{ list-style: decimal; }
blockquote, q {
	position: relative;
	quotes: none;
	padding: 30px 0;
	
}
blockquote h4{
	text-transform: none;
}
blockquote p, q {
    color: #3b3d40;
	border-left: 4px solid #8f75be;
	padding-left: 30px;
	padding-bottom: 0;
	font-size: 18px;
    line-height: 1.7;
    font-weight: 600;
}

blockquote:before, blockquote:after,q:before, q:after { content: ''; content: none; }

/* remember to define focus styles! */
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; display: block; padding: 5px 20px; margin-bottom: 20px; }
td, th, thead, tbody {
	border: 1px solid #ededed;
	padding: 20px 15px;
    text-align: left;
}
th a{ color: #8F8F8F; }


/* code for animated blinking cursor */
.typed-cursor{
	opacity: 1;
	font-weight: 100;
	-webkit-animation: blink 0.7s infinite;
	-moz-animation: blink 0.7s infinite;
	-ms-animation: blink 0.7s infinite;
	-o-animation: blink 0.7s infinite;
	animation: blink 0.7s infinite;
}
@-keyframes blink{
	0% { opacity:1; }
	50% { opacity:0; }
	100% { opacity:1; }
}
@-webkit-keyframes blink{
	0% { opacity:1; }
	50% { opacity:0; }
	100% { opacity:1; }
}
@-moz-keyframes blink{
	0% { opacity:1; }
	50% { opacity:0; }
	100% { opacity:1; }
}
@-ms-keyframes blink{
	0% { opacity:1; }
	50% { opacity:0; }
	100% { opacity:1; }
}
@-o-keyframes blink{
	0% { opacity:1; }
	50% { opacity:0; }
	100% { opacity:1; }
}

.type-wrap{
	color: #fff;
	text-align: center;
}
.type-wrap h1{
	margin-bottom: 0;
	font-weight: 500;
	text-transform: uppercase;
}
/* ANIMATED SVG */
.item_svg{
	text-align: center;
	position: relative;
    z-index: 1;
}
.item_svg.left{
	text-align: left;
}
.item_svg.right{
	text-align: right;
}


/*****************************************/
/************* BASIC STYLES **************/
/*****************************************/
*{
	background-position: center;
}
html, body{
	overflow-x: hidden;
}
body {
	font-family: 'Open Sans';
    font-size: 16px;
    line-height: 1.5;
    font-weight: 400;
	background-color: #fff;
	color: #888;
	text-rendering: optimizelegibility;
	height: auto !important;
}
a, #reply-title a {
	text-decoration: none;
	color: #8f75be;
	font-size: 14px;
}
a:hover {
	text-decoration:none;
	color: #777;
	transition: all 0.3s ease;
}
span a{
	color: #a3a3a3;
}
.clear { clear: both; }
.ui-tabs-hide { display: none; }
br.clear {
	margin: 0px;
	padding: 0px;
}

h1, h2, h3, h4, h5, h6 {
	color: #3b3d40;
    font-family: Arvo, sans-serif;
    font-weight: 400;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	font-family: Arvo, sans-serif;
	}

h1 {
	font-size: 100px;
	line-height: 110px;
}
h2, .entry .main_title a {	
	font-size: 44px;
    line-height: 56px;
	margin-bottom: 7px;
	font-weight: 400;
	color: #3b3d40;
}
h3 { 
	font-size: 32px;
    line-height: 40px;
	font-weight: 400;
}
h4 { font-size: 25px; }
h5, .aio-icon-header h3.aio-icon-title{
    font-size: 20px;
    line-height: 32px;
	font-weight: 400;
}
h6 { font-size: 16px; }
p, .smile_icon_list li .icon_description p {
	line-height: 30px;
	font-size: 16px;
	color: #a3a3a3;
	padding-bottom: 20px;
}
.letter-spacing{
	letter-spacing: 2px;
}
.media-column{
	position: absolute !important;
    height: 100%;
}
.media-column.right{
	right: 0;
}
.media-column.left{
	left: 0;
}
.media-column .vc_column-inner{
	 height: 100%;
}
#fr_to_top{
	display: block;
    width: 40px;
    height: 40px;
    color: #fff !important;
    content: " ";
    position: fixed;
    bottom: 15px;
    right: 25px;
    background: #2c2c2c;
    text-align: center;
    line-height: 7.2;
    transition: all 0.3s ease;
    z-index: 100;
    font-size: 0.6em;
    line-height: 40px;
    border-radius: 50%;
    opacity: 0.5;
    font-size: 14px;
}	
#fr_to_top:hover{
	background: #777;
}
#fr_to_top:hover i{
	color: #fff;
}
.vc_desktop article{
	margin-bottom: 0;
}
#content{
	position: relative;
}
.fr_gradient_text .smile_icon_list.with_bg .icon_list_icon i, .fr_gradient_text .fucts_counter span, .fr_gradient_text .fucts_name, .fr_gradient_text .aio-icon i, .fr_gradient_text h4, .fr_gradient_text h5, .fr_gradient_text h6{
	background: -webkit-linear-gradient(to top, #514070, #8f75be);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to top, #514070, #8f75be); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	-webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    text-fill-color: transparent !important;
}
.uvc-heading .uvc-main-heading div, .uvc-heading .uvc-main-heading h1, .uvc-heading .uvc-main-heading h2, .uvc-heading .uvc-main-heading h3, .uvc-heading .uvc-main-heading h4, .uvc-heading .uvc-main-heading h5, .uvc-heading .uvc-main-heading h6, .uvc-heading .uvc-main-heading p, .uvc-heading .uvc-main-heading span{
	line-height: 1.6;
}
.fr_gradient .vc_single_bar .vc_bar{
	background: -webkit-linear-gradient(to right, #514070, #8f75be);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #514070, #8f75be); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.fr_full_page .content_inner.sizers, .section-fullwidth .sizers{
	width: 100%;
}
table {
	border-collapse: collapse;
	margin-bottom: 1.8571428571428572em;
}
strong {
	font-weight: bold;
}
cite, em, i {
	font-style: italic;
    font-size: inherit;
}
pre, code {
	background-color: #f5f5f5;
	border: 1px solid #ddd;
	border-radius: 5px; 
	font-family: Courier New, monospace;
	margin-bottom: 10px;
}
ins { text-decoration: none; }
sup, sub {
	height: 0;
	line-height: 1;
	position: relative;
	 vertical-align: baseline;
}
sup { bottom: 0.8em; }
sub { top: 0.3em; }
dl { margin: 0 0 1.5em 0; }
dl dt { font-weight: bold; }
dd  { margin-left: 1.5em;}
ul li{
	margin-bottom: 8px;
}
hr{
	color: #ccc;
	background-color:#ccc;
	border:0px none;
	height:1px;
	clear:both;
}
input[type=text],input[type=email], input[type=url], input[type=number],input[type=search], input[type=password], input.text, input.title, textarea, select {
	border-width: 0 0 1px 0;
    border-bottom: 1px solid #ccc !important;
    padding: 15px 0px;
    color: #ccc;
    width: 100%;
    font-size: 12px;
    margin-bottom: 20px !important;
    font-family: montserrat;
    letter-spacing: 2px;
    text-transform: uppercase !important;
	background-color: transparent;
}
input[type=text]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus {
	border-color:#2D3940;
}
input[type=text], input.text, input.title, textarea, select { margin:0.5em 0; }
textarea {
    padding: 15px;
    margin-top: 20px !important;
	font-size: 12px !important;
}
input[type=submit]{
	background-color: #000;
	padding: 15px 25px;
	border-radius: 100px;
	border: 0;
	color: #fff;
	margin-top: 40px;
	text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 12px;
}

img#about-image {
	float: left;
	margin: 3px 8px 8px 0px;
}
img{ max-width: 100%; height: auto; }
.sticky .post-content{
	padding-top: 20px;
}

/*------------------------------------------------*/
/*------------[CAPTIONS AND ALIGNMENTS]-----------*/
/*------------------------------------------------*/

.gallery-caption, .bypostauthor{ font-family: inherit;}
div.post .new-post .aligncenter, .aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption { text-align: center; background-color: #f3f3f3; margin-bottom: 10px;  max-width: 100% !important; }
.wp-caption.alignleft { margin: 0px 10px 10px 0px; }
.wp-caption.alignright { margin: 0px 0px 10px 10px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }
.alignright { float: right; }
.alignleft { float: left }
img.alignleft { display:inline; float:left; margin-right:30px; padding: 10px 0;}
img.alignright { display:inline; float:right; margin-left:30px;  }

/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.fullwidth.sizers{ width: 100%; }
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

.one_half { width: 48%; }
.one_third { width: 30.66%; }
.two_third { width:65.32%; }
.one_fourth { width:22%; }
.one_fifth { width:16%; }
.one_sixth { width:13%; }
.three_fourth { width:74%; }
.one_half, .one_third, .two_third, .one_fourth , .three_fourth, .one_fifth, .one_sixth {
	float:left;
	margin-right:4%;
	position:relative;
}
.last { margin-right: 0px !important; clear:right; }
.sizers{
	width: 1100px;
	margin: 0 auto;
}
.page-numbers{
	text-align: center;
}
.page-numbers li{
	display: inline-block;
	margin-right: 10px;
}
.page-numbers li:last-child{
	margin-right: 0;
}
.page-numbers li span, .page-numbers li a{
    margin: 0;
    text-decoration: none;
    padding: 0;
    line-height: 1;
    font-size: 1em;
    font-weight: 400;
    padding: .5em;
    min-width: 1em;
    min-height: 1em;
    display: block;
	color: #2c2c2c;
}
.page-numbers li span{
	color: #fff;
	-webkit-box-shadow: 0px 6px 15px rgba(0,0,0,0.16);
    box-shadow: 0px 6px 15px rgba(0,0,0,0.16);
}
#menu_container .search-form {
    right: 200px;
    top: 200px;
}
 
#menu_container .search-field {
    background-color: transparent !important;
    background-image: url(images/search.png);
    background-position: 5px center;
    background-repeat: no-repeat;
    background-size: 24px 24px;
    border: none !important;
    cursor: pointer;
    height: 37px;
    margin: 3px 0;
    padding: 0 0 0 45px;
    position: relative;
    transition:  width 400ms ease, background 400ms ease;
    width: 0;
	text-transform: uppercase;
} 
#menu_container .search-field:focus {
    background-color: #fff;
    border-bottom: 1px solid;
    cursor: text;
    outline: 0;
    width: 230px;
}
.search-form
.search-submit { 
display:none;
}
/*** MENU ***/
#mobile_nav, #mobile_logo {
    display: none;
}
.home #menu_container {
	position: absolute;
	transition: all 0.5s ease;
}
#menu_container.small_header, #menu_container {
    margin-right: auto;
    margin-left: auto;
	width: 100%;
	position: fixed;
    z-index: 9999;
}

.home #main-menu{
	background-color: transparent;
	box-shadow: none;
	border-bottom: 1px solid #777;
	transition: all 0.5s ease;
}
.home #main-menu ul li a{
	color: #fff;
	text-transform: uppercase;
}
.small_header #main-menu, #main-menu{
	background-color: #fff;
	box-shadow: 0 0 3px 0 rgba(0,0,0,0.22);
	border-bottom: 0;
}
.menu-search{
	position: absolute;
    right: 45px;
	top: 0;
    width: auto;
    z-index: 99;
	height: 90px;
	line-height: 90px;
}
#main-menu ul li{
	margin-left: 15px;
    margin-right: 15px;
	display: inline-block;
	height: 90px;
	line-height: 90px;
	position: relative;
	letter-spacing: 1px;
}
.small_header #main-menu ul li a{
	font-size: 12px;
    line-height: 22.4px;
    font-weight: 600;
	color: #888;
	text-transform: uppercase;
	letter-spacing: 2px;
}

#logo, #mobile_logo{
	position: absolute;
    left: 0;
    top: 7%;
    width: auto;
    z-index: 99;
    /* max-width: 25%; */
    height: 61px;
    margin-left: 4%;
}
#main-menu{
    text-align: center;
    position: relative;
    width: 100%;
    z-index: 98;
	height: 90px;
}
#main-menu .sub-menu {
    position: absolute;
    top: 90px;
    left: -14px;
    width: 250px;
	background: #2c2c2c;
    padding: 20px;
}
.sub-menu li{
	width: 100%;
    text-align: left;
    height: auto !important;
    display: block !important;
    line-height: 3.6 !important;
    font-size: 10px !important;
	margin: 0 !important;
}
.sub-menu li:last-child{
	border: 0;
	padding-bottom: 0;
}
.sub-menu li a{
	color: #fff !important;
}
#main-menu .sub-menu .sub-menu {
    left: 220px;
    top: -20px;
}

/*** LEFT MENU ***/
#header-outer{
	width: 100%;
	position: fixed;
	z-index: 9997;
}
.fr_left{
	float: left;
}
.fr_right{
	float: right;
}
.fr_left_menu #logo{
	display: none;
}
#menu.fr_left_menu{
    height: 100%;
    right: -500px;
    position: fixed;
    top: 0;
	width: 300px;
	z-index: 9995;
	background: #f9593a;
	display: flex;
    align-items: center;
}
.fr_left_menu #logo{
    float: none;
	left: 30%;
}
#menu.fr_left_menu .fr_menu_inner #main-menu{
    width: auto;
	border-bottom: 0;
	background: transparent;
	box-shadow: none;
	height: auto;
	text-align: left;
	padding-left: 65px;
}
#menu.fr_left_menu #main-menu .nav li{
	width: 100%;
    height: auto;
    line-height: normal;
    margin: 4px 0;
}
#menu.fr_left_menu .nav a{
	line-height: 2.3;
    padding: 5px 0;
    text-transform: uppercase;
    font-size: 17px;
	position: relative;
	color: #fff;
}
#menu.fr_left_menu .nav a:before{
	position: absolute;
    overflow: hidden;
    width: 0;
    -webkit-transition: width .5s cubic-bezier(.2,.7,.3,1) 80ms;
    -o-transition: width .5s cubic-bezier(.2,.7,.3,1) 80ms;
    transition: width .5s cubic-bezier(.2,.7,.3,1) 80ms;
	content: '';
    border-bottom: 2px solid #fff;
    bottom: 0;
}
#menu.fr_left_menu .nav a:hover:before{
     width: 100%;
}
#menu.fr_left_menu .sub-menu{
    width: 225px;
    border: 0;
    padding: 20px !important;
    top: 0;
    left: -285px !important;
    z-index: 1;
}
#menu.fr_left_menu .current-menu-ancestor a, #menu.fr_left_menu .nav a:hover{
	color: #fff !important;
}
#menu.fr_left_menu ul.nav ul, #menu.fr_left_menu .sub-menu li{
	padding: 0;
}
#menu.fr_left_menu ul.sub-menu a{
    font-size: 11px !important;
    line-height: 2 !important;
	border: 0;
}
#menu.fr_left_menu .sub-menu .sub-menu{
	margin-left: 20px;
}
#menu.fr_left_menu .fr_menu_inner #social-icons{
	position: absolute;
	bottom: 40px;
}
#menu.fr_left_menu .fr_menu_inner .social-icons a i{
	border-radius: 50%;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    width: 30px;
}
#menu-switch svg {
	position: absolute;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    cursor: pointer;
    transform: scale(0.7);
}

#menu-switch svg path {
	stroke-width: 30;
    stroke-linecap: round;
    stroke: #fff;
    fill: none;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

/* In menu form */

.top_bar,
.bottom_bar {
  stroke-dasharray: 240px 910px;
}

.middle_bar {
  stroke-dasharray: 240px 240px;
}

/* In cross form */

.open .top_bar,
.open .bottom_bar {
  stroke-dashoffset: -650px;
}

.open .middle_bar {
  stroke-dasharray: 0px 220px;
  stroke-dashoffset: -120px;
}
#header-outer .social-icons{
	float: left;
	margin-right: 30px;
}
#header-outer #menu-switch{
	font-size: 35px;
    line-height: 70px;
    margin-right: 30px;
    color: #fff;
    float: left;
    opacity: 0.75;
    cursor: pointer;
    z-index: 9999;
    position: relative;
    top: 10%;
    width: 100px;
    height: 100px;
}
#header-outer .social-icons a i{
	font-size: 20px;
    line-height: 70px;
    margin-right: 25px;
    color: #fff;
}

.home.page #header-outer .social-icons a i, .page-template-portfolio_carousel #header-outer .social-icons a i{
	 color: #fff;
}
.home.page #header-outer #menu-switch svg path, .page-template-portfolio_carousel #header-outer #menu-switch svg path{
	stroke: #fff;
}
.home.blog #header-outer .social-icons a i, .page #header-outer .social-icons a i, .single-portfolio #header-outer .social-icons a i, .post-template-single-portfolio #header-outer .social-icons a i, .woocommerce #header-outer .social-icons a i, .archive #header-outer .social-icons a i{
	color: #2c2c2c;
}
.home.blog #menu-switch svg path, .page #menu-switch svg path, .single-portfolio #menu-switch svg path, .post-template-single-portfolio #menu-switch svg path, .woocommerce #menu-switch svg path, .archive #menu-switch svg path{
	stroke: #2c2c2c;
}
.home #header-outer.dark_header_colorFont .social-icons a i, .single #header-outer.dark_header_colorFont .social-icons a i{
	color: #2c2c2c;
}
.home #header-outer.dark_header_colorFont #menu-switch svg path, .single #header-outer.dark_header_colorFont #menu-switch svg path{
	stroke: #2c2c2c;
}
.page-template-portfolio_carousel #header-outer .social-icons a i, .page-template-portfolio_morphing #header-outer .social-icons a i{
	 color: #fff;
}
.page-template-portfolio_carousel #header-outer #menu-switch svg path, .page-template-portfolio_morphing #header-outer #menu-switch svg path{
	stroke: #fff;
}
/*** BLOG ***/


.home.blog #content, .archive #content, .search #content{
	padding: 120px 0;
}
.woocommerce #content{
	padding: 40px 0;
}
.search #content #left_area{
	background-image: url('images/exclamation-point.png');
	background-repeat: no-repeat;
	background-position: 50% 0;
	background-size: 100px;
	padding-top: 160px;
	text-align: center;
}
.entry-header{
	position: relative;
}
.home.blog .post-content, .archive .post-content{
	margin-bottom: 100px;
}
.archive .format-video{
	margin-bottom: 60px;
}
#content.blog_page_wrap{
	padding-top: 90px;
}
#content.blog_page_wrap .post-content{
	margin-bottom: 100px;
}
.entry .meta_line{
	border-top: 1px solid #ccc;
    padding-top: 20px !important;
}
.entry .meta_line a{
	font-weight: 400;
	margin-right: 10px;
}
.entry .meta_line span{
	margin-right: 10px;
}
.meta_devider{
	margin: 0 10px;
}
.post-template-default .entry-content, .portfolio-template .entry-content, .post-template-single-portfolio .entry-content{
	width: 1100px;
	margin: 0 auto;
	padding-top: 50px;
}
.featured_box{
	margin: 0 0 30px;
}
#left_area, .portfolio-template .inner_content{
    width: 68%;
    float: left;
}
#sidebar, .portfolio-template .meta_post_data{
    float: right;
    width: 23%;
    padding-left: 4%;
    padding-right: 3%;
}
.post-content {
	background-color: #fff;
	position: relative;
}
.fr_post_sticky{
	background-color: #8f75be;
	color: #fff;
	position: absolute;
	top: 50px;
    right: 0;
	border-radius: 50px;
	padding: 5px 10px;
	font-size: 10px;
    text-transform: uppercase;	
}
.main_title{
	margin-bottom: 12px;
}
.entry_content p{
	color: #888;
}
.meta_cat{
	padding-bottom: 10px !important;
    padding-top: 0 !important;
    text-transform: uppercase;
    letter-spacing: 2px;
}
.meta_cat a{
	 font-size: 11px;
	 color: #3b3d40;
}
.home .readmore, a.more-link, .archive .readmore, #blog_page .readmore{
	display: inline-block;
    text-transform: uppercase;
    letter-spacing: 2px;
	font-weight: normal;
	font-size: 11px;
}
.format-quote blockquote, .format-link p, .tagcloud a, .fr-tags a{
	background-color: #8f75be;
}
.entry .main_title a:hover, h2 a:hover, .meta_cat a:hover{
	color: #8f75be;
}
.format-quote a, .format-link a{
	font-weight: normal;
}
.format-quote a:hover p, .format-link a:hover{
	color: #3b3d40;
}
.format-quote blockquote, .format-link p{
	background-image: url('images/quote.png');
	background-repeat: no-repeat;
	background-position: 40px 60px;
}
.format-link p{
	background-image: url('images/link.png');
	background-size: 150px;
}
.format-quote blockquote p, .format-link p a{
	border: 0;
    padding: 20px 40px 20px 120px;
    color: #fff;
    transition: all 0.5s ease;
    font-size: 20px;
    line-height: 1.7;
    font-weight: 400;
}
.format-link p a{
	padding: 0;
}
.format-link p{
	padding: 50px 40px 50px 120px;
}

.format-video .post-content{
	margin: 0;
	padding: 0 !important;
}
.format-video iframe{
	width: 100%;
}
.format-gallery{
	position: relative;
}
.blog .format-video .entry-header, .archive .format-video .entry-header, .page-template-page-blog .format-video .entry-header, .format-gallery .gallery-header{
	position: absolute;
    top: 380px;
}
.blog .format-video p:nth-child(2), .archive .format-video p:nth-child(2), .page-template-page-blog .format-video p:nth-child(2){
	padding-top: 120px;
	padding-bottom: 0;
}
.blog .format-video .meta, .archive .format-video .meta, .page-template-page-blog .format-video .meta{
	position: relative;
    top: -43px;
}
.blog .format-video a.more-link, .archive .format-video a.more-link, .page-template-page-blog .format-video a.more-link{
	padding-top: 50px;
	padding-right: 0;
	position: relative;
    z-index: 9999;
}
.format-gallery .gallery-header{
	top: 300px;
}
.format-gallery .gallery-content p{
	padding-top: 110px;
}
.gallery-item img{
	border: 0 !important;
}
.format-gallery p .more-link{
	display: none;
}
a.more-link{
	display: block;
	padding-right: 40px;
	text-align: right;
}
.entry_content{
	padding: 5px 0 20px;
}
.sizers{
	width: 1100px;
	height: 100%;
	margin: 0 auto;
	position: relative;
}
.meta, .meta a, .fr_categorys a, .tags a, .logged-in-as a, .comment-metadata a, .portfolio_carousel .atvImg-desc .meta span, .fr_ajax_content_inner .meta span, .comment-author .fn a, .comment-reply-link{
	font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 2px;
}
.fr_single_standart .header-inner .meta a{
	color: #fff !important;
}
.fr_categorys{
    text-align: center;
}
.fr_categorys a{
	border: 1px solid;
    color: #fff !important;
    padding: 10px 15px;
    border-radius: 50px;
}
h4.widget_title{
	margin-bottom: 20px;
}
.widget{
	padding: 0 0 60px;
}

/*** Portfolio ***/
.page-template-portfolio_carousel{
	background-image: url('images/circle_bg3.png');
	background-color: #2c2c2c;
}
#carousel .group {
	width: 30%;
	height: 85vh;
	background-size: cover;
	background-position: center;
	padding-right: 30px;
	padding-top: 8%;
	list-style: none;
}
.portfolio_carousel #left_area{
	width: 100%;
	float: none;
}
.portfolio_carousel .sizers{
	width: 100%;
}
/*.portfolio_carousel li{
	display: table;
}*/
.portfolio_carousel .atvImg-desc {
    display: table;
    padding-left: 8%;
    position: absolute;
    top: 0;
    left: 0;
    height: 70vh;
}
.portfolio_carousel .atvImg-desc-layer{
	display: table-cell;
	 vertical-align: middle;
}
.portfolio_carousel .atvImg-desc:before{
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: -1;
}
.portfolio_carousel .atvImg-desc h3 a{
	font-size: 60px;
	color: #fff;
	font-weight: 600;
}
.portfolio_carousel .atvImg-desc .meta span, .fr_ajax_content_inner .meta span{
	background-color: transparent;
	border: 1px solid;
    color: #fff;
    padding: 5px 15px 2px;
    border-radius: 100px;
    font-size: 11px;
    font-weight: 600;
    margin-bottom: 5px;
    text-transform: uppercase;
    display: inline-block;
    transition-delay: .1s;
    margin-bottom: 40px;
	margin-right: 10px;
}
.portfolio_carousel .atvImg-desc a.readmore{
	color: #fff;
	margin-top: 55px;
    font-size: 17px;
    position: relative;
    z-index: 1;
	display: flex !important;
    align-items: center;
	overflow: hidden;
}
.portfolio_carousel .atvImg-desc a.readmore .fr_link{
	position: relative;
	color: #fff;
    font-weight: 400;
}
.portfolio_carousel .atvImg-desc a.readmore .fr_link:before{
	width: 100%;
	position: absolute;
	content: "";
	height: 1px;
	background-color: #fff;
	left: 0;
	bottom: -25px;
	transition: all 0.3s ease;
}
.portfolio_carousel .atvImg-desc a.readmore .fr_plus{
    font-size: 40px;
    margin-left: 12px;
	transition: all 0.3s ease;
	color: #fff;
    font-weight: 400;
}
.portfolio_carousel .atvImg-desc a.readmore:hover .fr_link:before{
	bottom: -5px;
}
.portfolio_carousel .atvImg-desc a.readmore:hover .fr_plus{
	transform: rotate(45deg);
}
.atvImg {
    height: 70vh;
}
#x{
	position: absolute;
    top: 120px;
    right: 40px;
    background: url(images/close.png) no-repeat;
    width: 25px;
    height: 25px;
    background-size: cover;
    cursor: pointer;
}
.fr_ajax {
    background-color: #2c2c2c;
    height: 100vh;
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
	z-index: 99;
}
.fr_ajax_img_wrap{
    width: 50%;
    float: left;
}
.fr_ajax_img_wrap .flexslider .slides > li{
	height: 100vh;
	width: 100%;
	background-size: cover;
	background-position: center;
}
.fr_ajax_img_wrap ol{
    position: absolute;
    left: 99%;
    top: 50%;
    background: #2c2c2c;
    width: 43px;
    padding: 15px 0 !important;
    margin-left: -23px;
    z-index: 99;
    text-align: center;
    border-radius: 25px 0 0 25px;
}
.fr_ajax_img_wrap .flexslider ol li{
	width: 14px;
    height: 14px;
    margin: 0 5px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    border: 1px solid transparent;
    display: inline-block;
    position: relative;
    cursor: pointer;
    opacity: 1;
    transition: .2s ease-in-out;
    transition-property: background, width, height;
    color: #404044;
}
.fr_ajax_img_wrap .flexslider ol li a{
	text-indent: -99999px;
	background: #a3a3a3;
    content: '';
    width: 4px;
    height: 4px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    margin: -2px 0 0 -2px;
    position: absolute;
    top: 50%;
    left: 50%;
}
.fr_ajax_img_wrap .flexslider ol li a.flex-active{
	border: 2px solid #a3a3a3;
	width: 12px;
    height: 12px;
	background: transparent;
	margin: -6px 0 0 -8px;
}
.fr_ajax_content_wrap{
	padding: 10% 7% 4%;
	display: table;
}
.fr_ajax_content_inner{
	display: table-cell;
	vertical-align: middle;
}
.fr_ajax_content_wrap p{
	font-weight:300; 
}

.fr_ajax .fr_project_info h6{
	color: #fff;
}
.postview {
    position: absolute;
    top: 5px;
    right: 5px;
    height: auto !important;
    width: auto !important;
    background-color: #fff;
    padding: 5px;
    border-radius: 25px;
    opacity: 0.2;
}
.fr_ajax_content_inner h2 a{
    font-size: inherit;
    color: #fff;
	font-weight: 600;
}
.fr_ajax_content_inner .meta span{
	margin-bottom: 20px;
}
.fr_ajax_content_inner .entry-content{
	margin-top: 15px;
	color: #a3a3a3;
	line-height: 1.8;
}
.fr_project_info{
	margin-top: 30px;
}
.fr_project_info div{
	width: auto;
    display: inline-block;
    min-width: 50px;
    max-width: 150px;
    margin-right: 40px;
    vertical-align: top;
	margin-bottom: 15px;
}
.fr_project_info  h5{
	font-weight: bold !important;
}
.fr_project_info p{
	margin-top: 5px;
	font-size: inherit; 
}
.fr_ajax_content_inner a.letter-spacing{
	text-transform: uppercase;
}
.fr_ajax_content_wrap .fr_project_info a{
	font-size: 15px;
	color: #a3a3a3;
	font-weight: 400;
}
.fr_ajax_content_wrap .fr_project_info a:hover{
	text-decoration: underline;
}
.flickity-page-dots{
	bottom: 6% !important;
}
.flickity-page-dots .dot{
	background: #888 !important;
}
.flickity-prev-next-button.previous, .flickity-prev-next-button.next{
	background: transparent !important;
}
.flickity-prev-next-button .arrow{
	fill: #fff !important;
}
ul.slider_controls{
	margin: 0;
}
.post_gallery_slider{
	overflow: hidden;
}
.post_gallery_slider .left-arrow, .post_gallery_slider .right-arrow{
	color: #fff;
    height: 50px;
    margin-top: -20px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 50px;
    transition: all 0.3s ease;
    font-size: 30px;
}
.post_gallery_slider .left-arrow, .single .flex-direction-nav .prev {
	left: -50px;
}
.post_gallery_slider .right-arrow, .single .flex-direction-nav .next {
	right: -50px;
}
.post_gallery_slider:hover .left-arrow, .post_gallery_slider:hover .flex-direction-nav .prev{
	left: 20px;
}
.post_gallery_slider:hover .right-arrow, .post_gallery_slider:hover .flex-direction-nav .next{
	right: 20px;
}

.page_header{
	background-color: #f8f8f8;
	padding-top: 40px;
}
.page_header #breadcrumbs{
	line-height: 150px;
}
.page-template-default .post-content{
	padding: 60px 0;
}
.post-content h1{
	line-height: 1.5;
	font-size: 50px;
	margin: 0;
}

/* Browser Resets */
.flex-container a:active, .flexslider a:active {outline: none;}
.slides, .flex-control-nav, .flex-direction-nav {margin: 0; padding: 0 !important; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {width: 100%; margin: 0; padding: 0;}
.flexslider .slides > li {display: none;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img /*, .post img, #left_area img */{max-width: 100%; display: block; height: auto;}
.home .featured_box img{ border: none;}
.gallery_item_image img{min-width: 100% !important;}
.flexslider .slides img, .service img{ max-width: 100%;}
.flex-pauseplay span {text-transform: capitalize;}

.post_gallery_slider{
	position: relative;
	overflow: hidden;
}
.post_gallery_slider .left-arrow, .post_gallery_slider .right-arrow{
	z-index: 99;
}

/* Vertical Scroll */
/*.post-content{
	padding-top: 90px;
}*/
.fr_section{
	height: 100vh;
}
#footer{
	z-index: 1;
    position: relative;
    background: #000;
    text-align: center;
	padding: 30px 0;
}
.fucts_counter{
	text-align: center;
}
.fucts_counter span{
	font-size: 100px;
	font-weight: 600;
}
.fucts_counter span.fucts_symbol{
	font-size: 40px;
    position: absolute;
    top: 22px;
}
.fucts_name{
	font-weight: 600 !important;
	font-family: inherit;
	text-transform: uppercase;
    letter-spacing: 1px;
}
/* Prety Photo Style */
div.pp_default .pp_nav .pp_play{
	background: url(images/fr_sprite.png) -51px 1px no-repeat !important;
}
div.pp_default .pp_nav .pp_pause{
	background: url(images/fr_sprite.png) -51px -29px no-repeat !important;
}
div.pp_default .pp_expand {
    background: url(images/fr_sprite.png) 0 -29px no-repeat !important;
}
div.pp_default .pp_contract {
    background: url(images/fr_sprite.png) 0 -84px no-repeat !important;
}
div.pp_default .pp_contract:hover {
    background: url(images/fr_sprite.png) 0 -113px no-repeat !important;
}
div.pp_default a.pp_arrow_previous {
    background: url(images/fr_sprite.png) -31px -3px no-repeat !important;
}
div.pp_default a.pp_arrow_next{
    background: url(images/fr_sprite.png) -82px -3px no-repeat !important;
}
div.pp_default .pp_close{
    background: url(images/fr_sprite.png) 2px 1px no-repeat !important;
}
div.pp_default .pp_previous:hover {
    background: url(images/fr_prev.png) center left no-repeat !important;
}
div.pp_default .pp_next:hover {
    background: url(images/fr_next.png) center right no-repeat !important;
}
/* Single Post */
.fr_project_date, .fr_project_skills, .fr_project_client, .fr_project_link{
	color: #ccc;
}
.single h1{
	font-size: 50px;
	line-height: 1.5;
}
.single h2, .single h3, .single h4, .single h5, .single h6{
	margin: 20px 0;
}
.widget_custom_field h5{
	margin: 0;
}
.fr-tags{
	font-size: 12px;
    padding: 30px 0;
    display: inline-block;
}
.fr_testimonials{
	width: auto;
    float: left;
    margin: 0 15px;
}
.fr_testimonials div:first-child{
	border-radius: 5px;
    padding: 12%;
    position: relative;
    background-color: #8f75be;
}
.fr_testi_info{
	padding-top: 12%;
}
.fr_testi_info img{
	width: 70px;
	border-radius: 50%;
	margin: 0 auto;
}
.fr_testimonials p{
	color: #fff;
	font-size: 14px;
}
.fr_testi_info .meta{
	padding-top: 3%;
	color: #a3a3a3;
}
.fr_testi_info span{
	display: block;
	text-align: center;
	font-size: 14px !important
}
.fr_testi_info span:first-child{
	font-weight: 600;
	color: #000;
	text-transform: uppercase;
}
.fr_testimonials .bottom-arrow {
	position: absolute;
    width: 28px;
    height: 28px;
    display: block;
    border-top-left-radius: 5px;
    overflow: hidden;
    transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    top: 100%;
    left: 50%;
    margin-left: -14px;
    margin-top: -14px;
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    background: #8f75be;
}
.fr_testimonials.transparent div:first-child{
	background-color: transparent !important;
	padding: 0;
	border-radius: 0;
}
.fr_testimonials.transparent .bottom-arrow{
	display: none;
}
.fr_testimonials.transparent p{
	color: inherit;
	font-size: inherit;
}
.fr_testimonials.transparent .fr_testi_info {
    padding-top: 20px;
}
.fr_split_block{
	width: 100%;
    height: 350px;
    background: #fff;
    margin-bottom: 30px;
    border-radius: 5px;
    /*box-shadow: 0 0 1px rgba(0,0,0,0.2);*/
    padding: 20px 0 0;
}
.box-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
}
.fr-split-block-content-wrap {
    z-index: 2;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
	display: table;
}
.fr_split_block h5{
	font-weight: 400 !important;
    position: absolute;
    top: 10%;
    left: 15%;
	font-size: 25px;
}
.fr_split_block .fr-split-block-desc{
	padding: 3% 4% 4%;
}
.fr-split-block-content-wrap::before {
    content: '';
    height: 100%;
    display: inline-block;
    vertical-align: middle;
}
.fr-split-block-inner-wrap {
	width: 100%;
    height: auto;
    display: table-cell;
    vertical-align: middle;
    padding: 0 10px;
    text-align: center;
	padding: 15% 10px 0;
}
.spb_icon_box .divider-line, .spb_icon_box .grid-icon-wrap, .spb_icon_box h3, .spb_icon_box .sf-svg-icon-holder>svg path {
    -webkit-transition: all 500ms cubic-bezier(1.000,0,.6,1);
    -moz-transition: all 500ms cubic-bezier(1.000,0,.6,1);
    -o-transition: all 500ms cubic-bezier(1.000,0,.6,1);
    transition: all 500ms cubic-bezier(1.000,0,.6,1);
}
.fr-split-block-inner-wrap .divider-line {
    width: 0;
    max-width: 80%;
    height: 2px;
    margin: 0;
    display: inline-block;
    background-color: #e3e3e3;
}
.fr-split-block-inner-wrap .divider-line, .spb_icon_box .grid-icon-wrap, .spb_icon_box .sf-svg-icon-holder>svg path , .grid-icon-wrap, .fr_split_block h5, .fr-split-block-desc{
    -webkit-transition: all 500ms cubic-bezier(1.000,0,.6,1);
    -moz-transition: all 500ms cubic-bezier(1.000,0,.6,1);
    -o-transition: all 500ms cubic-bezier(1.000,0,.6,1);
    transition: all 500ms cubic-bezier(1.000,0,.6,1);
}
.fr_split_block:hover .fr-split-block-inner-wrap  .divider-line{
	width: 100%;
}
.fr_split_block:hover {
	background: #8f75be;  /* fallback for old browsers */
background: -webkit-linear-gradient(to top, #514070, #8f75be);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to top, #514070, #8f75be); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

 
	box-shadow: 0 0 40px rgba(0,0,0,0.2);
}
.fr_split_block:hover .grid-icon-wrap{
	transform: translateY(-20px);
}
.fr_split_block:hover .fr-split-block-desc{
	transform: translateY(20px);
	color: #fff;
}
.fr_split_block:hover .grid-icon-wrap svg path, .fr_split_block:hover .grid-icon-wrap svg circle, .fr_split_block:hover .fr-split-block-inner-wrap .divider-line{
	stroke: #fff;
	background-color: #fff;
}
.fr_split_block:hover h5{
	color: #fff;
}
.spb_icon_box .grid-icon-wrap {
    height: 48px;
}
.sf-svg-icon-holder svg {
    width: 48px;
    height: 48px;
}

.fr-shape-divider-wrap {
    position: absolute;
	bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 150px;
    z-index: 2;
    z-index: 2;
    transform: translateZ(0);
}
.fr-shape-divider-wrap-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 150px;
    z-index: 0;
    transform: translateZ(0);
}
.fr-shape-divider {
    width: 100%;
    left: 0;
    bottom: -1px;
    height: 100%;
    position: absolute;
}
.layer-1{
	position: absolute;
	z-index: 1;
}
.wpb_row.full_width, .wpb_row.full_width .sizers, .full_width.vc_section{ width: 100%; }
.wpb_row.full_width .vc_column-inner, .full_width.vc_section{
	padding: 0;
	margin: 0;
}
.uavc-list-icon{
	margin-right: 15px !important;
}
.uvc-sub-heading{
	color: #a3a3a3;
}
.uvc-sub-heading a{
	color: inherit;
	font-size: inherit;
	font-family: inherit;
}
.ult-style-1 .ult-team-member-name-wrap .ult-team-member-name, .ult-style-2 .ult-team-member-name-wrap .ult-team-member-name, .ult-style-3 .ult-team-member-name-wrap .ult-team-member-name{
	text-transform: none !important;
	font-size: 20px !important;
	color: #fff !important;
	line-height: 1.5 !important;
}
.ult-team-member-wrap{
    background-color: rgba(0,0,0,0.6);
}
.ult-style-1 .ult-team-member-position, .ult-style-2 .ult-team-member-position, .ult-style-3 .ult-team-member-position {
    font-size: inherit !important;
    color: #eee !important;
    text-transform: none !important;
	letter-spacing: 0 !important;
}

.vc_general.vc_cta3 h2{
	color: #fff !important;
}
.vc_general.vc_cta3 h4{
	font-weight: 400 !important;
	color: #000;
}
.vc_btn3.vc_btn3-style-outline{
	border: 2px solid #fff !important;
	border-radius: 200px !important;
	padding: 24px 46px !important;
	font-size: 18px !important;
	color: #fff !important;
	margin-top: 20px;
}
/*.vc_grid-btn-load_more .vc_btn3{
	padding: 24px 46px !important;
	border-radius: 200px !important;
	font-size: 18px !important;
}*/
.vc_grid-filter.vc_grid-filter-color-violet>.vc_grid-filter-item.vc_active, .vc_grid-filter.vc_grid-filter-color-violet>.vc_grid-filter-item:hover{
	background-color: #8f75be;
}
.vc_row-o-content-middle .sizers{
	display: flex;
	align-items: center;
}
.vc_row-o-content-bottom .sizers{
	display: flex;
	align-items: flex-end;
}
.vc_row{
	width: 100%;
}
.ubtn-sep-icon.ubtn-sep-icon-at-right .ubtn-icon {
    right: 5px !important;
}
.ubtn-sep-icon-right-rev .ubtn-icon {
    right: 12px !important;
}
button.ubtn{
	transition: all 0.3s ease;
}
button.ubtn:hover{
	box-shadow: 0px 20px 40px rgba(0,0,0,0.2) !important;
}
.ubtn-data{
	font-size: 16px;
}
.wpb_image_grid li {
    width: 24.92% !important;
    padding: 0 !important;
}
.isotope-item {
    z-index: 0 !important;
}
/*.vc_gitem_row .vc_gitem-col {
    padding-left: 7% !important;
}*/
.vc_grid-filter.vc_grid-filter-center{
	text-align: left !important;
	margin-bottom: 2% !important;
}
.vc_custom_heading a {
    font-weight: 400;
	font-size: inherit;
}
/*.vc_gitem-post-data {
    margin-bottom: 9% !important;
}*/
.blog-post .vc_gitem-post-data {
    margin-bottom: 20px !important;
}
.fr_blog_post .vc_gitem-post-data {
    margin-bottom: 3% !important;
}
.fr_blog_post .vc_gitem-post-category-name {
   color: #a3a3a3 !important;
}
.fr_blog_post .vc_gitem_row .vc_gitem-col {
   padding-left: 0 !important;
}
.fr_blog_post.vc_gitem-zone:hover{
	box-shadow: none !important;
}
.vc_grid-filter.vc_grid-filter-size-sm .vc_grid-filter-item {
    font-size: 13px;
    padding: 0 7px 0 0!important;
}
/*.vc_gitem-zone:hover{
	box-shadow: 0px 20px 70px #ccc;
}*/
.vc_row.vc_row-o-full-height {
    height: 100vh !important;
}
.vc_btn3.vc_btn3-shape-rounded {
    border-radius: 50px !important;
}
.smile_icon_list li .icon_description h3 {
	font-weight: 400 !important;
}
.fr-blog-post-meta div{
	display: inline-block;
	float: left;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 600 !important;
}
.fr-blog-post-category a{
	color: #fff !important;
    text-transform: uppercase;
    font-size: 10px;
	letter-spacing: 1px;
}
.fr-blog-post-date{
	position: relative;
}
.fr-blog-post-date:before{
	content: '-';
    position: absolute;
    left: -12px;
    top: -5px;
    font-weight: 400 !important;
}
.fr-blog-post-date div{
	font-weight: 400 !important;
}
/*Pricing Table */
.ult_pricing_table{
	font-size: 16px !important;
	border-radius: 5px;
	padding: 20px 0 !important;
	margin-top: 5% !important;
}	
.ult_featured  .ult_pricing_table{
	padding: 35px 0 !important;
    margin-top: 0% !important;
}
.ult_design_3 .ult_pricing_table .ult_price_body{
	margin: 0 auto !important;
}
.ult_price_action_button{
	border-radius: 50px !important; 
	padding: 20px 35px !important; 
	border: 1px solid #9fa3a7 !important;
	letter-spacing: 2px;	
}
.ult_featured .ult_price_action_button{
	background-color: #8f75be !important; 
	color: #fff !important;
	border: 0 !important;
}
.ult_design_4 .ult_pricing_table {
    background: rgba(255, 255, 255, 0.95) !important;
	border-bottom: 0 !important;
}
.ult_design_4.ult-cs-red .ult_pricing_table {
    border-top: 5px solid #8f75be !important;
}
.ult_design_4 .ult_pricing_table .ult_price_body_block {
    top: -3px;
	border-bottom: 0 !important;
}
.ult_pricing_table .ult_pricing_heading h3{
	text-transform: uppercase;
	letter-spacing: 1px;
}
.ult_pricing_table .ult_pricing_heading h5{
	font-size: 14px !important;
    color: #a3a3a3;
}
.ult_pricing_table .ult_pricing_heading {
    padding: 30px 0 10px !important;
}
.ult_pricing_table .ult_price_features {
    padding: 30px 15px 15px !important;
}
.ult_price_body .ult_price .ult_price_figure{
	color: #000;
}
.ult_design_4 .ult_pricing_table .ult_price_link .ult_price_action_button{
	border: 0;
	border-radius: 0 !important;
	padding: 18px !important;
}
.ult_pricing_table .ult_price_link {
    padding: 0 0 25px 0 !important;
}
.ult_design_4.ult-cs-red .ult_pricing_table .ult_price_link .ult_price_action_button{
	background-color: #8f75be !important;
}
.fr_video_popup{
	display: table;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	width: 100%;
	position: relative;
	z-index: 3;
}
.fr_video_pop_up_inner{
	text-align: center;
	display: table-cell;
    vertical-align: middle;
}
.fr_pulse_button i{
	color: #fff;
	line-height: 50px;
}
.fr_pulse_button{
	position: relative;
	width: 50px;
	height: 50px;
	display: block;
	border: none;
	margin: 30px auto 30px;
	box-shadow: 0 0 0 0 rgba(232, 76, 61, 0.7);
	border-radius: 50%;
	background-color: #e84c3d;
	background-size:cover;
	background-repeat: no-repeat;
	cursor: pointer;
	animation: pulse_button 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
}
.fr_pulse_button:hover 
{
  -webkit-animation: none;-moz-animation: none;-ms-animation: none;animation: none;
}
@keyframes pulse_button {to {box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);}}

.slick-initialized .slick-slide{
	margin: 0 !important;
}
.ultimate-map-wrapper{
	margin-bottom: 0 !important;
}
/*Tab*/
.ult_tabitemname{
	padding: 90px 0 20px !important;
}
.ult_tabmenu.style3>li.ult_tab_li a span{
	letter-spacing: 2px;
}
.ult_tabmenu.style1 a.ult_a{
	background: transparent !important;
}

.ult_tabmenu.style1{
    border-bottom: 1px solid #ddd;
}

.ult-ib-effect-style15 .ult-new-ib-title{
	padding: 35px !important;
}
ul.slick-dots {
    padding: 30px 0 !important;
}
.wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-body{
    background-color: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
	box-shadow: none !important
}
.vc_tta-tab>a:first-letter{
	padding: 5px 10px;
	background-color: #ffc80a;
	border-radius: 50%;
	margin-right: 10px;
}
.vc_tta-tab>a{
	font-size: 10px;
    font-weight: bold;
    letter-spacing: 1px;
	background-color: #fff !important;
	border: 0 !important;
}
.wpb-js-composer .vc_tta-tabs.vc_tta-tabs-position-left .vc_tta-tab.vc_active a{
	background-color: #f5f5f5 !important;
}
 .wpb-js-composer .vc_tta.vc_tta-controls-align-left .vc_tta-tabs-container{
	padding-top: 7%;
}
.wpb-js-composer .vc_tta-tabs.vc_tta-tabs-position-left .vc_tta-tab.vc_active{
	position: relative !important;
}
.wpb-js-composer .vc_tta-tabs.vc_tta-tabs-position-left .vc_tta-tab.vc_active:after{
	content: "";
    position: absolute;
    right: -58px;
    top: 0px;
    border: 29px solid transparent !important;
    border-left: 29px solid #f5f5f5 !important;
    z-index: 99;
}
.ult_tabmenu.style3>li.ult_tab_li:before{
	box-shadow: none !important;
}

.ult_tabmenu.style3 li.ult_tab_li:first-child{
	border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
}
.ult_tabmenu.style3 li.ult_tab_li:last-child{
	border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
}
.ult_tabmenu.style3>li.ult_tab_li a{
	text-transform: uppercase;
}
.ult_tabmenu.style3{
	border-bottom: 0 !important;
}
.aio-icon-component, .wpb_column>.wpb_wrapper .aio-icon-component {
    position: relative;
    z-index: 99;
}
.aio-icon-component h6{
	text-transform: capitalize;
	margin-bottom: 2%;
}
.aio-icon-header+.aio-icon-description {
    margin-top: 15px !important;
}
.uavc-list-content span.uavc-list-desc{
	font-size: 15px;
}
.fr-top-left-icon .left-icon .aio-ibd-block {
    display: block !important;
	margin-top: 30px;
}
.fr-bg-opacity .upb_row_bg{
	z-index: 1 !important;
	opacity: 0.9
}
a, .vc_tta-accordion .vc_tta-title-text, .vc_grid-btn-load_more .vc_btn3, .vc_grid-filter>.vc_grid-filter-item>span, .fr-process-inner h5, .fr-process-bg-text, .fr_testi_info span:first-child, input, textarea, .team_inner p, #menu .nav a, .single .meta a, .single .meta span, .vc_tta.vc_general .vc_tta-tab > a{
	font-family: Montserrat;
    font-size: 12px ;
	font-weight: 600;
}
.vc_grid-btn-load_more .vc_btn3{
	font-family: Montserrat !important;
}
.vc_grid-filter>.vc_grid-filter-item>span{
	color: #a3a3a3;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-size: 10px;
}
.fr-process{
	height: 400px;
	position: relative;
}
.fr-process-bg, .fr-process-content{
	width: 50%;
	height: 100%;
	float: left;
}
.fr-process-content{
	display: flex;
    align-items: center;
	
}
.fr-process-bg-text{
	position: absolute;
    font-size: 300px;
    color: #f8f8f8;
    z-index: 0;
    right: 0;
    letter-spacing: 2px;
}
.fr-process-inner{
	position: absolute;
    z-index: 1;
	padding-left: 75px;
	padding-right: 40px;
	width: 34%;
}
.fr-process-bg{
	background-size: cover;
    background-position: center;
	position: relative;
	z-index: 1;
}
.fr-process-inner h5{
	letter-spacing: 2px;
	color: #a3a3a3;
}
.fr-process-inner h3{
	font-size: 32px;
	margin-bottom: 20px;
	line-height: 1.5;
}
.fr-process.right .fr-process-bg, .fr-process.right.fr-process-content{
	float: right;
}
.fr-process.right .fr-process-bg-text{
    left: 20px;
}
.uvc-heading{
	position: relative;
    z-index: 1;
}
.slick-prev {
    left: -70px !important;
}
.slick-next {
    right: -45px !important;
}
/* TEAM */
.team_member_img{
    height: 300px;
	overflow: hidden;
}
.team_img{
	height: inherit;
    background-size: cover;
    background-position: center;
	position: relative;
}
.team_inner{
    position: absolute;
    bottom: 20px;
    left: 25px;
	transition: all 0.3s ease;
}
.team_inner h4 {
    font-size: 24px;
    color: #fff;
	margin-bottom: 15px;
}
.team_inner p{
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 10px;
}
.team_info{
   width: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
	transition: all 0.3s ease;
}
.team_info a{
	font-size: 16px;
	margin: 5%;
    background: #ffc80a;
    width: 40px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    border-radius: 50%;
    display: inline-block;
}
.team_member_img .divider-line {
    width: 0;
    max-width: 80%;
    height: 2px;
    margin: 0;
    display: inline-block;
    background-color: #fff;
    transition: all 0.3s ease;
    position: absolute;
    bottom: 105px;
    left: 45px;
}
.team_member_img:hover .team_inner{
	transform: translateY(-100px);
}
.team_member_img:hover .team_info{
	transform: translateY(-80px);
}

.team_member_img:hover .divider-line{
	width: 65%;
}

/* SINGLE */
.single-post .main_title, .post-template-default.single-post .main_title{
	font-size: 60px;
	line-height: 65px;
}
.single-post .entry-header{
    height: 600px;
    background-size: cover;
	position: relative;
}
.single-post .entry-header:before{
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgba(0,0,0,0.4);
}
.header-inner{
	width: 60%;
	margin: 0 auto;
	padding-top: 270px;
	position: relative;
}
.single .main_title{
	font-size: 60px;
	line-height: 1.5;
	margin-bottom: 30px;
}
.single .main_title, .single .meta{
	text-align: center;
	line-height: 2.5;
	color: #fff;
}
.single .meta a, .single .meta span{
	text-transform: uppercase;
	margin-right: 10px;
}
#comment-wrap{
	background-color: #f8f8f8;
	padding: 50px 0;
	clear: both;
}
.comment-body{
	background-color: transparent;
	position: relative;
}
.comment-author img{
	border-radius: 50%;
	float: left;
    margin-right: 40px;
}
.comment-metadata{
	position: absolute;
	display: inline-block;
	top: 0;
	right: 0;
}
.comment-content{
    padding: 20px 0 20px 120px;
}
.comment-body .reply{
	padding-left: 120px;
	padding-bottom: 20px;
}
li.comment{
	list-style: none;
}
#comment-wrap .children{
	padding: 20px 0 20px 120px;
} 
.comments-title{
	margin-bottom: 50px;
}
#comment{
	width: 96%;
    padding: 2%;
    border: 1px solid; 
}
li.comment.depth-1 {
	border-bottom: 1px solid #e9e9e9;
	padding: 40px 0 0;
}
li.comment.depth-1:last-child{
	border-bottom: 0;
}
#respond{
	padding-top: 40px;
}
#comment-wrap input[type=submit]{
	margin: 0;
}
.comment-form-author, .comment-form-email, .comment-form-url{
	width: 30%;
	float: left;
	margin: 0 55px 0 0;;
}
.comment-form-author input[type=text]{
	margin-top: 0;
}
.comment-form-url{
	margin-right: 0;
}
.form-submit{
	clear: both;
}
/*Single Portfolio */
.portfolio-template .main_title, .post-template-single-portfolio .main_title{
	color: #3b3d40;
}
.post-template-single-portfolio .entry-header{
	background-image: none;
	height: auto;
}
.post-template-single-portfolio .entry-header:before{
	display: none;
}
.portfolio-template .meta, .post-template-single-portfolio .meta{
	color: #a3a3a3;
}
.portfolio-template .header-inner, .post-template-single-portfolio .header-inner{
	padding: 0;
}
.portfolio-template .fr_project_info div, .post-template-single-portfolio .fr_project_info div{
	display: block;
	margin-bottom: 0;
}
.portfolio-template .entry-content, .post-template-single-portfolio .entry-content{
	padding-bottom: 50px;
}
.portfolio-template .wpb_single_image, .post-template-single-portfolio .wpb_single_image{
	margin-bottom: 30px !important;
}
.portfolio-template .widget_custom_field h5, .post-template-single-portfolio .widget_custom_field h5{
	margin-bottom: 10px;
}
.portfolio-template .widget, .post-template-single-portfolio .widget{
    padding: 20px 0 10px;
}
.portfolio-template .nav_wrap, .post-template-single-portfolio .nav_wrap {
	padding: 40px 0 30px;
    border-top: 1px solid #ddd;
}
.portfolio-template .navigation, .post-template-single-portfolio .navigation {	
	display: table;
	width: 1100px;
    margin: 0 auto;
	position: relative;
}
.portfolio-template .navigation .portfolio_btn, .post-template-single-portfolio .navigation .portfolio_btn {
    position: absolute;
    top: 50%;
    left: 50%;
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}
.portfolio-template .navigation .portfolio_btn i, .post-template-single-portfolio .navigation .portfolio_btn i{
	font-size: 23px;
    color: #000;
    padding: 20px;
    background: #f8f8f8;
    border-radius: 50%;
}
.portfolio-template .navigation .prev_post, .portfolio-template .navigation .next_post, .post-template-single-portfolio .navigation .prev_post, .post-template-single-portfolio .navigation .next_post{
	position: relative;
    display: table-cell;
    vertical-align: middle;
    width: 49%;
    padding: 0;
    box-sizing: border-box;
}
.portfolio-template .navigation a, .post-template-single-portfolio .navigation a{
	text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 16px;
    margin-top: 10px;
    display: inline-block;
    color: #000 !important;
}
.portfolio-template .navigation div span, .post-template-single-portfolio .navigation div span{
	display: block;
}
.portfolio-template .navigation .prev_post, .post-template-single-portfolio .navigation .prev_post{
	    text-align: left;
}
.portfolio-template .navigation .next_post, .post-template-single-portfolio .navigation .next_post{
	text-align: right;
}
.wpb_text_column h2, .wpb_text_column h3, .wpb_text_column h4, .wpb_text_column h5, .wpb_text_column h6{
	margin: 0 0 20px;
}
/* SIDEBAR */
.tagcloud a, .fr-tags a{
	font-size: 11px !important;
    color: #fff !important;
    padding: 7px 13px;
    margin-right: 0px;
    margin-bottom: 10px;
    display: inline-block;
    border-radius: 25px;
    text-transform: uppercase;
    /* background-color: #f8f8f8; */
    letter-spacing: 1px;
    font-weight: 600;
}
.fr-tags a{
	margin-right: 10px;
}
.widget h4{
	margin-bottom: 20px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
    font-size: 20px;
}
.widget h4 a{
	font-size: 20px;
	color: #3b3d40;
	font-weight: normal;
}
.widget ul{
	list-style: none;
}
.widget ul li a{
	font-size: 14px;
	display: inline-block;
	color: #3b3d40;
	font-weight: normal !important;
}
.widget_recent_entries ul li a, .widget_recent_comments ul li a, .widget_rss ul li a{
	font-weight: 600 !important;
	line-height: 1.7;
}
.widget ul li a{
	font-size: 12px;
    display: inline-block;
    color: #3b3d40 !important;
    text-transform: uppercase;
}
.widget ul li{
	margin-bottom: 20px;
}
.widget ul li span, .widget ul li{
	color: #888;
	font-size: 14px;
}
.widget .post-date{
	display: block;
    font-size: 10px;
    color: #888;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-top: 10px;
}

.widget_calendar table{
	padding: 10px 0;
}
.widget_calendar caption{
    padding: 10px;
}
.widget_calendar td{
	padding: 10px 10px;
    text-align: center;
}

.fr-paged p, .fr-paged p a {
	font-size: 16px;	
}
.fr-paged p a {
	margin: 0 5px;
}
.page-nav{
	height: 90px;
}
.page-nav a{
	font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 600;
}
.edit-link{
	position: absolute;
    z-index: 9999;
    left: 30px;
    clear: both;
    float: none;
    bottom: 20px;
}
.comment-body .edit-link{
	position: static;
}
.fr-element-animation{
  animation: animationFrames ease-out 5s;
  animation-iteration-count: infinite;
  transform-origin: 50% 50%;
  animation-fill-mode:forwards; /*when the spec is finished*/
  -webkit-animation: animationFrames ease-out 5s;
  -webkit-animation-iteration-count: infinite;
  -webkit-transform-origin: 50% 50%;
  -webkit-animation-fill-mode:forwards; /*Chrome 16+, Safari 4+*/ 
  -moz-animation: animationFrames ease-out 5s;
  -moz-animation-iteration-count: infinite;
  -moz-transform-origin: 50% 50%;
  -moz-animation-fill-mode:forwards; /*FF 5+*/
  -o-animation: animationFrames ease-out 5s;
  -o-animation-iteration-count: infinite;
  -o-transform-origin: 50% 50%;
  -o-animation-fill-mode:forwards; /*Not implemented yet*/
  -ms-animation: animationFrames ease-out 5s;
  -ms-animation-iteration-count: infinite;
  -ms-transform-origin: 50% 50%;
  -ms-animation-fill-mode:forwards; /*IE 10+*/
}

.fr_bunner_w_price{
	height: 300px;
    background-size: cover;
    position: relative;
	transition: all 0.7s ease;
}
.fr_bunner_w_price_inner{
	position: absolute;
	bottom: 40px;
	padding: 0 30px;
}
.fr_bunner_w_price_inner h3{
	color: #fff;
	margin-bottom: 30px;
}
.fr_bunner_w_price_inner span{
	background-color: #8f75be;
	color: #fff;
	padding: 10px;
    border-radius: 5px;
}
.fr_bunner_overlap{
	position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
	transition: all 0.7s ease;
}
.fr_bunner_w_price:hover .fr_bunner_overlap{
	opacity: 0.8;
}
/* Time Table */
.mptt-shortcode-wrapper .mptt-shortcode-table tbody .mptt-event-container .timeslot{
	padding: 0;
}
.mptt-shortcode-wrapper .mptt-shortcode-table tbody tr:nth-child(2n+2) {
    background-color: #f9f9f9 !important;
}
.mptt-shortcode-wrapper .mptt-shortcode-table tbody td{
	padding: 30px 10px;
}

@keyframes animationFrames{
  0% {
    transform:  translate(0px,0px)  ;
  }
  50% {
    transform:  translate(1px,-21px)  ;
  }
  100% {
    transform:  translate(1px,0px)  ;
  }
}

@-moz-keyframes animationFrames{
  0% {
    -moz-transform:  translate(0px,0px)  ;
  }
  50% {
    -moz-transform:  translate(1px,-21px)  ;
  }
  100% {
    -moz-transform:  translate(1px,0px)  ;
  }
}

@-webkit-keyframes animationFrames {
  0% {
    -webkit-transform:  translate(0px,0px)  ;
  }
  50% {
    -webkit-transform:  translate(1px,-21px)  ;
  }
  100% {
    -webkit-transform:  translate(1px,0px)  ;
  }
}

@-o-keyframes animationFrames {
  0% {
    -o-transform:  translate(0px,0px)  ;
  }
  50% {
    -o-transform:  translate(1px,-21px)  ;
  }
  100% {
    -o-transform:  translate(1px,0px)  ;
  }
}

@-ms-keyframes animationFrames {
  0% {
    -ms-transform:  translate(0px,0px)  ;
  }
  50% {
    -ms-transform:  translate(1px,-21px)  ;
  }
  100% {
    -ms-transform:  translate(1px,0px)  ;
  }
}

.fr-anim-rotate{
  animation: animationRotate linear 8s;
  animation-iteration-count: infinite;
  transform-origin: 50% 50%;
  -webkit-animation: animationRotate linear 8s;
  -webkit-animation-iteration-count: infinite;
  -webkit-transform-origin: 50% 50%;
  -moz-animation: animationRotate linear 8s;
  -moz-animation-iteration-count: infinite;
  -moz-transform-origin: 50% 50%;
  -o-animation: animationRotate linear 8s;
  -o-animation-iteration-count: infinite;
  -o-transform-origin: 50% 50%;
  -ms-animation: animationRotate linear 8s;
  -ms-animation-iteration-count: infinite;
  -ms-transform-origin: 50% 50%;
}

@keyframes animationRotate{
  0% {
    transform:  rotate(0deg) ;
  }
  50% {
    transform:  rotate(-41deg) ;
  }
  100% {
    transform:  rotate(0deg) ;
  }
}

@-moz-keyframes animationRotate{
  0% {
    -moz-transform:  rotate(0deg) ;
  }
  50% {
    -moz-transform:  rotate(-41deg) ;
  }
  100% {
    -moz-transform:  rotate(0deg) ;
  }
}

@-webkit-keyframes animationRotate {
  0% {
    -webkit-transform:  rotate(0deg) ;
  }
  50% {
    -webkit-transform:  rotate(41deg) ;
  }
  100% {
    -webkit-transform:  rotate(0deg) ;
  }
}

@-o-keyframes animationRotate {
  0% {
    -o-transform:  rotate(0deg) ;
  }
  50% {
    -o-transform:  rotate(41deg) ;
  }
  100% {
    -o-transform:  rotate(0deg) ;
  }
}

@-ms-keyframes animationRotate {
  0% {
    -ms-transform:  rotate(0deg) ;
  }
  50% {
    -ms-transform:  rotate(41deg) ;
  }
  100% {
    -ms-transform:  rotate(0deg) ;
  }
}

.fr-anim-rotate-to-left{
  animation: animationRotateLeft linear 10s;
  animation-iteration-count: infinite;
  transform-origin: 50% 50%;
  -webkit-animation: animationRotateLeft linear 10s;
  -webkit-animation-iteration-count: infinite;
  -webkit-transform-origin: 50% 50%;
  -moz-animation: animationRotateLeft linear 10s;
  -moz-animation-iteration-count: infinite;
  -moz-transform-origin: 50% 50%;
  -o-animation: animationRotateLeft linear 10s;
  -o-animation-iteration-count: infinite;
  -o-transform-origin: 50% 50%;
  -ms-animation: animationRotateLeft linear 10s;
  -ms-animation-iteration-count: infinite;
  -ms-transform-origin: 50% 50%;
}

@keyframes animationRotateLeft{
  0% {
    transform:  rotate(0deg) ;
  }
  50% {
    transform:  rotate(-15deg) ;
  }
  100% {
    transform:  rotate(0deg) ;
  }
}

@-moz-keyframes animationRotateLeft{
  0% {
    -moz-transform:  rotate(0deg) ;
  }
  50% {
    -moz-transform:  rotate(-15deg) ;
  }
  100% {
    -moz-transform:  rotate(0deg) ;
  }
}

@-webkit-keyframes animationRotateLeft {
  0% {
    -webkit-transform:  rotate(0deg) ;
  }
  50% {
    -webkit-transform:  rotate(-15deg) ;
  }
  100% {
    -webkit-transform:  rotate(0deg) ;
  }
}

@-o-keyframes animationRotateLeft {
  0% {
    -o-transform:  rotate(0deg) ;
  }
  50% {
    -o-transform:  rotate(-15deg) ;
  }
  100% {
    -o-transform:  rotate(0deg) ;
  }
}

@-ms-keyframes animationRotateLeft {
  0% {
    -ms-transform:  rotate(0deg) ;
  }
  50% {
    -ms-transform:  rotate(-15deg) ;
  }
  100% {
    -ms-transform:  rotate(0deg) ;
  }
}

.fr-anim-rotate-to-right{
  animation: animationRotateRight linear 10s;
  animation-iteration-count: infinite;
  transform-origin: 50% 50%;
  -webkit-animation: animationRotateRight linear 10s;
  -webkit-animation-iteration-count: infinite;
  -webkit-transform-origin: 50% 50%;
  -moz-animation: animationRotateRight linear 10s;
  -moz-animation-iteration-count: infinite;
  -moz-transform-origin: 50% 50%;
  -o-animation: animationRotateRight linear 10s;
  -o-animation-iteration-count: infinite;
  -o-transform-origin: 50% 50%;
  -ms-animation: animationRotateRight linear 10s;
  -ms-animation-iteration-count: infinite;
  -ms-transform-origin: 50% 50%;
}

@keyframes animationRotateRight{
  0% {
    transform:  rotate(0deg) ;
  }
  50% {
    transform:  rotate(-15deg) ;
  }
  100% {
    transform:  rotate(0deg) ;
  }
}

@-moz-keyframes animationRotateRight{
  0% {
    -moz-transform:  rotate(0deg) ;
  }
  50% {
    -moz-transform:  rotate(-15deg) ;
  }
  100% {
    -moz-transform:  rotate(0deg) ;
  }
}

@-webkit-keyframes animationRotateRight {
  0% {
    -webkit-transform:  rotate(0deg) ;
  }
  50% {
    -webkit-transform:  rotate(-15deg) ;
  }
  100% {
    -webkit-transform:  rotate(0deg) ;
  }
}

@-o-keyframes animationRotateRight {
  0% {
    -o-transform:  rotate(0deg) ;
  }
  50% {
    -o-transform:  rotate(-15deg) ;
  }
  100% {
    -o-transform:  rotate(0deg) ;
  }
}

@-ms-keyframes animationRotateRight {
  0% {
    -ms-transform:  rotate(0deg) ;
  }
  50% {
    -ms-transform:  rotate(-15deg) ;
  }
  100% {
    -ms-transform:  rotate(0deg) ;
  }
}

.error404{
	background-color: #fa5352;
}
.error404 #content{
	height: 100vh;
	text-align: center;
}
.error404 .page-title, .error404 #content p, .error404 input{
	color: #fff;
} 
 .error404 input{
	width: 50%;
 }
.error404 .page-title{
	margin-bottom: 0;
	font-size: 50px;
	margin-top: -30px;
}
.error404  img{
	margin-top: 40px;
}
.fr-headlining{
	position: relative;
}
.fr-headlining:before {
	content: "";
    position: absolute;
    top: -190px;
    left: 0px;
    background: #c8bba1;
    height: 170px;
    width: 3px;
    z-index: 999
}

@media only screen and ( max-width: 1024px ) {
	.fr_menu_inner, #header-outer{
		display: none;
	}
	#logo, #mobile_logo{
		height: 40px;
		margin: 0;
		display: block;
	}
	#menu{
		width: 100%;
		height: 46px;
		position: fixed;
		top: 0;
		left: 0;
		background-color: #444;
		z-index: 99;
	}
	
	#mobile_nav {
		font-size: 12px;
		background-color: #444;
		color: #fff;
		text-transform: uppercase;
		letter-spacing: 0.5px;
		display: inline-block;
		padding: 12px 18px;
		position: absolute;
		border-width: 0 1px;
		top: 0;
		right: 0;
		z-index: 999;
	}
	#mobile_nav.closed #mobile_menu{
		display: none;
	}
	#mobile_nav.opened{
		width: 92%;
	}
	#mobile_nav li{
		list-style: none;
	}
	#mobile_nav li a{
		line-height: 2;
		color: #fff !important;
	}
	#mobile_menu{
		padding-top: 15px;
	}
	#mobile_menu .sub-menu a{
		font-size: 10px;
	}
	.sizers{
		width: 100%;
	}
	h2{
		font-size: 40px !important;
		line-height: 60px !important;
	}
	button.ubtn-large {
		padding: 12px 20px !important;
	}
	.fucts_counter span{
		font-size: 80px;
	}
	.aio-icon-img{
		font-size: 50px !important;
	}
	.aio-icon-title {
		font-size: 23px !important;
	}
	.bg-holder .vc_column-inner{
		padding-top: 500px !important;
	}
	.fr-sm-full .vc_column_container{
		width: 100%;
		float: none;
	}
	.fr-sm-hide-space .vc_column-inner{media-column right
		padding-left: 60px !important;
	}
	.fr-sm-hide-space .vc_empty_space{
		display: none;
	}
	.fr_split_block h5{
		font-size: 20px;
	}
	.media-column{
		position: static !important;
	}
	.fr-element-animation img{
		max-width: 70% !important;
		margin-bottom: 90px;
	}
	.portfolio-template .entry-content, .post-template-single-portfolio .entry-content, .portfolio-template .navigation, .post-template-single-portfolio .navigation, #comment, .post-template-default .entry-content{
		width: 95%;
	}
	.vc_images_carousel{
		width: inherit !important;
	}
	#comment-wrap{
		padding: 50px 40px;
	}
	iframe{
		width: 100% !important;
		height: auto !important;
	}
}
@media only screen and ( max-width: 980px ) {
	#main-menu, #logo, .menu-search{
		display: none !important;
	}
	.fr_classic #mobile_logo{
		margin-top: -28px;
		z-index: 999;
	}
}
@media only screen and ( max-width: 800px ) {
	body{
		font-size: 14px !important;
	}
	h2{
		font-size: 32px !important;
		line-height: 45px !important;
	}
	.aio-icon-img{
		font-size: 45px !important;
	}
	.aio-icon-title {
		font-size: 20px !important;
	}
	.fucts_name{
		font-size: 15px;
	}
	.vc_gitem-zone-mini .vc_custom_heading h4 {
		font-size: 23px !important;
	}
	.vc_row.fr-catch-up {
		margin-top: -220px !important;
	}
	.fr-sm-min-padding .vc_column-inner{
		padding-top: 30px !important;
	}
	.vc_row-o-content-middle .sizers{
		display: block;
	}
	#left_area, .portfolio-template .inner_content {
		width: 57%;
		float: left;
		padding: 0 20px;
	}
	.header-inner {
		width: 90%;
		padding-top: 1px;
	}
	.single-post .entry-header {
		height: auto;
	}
	.single-post .main_title, .post-template-default.single-post .main_title {
		font-size: 40px;
		line-height: 1.5;
	}
	#fr_to_top{
		display: none;
	}
	.fr-large-icon .aio-icon-img{
		font-size: 100px !important;
	}
}
@media only screen and ( max-width: 768px ){
	.fr_classic #mobile_logo {
		margin-top: -40px;
		z-index: 999;
	}
}
@media only screen and ( max-width: 736px ){
	
	.fucts_counter span {
		font-size: 60px;
	}
	.fucts_counter {
		text-align: center;
		margin-bottom: 50px;
	}
	.services .aio-icon-component, .fr_split_block{
		width: 60%;
		margin: 0 auto 30px;
	}
	.services .vc_empty_space{
		height: 30px !important;
	}
	.team_member_img {
		width: 70%;
		margin: 0 auto 30px;
	}
	.team_member_img .divider-line {
		max-width: 50%;
		left: 20%;
		bottom: 140px;
	}	
	.ubtn-ctn-right {
		text-align: left !important;
		margin-top: 30px !important;
	}
	.fr_split_block h5{
		left: 25%;
	}
	.ult_pricing_table_wrap {
		min-width: 50% !important;
		margin: 0 auto 30px !important;
		float: none !important;
		width: 50%;
	}
	.section{
		padding-right: 0 !important;
	}
}
@media only screen and ( max-width: 640px ) {
	.fr-element-animation img{
		max-width: 50% !important;
		margin-bottom: 90px;
	}
	.fr-sm-hide-space .vc_column-inner {
		padding-left: 40px !important;
	}
	.fr-shape-divider-wrap{
		height: 150px !important;
	}
	.ult_tabmenu.style3 > li.ult_tab_li a {
		padding: 8px 12px !important;
	}
	#carousel .group {
		width: 50%;
	}
	.fr_ajax .fr_project_info{
		display: none;
	}
	.portfolio-template .navigation a, .post-template-single-portfolio .navigation a, .post-template-single-portfolio .navigation div span, .post-template-single-portfolio .navigation .portfolio_btn i{
		font-size: 10px;
	}
	.post-template-single-portfolio .navigation .portfolio_btn i{
		padding: 15px;
	}
	input[type=text], input[type=email], input[type=url], input[type=number], input[type=search], input[type=password], input.text, input.title, textarea, select{
		padding: 5px;
		margin-bottom: 10px !important;
		font-family: montserrat;
	}
	.single .main_title{
		font-size: 30px;
	}
	
	#left_area, .portfolio-template .inner_content {
		width: 95%;
		float: none;
		padding: 0;
		margin: 0 auto;
	}
	#sidebar{
		display: none;
	}
	h2, .entry .main_title a, .single-post .main_title, .post-template-default.single-post .main_title {
		font-size: 30px;
	}
	.fr-large-icon .aio-icon-img{
		font-size: 150px !important;
	}
	.portfolio-morphing{
		padding-top: 0 !important;
	}
	.content__title a {
		font-size: 57px !important;
	}
}
@media only screen and ( max-width: 425px ) {
	.fr-sm-hide-space .vc_column-inner {
		padding-left: 20px !important;
	}
	.fr_split_block {
		width: 100%;
	}
	.ult_pricing_table_wrap {
		min-width: 80% !important;
		margin: 0 auto 30px !important;
		float: none !important;
		width: 80%;
	}
	.ult_tabmenu.style3 > li.ult_tab_li a {
		padding: 2px !important;
		line-height: 0.2em !important;
		font-size: 8px !important;
	}
	.section .fr_video_popup{
		height: 200px !important;
	}
	
	#carousel .group {
		width: 80%;
	}
	.fr_ajax_img_wrap{
		width: 100%;
		float: none;
		height: 50vh;
	}
	.fr_ajax_img_wrap .flexslider{
		height: 50vh;
	}
	.fr_ajax_content_inner p.meta{
		padding-bottom: 0;
	}
	.fr_ajax_img_wrap .flexslider .slides > li {
		height: 50vh;
	}
	.fr_ajax_img_wrap ol{
		left: 90%;
	}
	.fr_ajax_content_inner a.letter-spacing {
		margin-top: 30px;
		display: block;
	}
	#x {
		top: 92%;
		right: 20px;
	}
	
	.vc_row.vc_row-o-full-height{
		height: auto !important;
		min-height: auto !important;
		padding: 60px 20px !important;
	}
	.wpb_single_image.vc_align_left {
		text-align: center;
		margin-left: 0 !important;
	}
	.section-fullwidth.vc_row.vc_row-o-full-height{
		padding: 60px 0 !important;
	}