/**

*/

@import url("font-awesome.css");
@import url("icomoon.css");
@import url("themify-icons.css");
@import url("flexslider.css");
@import url("owl.carousel.css");
@import url("shortcodes.css");
@import url("magnific-popup.css");
@import url("jquery.fancybox.css");
@import url("https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700|Lora:400,400i,700,700i|Oswald:300,400,500,600,700|Dosis:400,500,600,700|Raleway:400,500,600,700|Roboto:400,500,700|Cormorant+Garamond:300,400,500,600,700");

/**
  * Reset
  * Font Oswald
  * Font Dosis
  * Font Cormorant Garamond
  * Font Roboto
  * Font Lora
  * Header
  * Menu menu-extra
  * shopping-cart
  * Navigation
  * Mobile navigation
  * Breadcrumbs
  * Blog
  * Blog Single
  * Blog Detail Sidebar
  * Blog Grid Sidebar
  * Blog Two Column
  * Blog Three Column
  * Blog Four Column
  * Blog TimeLine
  * Blog Metro
  * Blog TextBox
  * Blog Columnist
  * Home Business Consulting
  * Home Business Finance
  * Home Business Simple
  * Home Creative Studio
  * Home Digital Agency
  * Home Creative Agency
  * Home Basic Agency
  * Home Minimal Agency
  * Home Creative Designer
  * Home Photography
  * Home Creative Freelancer
  * Home Interior Design
  * Home Construction
  * Home Law Firm
  * Home Magazine Blog
  * Home Blog Masonry
  * Home Shop furmiture
  * Product
  * Home Shop Fashion
  * Home Video
  * Home Video2
  * Page About Us
  * Page About Us
  * Page Services Icon
  * Page Services IMG
  * Page Error
  * Comming Soon
  * Home Company History
  * Home Company Careers
  * Home Company Partners
  * Home Company Our Team
  * Home Contact Classic
  * Page Planding
  * IsoTope
  * Pagination
  * Sidebar
  * Shop
  * GoTop Button
  * Footer
  * Footer widget
  * Footer- Header
  * Element Footer
  * Social-links
  * subscribe-form
  * Images hover
  * Parallax
  * Preload
  * Switcher
  * Boxed
*/

/* Reset
-------------------------------------------------------------- */
	html {
		overflow-y: scroll;
		-webkit-text-size-adjust: 100%;
		   -ms-text-size-adjust: 100%;
	}

	body {
		line-height: 1;
		-webkit-font-smoothing: antialiased;
		-webkit-text-size-adjust: 100%;
		   -ms-text-size-adjust: 100%;
	}

	a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, caption, canvas, center, cite, code,
	dd, del, details, dfn, dialog, div, dl, dt, em, embed, fieldset, figcaption, figure, form, footer, header, hgroup, h1, h2, h3, h4, h5, h6, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav,object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, tt, table, tbody, textarea, tfoot, thead, time, tr, th, td, u, ul, var, video  { 
		font-family: inherit; 
		font-size: 100%; 
		font-weight: inherit; 
		font-style: inherit; 
		vertical-align: baseline; 
		margin: 0; 
		padding: 0; 
		border: 0; 
		outline: 0;
		background: transparent;
	}

	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
		display: block;
	}
	                          
	ol, ul {
		list-style: none;
	}

	blockquote, q { 
		-webkit-hyphens: none;
		  -moz-hyphens: none;
		   -ms-hyphens: none;
		       hyphens: none;
		        quotes: none;
	}

	figure {
		margin: 0;
	}

	:focus {
		outline: 0;
	}

	table { 
		border-collapse: collapse; 
		border-spacing: 0;
	}

	img {
		border: 0;
		-ms-interpolation-mode: bicubic;
		vertical-align: middle;
	}

	legend {
		white-space: normal;
	}

	button,
	input,
	select,
	textarea {
		font-size: 100%;
		margin: 0;
		max-width: 100%;
		vertical-align: baseline;
		-webkit-box-sizing: border-box;
		  -moz-box-sizing: border-box;
		       box-sizing: border-box;
	}

	button,
	input {
		line-height: normal;
	}

	input,
	textarea {
		background-image: -webkit-linear-gradient(hsla(0,0%,100%,0), hsla(0,0%,100%,0)); /* Removing the inner shadow, rounded corners on iOS inputs */
	}

	button,
	input[type="button"],
	input[type="reset"],
	input[type="submit"] {
		line-height: 1;
		cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */
		-webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */
		border: none;
	}

	input[type="checkbox"],
	input[type="radio"] {
		padding: 0; /* Addresses excess padding in IE8/9 */
	}

	input[type="search"] {
		-webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */
	}

	input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
		-webkit-appearance: none;
	}

	button::-moz-focus-inner,
	input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
		border: 0;
		padding: 0;
	}

	*,
	*:before,
	*:after {
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		        box-sizing: border-box;
	}	

/* Repeatable Patterns
-------------------------------------------------------------- */
*,
*:before,
*:after {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
			box-sizing: border-box;
}

body {
	font: 16px/27px "Poppins", sans-serif;
	font-weight: 300;
	background-color: #fff;		
	color: #717779;
}

a {		
	text-decoration: none;
	-webkit-transition: all 0.3s ease-in-out;
	   -moz-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		 -o-transition: all 0.3s ease-in-out;
			transition: all 0.3s ease-in-out;
}

a:hover,
a:focus {
	color: #c8412d;
	text-decoration: none;
	outline: 0;
	-webkit-transition: all 0.3s ease-in-out;
	   -moz-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		 -o-transition: all 0.3s ease-in-out;
			transition: all 0.3s ease-in-out;
}

ul, ol {
	padding: 0;
}

img {
	max-width: 100%;
	height: auto;		
}

b, strong {
	font-weight: 700;
}

p {
	line-height: 26px;
}

button {
	border: none;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {		
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 3px;
    color: #ffffff;
    text-transform: uppercase;
    padding: 12px 24px;
    background-color: #121212;
    -webkit-transition: all 0.3s ease 0s;
       -moz-transition: all 0.3s ease 0s;
        -ms-transition: all 0.3s ease 0s;
         -o-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
}

select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"] {	
	background-color: transparent;
    border: none;
    border-bottom: 1px solid #e5e5e5;
    height: 50px;
    width: 100%;
    font-size: 16px;
    font-weight: 300;
    outline: none;
    margin-bottom: 30px;
	border-radius: 0;
	-webkit-transition: all 0.3s ease-in-out;
	   -moz-transition: all 0.3s ease-in-out;
	    -ms-transition: all 0.3s ease-in-out;
	     -o-transition: all 0.3s ease-in-out;
	        transition: all 0.3s ease-in-out;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus {
	border-bottom: 1px solid #000000;
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
			box-shadow: none;
}

textarea {
	width: 100%;
	height: 82px;
	padding-top: 4px;
    padding-left: 2px;
    margin-bottom: 50px;
}

input[type="checkbox"] {
	display: inline;
}

textarea:-moz-placeholder,
textarea::-moz-placeholder,
input:-moz-placeholder,
input::-moz-placeholder {		
	color: #717779;
	opacity: 1;
}

input:-ms-input-placeholder {
	color: #717779;
}

textarea::-webkit-input-placeholder,
input::-webkit-input-placeholder {
	color: #717779;
	opacity: 1;
}

/* bootstrap resetting elements */
.btn {
	background-image: none;
}

textarea, 
input[type="text"],
input[type="submit"],
input[type="password"], 
input[type="datetime"], 
input[type="datetime-local"], 
input[type="date"], 
input[type="month"], 
input[type="time"], 
input[type="week"], 
input[type="number"], 
input[type="email"], 
input[type="url"], 
input[type="search"], 
input[type="tel"], 
input[type="color"], 
.uneditable-input,
.dropdown-menu,
.navbar .nav > .active > a, 
.navbar .nav > .active > a:hover, 
.navbar .nav > .active > a:focus {
	-webkit-appearance: none;
	text-shadow: none;
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
	     -o-box-shadow: none;
	        box-shadow: none;
	color: #000;
}

h1, h2, h3, h4, h5, h6 { font-family: "Poppins", sans-serif; font-weight: 500; margin-bottom: 20px; color: #2B2E2F;}
h1 { font-size: 36px; line-height: 60px; }
h2 { font-size: 30px; line-height: 45px; }
h3 { font-size: 26px; line-height: 40px; letter-spacing: 0.5px;}
h4 { font-size: 22px; line-height: 25px; letter-spacing: 0.4px;}
h5 { font-size: 18px; line-height: 20px; letter-spacing: 0.3px;}
h6 { font-size: 16px; line-height: 18px; letter-spacing: 0.3px;}

.fontsize14 { font-size: 14px; }
.fontsize15 { font-size: 15px; }
.fontsize16 { font-size: 16px; }
.fontsize17 { font-size: 17px; }
.fontsize18 { font-size: 18px; }
.fontsize19 { font-size: 19px; }
.fontsize20 { font-size: 20px; }
.fontsize22 { font-size: 22px; }
.fontsize24 { font-size: 24px; }
.fontsize36 { font-size: 36px; }
.fontsize48 { font-size: 48px; }

.fontweight300 {font-weight: 300;}
.fontweight500 {font-weight: 500;}
.fontweight600 {font-weight: 600;}
.fontweight700 {font-weight: 700;}

.color2e2f {color: #2b2e2f;}
.color7779 {color: #717779;}
.colora8b0b2 {color: #a8b0b2;}
.colorfff {color: #ffffff;}
.color0f19 { color: #160f19; }
.colorbfd7 { color: #c8412d; }
.color2d2e { color: #242d2e; } 

.float-right { float: right;}
.float-left{ float: left; }

.letter-spacing6 { letter-spacing: 6px; }
.letter-spacing15 { letter-spacing: 1.5px; }
.letter-spacing2_2 { letter-spacing: 2.2px; }
.letter-spacing11 { letter-spacing: 1px; }
.letter-spacing1 { letter-spacing: 0.8px; }
.letter-spacing05 { letter-spacing: 0.5px; }
.letter-spacing035 { letter-spacing: 0.35px; }
.letter-spacing03 { letter-spacing: 0.3px; }
.letter-spacing02 { letter-spacing: 0.2px; }
.letter-spacing01 { letter-spacing: 0.1px; }
.letter-spacing_01 { letter-spacing: -0.1px; }


.margin-bottom-0 { margin-bottom: 0px; }
.margin-bottom-3 { margin-bottom: 3px; }
.margin-bottom-4 { margin-bottom: 4px; }
.margin-bottom-5 { margin-bottom: 5px; }
.margin-bottom-6 { margin-bottom: 6px; }
.margin-bottom-10 { margin-bottom: 10px; }
.margin-bottom-13 { margin-bottom: 13px; }
.margin-bottom-15 { margin-bottom: 15px; }
.margin-bottom-16 { margin-bottom: 16px; }
.margin-bottom-17 { margin-bottom: 17px; }
.margin-bottom-18 { margin-bottom: 18px; }
.margin-bottom-19 { margin-bottom: 19px; }
.margin-bottom-20 { margin-bottom: 20px; }
.margin-bottom-22 { margin-bottom: 22px; }
.margin-bottom-23 { margin-bottom: 23px; }
.margin-bottom-24 { margin-bottom: 24px; }
.margin-bottom-25 { margin-bottom: 25px; }
.margin-bottom-26 { margin-bottom: 26px; }
.margin-bottom-28 { margin-bottom: 28px; }
.margin-bottom-29 { margin-bottom: 29px; }
.margin-bottom-30 { margin-bottom: 30px; }
.margin-bottom-32 { margin-bottom: 32px; }
.margin-bottom-34 { margin-bottom: 34px; }
.margin-bottom-35 { margin-bottom: 35px; }
.margin-bottom-36 { margin-bottom: 36px; }
.margin-bottom-40 { margin-bottom: 40px; }
.margin-bottom-41 { margin-bottom: 41px; }
.margin-bottom-42 { margin-bottom: 42px; }
.margin-bottom-43 { margin-bottom: 43px; }
.margin-bottom-45 { margin-bottom: 45px; }
.margin-bottom-46 { margin-bottom: 46px; }
.margin-bottom-47 { margin-bottom: 47px; }
.margin-bottom-48 { margin-bottom: 48px; }
.margin-bottom-50 { margin-bottom: 50px; }
.margin-bottom-52 { margin-bottom: 52px; }
.margin-bottom-53 { margin-bottom: 53px; }
.margin-bottom-54 { margin-bottom: 54px; }
.margin-bottom-56 { margin-bottom: 56px; }
.margin-bottom-57 { margin-bottom: 57px; }
.margin-bottom-58 { margin-bottom: 58px; }
.margin-bottom-59 { margin-bottom: 59px; }
.margin-bottom-60 { margin-bottom: 60px; }
.margin-bottom-61 { margin-bottom: 61px; }
.margin-bottom-65 { margin-bottom: 65px; }
.margin-bottom-67 { margin-bottom: 67px; }
.margin-bottom-80 { margin-bottom: 80px; }
.margin-bottom-82 { margin-bottom: 82px; }
.margin-bottom-100 { margin-bottom: 100px; }

.margin-top_148 { margin-top: -148px; }
.margin-top_49 { margin-top: -49px; }
.margin-top_26 { margin-top: -26px; }
.margin-top_10 { margin-top: -10px; }
.margin-top-0 { margin-top: 0px; }
.margin-top-3 { margin-top: 3px; }
.margin-top-5 { margin-top: 5px; }
.margin-top-7 { margin-top: 7px; }
.margin-top-8 { margin-top: 8px; }
.margin-top-9 { margin-top: 9px; }
.margin-top-10 { margin-top: 10px; }
.margin-top-14 { margin-top: 14px; }
.margin-top-15 { margin-top: 15px; }
.margin-top-16 { margin-top: 16px; }
.margin-top-20 { margin-top: 20px; }
.margin-top-21 { margin-top: 21px; }
.margin-top-25 { margin-top: 25px; }
.margin-top-30 { margin-top: 30px; }
.margin-top-34 { margin-top: 34px; }
.margin-top-35 { margin-top: 35px; }
.margin-top-40 { margin-top: 40px; }
.margin-top-43 { margin-top: 43px; }
.margin-top-45 { margin-top: 45px; }
.margin-top-49 { margin-top: 49px; }
.margin-top-50 { margin-top: 50px; }
.margin-top-51 { margin-top: 51px; }

.margin-left_19 { margin-left: -19px; }
.margin-left_10 { margin-left: -10px; }
.margin-left_8 { margin-left: -8px!important; }
.margin-left_7 { margin-left: -7px; }
.margin-left_5 { margin-left: -5px; }
.margin-left-2 { margin-left: 2px; }
.margin-left-4 { margin-left: 4px; }
.margin-left-5 { margin-left: 5px; }
.margin-left-6 { margin-left: 6px; }
.margin-left-7 { margin-left: 7px; }
.margin-left-8 { margin-left: 8px; }
.margin-left-12 { margin-left: 12px; }
.margin-left-13 { margin-left: 13px; }
.margin-left-17 { margin-left: 17px; }
.margin-left-21 { margin-left: 21px; }
.margin-left-36 { margin-left: 36px; }
.margin-left-44 { margin-left: 44px; }
.margin-left-47 { margin-left: 47px; }
.margin-left-58 { margin-left: 58px; }

.margin-right-5 { margin-right: 5px; }

.padding-bottom-5 { padding-bottom: 5px; }
.padding-bottom-10 { padding-bottom: 10px; }
.padding-bottom-15 { padding-bottom: 15px; }
.padding-bottom-20 { padding-bottom: 20px; }
.padding-bottom-21 { padding-bottom: 21px; }
.padding-bottom-25 { padding-bottom: 25px; }
.padding-bottom-30 { padding-bottom: 30px; }
.padding-bottom-35 { padding-bottom: 35px; }
.padding-bottom-50 { padding-bottom: 50px; }
.padding-bottom-100 { padding-bottom: 100px; }

.padding-top-5 { padding-top: 5px; }
.padding-top-6 { padding-top: 6px; }
.padding-top-10 { padding-top: 10px; }
.padding-top-14 { padding-top: 14px; }
.padding-top-20 { padding-top: 20px; }
.padding-top-25 { padding-top: 25px; }
.padding-top-40 { padding-top: 40px; }
.padding-top-49 { padding-top: 49px; }
.padding-top-62 { padding-top: 62px; }
.padding-top-102 { padding-top: 102px; }
.padding-top-153 { padding-top: 153px; }

.padding-right-2 {padding-right: 2px;}
.padding-right-7 {padding-right: 7px;}
.padding-right-10 {padding-right: 10px;}
.padding-right-84 {padding-right: 84px;}
.padding-right-93 {padding-right: 93px;}


.padding-left-85 {padding-left: 85px;}
.padding-left-1 {padding-left: 1px;}
.padding-left-2 {padding-left: 2px;}
.padding-left-85 {padding-left: 85px;}
.padding-left-40 {padding-left: 40px;}
.padding-left-45 {padding-left: 45px;}
.padding-left-70 {padding-left: 70px;}
.padding-left-76 {padding-left: 76px;}
.padding-left-78 {padding-left: 78px;}
.padding-left-80 {padding-left: 80px;}
.padding-left-100 {padding-left: 100px;}
.padding-left-117 {padding-left: 117px;}
.padding-leftright-100 { padding: 0px 100px; }

.width50 { width: 50%; }
.width55 { width: 54%; }
.width45 { width: 46%; }

/* Font Oswald
-------------------------------------------------------------- */
.font-oswald { font-family: 'Oswald', sans-serif; font-size: 39px; margin-top: -6px; }
.font-oswald.style2 { margin-top: 0px; }
.title-section.font-oswald .title { font-family: 'Oswald', sans-serif; }   
.title-section.font-oswald .title { font-size: 30px; line-height: 48px; letter-spacing: 6.3px; margin-bottom: 75px;}
.title-section.font-oswald.oswald2 .title { font-size: 51px; font-weight: 400; letter-spacing: 0; margin-bottom: 0px; }
.font-oswald-style2 .title { font-family: 'Oswald', sans-serif; font-size: 52px; letter-spacing: -1.5px; font-weight: 400;}

.font-oswald-sub { margin-left: 19px; }
.font-oswald-style2.font-oswald-sub .title { letter-spacing: -0.5px; margin-bottom: 30px; }
.font-oswald-sub .sub-title { font-size: 24px; }
.font-oswald-footer { 
    font-family: 'Oswald', sans-serif;
    font-weight: 400;
    font-size: 32px;
    margin-bottom: 33px;
}

/* Font Dosis
-------------------------------------------------------------- */
.title-section.font-dosis .title, .iconbox .box-content .box-title.font-dosis, .teammember .content .name.font-dosis,
.post h2.title-post.font-dosis, h1.title-testimonial.font-dosis, .testimonials .name.font-dosis, .title-call-action.font-dosis, .title-footer.font-dosis { font-family: 'Dosis', sans-serif; }
.title-section.font-dosis .title { letter-spacing: 10px; font-weight: 400; margin:0px 0px 16px 12px; }
.iconbox .box-content .box-title.font-dosis { font-weight: 600; letter-spacing: 2px; font-size: 18px!important; }
.teammember .content .name.font-dosis { letter-spacing: 2px; }
.post h2.title-post.title-call-action  { font-weight: 600; letter-spacing: 2.4px!important; margin-bottom: 11px!important; }
.title-call-action.another.font-dosis { letter-spacing: 9.5px; font-weight: 400; margin-bottom: 27px; }
.post h2.title-post.font-dosis { letter-spacing: 3px!important; font-weight: 400; }
h1.title-testimonial.font-dosis { font-weight: 400; letter-spacing: 9.5px; margin-bottom: 23px;}
.testimonials .name.font-dosis { font-size: 18px; letter-spacing: 1.8px!important; }
.blog_column_metro .post h2.title-post.font-dosis { font-size: 30px; }
.title-footer.font-dosis { letter-spacing: 5.8px; margin-bottom: 29px; }

/* Font Cormorant Garamond
-------------------------------------------------------------- */
.testimonials .position.font-cormorant, .title-section.font-cormorant .title, .title-call-action.another.font-cormorant, h1.title-testimonial.font-cormorant, .testimonials .name.font-cormorant, .post h2.title-post.font-cormorant  { font-family: 'Cormorant Garamond', serif; font-weight: 700; letter-spacing: 0; }
.title-section.font-cormorant .title { line-height: 48px; }
/* Font Raleway
-------------------------------------------------------------- */
.font-raleway { font-family: 'Raleway', sans-serif; font-weight: 700; margin-top: 6px; margin-left: -2px; letter-spacing: -0.1px; }
.font-raleway.style2 { margin-top: 0; margin-left: -9px; }

/* Font Roboto
-------------------------------------------------------------- */
.font-roboto { font-family: 'Roboto', sans-serif; font-weight: 700; margin-top: 4px;}

/* Font Lora
-------------------------------------------------------------- */
.post.font-lora .meta-post.style2 li, .post.font-lora h2.title-post {
    font-family: 'Lora', serif;
}

 .post.font-lora h2.title-post {
    font-style: italic;
    letter-spacing: 0!important;
    padding-left: 0!important;
 }

/* Header
-------------------------------------------------------------- */
.header, .header.downscrolled.scroll-head, .header-style2.header-addinfo .container-fluid2, .header .logo, #mainnav > ul > li > a::after, .menu-extra > ul > li > a > span, #mainnav .submenu .list-sub > a::after, #mainnav .submenu, .shopping-cart .subcart, .img-arrow a i, .post .content-post,
.post .content-post .readmore::before, .top-search, #mainnav .submenu > li > a, .mega-menu-sub > li > a, .blog-pagination .flat-pagination li::after,
.post .featured-post img, .overlay-blog, .blog-carousel ul.portfolio-filter > li span, .grid-metro .post .content-post, .header-btn .wrap-menu-extra, .header-btn .nav-flat-wrap,
.post .content-post::after, .blog_carousel_metro .post .content-post::before, .header-style2 .menu-extra > ul > li > a > span, .header.header-style2 .logo,  .blog_carousel_metro.carousel_metro_style2 .post .content-post::before,
.aboutus-viewall .readmore, .aboutus-viewall .readmore::before, .featured-left .post .featured-post a img, .post .content-post::before, .post .content-post .readmore.style2::after, .section-info-cretive ul li, .flat-our-work .viewproject:after,
.flat-add-project, .flat-add-project .add-content, #menu-slider ul li:after, .flat-add-project h2::before,.flat-add-project p,.flat-add-project h2, .style-post-agency .blog_column_metro.grid-metro .post .content-post::before,
.wrap-timeline .flat-timeline h3, .flat-images-hover img, .flat-images-hover .flat-hover-overlay, .flat-images-hover:after, .flat-images-hover:before, .flat-socials a, ul.portfolio-filter.style3 > li a::after,
.flat-socials a i, .flat-video a:before, .flat-video a:after, .blog-shortcode .featured-post a img , .grid-metro > .post > .content-post > a, ul.portfolio-filter > li span, .btn-filter-wrap > li span,
.wrap-timeline .flat-timeline.slick-current, .gallery-item .gallery-link, .nav-footer > ul > li > a::after, .product .product-item a.add-to-cart::before, .product .product-item .price, .product .product-item .product-thumnail img,
.portfolio-shop .info-shop, .portfolio-shop .info-shop span, .go-top:hover i, .portfolio-shop .info-shop h3,.submenu.mega-menu, #mainnav-mobi .mega-menu ul, .testimonials .name, .testimonials .position, .ti-search:before, .tf-gallery #tf-carousel .slides li::before, .tf-gallery #tf-carousel .slides li .info-video, .link-socials li::after,
.planding-isotope .plan-item .box a::before, .planding-isotope .plan-item .box a::after, .planding-isotope .plan-item .box a img, .menu-extra > ul > li a i.ti-shopping-cart   {	
	-webkit-transition: all 0.3s ease-in-out;
	   -moz-transition: all 0.3s ease-in-out;
	    -ms-transition: all 0.3s ease-in-out;
	     -o-transition: all 0.3s ease-in-out;
	        transition: all 0.3s ease-in-out;    
}

.header-wrap, .site-header, #mainnav > ul > li > a, #mainnav ul li, .post, .menu-extra, #subscribe-form, .subscribe-form, .img-arrow a, .post .meta-post li, ul.talk-about li, .flat-video a, .post blockquote, .comments-area ol.comment-list article, .lineyear,
.blog-timeline .post .content-post .meta-post, .flat-add-project, .planding-isotope .plan-item .box, .planding-isotope .plan-item .box a, .flat-add-project h2, .gallery-item, .portfolio-shop, .tf-gallery, .tf-gallery #tf-slider li, .tf-gallery #tf-carousel .slides li {
	position: relative;
}

.post .content-post .readmore, ul.portfolio-filter > li:hover a, ul.portfolio-filter > li.active a, .btn-filter-wrap > li:hover a, .btn-filter-wrap > li.active a, .btn-filter-wrap.color-white li.active a, .btn-filter-wrap.color-white li a:hover, .blog_carousel_metro .post h2.title-post a:hover, .blog_column_metro .post h2.title-post a:hover, .blog_column_metro .post .meta-post.style2 li.life a:hover, .wrap-process .flat-process li.step-by-step h3 a:hover, .wrap-blog-isotope3 ul.portfolio-filter.style3 > li.active a, .wrap-blog-isotope3 ul.portfolio-filter.style3 > li a:hover, .footer.home-shop ul li a:hover, .wrap-partners .flat-partners .content-partners h3 a:hover, ul.portfolio-filter > li span, .btn-filter-wrap > li span, .blog-pagination .flat-pagination li a:hover, .blog-pagination .flat-pagination li.active a, .blog-pagination .flat-pagination li.next:hover:after, .blog-pagination .flat-pagination li.previous:hover:after, .widget.widget-recent-new ul li a, .widget.widget-categories ul li a:hover, .widget.widget-nav-menu ul li.active a, .widget.widget-nav-menu ul li:hover a, .widget.widget-nav-menu ul li.active::before, .widget.widget-nav-menu ul li:hover:before,
.widget-twiter .latest-tweets span.tweet_time a,.nav-social h4, .img-arrow.color-theme a i, .img-arrow a i,  .notification_error,.notification_ok, #subscribe-button:hover, .subscribe-button:hover,  .flat-socials a.skype, .footer-style8 .info-contact .email, .footer-six .info-contact a:hover, label.error, .footer-style .contact-colorb2 input:focus, .footer-style .contact-colorb2 textarea:focus, .copyright h4 , .widget_tweets ul li a:hover, .go-top i, .go-top3 i, .sidebar-shop .widget ul li a:hover, .sidebar-shop .widget ul li.active a, footer a:hover, .go-top3.style2:hover i, .post .meta-data ul li a:hover, .post h2.title-post a:hover, .widget_info .flat-information li a:hover, .blog-box .post .info-author .meta-post.style2 li a:hover, .grid-metro.gird-sidebar .post h2.title-post a:hover, .section-our-services .widget_info .flat-information li a, .section-our-services .widget_info .flat-information li a:hover, .breadcrumbs ul li a:hover, .top span, .header-widget .widgets-header-information .info-icon i, ul.flat-infomation li a:hover, .product .product-item:hover .product-icon, .post .meta-post.style2 li.life a, .post .meta-post.style2 li a:hover, .post blockquote a, .comments-area ol.comment-list article .comment-metadata .date, .comments-area ol.comment-list article .comment-text h5 a:hover, .color-owl2.owl-theme .owl-controls .owl-nav div.owl-prev:hover:before, .color-owl2.owl-theme .owl-controls .owl-nav div.owl-next:hover:before, .blog_carousel_metro.grid-metro.carousel_metro_style2 .post .content-post::after,.section .list-step li i, .section-info-cretive ul.info-team li.position, .info-choose .list-choose li::before, #menu-slider ul li a, .link-gallery a:hover, .footer-gallery .nav-footer > ul > li > a:hover, .wrap-timeline .flat-timeline h3 span, .section ul.contact-info .email, .flat-error .text-error span, .company-our-team .title-section p a, .contact-minimal .info-contact a:hover, .blog_carousel_post .post .content-post .readmore, .img-arrow.style2 a:hover i, .color-nav-gray.owl-theme .owl-controls .owl-nav div.owl-prev:hover:before,
 .color-nav-gray.owl-theme .owl-controls .owl-nav div.owl-next:hover:before, .home-agency-s5 .blog_carousel_post .post .meta-post.style2 li, .wrap-footer .mainnav.color-white > ul > li > a:hover, .aboutus-viewall .readmore, .wrap-filter-blog ul.portfolio-filter > li.active a, .wrap-filter-blog ul.portfolio-filter > li:hover a, .style4_carousel_post .featured-left .post .content-post .readmore, .flat-our-work .viewproject, .blog-metro-section .post .content-post .readmore,
 .section_carousel_post3 .blog_carousel_post .post .content-post .readmore:hover, .product .product-item a.add-to-cart, .testimonials .position.color-theme2, .section-text-box .post .content-post .readmore:hover, .section-text-box .post .content-post .readmore, #mainnav > ul > li:hover > a, #mainnav > ul > li.home > a, .menu-extra > ul > li:hover a i, .menu-extra > ul > li:hover a span, #mainnav .submenu > li:hover > a,
 .header.downscrolled.header-classic #mainnav > ul > li.home > a, .style-white .menu-extra > ul > li.show-search.active:hover a i, .header.downscrolled.header-classic #mainnav > ul > li:hover > a, .downscrolled #mainnav > ul > li.home > a, .downscrolled #mainnav > ul > li:hover > a, .header-btn.downscrolled .btn-menu:hover {
    color: #c8412d;
}

.wrap-partners .flat-partners .content-partners h3 a, table.careers_table thead tr th, ul.portfolio-filter > li a, .btn-filter-wrap > li a, .filte-shop ul.flat-filter-search li a, .blog-pagination .flat-pagination li a, .blog-pagination .flat-pagination li.next::after, .blog-pagination .flat-pagination li.previous::after, .widget .widget-title, .widget.widget-recent-new ul li a:hover, .widget.widget-categories ul li a, .widget.widget-nav-menu ul li a, .sidebar-shop .widget ul li a, .shop_table thead tr th, .shop_table tbody tr td a, .shop_table tbody tr td span, .footer-style8, .footer-style10 .title-footer10, .img-arrow.color-2e2f a i, .header-btn .btn-menu, .wrap-header-bottom p.copy-right ,.wrap-header-bottom .flat-socials a, .wrapper p.text, .menu-extra > ul > li > a, .widget_shopping_cart_content .cart_list .cart-details p,
.shopping-cart .subcart p.total, #mainnav > ul > li > a, .nav-footer > ul > li > a, #mainnav .submenu > li > a, .mega-menu-sub > li > a,.blog-timeline .post .content-post .time-post .day, .blog-box .post .info-author .meta-post.style2 li a, .blog-columnist .post .info-author .meta-post.style2 li a,.wrap-timeline.color-black .flat-timeline h3, .section .list-step li p.color-black, .wrap-timeline.color-black  .slick-prev:hover, .wrap-timeline.color-black  .slick-prev:focus, .wrap-timeline.color-black  .slick-next:hover, .wrap-timeline.color-black  .slick-next:focus, .section ul.contact-info.color-black .phone, .menu-extra.color-white > ul > li.show-search.active > a, .home-architecture-s4.call-action.style2 .btn-action .flat-button, .wrap-process .flat-process li.step-by-step h3 a, .link-gallery a, .product .product-item .price ins, .filte-shop ul.portfolio-filter > li span, .flat-error .text-error p,.home-comming .countdown .square .numb, .home-comming .comming-social span, .main-history .flat-timeline .data-year span.year, .main-history .flat-timeline .data-text h4,
.company-our-team .title-section p a:hover, .style4_carousel_post .featured-left .post .content-post .readmore:hover, .downscrolled .menu-extra > ul > li.show-search.active > a, .downscrolled.header-classic #mainnav > ul > li > a , .downscrolled.header-classic .menu-extra > ul > li > a {
	color: #2b2e2f;
}

.post .content-post .readmore:hover, .aboutus-viewall .readmore:hover, .product .product-item a.add-to-cart:hover  { color: #717779; }
.slider-overflow { overflow: hidden; }

.header .logo {	margin: 45px 0 0 0;	}
.shawdow-header { box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2); }

/*  Header-style2 */
.header-absolute { position: absolute; left: 0; top: 0;	 width: 100%; z-index: 9999; }
.header-absolute.background-white { background-color: #fff; }
.header.header-style2 .logo { margin: 4px 0 0 0; }
.header-style2 #mainnav > ul > li > a { padding: 33px 0px 25px; }
.header-style2 .menu-extra > ul > li > a { padding: 68px 11px 65px; }
.header-style2 .menu-extra > ul > li:last-child > a { padding: 68px 0px 25px 12px; }
.header-style2 .menu-extra > ul > li > a > span { top: 56px; }
.header-style2 .top-search .form-search input { height: 160px; letter-spacing: -0.5px; }
#mainnav.before-colorblack > ul > li > a::after { background-color: #2b2e2f; }
.header-navleft #mainnav > ul { text-align: left; padding-left: 95px; }
.header-navleft.navleft-style2 #mainnav > ul { padding-left: 141px; }
.header-navleft2 #mainnav > ul { padding-left: 17px; }
.header-navleft2 .logo-wrap { width: 16%; }
#mainnav.margin-right-0 > ul > li:last-child > a { margin-right: 0px; }

/* Header Design */
.header-design.header.header-style2 .logo { margin: 30px 0 0 0; }
.header-design.header-btn .btn-menu { margin: 40px 0px 40px 0px; }
.header-design.header-style2 #mainnav > ul > li > a { padding: 40px 0px 40px; }
.header-design.header-style2 #mainnav > ul > li:hover > a:after, .header-design.header-style2 #mainnav > ul > li.home > a:after { bottom: 36px; }
.header-design.header-style2 .menu-extra > ul > li > a { padding: 40px 11px 40px; }
.header-design.header-style2 .menu-extra > ul > li:last-child > a { padding: 40px 0px 40px 12px; }
.header-design.header-style2 .menu-extra > ul > li > a > span { top: 25px; }
.header-design.header-style2 .top-search .form-search input { height: 107px; }

/* color-white */
#mainnav.color-white > ul > li > a, .menu-extra.color-white > ul > li > a, .switcher-container h2 i:hover, .switcher-container h3 , .switcher-container .selector-box, .switcher-container .layout-switcher a.layout:hover,
.flat-socials > a:hover i:last-child, .wrap-footer .mainnav > ul > li > a:hover, .flat-socials.color-white a i, .title-footer.color-white, .button-footer5 .flat-button:hover, .btn-contact-us .flat-button:hover, .wrap-footer .mainnav.color-white > ul > li > a, .widget_tweets ul li a, .grid-metro.gird-sidebar .post h2.title-post a,
.grid-metro .post .content-post .readmore, .post h2.title-post.color-white a, .post .content-post p.color-white, .img-arrow.style2 a i,
.style-white .menu-extra > ul > li:hover a i, .style-white .menu-extra > ul > li:hover a span { color: #ffffff; }
#mainnav.color-white > ul > li > a::after { background-color: #fff; }
.header.downscrolled #mainnav.color-white > ul > li > a::after { background-color: #c8412d; }

.demo-headercolor { background-color: #f8f9f9; }
.demo-header1 { background: url('../images/header/1.jpg'); }
.demo-header2 { background: url('../images/header/2.jpg'); }
.demo-header3 { background: url('../images/header/3.jpg'); }
.demo-header4 { background: url('../images/header/4.jpg'); }
.demo-header5 { background: url('../images/header/5.jpg'); }
.demo-header6 { background: url('../images/header/6.jpg'); }
.demo-header7 { background: url('../images/header/7.jpg'); }
.demo-header8 { background: url('../images/header/8.jpg'); }
.demo-header9 { background: url('../images/header/9.jpg'); }
.demo-header10 { background: url('../images/header/10.jpg'); }
.demo-header11 { background: url('../images/header/11.jpg'); }

/*  Header Button */
.header-btn .btn-menu { margin: 67px 0px 65px 0px; font-size: 24px; display: block; }
.header-btn .wrap-menu-extra { position: absolute; right: 90px; width: 100%; opacity: 0; visibility: hidden; filter: alpha(opacity=0); }
.header-btn .nav-flat-wrap #mainnav > ul { text-align: left; }
.header-btn .nav-flat-wrap { display: inline-block; position: absolute; opacity: 0; width: 50%; right: 29%; visibility: hidden; filter: alpha(opacity=0); } 
.header-btn .btn-menu.active ~ .wrap-menu-extra, .header-btn .btn-menu.active ~ .nav-flat-wrap, .headernav-show .nav-flat-wrap { opacity: 1; visibility: visible; filter: alpha(opacity =100);}
.header-btn .btn-menu.active ~ .nav-flat-wrap { right: 30%;}
.btn-menu.active .ti-align-right:before { content: "\e646";}

/* Headernav Show */
.headernav-show.header-btn .nav-flat-wrap { right: 4%; width: 37%; padding-left: 15px; }
.headernav-show.header-btn .btn-menu.active ~ .nav-flat-wrap { right: 3.5%; }
.headernav-show.header-btn .btn-menu.active ~ .nav-flat-wrap { opacity: 0; visibility: hidden; filter: alpha(opacity=0);}
.headernav-show .btn-menu .ti-align-right:before { content: "\e6c1";}
.headernav-show .btn-menu.active .ti-align-right:before { content: "\e646";}

/*  HeaderStyle Nav */
.headerstyle-nav #mainnav .submenu { left: -172px; }
.headerstyle-nav #mainnav .submenu.mega-menu, .headernav-show #mainnav .submenu.mega-menu.left-style2 { left: -850px; }
.headerstyle-nav #mainnav .submenu li ul { left: 230px; }
.header-style5 .nav-flat-wrap { width: 80%; }

/* headerwidth 1170 */
.header-style2.headerwidth-1170 #mainnav > ul > li > a { padding: 61px 0px 72px;}
.header-style2.headerwidth-1170 #mainnav > ul > li:hover > a:after, .header-style2.headerwidth-1170 #mainnav > ul > li.home > a:after { bottom: 68px; }

/* Header-addSocial */
.header-addsocial .nav-flat-wrap { width: 45%; }
.header-addsocial .wrap-social { float: right; width: 25%; }
.header-addsocial .logo-wrap { width: 16%;}
.header-addsocial .wrap-menu-extra { width: 11%; }
.header-addsocial  .flat-socials > a:hover > i:first-child { margin-top: -32px; }
.header-addsocial .flat-socials a:nth-child(3) { margin-left: 13px; }
.header-addsocial .menu-extra > ul > li:last-child > a { padding: 48px 0px 43px 12px; }
.header-addsocial .menu-extra > ul > li > a { padding: 49px 11px 43px; }
.header-addsocial .menu-extra > ul > li > a > span {top: 35px;}
.header-addsocial .flat-socials a { font-size: 18px; color: #160f19; margin-left: 11px; margin-right: -6px; width: 35px; height: 35px; }

.menu-extra.extra-line::before { left: 30%; height: 40px; top: 40px; }

/* Header Addtop */
.top { padding: 11px 10px 13px; font-size: 14px;}
.top, .wrap-iconbox-shop, .box-top {  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1); }
.box-top .top { box-shadow: none; }
ul.top-infomation li { display: inline-block; padding-left: 24px;}
.header-addtop .logo-wrap { float: none; width: 100%; }
.header-addtop .wrap-menu-extra { width: 10%;}
.header-addtop .menu-extra > ul > li:last-child > a { padding: 63px 0px 15px 0px;}
.header-addtop .menu-extra > ul > li > a > span { left: 7px;top: 53px;}
.header-addtop .wrap-menu-extra.float-left { float: left;}
.header-addtop .nav-flat-wrap { width: 80%;}
.header-addtop .nav-flat-wrap #mainnav > ul { text-align: center;}
.header-addtop #mainnav > ul > li > a { padding: 61px 0px 17px; }
.header-addtop #mainnav > ul > li:hover > a:after, .header-addtop #mainnav > ul > li.home > a:after { bottom: 13px; }
.header-addtop .shopping-cart:hover .subcart, .header-addtop #mainnav ul li:hover > .submenu { top: 100%;}

/* Header widget */
.top-header { padding: 32px 0px 20px; }
.top-header .logo-wrap { width: 35%; }
.top-header .header-widget { width: 50%; }
.top-header .wrap-social { width: 15%; }
.widgets-header-information { padding-left: 41px; }
.header-widget .widgets-header-information:last-of-type { padding-left: 49px; }
.header-widget .widgets-header-information .info-icon i { float: left; border-radius: 50%; margin-right: 17px; margin-top: 8px; font-size: 18px; text-align: center; line-height: 40px;}
.header-widget .widgets-header-information .info-icon .content { overflow: hidden;line-height: 29px;font-size: 14px;}
.header-widget .widgets-header-information .info-icon .content .widget-number {font-size: 18px;letter-spacing: 0.8px;}
.header-widget .widgets-header-information:last-of-type .info-icon i { margin-right: 19px; }
.header-widget .widgets-header-information:last-of-type .info-icon .content { line-height: 30px;}   
.header-widget .widgets-header-information .info-icon i, .top-header .flat-socials a { width: 40px; height: 40px; border: 1px solid #ebebeb;} 
.top-header .flat-socials a { margin: 8px 0px 0px 5px; }
.top-header .flat-socials a:nth-child(3) { margin-left: 5px;}
.top-header .flat-socials a i { line-height: 40px;}
.top-header .flat-socials > a:hover > i:first-child { margin-top: -40px; }

/* Header-addtop*/
.header-navhead { background-color: rgba(255, 255, 255, 0.2)}
.header-absolute.style2 { top: 120px; }
.header-addtop.header-navhead .nav-flat-wrap #mainnav > ul { text-align: left;}
.header-addtop.header-navhead #mainnav > ul > li > a { padding: 16px 0px 19px;}
.header-addtop.header-navhead .menu-extra > ul > li:last-child > a  { padding: 19px 0px 16px 0px; }
.header-navhead .menu-extra > ul > li > a { padding: 19px 23px 16px; }
.header-addtop.header-navhead .menu-extra > ul > li > a > span { top: 8px;}
.header-addtop.header-navhead #mainnav > ul > li:hover > a:after, .header-addtop.header-navhead #mainnav > ul > li.home > a:after { bottom: 15px;}
.header-navhead .top-search {right: 0; width: 100%;}
.header-navhead .top-search .form-search input { height: 63px; font-size: 30px;}

/* Header-addinfo */
.header-addinfo .nav-flat-wrap { width: 69%; padding: 39px 10px 0px 0px;}
.header-addinfo .wrap-menu-extra { width: 11%; }
.container-fluid2 { padding: 2.5% 2.2% 0% 2.1%; }
.container-fluid2 .header-wrap { background: rgba(255, 255, 255, 0.1); padding: 0 2.8%;}
.header.header-addinfo .logo {margin-top: 56px;}
.header-style2.header-addinfo #mainnav > ul > li > a { padding: 18px 0px 28px;}
.header-addinfo #mainnav > ul > li:last-child > a { margin-right: 0px; }
.header-addinfo.header-style2 .menu-extra > ul > li > a { padding: 58px 0px 55px; }
.header-addinfo.header-style2 .menu-extra > ul > li:last-child > a { padding: 58px 0px 55px 24px;}
.header-addinfo.header-style2 #mainnav > ul > li:hover > a:after, .header-addinfo.header-style2 #mainnav > ul > li.home > a:after { bottom: 24px;}
.header-addinfo.header-style2 .menu-extra > ul > li > a > span { top: 46px; left: 30px; }
.header-addinfo .menu-extra.extra-line::before { left: 27%; height: 63px; top: 43px; }
.header-addinfo .shopping-cart:hover .subcart,.header-addinfo  #mainnav ul li:hover > .submenu {top: 100%;}
.header-addinfo #mainnav .submenu.mega-menu.left-style2 { left: -700%; }
.header-addinfo .top-search, .background-violet .top-search {right: 0; width: 100%;}
.header-addinfo.header-style2.header .top-search .form-search input { height: 140px; }

/* Header background-violet */
.header .background-violet { padding: 0px 4.05% 0px 3.9%;}
.background-violet .nav-flat-wrap {padding-left: 104px;}
.background-violet #mainnav > ul { text-align: left; }

/* Header Sidebar*/
.site-headerbar { padding: 80px 0px;}
.header-sidebar #mainnav > ul > li { display: block; text-align: left;}
.header-sidebar #mainnav > ul > li > a { margin: 0; padding: 16px 0px 17px;}
.header-sidebar #mainnav > ul > li:hover > a:after,.header-sidebar #mainnav > ul > li.home > a:after { bottom: 13px; }
.header-sidebar #mainnav .submenu.mega-menu { left: 0; }
.wrapper p.text { font-size: 14px; line-height: 24px; margin-bottom: 52px; }
.wrap-header-bottom .flat-socials { margin-left: -6px; margin-bottom: 9px; }
.wrap-header-bottom .flat-socials a { margin-left: 0; margin-right: 3px; font-size: 18px; }
.wrap-header-bottom .flat-socials a:nth-child(3) { margin-left: 0; }
.wrap-header-bottom p.copy-right { font-size: 14px;}

/* Flat Infomation */
ul.flat-infomation li { position: relative; display: inline-block; font-family: 'Oswald', sans-serif; text-transform: uppercase; font-size: 16px; font-weight: 400; letter-spacing: 1.2px; padding-right: 14px; margin-right: 9px; }
ul.flat-infomation li, ul.flat-infomation li a { color: #fff; }
ul.flat-infomation li:last-child {margin-right: 0; padding-right: 0;}
ul.flat-infomation li:last-child::before { content: none;}
ul.flat-infomation li::before { position: absolute; right: 0; top: 5px; content: ""; width: 2px; height: 16px; background-color: #fff; }

/* Header Fix */
.header.downscrolled {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
    opacity: 1;
    background-color: rgba(18, 48, 70, 1);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.header.header-style2.downscrolled .logo { margin: 5px 0 0 0; } 
.header-style2.downscrolled #mainnav > ul > li > a { padding: 27px 0px 38px; } 
.downscrolled #mainnav > ul > li > a, .downscrolled .menu-extra > ul > li > a, .header-btn.downscrolled .btn-menu, .header-addsocial.downscrolled .flat-socials a { color: #fff; } 
.downscrolled #mainnav.before-colorblack > ul > li > a::after { background-color: #fff;  } 
.header-style2.downscrolled #mainnav > ul > li:hover > a:after,
.header-style2.downscrolled #mainnav > ul > li.home > a:after { bottom: 33px; } 
.header-style2.downscrolled .menu-extra > ul > li > a { padding: 52px 11px 33px; } 
.header-style2.downscrolled .menu-extra > ul > li:last-child > a { padding: 52px 0px 33px 12px; } 
.header-style2.downscrolled .menu-extra > ul > li > a > span { top: 38px; } 
.header-style2.downscrolled .top-search .form-search input { height: 112px; } 
.header-btn.downscrolled .btn-menu { margin: 43px 0px 42px 0px; } 

/* Style2 */
.header.downscrolled.header-classic { background-color: rgba(255, 255, 255, 0.9); }
.header.downscrolled.header-classic .logo { margin: 38px 0 0 0; }
.header.downscrolled.header-classic #mainnav > ul > li > a { padding: 37px 0px 25px; }

.downscrolled.header-classic .menu-extra > ul > li > a { padding: 49px 11px 36px; }
.downscrolled.header-classic .menu-extra > ul > li:last-child > a { padding: 49px 0px 15px 12px; }
.downscrolled.header-classic .menu-extra > ul > li > a > span { top: 37px; }
.downscrolled.header-classic .top-search .form-search input { height: 112px; }


/* shopping-cart
-------------------------------------------------------------- */
.shopping-cart:hover .subcart, #mainnav ul li:hover > .submenu {
    top: 100%;
    visibility: visible;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    box-shadow: 0px 20px 46px 0px rgba(0, 0, 0, 0.15); 
}

.shopping-cart .subcart {
    position: absolute;
    width: 370px;
    right: 0;
    top: 130%;
    background-color: #ffffff;
    padding: 40px 30px 20px 30px;
    z-index: 5;
    text-align: left;
    visibility: hidden;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
}

.shopping-cart .subcart ul.cart_list.product_list_widget {
	border-bottom: 1px solid #e9e9e9;
	margin-bottom: 35px;
}

.widget_shopping_cart_content .cart_list li {
    display: inline-block;
    width: 100%;
}

.widget_shopping_cart_content .cart_list .product-img  {
    max-width: 75px;
    height: auto;
    margin-right: 18px;
    float: left;
}

.widget_shopping_cart_content .cart_list .cart-details p {
    font-size: 18px;
    font-weight: 300;
    margin-bottom: 4px;
}

.widget_shopping_cart_content .cart_list .cart-details .name-product {
	font-size: 16px;
	font-weight: 300;
}

.widget_shopping_cart_content .cart_list li .remove {
	position: relative;
    width: 16px;
    height: 20px;
    float: right;
}

.widget_shopping_cart_content .cart_list li .remove::before,
.widget_shopping_cart_content .cart_list li .remove::after {
	position: absolute;
	top: 1px;
	left: 2px;
	content: "";
	background-color: #2b2e2f;
	width: 15px;
	height: 1px;
	-webkit-transform: rotate3d(0, 0, 1, 45deg);
	   -moz-transform: rotate3d(0, 0, 1, 45deg);
	    -ms-transform: rotate3d(0, 0, 1, 45deg);
	     -o-transform: rotate3d(0, 0, 1, 45deg);
	        transform: rotate3d(0, 0, 1, 45deg);
}

.widget_shopping_cart_content .cart_list li .remove::after {
	-webkit-transform: rotate3d(0, 0, 1, -45deg);
	   -moz-transform: rotate3d(0, 0, 1, -45deg);
	    -ms-transform: rotate3d(0, 0, 1, -45deg);
	     -o-transform: rotate3d(0, 0, 1, -45deg);
	        transform: rotate3d(0, 0, 1, -45deg);
}

.shopping-cart .subcart p.total {
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0.75px;
    margin-bottom: 33px;
}

.shopping-cart .subcart p.total .amount {
	float: right;
	font-size: 18px;
	padding-right: 1px;
}

.shopping-cart .subcart .flat-button {
	width: 100%;
    border: 2px solid #c8412d;
    padding: 16px 100px 15px 100px;
    margin-bottom: 18px;
}

/* Navigation */
.logo-wrap {
	float: left;
	width: 20%;
}

.wrap-menu-extra {
	float: right;
	width: 16.8%;
}

.text-right {
	text-align: right;
}

.nav-flat-wrap {
	float: left;
	width: 63.2%;
}

#mainnav > ul, .nav-footer > ul {
	text-align: right;
}

#mainnav ul, .nav-footer ul {
   list-style: none;
   margin: 0;
   padding: 0;
}

#mainnav > ul > li,
.nav-footer > ul > li,
.menu-extra > ul > li {
   display: inline-block;
   position: relative;   
}

#mainnav > ul > li > a,
.nav-footer > ul > li > a {
position: relative;
display: inline-block;
font-size: 14.5px;
font-weight: 500;
padding: 41px 0px 25px;
margin: 0 8px 0 8px;
}

#mainnav > ul > li:last-child > a,
.nav-footer > ul > li:last-child > a {
	margin-right: 3px;
}

#mainnav > ul > li:first-child > a, .nav-footer > ul > li:first-child > a {
	margin-left: 0;
}

#mainnav > ul > li > a::after, .nav-footer > ul > li > a::after {
	position: absolute;
	right: 0;
	bottom: 11px;
	width: 100%;
	height: 2px;
	content: "";
	background-color: #c8412d;
	opacity: 0;
	visibility: hidden;
}

#mainnav > ul > li.constraint-after > a::after { content: none; }

#mainnav > ul > li:hover > a:after,
#mainnav > ul > li.home > a:after,
.nav-social .nav-footer > ul > li:hover > a:after, .nav-social .nav-footer > ul > li.home > a:after {
   opacity: 1;
   visibility: visible;
   bottom: 21px;
}

/* submenu */
#mainnav .submenu {
	text-align: left;
   	position: absolute;
   	left: 28px;
   	top: 120%;
   	width: 270px;
   	background-color: #fff;
   	z-index: 99999;
   	padding: 29px 0px 27px 40px;
    filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
   	  filter: alpha(opacity=0);
     opacity: 0;  
   visibility: hidden;
}

#mainnav .submenu.mega-menu {
	width: 1170px;
	left: -240%;
	padding: 0;
}

#mainnav .submenu.mega-menu.left-style2 {
	left: -400%;
}

#mainnav .flat-mega-memu {
    overflow: hidden;
    padding: 29px 0px 27px;
}

#mainnav .mega-menu-sub {
    float: left;
    width: 25%;
    padding-left: 38px;
    border-right: 1px solid #e9e9e9;
}

#mainnav .mega-menu-sub:last-child {
	border-right: none;
}

#mainnav .submenu .list-sub > a::after {
	position: absolute;
	right: 19px;
	top: 0;
	content: "\f105";
	font-family: "FontAwesome";
}

#mainnav .submenu .list-sub:hover > a::after {
	right: 10px;
}

#mainnav .submenu .list-sub.list-sub-right:hover > a::after {
	content: "\f104";
}

/* Right sub-menu */
#mainnav .right-sub-menu {
    left: -310px!important;
    right: 0;
}


#mainnav ul li ul li {
   margin-left: 0;
}

#mainnav .submenu li ul {
   position: absolute;
   left: 230px;
   top: -29px !important;
}

#mainnav .submenu > li > a,
.mega-menu-sub > li > a {
    display: block;    
    font-size: 16px;
    font-weight: 300;
    line-height: 36px;
}

/* Mobile navigation
---------------------------------------- */
#mainnav-mobi {
   	display: block;
   	margin: 0 auto;
   	width: 100%;
   	position: absolute;
   	background-color: #123046;
   	z-index: 1000;
}

#mainnav-mobi ul {
   	display: block;
   	list-style: none;
   	margin: 0;
   	padding: 0;
}

#mainnav-mobi ul li {
   	margin:0;
   	position: relative;
   	text-align: left;
   	border-top: 1px solid #082941;
   	cursor: pointer
}

#mainnav-mobi ul > li > a {
   	text-decoration: none;
   	height: 50px;
   	line-height: 50px;
   	padding: 0 15px;
   	color: #fff;
}

#mainnav-mobi ul.sub-menu {
   	top: 100%;
   	left: 0;
   	z-index: 2000;
   	position: relative;
   	background-color: #333333;
}

#mainnav-mobi > ul > li > ul > li,
#mainnav-mobi > ul > li > ul > li > ul > li {
   	position: relative;
   	border-top: 1px solid #082941;
   	padding-left: 15px;
}

#mainnav-mobi > ul > li > ul > li > ul > li a {
   	padding-left: 45px !important
}

#mainnav-mobi ul.sub-menu > li > a {
   	display: block;
   	text-decoration: none;
   	padding: 0 60px;
   	border-top-color: rgba(255,255,255,.1);
	-webkit-transition: all 0.2s ease-out;
	   -moz-transition: all 0.2s ease-out;
	     -o-transition: all 0.2s ease-out;
	        transition: all 0.2s ease-out;
}

#mainnav-mobi > ul > li > ul > li:first-child a {
	border-top: none;
}

#mainnav-mobi ul.sub-menu > li > a:hover,
#mainnav-mobi > ul > li > ul > li.active > a {
	color: #fff;
}

/* Button menu mobile */
.btn-menu {
	display: none;
	position: relative;
	background: transparent;
	cursor: pointer;
	margin: 42px 0;
	float: right;
    margin-right: 15px;
    -webkit-transition: all ease .238s;
       -moz-transition: all ease .238s;
            transition: all ease .238s;
}

.btn-menu.color-white { color: #ffffff; }

.btn-submenu {
   position: absolute;
   right: 20px;
   top: 0;
   font: 20px/50px 'FontAwesome';
   text-align: center;
   cursor: pointer;
   width: 70px;
   height: 44px;
}

.btn-submenu:before {
   content: "\f107";
   color: #fff;
}

.btn-submenu.active:before {
   content: "\f106"
}

.btn-menu {
   display: none 
}

/* Breadcrumbs
-------------------------------------------------------------- */
.breadcrumbs {
	margin-bottom: 6px;
	text-align: center;
}

.breadcrumbs ul li {
	display: inline-block;	
	font-size: 18px;
	color: #fff;
	font-weight: 300;
}

.breadcrumbs ul li a {
	color: #fff;
}

.page-title-heading .title
{
    font-size: 48px;
    font-weight: 600;
    line-height: 60px;
    color: #fff;
    text-align: center;
    letter-spacing: 0.8px;
    margin-left: 2px;
    margin-bottom: 0;
    padding-top: 20px;
    padding-bottom: 22px;
}

/* Blog
-------------------------------------------------------------- */
.post .featured-post, .gird-sidebar.grid-three .post .featured-post {
	margin-bottom: 22px;
}

.post .meta-data {
    overflow: hidden;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 21px;	
    margin-bottom: 32px;
}

.post h2.title-post {
	font-weight: 500;
	font-size: 36px;
	letter-spacing: 0.5px;	
	padding-left: 1px;
}

.post h2.title-post.fontsize30 { font-size: 30px; }
.post h2.title-post.fontsize24 { font-size: 24px; }

.post h2.title-post a {
	color: #160f19;
}

.post .content-post p {
	margin-bottom: 25px;
}

.post .meta-data ul li {
	position: relative;
	display: inline-block;
	font-size: 14px;
	font-weight: 300;
}

.post .meta-data ul li a, .post .meta-data ul li {
	color: #717779;
}

.post .meta-data ul.meta-comment li {
    padding-left: 24px;
    padding-right: 0;
    margin-right: 25px;
}

.post .meta-data ul.meta-comment li:last-child {
    margin-right: 0;
}

.post .meta-data ul.meta-comment li::before,.flat-our-work .viewproject::after, .blog_carousel_post .post .content-post .readmore::after, .style4_carousel_post .featured-left .post .content-post .readmore::after, .info-choose .list-choose li::before,
.blog-metro-section .post .content-post .readmore::after {
    position: absolute;
    left: 0;
    top: 0;
    content: "\f02b";
    font-family: 'FontAwesome';
}

.blog_carousel_post .post .content-post .readmore.style2::after { content: "\f178"; }
.blog_carousel_post .post .content-post .readmore.style2::after { left: 85%; }
.blog_carousel_post .post .content-post .readmore.style2:hover:after { left: 90%; }

.post .meta-data ul.meta-comment li.comment::before {
    content: "\f0e6";
}

.post .content-post .readmore, .aboutus-viewall .readmore, .flat-our-work .viewproject {
    position: relative;
    padding-left: 2px;
    letter-spacing: 0.3px;
    font-size: 16px;
}

.post .content-post .readmore::before, .aboutus-viewall .readmore::before, .aboutus-viewall::before, .product .product-item a.add-to-cart::before {
	position: absolute;
	left: 0;
	bottom: 1px;
	width: 100%;
	height: 1px;
	content: "";
	background-color: #c8412d;
}

.post .content-post .readmore:hover:before, .aboutus-viewall .readmore:hover:before, .product .product-item a.add-to-cart:hover:before { width: 0; }

.post .meta-post.style2.color-theme li ,.post .content-post .readmore, .aboutus-viewall .readmore, .testimonials .position.color-theme, .product .product-item a.add-to-cart {
	margin-bottom: 0;
}

/* Blog Single
-------------------------------------------------------------- */
.blog-detail .featured-post {
	margin-bottom: 30px;
}

.blog-detail .post h2.title-post {
	letter-spacing: 0.35px;
	margin-bottom: 19px;
	color: #242d2e;
}

.blog-detail .post .content-post p {
	margin-bottom: 22px;
}

.blog-detail .post .content-post p:last-of-type {
	margin-bottom: 0;
}

.post .meta-post.style2 li::after, ul.talk-about li::before, .flat-video a:before, .flat-video a:after, .post blockquote::before  {
	position: absolute;
	content: "";
	top: 6px;
}

.post .meta-post.style2 li {
	display: inline-block;
	padding-right: 7px;
	margin-right: 1px;
}

.post .meta-post.style2 li, .post .meta-post.style2 li a {
	color: #a8b0b2;
}

.post .meta-post.style2 li:nth-child(2) {
	padding-right: 14px;
}

.post .meta-post.style2 li::after {
    right: 0;
    width: 2px;
    height: 15px;
    background: #a8b0b2;
}

.post .meta-post.style2 li:last-child {
	margin-right: 0;
	padding-right: 0;
}

.post .meta-post.style2 li:last-child:after {content: none;} 

ul.talk-about li {
    line-height: 36px;
    padding-left: 27px;
}

ul.talk-about li::before {
	content: "\f00c";
	font-family: "FontAwesome";
	top: 0;
	left: 0;
	font-size: 14px;
}

.flat-video a:before {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 2px solid #fff;
    top: 50%;
    margin-top: -24px;
    right: 46%;
    margin-right: -2px;
    z-index: 2;
}

.flat-video a:after {
    font-family: "FontAwesome";
    content: "\f04b";
    font-size: 20px;
    color: #ffffff;
    top: 50%;
    right: 50%;
    margin-top: -11px;
    margin-right: -10px;
    z-index: 3;
}

.flat-video a:hover:before, .flat-video.style2 a:before {
	background-color: #c8412d;
	border-color: #c8412d;
}

.flat-video.style2 a:hover:before {
	border: 2px solid #fff;
	background-color: transparent;
}


.post .entry h6 {
	font-weight: 500;
	color: #242d2e;
	line-height: 30px;
}

.post .entry h6.title-entry-list {
	font-size: 24px;
}

.post blockquote {
    line-height: 30px;
    font-size: 20px;
    margin-bottom: 59px;
    font-family: 'Lora', serif;
    font-style: italic;
    padding: 53px 40px 30px 49px;
    border: 1px solid #e5e5e5;
}

.post blockquote a { 
	font-size: 14px;
	font-weight: 300;
}

.post blockquote .name-author {
	font-size: 22px;
	margin-bottom: 0;
	margin-top: 30px;
}

.post blockquote .name-author, .post blockquote a {
    font-style: normal;
    font-family: "Poppins", sans-serif;
}

.post blockquote::before {
	font-family: "FontAwesome";
	content: "\f10e";
	font-size: 36px;
	color: #f3f3f4;
	z-index: -1;
	left: 50px;
	top: 40px;
}

/* Direction */
.direction .widget.widget-tags {
	margin: 0;
}

.direction .widget.widget-tags .tags-list a {
	margin-bottom: 0;
    padding: 0px 9px 0px 10px;
    font-size: 12px;
    letter-spacing: 1.45px;
}

.direction .widget.widget-tags .tags-list a.link2 {
	padding: 0px 27px 0px 28px;
    letter-spacing: 1px;
}

.direction .widget.widget-tags .tags-list a.link3 {
	padding: 0px 23px 0px 24px;
}

.direction .flat-socials a {
	margin-left: 15px;
}

.direction .flat-socials a:nth-child(3) {
    margin-left: 13px;
}

/* Comment List */
.comment-list ol.children {
	margin-left: 100px;
}

.comments-area .comments-title {
	border-top: 1px solid #e9e9e9;
	line-height: 30px;
	color: #242d2e;
    font-size: 24px;
    padding-top: 57px;
    letter-spacing: 0.2px;
    margin-bottom: 33px;
    font-weight: 500;
}

.comments-area ol.comment-list {
	padding: 0;
	margin: 0;
	list-style: none;
}

.comments-area ol.comment-list article .comment-author {
	float: left;
	margin-right: 30px;
	padding-right: 30px;
	height: 98px;
	border-right: 1px solid #e9e9e9;
}

.comments-area ol.comment-list article .comment_content .comment_meta {
	margin-bottom: 20px;
}

.comments-area ol.comment-list article .comment-text {
	padding-bottom: 29px;
}

.comments-area ol.comment-list .comment.odd .comment-text {
	padding-bottom: 30px;
}

.comments-area ol.comment-list .comment-metadata, .comments-area ol.comment-list article .comment-text {
	overflow: hidden;
}

.comments-area .comment-list .comment-metadata .comment-info {
    float: left;
    margin-top: -9px;
}

.comments-area ol.comment-list .comment.event .comment-text .comment-reply {
    float: right;
    margin-top: 3px;
}

.comments-area ol.comment-list .comment.odd .comment-text .comment-reply {
	margin-top: 6px;
}

.comments-area ol.comment-list article .comment-text .comment-reply .flat-button {
	padding: 8px 21px 7px 28px;
}

.comments-area ol.comment-list article .comment-text h5 {	
    font-size: 18px;
    line-height: 23px;
    padding-top: 4px;
    letter-spacing: 0.1px;
    font-weight: 500;
}

.comments-area ol.comment-list article .comment-text h5 a {
	color: #242d2e;
}

.comments-area ol.comment-list article .comment_text {
	padding-bottom: 37px;
	overflow: hidden;
}

.comments-area ol.comment-list article .comment-metadata .date {	
    font-size: 14px;
    letter-spacing: 0.2px;   
}

/* Comment form */
.comment-respond .comment-reply-title {
	margin-top: 11px;
    margin-bottom: 9px;
    font-size: 24px;
    color: #242D2E;
    letter-spacing: 0.2px;
    font-weight: 500;
}

.comment-respond .comment-notes,
.comment-respond .comment-form-email,
.comment-respond .comment-form-url {
	width: 31.5%;
	float: left;
	margin-right: 2.75%;
}

.comment-respond .comment-form-url {
	margin-right: 0;
}

.comment-respond .form-submit .flat-button {
	padding: 18px 37px 17px 41px;
}

/* Blog Detail Sidebar
-------------------------------------------------------------- */
.detail-sidebar .post h2.title-post {
	line-height: 48px;
	margin-bottom: 17px;
}

.detail-sidebar .post .flat-video a:before {
	right: 45%;
}

.detail-sidebar .post blockquote {
    margin-bottom: 96px;
    padding: 40px 40px 31px 49px;
}

.detail-sidebar .comment-respond .comment-notes, .detail-sidebar .comment-respond .comment-form-email,.detail-sidebar .comment-respond .comment-form-url {
	width: 100%;
	margin-right: 0;
}

.detail-sidebar .comment-form input {
	margin-bottom: 10px;
}

.detail-sidebar .comment-form textarea {
    height: 92px;
    padding-top: 14px;
    margin-bottom: 52px;
}

/* Blog Grid Sidebar
-------------------------------------------------------------- */
.blog-shortcode {
	position: relative;	
	margin: 0px -15px;
}

.blog-shortcode .post .featured-post a, .section_carousel_post4 .featured-left .post .featured-post a,
.wrap-blog-carousel .post .featured-post a, .blog-posts .post .featured-post a, .blog_carousel_post .post .featured-post a, .product .product-item .product-thumnail {
	display: block;
	background-color: #fff;
} 

.blog-shortcode .featured-post a:hover img, .featured-left .post .featured-post a:hover img, .featured-right .post .featured-post a:hover img,
.wrap-blog-carousel .featured-post a:hover img, .blog-posts .post .featured-post a:hover img, .blog_carousel_post .post .featured-post a:hover img, .product .product-item:hover .product-thumnail img {
	opacity: 0.8;
}

.gird-sidebar article.post {
	float: left;	
	width: 50%;
	margin-bottom: 37px;
	padding: 0px 15px;
}

.gird-sidebar .post .featured-post {
	margin-bottom: 24px;
}

.gird-sidebar .post ul.meta-post.style2 {
	margin-bottom: 5px;
}

.gird-sidebar .post h2.title-post, .blog_carousel_post .post h2.title-post {
    font-size: 21px;
    line-height: 30px;
    letter-spacing: 0.5px;
    margin-bottom: 11px;
}

.gird-sidebar .post .content-post p {
    margin-bottom: 21px;
}

.gird-sidebar .post .content-post .readmore {
	padding-left: 1px;
}

/* Blog Two Column
-------------------------------------------------------------- */
.gird-sidebar.grid-two article.post {
	margin-bottom: 45px;
}

.grid-two .post h2.title-post {
    font-size: 30px;
    line-height: 36px;
    margin-bottom: 10px;
}

.grid-two .post ul.meta-post.style2 {
    margin-bottom: 12px;
}

/* Blog Three Column
-------------------------------------------------------------- */
.grid-three.gird-sidebar article.post {
	width: 33.33%;
}

/* Blog Four Column
-------------------------------------------------------------- */
.grid-four.gird-sidebar article.post {
	width: 25%;
}

.grid-four.gird-sidebar .post .featured-post {
    margin-bottom: 11px;
}

.grid-four.gird-sidebar .post ul.meta-post.style2 {
    margin-bottom: 3px;
}

.grid-four .post .meta-post.style2 li {
	font-size: 12px;
	padding-right: 5px;
    margin-right: 0px;
}

.grid-four .post .meta-post.style2 li::after {
    width: 1px;
    height: 11px;
    top: 8px;
}

.grid-four .post .meta-post.style2 li:nth-child(2) {
    padding-right: 10px;
}

.grid-four.gird-sidebar .post h2.title-post {
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 0.1px;
    margin-bottom: 23px;
}

/* Blog TimeLine
-------------------------------------------------------------- */
.year-timeline {
    text-align: center;  
}

.year-timeline .flat-button {
	font-size: 16px;	
	padding: 12px 35px 11px 40px;
}

.year-timeline.fontsize13 .flat-button {
	font-size: 13px;
	padding: 14px 32px 13px 36px;
}

.lineyear:after, .blog-timeline .post .content-post .meta-post:after, .extra-line::before {
	position: absolute;
	left: 50%;
	top: 0;
	content: "";
	width: 1px;
	height: 2630px;
	background-color: #ebebeb;
}

.blog-timeline .post .featured-post, .blog-timeline .post .content-post {
    float: left;
    width: 50%;
    margin-bottom: 0;
}

.blog-timeline .post .content-post .time-post .year-month,
.blog-timeline .post .content-post .time-post {
	overflow: hidden;

}

.blog-timeline .post .content-post .time-post {
	margin: 21px 0px 22px -2px;
}

.blog-timeline .post .content-post .meta-post:after {
	left: -100%;
    height: 1px;
    width: 200%;
    z-index: -1;
}

.blog-timeline .post .content-post .time-post .day {
    float: left;
    line-height: 50px;
    font-size: 48px;
    display: inline-block;
    font-weight: 500;
    margin-right: 18px;
}

.blog-timeline .post .content-post .time-post .year-month {
	font-size: 14px;	
	line-height: 22px;
	font-weight: 500;
	text-transform: uppercase;
}

.blog-timeline.grid-two .post h2.title-post {
	letter-spacing: 0.3px;
}

.blog-timeline .post .content-post p {
    margin-bottom: 21px;
}

/*  right */
.blog-timeline .featured-right .post h2.title-post,
.blog-timeline .featured-right .post ul.meta-post.style2,
.blog-timeline .featured-right .post .content-post p,
.blog-timeline .featured-right .post .content-post .time-post .year-month {
	text-align: right;
}

.blog-timeline .featured-right .post .content-post .readmore,
.blog-timeline .featured-right .post .content-post .time-post .day {
	float: right;
}

.blog-timeline .featured-right .post .content-post .time-post .day {
	margin-right: 0;
	margin-left: 18px;
}

.blog-timeline .featured-right .post .content-post .meta-post:after {
	left: 0;
}

.blog-timeline .featured-right .post .content-post .readmore::before {
	bottom: 3px;
}

/* Blog Metro
-------------------------------------------------------------- */
.grid-metro.gird-sidebar article.post {
	overflow: hidden;
	width: 20%;
	float: left;
	margin-bottom: 0;
	padding: 0;
}

.grid-metro.gird-sidebar .post .featured-post {
	margin-bottom: 0;
}

.grid-metro .post .content-post {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 0px 60px 0px 40px;
    z-index: 1;
    -webkit-transform: translateY(15%);
       -moz-transform: translateY(15%);
        -ms-transform: translateY(15%);
         -o-transform: translateY(15%);
            transform: translateY(15%);
}

.grid-metro .post:hover .content-post {
	-webkit-transform: translateY(-24%);
       -moz-transform: translateY(-24%);
        -ms-transform: translateY(-24%);
         -o-transform: translateY(-24%);
            transform: translateY(-24%);
}

.grid-metro .post .content-post .readmore:before {
	background-color: #fff;
	height: 1.5px;
}

.grid-metro .overlay-blog {
	background-color: rgba(0, 0, 0, 0.75)
}

/* Blog TextBox
-------------------------------------------------------------- */
.blog-box.gird-sidebar article.post {
	margin-bottom: 33px;
}

.blog-box.gird-sidebar .post ul.meta-post.style2 {
    margin-bottom: 9px;
}

.blog-box.gird-sidebar .post h2.title-post {
	margin-bottom: 12px;
}

.blog-box.gird-sidebar .post .content-post p {
    margin-bottom: 22px;
}

.blog-box .post .info-author .meta-post.style2 {
	margin-bottom: 0;
	border-top: 1px solid #ebebeb;
	padding-top: 33px;
}

.blog-box .post .info-author .meta-post.style2 li {
	font-size: 16px;
	padding-right: 15px;
}

.blog-box .post .info-author .meta-post.style2 li:last-child,
.blog-columnist .post .info-author .meta-post.style2 li {
	padding-right: 0;
	margin-right: 0;
}

.blog-box .post .info-author .meta-post.style2 li::after,
.blog-columnist .post .info-author .meta-post.style2 li::after {
	content: none;
}

.blog-box .post .info-author .meta-post.style2 li img {
	margin-top: -3px;
}

/* Blog Columnist
-------------------------------------------------------------- */
.blog-columnist .post {
    text-align: center;
    padding: 0px 210px;
}

.blog-columnist .post:before {
    position: absolute;
    left: 0;
    top: 35px;
    content: "";
    width: 100%;
    height: 1px;
    background-color: #ebebeb;
    z-index: -1;
}

.blog-columnist .post .info-author .meta-post.style2 li {
	display: block;
}

.blog-columnist .year-timeline.fontsize13 .flat-button {
	border: 2px solid #c8412d;
	padding: 12px 28px 11px 35px;
}

.wrap-blog-carousel.gird-sidebar article.post {
	float: left;
	width: 100%;
	padding: 0;
}

.wrap-blog-carousel .owl-carousel .owl-stage-outer {
	overflow: -webkit-paged-x;
}

.wrap-blog-carousel .post .featured-post img {
	width: 100%;
}

/* Home Business Consulting
-------------------------------------------------------------- */ 
.home-business.call-action.style2
{
    padding: 51px 0px 40px 0px;
}
.home-business .title-call-action.another { margin-bottom: 13px; }

.home-business .sub-call-action {
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 52px;
}

.home-business.call-action.style2 .btn-action .flat-button { padding: 16px 36px 15px 41px; }

/* section-carousel-metrol */
.title-section.section-blog-title .title {
   margin-bottom: 54px;
}

.blog_carousel_metro .post, .blog_column_metro .post, .blog-metro-section .post, .flat-add-project { overflow: hidden; }
.blog_carousel_metro .post:hover .meta-post.style2 li a, .flat-add-project h2, .flat-add-project p { color: #fff; }
.blog_carousel_metro .post .featured-post, .blog_column_metro .post .featured-post { margin-bottom: 0; }

.blog_carousel_metro.grid-metro .post .content-post {
	width: 100%;
	background-color: rgba(0, 0, 0, 0.7);
	padding: 29px 50px 27px 43px;
}

.blog_carousel_metro .post .content-post::before {
	-webkit-transform: translate3d(-100%,0,0);
    	    transform: translate3d(-100%,0,0);
}

.blog_carousel_metro.grid-metro .post:hover .content-post { background-color: transparent; }
.blog_carousel_metro.grid-metro .post:hover .content-post::after { right: 35px; }

.blog_carousel_metro.grid-metro .post .content-post::after{
	position: absolute;
	right: 47px;
	top: 47px;
	content: "\e649";
	font-family: "themify";
	font-size: 30px;
	color: #fff;
}

.blog_carousel_metro .post h2.title-post, .blog_column_metro .post h2.title-post { font-size: 24px; line-height: 30px; margin-bottom: 4px; }
.blog_carousel_metro .post h2.title-post a, .blog_column_metro .post h2.title-post a, .blog_column_metro .post .meta-post.style2 li.life a, .flat-our-work .viewproject { color: #fff; }
.blog_carousel_metro.owl-theme .owl-controls .owl-nav div { bottom: 115%; }
.blog_carousel_metro.owl-theme .owl-controls .owl-nav div.owl-prev { right: 21.5%; }
.blog_carousel_metro.owl-theme.owl-theme .owl-controls .owl-nav div.owl-next { right: 19.4%; }
.color-owl2.owl-theme .owl-controls .owl-nav div.owl-prev:before, .color-owl2.owl-theme .owl-controls .owl-nav div.owl-next:before { color: #2b2e2f; }

/* Style2 */
.blog_carousel_metro.grid-metro.carousel_metro_style2 .post .content-post { padding: 14px 0px 11px 21px; }
.blog_carousel_metro.grid-metro.carousel_metro_style2 .post .content-post h2.title-post { font-size: 16px; letter-spacing: 0; }
.blog_carousel_metro.grid-metro.carousel_metro_style2 .post .content-post::after { right: 16px;top: 17px; font-size: 16px; }
.blog_carousel_metro.grid-metro.carousel_metro_style2 .post:hover .content-post::after { right: 10px; color: #fff; }
.blog_carousel_metro.grid-metro.carousel_metro_style2 .post .content-post::before { background-color: rgba(200, 65, 45, 0.9); background-image: none; }
.title-section.section-blog-title .title.fontsize36 { margin-bottom: 42px; }
.blog_carousel_metro.carousel_metro_style2.owl-theme .owl-controls .owl-nav div.owl-prev { right: 39px; }
.blog_carousel_metro.carousel_metro_style2.owl-theme .owl-controls .owl-nav div { bottom: 122%; }
.blog_carousel_metro.carousel_metro_style2.owl-theme.owl-theme .owl-controls .owl-nav div.owl-next { right: 0; }

/* section-carousel-post */
.section_carousel_post .title-section.section-blog-title .title { margin-bottom: 46px; }
.blog_carousel_post .post .meta-post.style2 { margin-bottom: 16px; }
.blog_carousel_post .post .meta-post.style2 li { font-weight: 500; font-size: 14px; letter-spacing: 3px; }
.padding_carousel_post22.blog_carousel_post .post h2.title-post { margin-bottom: 22px; }

.blog_carousel_post .post .content-post .readmore, .style4_carousel_post .featured-left .post .content-post .readmore, .flat-our-work .viewproject, .blog-metro-section .post .content-post .readmore {
	font-size: 13px;
	font-weight: 700;
	padding-right: 20px;
	letter-spacing: 3px;
	padding-left: 0;
}

.blog_carousel_post .post .content-post .readmore::before, .style4_carousel_post .featured-left .post .content-post .readmore::before, .blog-metro-section .post .content-post .readmore::before  { content: none;}
.blog_carousel_post .post .content-post .readmore::after, .style4_carousel_post .featured-left .post .content-post .readmore::after, .flat-our-work .viewproject::after, .blog-metro-section .post .content-post .readmore::after { content: "\f101"; left: 90%; top: -4px;}
.blog_carousel_post.owl-theme .owl-controls .owl-nav div, .flat-teammember.stylenav.owl-theme .owl-controls .owl-nav div { bottom: 111%; }
.blog_carousel_post.owl-theme .owl-controls .owl-nav div.owl-next, .flat-teammember.stylenav.owl-theme .owl-controls .owl-nav div.owl-next { right: 0; }
.blog_carousel_post.owl-theme .owl-controls .owl-nav div.owl-prev, .flat-teammember.stylenav.owl-theme .owl-controls .owl-nav div.owl-prev { right: 40px; }

footer.home-business .footer-widgets .widget.widget_info .widget-title { margin-bottom: 32px; }
footer.home-business .footer-widgets .widget .widget-title { letter-spacing: 0; }

/* Home Business Finance
-------------------------------------------------------------- */ 
.flat-row.home-business-s2 { top: -100px; }
.flat-video-finance.video-iconbox .flat-video a:before { margin-top: -31px; right: 46.3%; }
.flat-video-finance.video-iconbox .flat-video a:after { margin-top: 1px; margin-right: -5px; }

.flat-video-finance {
	padding: 30px;
    box-shadow: 0px 30px 57px 0px rgba(0, 0, 0, 0.15);
    position: relative;
    z-index: 1;
    background-color: #fff;
}

.flat-video.bg-gradient a:before, .flat-video.bg-gradient a:hover:before {
	border: none;
}

/* Section 2 */
.flat-row.home-business-s3 { margin-top: -12px; }

.blog_column_metro.grid-metro .post .content-post { width: 100%; height: 100%; padding: 27.2% 0 0; text-align: center; }
.blog_column_metro.grid-metro .post h2.title-post { margin-bottom: 10px; }
.blog_column_metro .post .meta-post.style2 li { font-size: 18px; }

.blog_column_metro.grid-metro .post .content-post::before, .flat-teammember-circle .teammember .info-overlay.bg-gradient::before {
	-webkit-transform: translate3d(0,30%,0);
    		transform: translate3d(0,30%,0);  
}

.blog_column_metro.grid-metro .post .content-post::before, .blog_carousel_metro .post .content-post::before,
.flat-teammember-circle .teammember .info-overlay.bg-gradient::before, .blog-metro-section.grid-metro .post .overlay-blog,.gallery-item .gallery-link a {
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    		transition: opacity 0.35s, transform 0.35s;
}

.blog_column_metro.grid-metro .post:hover .content-post::before, .blog_carousel_metro .post:hover .content-post::before, .flat-teammember-circle .teammember:hover .info-overlay.bg-gradient::before, .style-post-agency .blog_column_metro.grid-metro .post .content-post::before  {
	z-index: -1;
	-webkit-transform: translate3d(0,0,0);
    		transform: translate3d(0,0,0);
}

.flat-images-hover .flat-hover-overlay, .flat-images-hover:after, .flat-images-hover:before, .overlay-blog, .grid-metro > .post > .content-post > a, .portfolio-shop .info-shop span,
ul.portfolio-filter > li span, .btn-filter-wrap > li span, ul.portfolio-filter.style3 > li a::after, .blog_column_metro.grid-metro .post .content-post, .blog_carousel_metro .post .content-post::before, .blog_carousel_post .post .content-post .readmore.style2::after,
.flat-add-project:hover .add-content h2::before, .flat-add-project .add-content p, .flat-add-project.active .add-content h2::before, #menu-slider ul li a, .gallery-item .gallery-link, .product .product-item a.add-to-cart, .product .product-item:hover .price,
.tf-gallery #tf-carousel .slides li::before,.tf-gallery #tf-carousel .slides li .info-video, .link-socials.style2 li::after, .planding-isotope .plan-item .box a::before, .planding-isotope .plan-item .box a::after   {
	visibility: hidden;
    -webkit-opacity: 0;
     -khtml-opacity: 0;
       -moz-opacity: 0;
            opacity: 0;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    filter: alpha(opacity=0);
}

.blog_column_metro.grid-metro .post:hover .content-post, .blog_carousel_post .post .content-post .readmore.style2:hover:after, .flat-add-project:hover .add-content p, .flat-add-project.active .add-content p, #menu-slider ul li.active a, #menu-slider ul li:hover a,
ul.portfolio-filter.style3 > li a:hover:after, ul.portfolio-filter.style3 > li.active a::after, .gallery-item:hover .gallery-link, .product .product-item:hover a.add-to-cart, .portfolio-shop:hover .info-shop span, .portfolio-shop.active .info-shop span,
.product.style2 .product-item:hover .price, .tf-gallery #tf-carousel .slides li:hover:before, .tf-gallery #tf-carousel .slides li .info-video, .tf-gallery #tf-carousel .slides li.flex-active-slide .info-video, .tf-gallery #tf-carousel .slides li.flex-active-slide::before, .link-socials.style2 li.active::after, .link-socials.style2 li:hover:after,
.planding-isotope .plan-item .box a:hover:before, .planding-isotope .plan-item .box a:hover:after   {
	opacity: 1;
	visibility: visible;
}

.blog_column_metro.grid-metro .post .content-post::before, .blog_carousel_metro .post:hover .content-post::before, .flat-video.bg-gradient a:before,
.blog-metro-section.grid-metro .post:hover .overlay-blog {
	visibility: visible;
	opacity: 0.8;
    background-image: -webkit-linear-gradient(135deg, #686ab7 0%, #c8412d 70%);
    background-image: -moz-linear-gradient(135deg, #686ab7 0%, #c8412d 70%);
    background-image: -ms-linear-gradient(135deg, #686ab7 0%, #c8412d 70%);
    background-image: -o-linear-gradient(135deg, #686ab7 0%, #c8412d 70%);
    background-image: linear-gradient(135deg, #686ab7 0%, #c8412d 70%); 
}

.flat-teammember-circle .teammember .info-overlay.bg-gradient::before {
	background-image: -webkit-linear-gradient(135deg, #686ab7 0%, #c8412d 70%);
    background-image: -moz-linear-gradient(135deg, #686ab7 0%, #c8412d 70%);
    background-image: -ms-linear-gradient(135deg, #686ab7 0%, #c8412d 70%);
    background-image: -o-linear-gradient(135deg, #686ab7 0%, #c8412d 70%);
    background-image: linear-gradient(135deg, #686ab7 0%, #c8412d 70%); 
}

.home-business-s4 .testimonials .name { padding-top: 24px; }

.blog_column_metro .flat-button.button-gradient-border { padding: 16px 40px 15px 43px;}
.home-business-s5 .flat-teammember-circle.style2 { margin: 0px -15px; }
.home-business-s5 .flat-teammember-circle .teammember .info-overlay.bg-gradient { background-color: #f6f7f8; }

.home-business-s7 .sub-call-action { margin-bottom: 55px; }
.flat-iconbox-carosuel .group-iconbox { margin: 15px 0px; }

.boxed-overflow { overflow: hidden; }

.flat-after-before::before, .flat-after-before::after, .footer-after-before::after, .footer-after-before::before {
    position: absolute;
    top: 0;
    display: block;
    content: "";
    width: 54%;
    height: 80px;
    background-color: #fff;
}

.flat-after-before::before {
    right: 0;
    transform: rotate(-4.7deg) translateX(32px) translateY(-35px);
}

.flat-after-before::after {
    left: 0;
    transform: rotate(4.7deg) translateX(-43px) translateY(-35px);
}

.footer-after-before::before {
	background-color: #151724;
	height: 75px;
    right: 0;
    transform: rotate(4.7deg) translateX(67px) translateY(-40px);
}

.footer-after-before::after {
	background-color: #151724;
	height: 75px;
    left: 0;
    z-index: 0;
    transform: rotate(-4.7deg) translateX(-65px) translateY(-40px);
}

.home-business-s9 .footer-four1 { padding: 5.85% 1% 8.45% 14.75%; }
.home-business-s9 .footer-four2 { padding: 5.85% 1% 8.45% 16.35%; }
.home-business-s9 .footer-onehalf .title-footer { margin-bottom: 28px; }

/* Home Business Simple
-------------------------------------------------------------- */ 
.flat-iconbox-carosuel.owl-theme .owl-controls .owl-nav div.owl-prev { right: 56px; }
.flat-iconbox-carosuel.owl-theme .owl-controls .owl-nav div { bottom: 111.5%; }
.flat-iconbox-carosuel.owl-theme .owl-controls .owl-nav div.owl-next { right: 15px; }

/* Home Creative Studio
-------------------------------------------------------------- */ 
.aboutus-viewall {
	position: relative;
    padding: 54px 0px 59px;
}

.aboutus-viewall::before {
	left: 25.65%;
    bottom: -36%;
    width: 570px;
    height: 240px;
    border: 4px solid #c8412d;
    background-color: transparent;
    z-index: 1;
}

.aboutus-viewall .readmore { font-weight: 600; letter-spacing: 4px; z-index: 2; }
.info-aboutus2 .title-section.line .title::after { left: 69.5%; }
.section-our-services .title-section.font-oswald .title { margin-bottom: 93px; }

.flat-row.section-our-services .widget .widget-title { font-weight: 500; letter-spacing: 1.5px; margin-bottom: 33px; } 
.section-our-services .widget_info .flat-information li { line-height: 36px; } 
.section-our-services .widget_info .flat-information li a { color: #a8b0b2; letter-spacing: -0.1px; } 
.flat-video-studio { position: relative; bottom: -55px; box-shadow: 0px 22px 43px 0px rgba(0, 0, 0, 0.1);}

.flat-video-studio .flat-video a:before { width: 80px; height: 80px; margin-top: -38px; margin-right: 6px; }
.flat-video-studio .flat-video a:after { font-size: 36px; margin-right: -18px; }

/* Section Blog Isotope */
.wrap-filter-blog { width: 23.3%; margin-right: 30px; padding: 6.3% 0 4.9% 5.55%; }
.wrap-filter-blog .title-section.font-oswald .title { margin-bottom: 95px; }
.wrap-filter-blog ul.portfolio-filter { margin: 0; }
.wrap-filter-blog ul.portfolio-filter > li { display: block; padding: 0; text-align: left; line-height: 100px;}
.wrap-filter-blog ul.portfolio-filter > li a { color: #a8b0b2; font-size: 20px; font-weight: 400; letter-spacing: 1.5px;}
.wrap-blog-isotope { width: 75%; float: left; overflow: hidden; }
.flat-blog-isotope.blog_column_metro.grid-metro .post .content-post { padding: 41.9% 0 0; }
.flat-blog-isotope.blog_column_metro .post h2.title-post { font-size: 31px; letter-spacing: 6.5px; line-height: 40px; margin-left: 6px; font-weight: 400; }

/* Section Blog carousel Featuredleft*/
.style4_carousel_post .title-section.font-oswald .title { margin-bottom: 72px; }
.style4_carousel_post .featured-left .post .featured-post { float: left; margin-bottom: 0; width: 50%; }
.style4_carousel_post .featured-left .post .content-post { float: left; width: 50%; overflow: hidden; padding-left: 16px;}
.style4_carousel_post .featured-left .post h2.title-post { font-size: 24px; font-weight: 400; margin-bottom: 7px;}
.style4_carousel_post .featured-left .post .meta-post.style2 { margin: -4px 0px 25px -3px; letter-spacing: 0.5px; }
.style4_carousel_post .featured-left .post .meta-post.style2 li::after { content: none; }
.style4_carousel_post .featured-left .post .meta-post.style2 li.day { font-size: 39px; line-height: 40px; font-weight: 700; color: #c8412d; padding-right: 0; }
.style4_carousel_post .featured-left .post .meta-post.style2 li.month { font-size: 14px; font-weight: 700; color: #2b2e2f; letter-spacing: 4px; }
.style4_carousel_post .featured-left .post .content-post p { margin-bottom: 21px; }
.style4_carousel_post .featured-left .post .meta-post.style2.style-weightlett li { font-weight: 300; letter-spacing: 6px;}
.style4_carousel_post .featured-left .post h2.title-post.style-fontlett { font-size: 22px; margin-bottom: 3px; letter-spacing: 0; }
.style4_carousel_post .featured-left .post .meta-post.style2.margin-bottom-9 { margin: -4px 0px 9px -3px; }

.footer-home-studio .footer-third1 { padding: 5.35% 6.5% 5.75% 5.6%; }
.footer-home-studio .title-section.font-oswald .title { margin-bottom: 67px; }

/* Home Digital Agency
-------------------------------------------------------------- */ 
.tparrows-none .tparrows { display: none; }
.home-agency-s2 .blog_column_metro.grid-metro .post .content-post { padding: 30.2% 0 0; }
.home-agency-s2 .blog_column_metro.grid-metro .post h2.title-post { margin-bottom: 13px; }
.home-agency-s2 .owl-theme .owl-dots { padding-top: 57px; }
.color-dots.owl-theme .owl-dots .owl-dot.active span, .color-dots.owl-theme .owl-dots .owl-dot:hover span { background-color: #fff; border-color: #fff; }

.home-agency-s4 .testimonial-second { padding: 5.6% 17.9% 5.5% 6%; }
.home-agency-s4 .owl-theme .owl-controls .owl-nav div.owl-next { right: 26px; }
.home-agency-s4 .owl-theme .owl-controls .owl-nav div.owl-prev { right: 65px; }

/* Home Creative Agency
-------------------------------------------------------------- */
.home-creative-agency-s1 .iconbox.style3 .box-content .box-title {
	margin-bottom: 11px;
}

.section-info-cretive { 
	box-shadow: 0px 23px 59px 0px rgba(0, 0, 0, 0.1);
	background-color: #fff;
	margin-top: -101px;
}

 .section-info-cretive .flat-info {
	padding: 62px 40px 72px 70px;
}

.section-info-cretive .flat-info p { font-size: 18px; line-height: 30px; margin-bottom: 32px; letter-spacing: -0.1px; }
.section-info-cretive .flat-info img { margin-bottom: 61px; }

.aboutus-our-team {
    padding: 79px 69px 72px 40px;
}

.section-info-cretive ul.featured-team li {
	float: left;
	width: 50%;
	display: block;
	background-color: #fff;
	cursor: pointer;
}

.section-info-cretive ul.featured-team li:hover {
	-webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
	box-shadow: 0px 23px 59px 0px rgba(0, 0, 0, 0.1);
}

.section-info-cretive ul.info-team {
    margin-bottom: 17px;
}

.section-info-cretive ul.info-team li {
    display: inline-block;
    position: relative;
}

.section-info-cretive ul.info-team li:first-child { padding-right: 8px; margin-right: 3px; }
.section-info-cretive ul.info-team li:first-child:after { position: absolute; right: 0; top: 4px; content: ""; background-color: #c8412d;width: 1px; height: 13px; }

.section-info-cretive ul.info-team li.position {
    font-size: 14px;
}

.section-info-cretive .flat-button.button-gradient-border {
    padding: 16px 36px 15px 40px;
}

/* Section3 */
.home-creative-agency-s2 .testimonials .name { padding-top: 22px; }

.wrap-all-project .post { float: left; width: 33.333%; }
.wrap-all-project.blog_column_metro .post .meta-post.style2 li { font-size: 16px; }
.wrap-all-project.blog_column_metro.grid-metro .post .content-post { padding: 41.5% 0 0; }
.wrap-all-project .post h2.title-post.font-cormorant { font-size: 36px; }
.wrap-all-project.blog_column_metro.grid-metro .post h2.title-post { margin-bottom: 13px; }

.featured-choose { margin-right: -15px; }
.info-choose .title-section .title { margin-top: -9px; letter-spacing: 1px; margin-bottom: 36px; }
.info-choose p { margin-right: -3px; margin-bottom: 26px; }
.info-choose .list-choose li { position: relative; line-height: 36px; padding-left: 28px;  }
.info-choose .list-choose li::before { content: "\f00c";}
.section-one-fourth { float: left; width: 25%; }
.wrap-our-work  .our-work-title { padding: 4% 1% 3.98% 3.9%; }
.flat-our-work.our-work-title .title-section { margin-bottom: 11.5%; }
.flat-our-work .viewproject:hover:after { left: 95%; }
.flat-our-work.blog_column_metro.grid-metro .post .content-post { padding: 30.5% 0 0; }
.flat-our-work.blog_column_metro .post h2.title-post { font-size: 30px; }

.blog-metro-section .post .featured-post { margin-bottom: 0; }
.blog-metro-section .post .content-post::before  {
	z-index: -1;
	bottom: -1%;
	background: -webkit-linear-gradient(to bottom, transparent 0, rgba(0, 0, 0, 0.7) 100%) repeat-x;
    background: -moz-linear-gradient(to bottom, transparent 0, rgba(0, 0, 0, 0.7) 100%) repeat-x;
    background: -o-linear-gradient(to bottom, transparent 0, rgba(0, 0, 0, 0.7) 100%) repeat-x;
    background: linear-gradient(to bottom, transparent 0, rgba(0, 0, 0, 0.7) 100%) repeat-x;
} 

.blog-metro-section .post .content-post::before, .flat-add-project .add-content h2::before {
	position: absolute;
	content: ""; 
	left: 0;
	width: 100%;
	height: 100%;
}

.blog-metro-section .post:hover .content-post::before { bottom: -125%; }
.blog-metro-section .flat-button { padding: 9px 27px 6px 27px; letter-spacing: 1.5px; margin-bottom: 42px; }
.blog-metro-section .post .meta-post,.blog-metro-section .post h2.title-post { margin-bottom: 6px; }
.blog-metro-section .post .meta-post.style2 li { 
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    letter-spacing: 3px;
}

.blog-metro-section.grid-metro .post .content-post {
	-webkit-transform: translateY(-1.5%);
    -moz-transform: translateY(-1.5%);
    -ms-transform: translateY(-1.5%);
    -o-transform: translateY(-1.5%);
    transform: translateY(-1.5%);
}

.blog-metro-section.grid-metro .post:hover .content-post {
    -webkit-transform: translateY(-21%);
    -moz-transform: translateY(-21%);
    -ms-transform: translateY(-21%);
    -o-transform: translateY(-21%);
    transform: translateY(-21%);
}

/*  section 1 */
.flat-add-project { background-color: #c8412d; }
.flat-add-project:hover,.flat-add-project.active {
    background-image: -webkit-linear-gradient(135deg, #686ab7 0%, #c8412d 70%);
    background-image: -moz-linear-gradient(135deg, #686ab7 0%, #c8412d 70%);
    background-image: -ms-linear-gradient(135deg, #686ab7 0%, #c8412d 70%);
    background-image: -o-linear-gradient(135deg, #686ab7 0%, #c8412d 70%);
    background-image: linear-gradient(135deg, #686ab7 0%, #c8412d 70%);
}

.flat-add-project .add-content {
	padding: 42px 30px 47px 30px;
    -webkit-transform: translateY(18%);
    -moz-transform: translateY(18%);
    -ms-transform: translateY(18%);
    -o-transform: translateY(18%);
    transform: translateY(18%);
}

.flat-add-project:hover .add-content, .flat-add-project.active .add-content {
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%);
}

.flat-add-project .add-content h2 { font-weight: 600; font-size: 36px; margin-bottom: 6px; }
.flat-add-project:hover .add-content h2, .flat-add-project.active .add-content h2 { font-size: 30px; }
.flat-add-project .add-content h2::before { 
 	content: "+";
 	font-size: 36px;
 	bottom: -47px;
 	left: 50%;
 	width: auto;
 	margin-left: -11px;
}

/* Home Basic Agency
-------------------------------------------------------------- */ 
.section-text-box .post .content-post p { margin-bottom: 21px; }
.section-text-box .post .content-post .readmore { letter-spacing: 0; }
.style-post-agency .blog_column_metro.grid-metro .post .content-post::before { background-image: none; }
.home-basic-agency-s4 .blog_column_metro.grid-metro .post .content-post { padding: 30.2% 0 0; }
.home-bright-acgency-s5 .testimonials .name { font-weight: 500; font-size: 22px; letter-spacing: 0; margin-bottom: 7px; }
.home-bright-acgency-s5 .navstyle2.owl-theme .owl-controls .owl-nav div { bottom: 28%; }

/* Home Minimal Agency
-------------------------------------------------------------- */ 
.home-minimal-agency-s1 .iconbox.left-icon .box-header { margin-right: 42px; }
.section-text-box .post span.step {
    position: absolute;
    top: -49px;
    left: -3px;
    font-size: 100px;
    line-height: 100px;
    z-index: -1;
    color: rgba(43,46,47,0.1);
}

.section-text-box.style2 .post h2.title-post { letter-spacing: 0.2px; }
.section-text-box.style2 .post .content-post p { margin-bottom: 0px; }

.home-minimal-agency-footer .footer-third1 .title {
    font-size: 48px;
    margin-bottom: 75px;
}

.home-minimal-agency-footer .footer-third1 {
    padding: 4.7% 9.7% 5.25% 7.15%;
}

.home-minimal-agency-footer.style-header-footer .wrap-footer {
    padding: 3.5% 7.1% 3.15% 7.1%;
}

.home-minimal-agency-footer.footer-style .wrap-footer .nav-wrap {
    padding-left: 96px;
}

/* Home Creative Designer
-------------------------------------------------------------- */ 
.background-section1 { background: url('../images/slides/s1.jpg'); }
.background-section2 { background: url('../images/slides/s2.jpg'); }
.background-section3 { background: url('../images/slides/9.jpg'); }
.background-section4 { background: url('../images/slides/s3.jpg'); }
.background-section5 { background: url('../images/slides/s4.jpg'); }
.section { overflow: hidden; }

.section span.step, #menu-slider ul li::after { position: absolute; }
.footer-slider { position: fixed; width: 100%; bottom: 3%; }
.footer-slider p, .footer-slider p a { color: #a8b0b2; }

.section, #menu-slider ul li, .section .list-step li i, .section .list-step li { position: relative; z-index: 1; }
.section span.step {
	left: 3%;
    bottom: -8.2%;
    font-size: 200px;
    line-height: 200px;
    font-weight: 700;
    color: rgba(255, 255, 255, 0.1);
    font-family: 'Oswald', sans-serif;
    letter-spacing: 26px;
}

.section span.step.style2 { color: #eff0f0; }

#menu-slider {
    position: fixed;
    right: 3.48%;
    top: 50%;
    z-index: 100;
    text-align: right;
    margin-top: -76px;
    -webkit-transform: translate3d(0,0,0);
}

#menu-slider ul li { 
	line-height: 40px;
	display: block;
	clear: both;
	float: right;
	cursor: pointer;
 }
#menu-slider ul li::after { 
	bottom: 3px;
	right: 0;
	content: "";
	width: 36px;
	height: 2px;
	
}

#menu-slider.after-white ul li::after { background-color: #fff; }
#menu-slider.after-black ul li::after { background-color: #2b2e2f; }

 
#menu-slider ul li.active:after, #menu-slider ul li:hover:after { width: 100%; background-color: #c8412d; }

.main-slider .info-wrap .title-section .title {
    font-size: 60px;
    line-height: 72px;
    letter-spacing: 1.8px;
    margin-left: -10px;
    margin-bottom: 34px;
}

.main-slider .info-wrap .title-section .title { margin-bottom: 24px; }
.main-slider .info-wrap .title-section .sub-title {
	color: #a8b0b2;
	margin-left: -13px;
}

.section .list-step li { 
	display: inline-block;
	float: left;
	width: 25%;
}

.section .list-step li i {
    width: 80px;
    height: 80px;
    display: block;
    text-align: center;
    line-height: 80px;
    margin: 0 auto;
    border-radius: 50%;
    border: 1px solid #c8412d;
    font-size: 24px;
}

.section .list-step li::before, .section .list-step li::after {
    width: calc(50% - 40px);
    width: -webkit-calc(50% - 40px);
    width: -moz-calc(50% - 40px);
    width: -o-calc(50% - 40px);
    height: 1px;
}

.section .list-step li::before, .section .list-step li::after, .section .list-step li i::after, ul.portfolio-filter.style3 > li a::after {
	position: absolute;
    content: "";
    background-color: #c8412d;
}

.section .list-step li i::after, .section .list-step li:nth-child(2n):after {
	right: 0;
	top: -73%;
}

 .section .list-step li:first-child:before,  .section .list-step li:last-child i:after, .section .list-step li:last-child:after {
 	content: none;
 }

.section .list-step li:nth-child(2n+1):after {
	top: 25%;
	right: 0;
}

.section .list-step li:nth-child(2n+1) i:after {
	top: 46px;
}


.section .list-step li:nth-child(2n):before, .section .list-step li:nth-child(2n):after {
	top: 75%;
}

.section .list-step li::before {
	left: 0;
}

.section .list-step li:nth-child(2n+1):before {
	top: 25%;
}

.section .list-step li i::after {
	width: 1px;
    height: 91px;
    right: -138%;
}

.section .list-step li p {
	font-size: 24px;
	margin: 38px 0px;
}


.section ul.contact-info { margin-left: -13px; }

.section ul.contact-info li {
    line-height: 72px;
}

.section ul.contact-info .email {
    font-size: 30px;
}

.section ul.contact-info .phone {
    font-size: 60px;
    color: #fff;
    font-weight: 600;
    letter-spacing: 2px;
}

.slick-initialized .slick-slide.slick-cloned.lick-active:first-child { text-align: left!important; }
.slick-initialized .slick-slide.slick-cloned.lick-active:last-child { text-align: right!important; }

.wrap-timeline .flat-timeline h3 { 
	font-size: 24px;
	font-weight: 600;
	margin-bottom: 0;
}
.wrap-timeline .slick-prev { left: -109px; z-index: 3;}
.wrap-timeline .slick-next { right: -114px; z-index: 3;}
.wrap-timeline { height: 100px; }
.wrap-timeline.color-white .flat-timeline h3, .section .list-step li p.color-white { color: #fff; }

.wrap-timeline .slick-list { padding-top: 9px!important; }
.wrap-timeline .flat-timeline.slick-current { margin-top: -9px; }
.wrap-timeline .flat-timeline.slick-current h3 { font-size: 44px; margin-bottom: 25px;}

.wrap-timeline .flat-timeline p.color-gray { color: #a8b0b2; }

/* section3 */
.wrap-blog-filter .owl-theme .owl-controls .owl-nav div { bottom: 43.5%; width: 50px; height: 50px;  }
.wrap-blog-filter .owl-theme .owl-controls .owl-nav div.owl-next { right: -9.5%; }
.wrap-blog-filter .owl-theme .owl-controls .owl-nav div.owl-prev { right: 105.5%; }
.wrap-blog-filter .owl-theme .owl-controls .owl-nav div.owl-prev:before, .wrap-blog-filter .owl-theme .owl-controls .owl-nav div.owl-next:before { font-weight: 300; font-size: 48px; color: #717779; }
.wrap-blog-filter .owl-theme .owl-controls .owl-nav div.owl-prev:before { content: "\e64a"; }
.wrap-blog-filter .owl-theme .owl-controls .owl-nav div.owl-next:before { content: "\e649"; }

.section-slider3 .btn-filter-wrap { margin: 0px 0px 62px 26px; }
.section-slider3 .btn-filter-wrap > li { padding: 0px 25.5px; }
.section-slider3 .btn-filter-wrap > li:first-child { padding: 0 24px 0px 0px; }
.section-slider3 .owl-theme .owl-dots { display: none!important; }

.wrap-blog-filter.blog_column_metro.grid-metro .post .content-post { padding: 38.2% 0 0; }
.wrap-blog-filter.blog_column_metro.grid-metro .post .content-post::before, .wrap-blog-isotope2 .blog_column_metro.grid-metro .post .content-post::before { background-image: none; }
.wrap-blog-filter.blog_column_metro.grid-metro .post h2.title-post { margin-bottom: 5px; }
.wrap-blog-filter.blog_column_metro .post .meta-post.style2 li { font-size: 16px; }

/* Home Photography
-------------------------------------------------------------- */ 
.home-photography.section-portfolio ul.portfolio-filter > li, .home-photography.section-portfolio ul.portfolio-filter > li, .home-photography.section-portfolio  ul.portfolio-filter > li.active,
.home-photography.section-portfolio ul.portfolio-filter > li:nth-child(5), .home-photography.section-portfolio ul.portfolio-filter > li:nth-child(4) { padding: 0px 30px; }
.home-photography.section-portfolio ul.portfolio-filter > li:first-child { padding: 0 39px 0px 0px!important; }
.home-photography.section-portfolio ul.portfolio-filter > li span, .section-portfolio .btn-filter-wrap > li span { right: 22px; }
.home-photography.section-portfolio ul.portfolio-filter { margin: 0px 0px 34px 36px; }
.portfolio-item.title24:hover .portfolio-info .portfolio-title { top: 11px; }
.portfolio-item.title24 .portfolio-info .portfolio-title { font-size: 24px; }
.portfolio-item.title20 .portfolio-info .portfolio-title { font-size: 20px; }
.portfolio-item.title24:hover .portfolio-info .categories { top: 14px; }
.portfolio-item.cate16 .portfolio-info .categories { font-size: 16px; }

.portfolio-item.title20:hover .portfolio-info .portfolio-title { top: 11px; }
.portfolio-item.title20:hover .portfolio-info .categories { top: 13px; }
.portfolio-item.title30 .portfolio-info .portfolio-title { font-size: 30px; }
.portfolio-item.cate18 .portfolio-info .categories { font-size: 18px; }

.portfolio-item.title30:hover .portfolio-info .portfolio-title, .home-portfolio-fullwidth .portfolio-item:hover .portfolio-info .portfolio-title { top: 14px; }
.portfolio-item.cate18:hover .portfolio-info .categories { top: 7px; }

.home-photography-sidebar ul.portfolio-filter.text-left { margin: -6px 0px 12px 0px; }
.home-photography-sidebar .portfolio-item.style2:hover .portfolio-info .portfolio-title { top: 9px; }
.home-photography-sidebar .portfolio-item.style2:hover .portfolio-info .categories { top: 17px; }

.home-portfolio-fullwidth ul.portfolio-filter, .btn-filter-wrap { margin: 0px 0px 33px 34px;}
.home-portfolio-fullwidth ul.portfolio-filter > li:first-child { padding: 0 48px 0 0;}
.home-portfolio-fullwidth ul.portfolio-filter > li, .btn-filter-wrap > li { padding: 0px 34.5px;}
.home-portfolio-fullwidth ul.portfolio-filter > li span { right: 37px; }

.home-architecture-s1.section-call-now .info-text { line-height: 36px; letter-spacing: 0.1px; }
.home-architecture-s1 .flat-phone { padding: 9px 0px 0px 20px; }
.home-architecture-s4.call-action.style2 .btn-action .flat-button { background-color: #c8412d; }
.home-architecture-s4.call-action.style2 .btn-action .flat-button:hover { background-color: #2b2e2f; color: #FFF; }
.home-architecture-s2 .flat-button { color: #FFF; }

/* Home Creative Freelancer
-------------------------------------------------------------- */ 
.slide-socials.footer-style8 .flat-socials { margin-left: 0; }

.flat-blog-isotope.mg-leftright { margin: 0 -15px; }
.flat-blog-isotope .pd-leftright { margin: 0px 15px 30px; }

.wrap-blog-isotope2 ul.portfolio-filter { margin: -5px 0px 0px 66px; text-align: left; }
.wrap-blog-isotope2 .flat-blog-isotope.blog_column_metro.grid-metro .post .content-post { padding: 36.8% 0 0; }
.wrap-blog-isotope2 .flat-blog-isotope.blog_column_metro .post h2.title-post, .wrap-blog-isotope3 .flat-blog-isotope.blog_column_metro .post h2.title-post { font-size: 24px; font-weight: 600; letter-spacing: 0; margin: 0; }
.wrap-blog-isotope2 .blog_column_metro .post .meta-post.style2 li { font-size: 16px; }

.thumbnail-logo .flat-logo { float: left; width: 50%; border: 1px solid #e5e5e5; }
.thumbnail-logo .border-rightnone { border-right: none; }
.thumbnail-logo .border-bottomnone { border-bottom: none; }

/* Home Interior Design 
-------------------------------------------------------------- */ 
.wrap-blog-isotope3 ul.portfolio-filter.style3 { margin: 0px 0px 36px 0px; padding-top: 36px; }
.wrap-blog-isotope3 ul.portfolio-filter.style3 > li a::after { content: none; }

.wrap-blog-isotope3 .flat-blog-isotope.blog_column_metro.grid-metro .post .content-post { padding: 28.9% 0 0; }
.wrap-blog-isotope3 .flat-blog-isotope.blog_column_metro .post h2.title-post { margin-bottom: 4px; }

.wrap-process .featured-process {
    position: relative;
    margin-right: -15px;
}

.wrap-process .featured-process::before { 
	position: absolute;
	left: 50px;
    top: 50px;
    width: calc(100% - 100px);
    width: -webkit-calc(100% - 100px);
    width: -moz-calc(100% - 100px);
    width: -o-calc(100% - 100px);
    height: calc(100% - 100px);
    height: -webkit-calc(100% - 100px);
    height: -moz-calc(100% - 100px);
    height: -o-calc(100% - 100px);
    content: "";
    border: 4px solid #c8412d;
}

.wrap-process .featured-process .title-section {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    margin-top: -32px;
}

.wrap-process .featured-process .title-section .title { letter-spacing: 5px; margin: 0px 0px 0px 7px; font-weight: 600; }
.wrap-process .flat-process li { margin-bottom: 83px; position: relative; }
.wrap-process .flat-process li:last-child { margin-bottom: 0; }
.wrap-process .flat-process li:nth-child(3) { margin-bottom: 81px; }
.wrap-process .flat-process li::before { position: absolute; left: -26px; top: -7px; content: ""; width: 50px; height: 50px; z-index: -1; background-color: rgba(200, 65, 45, 0.8); border-radius: 50%; }
.wrap-process .flat-process li.step-by-step h3 { font-size: 24px; margin-bottom: 18px; }
.home-minimal-agency-footer.style2 .footer-third1 { padding: 6.25% 9.7% 6.85% 7.15%; }

/* Home Construction
-------------------------------------------------------------- */ 
.blog_carousel_post.style2 .post .featured-post { margin-bottom: 25px; }
.blog_carousel_post.style2 .post .meta-post.style2 li { font-size: 12px; }
.blog_carousel_post.style2 .post h2.title-post { margin-bottom: 4px; }
.blog_carousel_post.style2 .post .meta-post.style2 { margin-bottom: 20px; }

.home-construction-s2 .padding-iconbox1 { padding: 9.9% 10% 1.7% 11.1%; }

.style-post-agency .flat-blog-isotope .post-item, .home-interior-design-s2 .flat-blog-isotope .post-item { width: 25%; float: left; }
.reponsive-width50 { width: 50%; float: left; }

/* Home Law Firm
-------------------------------------------------------------- */ 
.style-home .flat-testimonials-item2.owl-theme .owl-dots .owl-dot.active span, .style-home .flat-testimonials-item2.owl-theme .owl-dots .owl-dot:hover span {
    background-color: #2b2e2f;
    border-color: #3b2e2f;
}

.flat-testimonials-item2.owl-theme .owl-dots .owl-dot span { border-color: #ebebeb; }

.section-whychoose .featured { overflow: hidden; }
.section-whychoose .content-whyus { padding: 9.7% 38.55% 9.7% 8.9%; }
.section-whychoose .content-whyus .flat-accordion .toggle-content { padding: 25px 20px 20px 30px; }
.section-whychoose .content-whyus .flat-accordion.style3 .toggle-title:before { left: 93%; }
.section-whychoose .content-whyus .flat-accordion .flat-toggle:nth-child(2), .section-whychoose .content-whyus .flat-accordion .flat-toggle:nth-child(3) { margin-bottom: 19px; }

.style-nav-another .owl-theme .owl-controls .owl-nav div { bottom: 44%; }
.style-nav-another .owl-theme .owl-controls .owl-nav div.owl-next { right: -4.8%; }
.style-nav-another .owl-theme .owl-controls .owl-nav div.owl-prev { right: 101.7%; }

.style-nav-another .owl-theme .owl-controls .owl-nav div.owl-prev:before, .style-nav-another .owl-theme .owl-controls .owl-nav div.owl-next:before { font-size: 36px; color: rgba(43, 46, 47, 0.5); }
.style-nav-another .owl-theme .owl-controls .owl-nav div.owl-prev:before { content: "\e64a"; }
.style-nav-another .owl-theme .owl-controls .owl-nav div.owl-next:before { content: "\e649"; }

/* Home Magazine Blog
-------------------------------------------------------------- */ 
.post-wrap-section { margin-top: -265px; }
.post-wrap-section .post { background-color: #fff; padding: 53px 75px 50px; }
.post-wrap-section .post ul.meta-post { margin-bottom: 16px; }
.home-magazine-masonry-timeline .post .meta-post.style2 li:nth-child(2) { padding-right: 7px; }
.post-wrap-section .post h2.title-post { margin-bottom: 21px; }
.post-wrap-section .post .content-post p { margin-bottom: 0; }

.wrap-grid-two-third  article.post { padding: 0px 15px; }
.grid-two-third { width: 66.66%; float: left; }

.grid-two-third .post ul.meta-post.style2, .home-magazine .grid-two-third .featured-left2 article.post { margin-bottom: 17px; }
.grid-one-third { width: 33.33%; float: left; }
.grid-one-third .post ul.meta-post.style2 { margin-bottom: 5px; }
.grid-one-third .post h2.title-post { font-size: 24px; line-height: 30px; margin-bottom: 11px; }

.home-magazine article.post { margin-bottom: 32px; }
.home-magazine .grid-one-third article.post:last-of-type, .home-magazine .grid-two-third .featured-left2 article.post:last-of-type { margin-bottom: 0; }
.home-magazine .grid-two-third article.post { margin-bottom: 49px; }
.home-magazine .gird-sidebar .post .featured-post, .home-magazine .post .featured-post { margin-bottom: 23px; }
.home-magazine .grid-two-third .post .featured-post { margin-bottom: 33px; }

.featured-left2 .post .featured-post, .featured-left2 .post .content-post { float: left; width: 50%; margin-bottom: 0; }
.featured-left2 .post .content-post { padding-left: 19px; }
.featured-left2 .post ul.meta-post.style2 { margin-top: 3px;	 margin-bottom: 12px; }
.featured-left2 .post h2.title-post {  font-size: 30px; line-height: 36px; margin-bottom: 10px; }
.home-magazine-masonry-timeline .load-more .flat-button { padding: 16px 48px 15px 50px; }

.wrap-gallery .gallery-item .gallery-link {
	background-color: rgba( 200, 65, 45, 0.7);
	text-align: center;
}

.gallery-item .gallery-link a {
	position: absolute;
	left: 46%;
	color: #FFF;
	font-size: 30px;
}

.gallery-item:hover .gallery-link a {
	-webkit-transform: translateY(142px);
    -moz-transform: translateY(142px);
    -ms-transform: translateY(142px);
    -o-transform: translateY(142px);
    transform: translateY(142px);
}

.product .product-item a.add-to-cart, .tf-gallery #tf-carousel .slides li .info-video {
	-webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
}

.blog_column_metro.grid-metro .post .content-post, .blog_carousel_metro.grid-metro .post .content-post, .gallery-item .gallery-link a, .product .product-item:hover a.add-to-cart {
	-webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%);
}

.link-gallery {
    padding: 45px 0px 41px;
    margin-bottom: 79px;
    border-bottom: 1px solid #ebebeb;
}

.link-gallery a {
	font-family: 'Lora', serif;
	font-size: 14px;
	margin-right: 69px;
}

.link-gallery a:nth-child(3) { margin-right: 64px; }
.link-gallery a:nth-child(4) { margin-right: 63px; }
.link-gallery a:nth-child(5) { margin-right: 75px; }
.link-gallery a:nth-child(6) { margin-right: 81px; } 
.link-gallery a:last-of-type { margin-right: 0; }

.link-gallery a i { font-size: 16px; padding-right: 20px; }
.footer-gallery .logo-footer { margin-bottom: 4px; }
.footer-gallery .nav-footer > ul { text-align: center; }

.copyright.style3 { border-top: 1px solid #ebebeb; padding: 24px 0px 50px; margin-top: 37px; }
.copyright.style3 p { font-size: 14px; }

/* Home Blog Masonry
-------------------------------------------------------------- */ 
.blog-isotope-masonry .post-item { width: 33.333%; }
.blog-isotope-masonry .grid-three.gird-sidebar article.post { width: 100%; }

.pofolio-filter-masonry ul.portfolio-filter { margin: 0px 0px 22px 4px; }
.pofolio-filter-masonry ul.portfolio-filter > li:last-child { padding-right: 0; }
.pofolio-filter-masonry ul.portfolio-filter > li:first-child { padding: 0 37px 0 0; }    
.pofolio-filter-masonry ul.portfolio-filter > li:nth-child(2) { padding: 0px 39px 0px 23px; }
.pofolio-filter-masonry ul.portfolio-filter > li { padding: 0 30px; }
.pofolio-filter-masonry ul.portfolio-filter > li:last-child span { right: 0; }
.home-magazine .margin-bottom22 article.post { margin-bottom: 22px; }

.list-timeline .post.font-lora .meta-post.style2 li { font-family: "Poppins", sans-serif; }
.home-architecture-s2 .flat-portfolio .portfolio-item { float: left; width: 33.33%; }

/* Home Shop furmiture
-------------------------------------------------------------- */ 
footer.footer.home-shop { padding: 68px 0px 75px; }
.footer.home-shop .logo-footer { margin: 13px 0px 25px; }
.footer.home-shop  ul.flat-information { margin-top: 4px; }
.footer.home-shop p, .footer.home-shop ul li, .footer.home-shop ul li a { color: #a8b0b2; }
.footer.home-shop ul li { line-height: 30px; }

/* Product
-------------------------------------------------------------- */ 
.product-content .product { 
    margin: 0 -20px 0px -15px; 
    clear: both;
}

.product-content .product .product-item {
    position: relative;
    overflow: hidden;
    padding: 0px 15px;
    list-style: none;
    float: left;
    margin-bottom: 38px;
}

.product-fluid .product .product-item { width: 16.6667%; }
.product-fourcolumn .product .product-item { width: 25%; }
.product-threecolumn .product .product-item { width: 33.333%; }
.product-twocolumn .product .product-item { width: 50%; }

.product .product-item .product-thumnail { overflow: hidden; margin-bottom: 23px; }
.product .product-item .price ins, .product .product-item a.add-to-cart, .product .product-item .product-icon, .product .product-item .product-title { font-size: 18px; }
.product .product-item .price { padding: 2px 0px 0px 2px; }
.product .product-item .price ins { text-decoration: none; }
.product .product-item a.add-to-cart { position: absolute; bottom: 0; }
.product .product-item .product-icon { float: right; cursor: pointer; }
.product-content .load-more .flat-button { padding: 16px 37px 15px 39px; }

.filte-shop ul.portfolio-filter { margin: 0; float: left; }
.filte-shop ul.portfolio-filter > li { padding: 0 32px; }
.filte-shop ul.portfolio-filter > li:first-child { padding: 0 34px 0 0; }
.filte-shop ul.portfolio-filter > li span { font-size: 14px; top: -1px; right: 16px; opacity: 1; visibility: visible;}
.filte-shop ul.portfolio-filter > li:last-child span { right: -12px; }
.filte-shop ul.flat-filter-search { float: right; }

.filte-shop ul.flat-filter-search li {  display: inline-block; position: relative; padding: 0px 23px; }
.filte-shop ul.flat-filter-search li:first-child { padding-left: 0; }
.filte-shop ul.flat-filter-search li:last-child, .filte-shop ul.portfolio-filter > li:last-child { padding-right: 0; }

/*  Style2 */
.product.style2 .product-item .product-thumnail {
	float: left;
	margin-bottom: 0;	
	margin-right: 30px;
}

.product.style2 .product-item {
	margin-bottom: 30px;
}

.product.style2 .product-item:last-child {
	margin-bottom: 0;
}
.product.style2 .info-product {
	overflow: hidden;
	padding-top: 19px;
}

/* Home Shop Fashion
-------------------------------------------------------------- */ 
.portfolio-shop:hover .info-shop, .portfolio-shop.active .info-shop {
	height: 100%;
	padding-top: 0;
	padding-bottom: 11px;
}

.portfolio-shop:hover .info-shop span, .portfolio-shop.active .info-shop span {
	-webkit-transform: translateY(50%);
    -moz-transform: translateY(50%);
    -ms-transform: translateY(50%);
    -o-transform: translateY(50%);
    transform: translateY(50%);
}

.portfolio-shop .info-shop {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 25%;
    padding-top: 21px;
    background-color: rgba(200, 65, 45, 0.6);
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.portfolio-shop .info-shop h3, .product-list .title-product-list {
	position: relative;
	font-size: 30px;
	font-weight: 300;
	margin-bottom: 0;
	letter-spacing: 0;
}

.portfolio-shop .info-shop h3 a, .portfolio-shop .info-shop span {
	color: #fff;
}

.portfolio-shop .info-shop span {
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 13px;
	padding-left: 15px;
	margin-top: -6px;
	opacity: 0;	
	visibility: hidden;
	-webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
}

.product-list .title-product-list {
	margin-bottom: 50px;
}

.product-list .title-product-list::after {
	position: absolute;
	right: 0;	
	top: 18px;
	content: "";
	background-color: #ebebeb;
	width: 170px;
	height: 1px;
}

/* Home Video
-------------------------------------------------------------- */ 
.tf-gallery #tf-carousel, .tf-gallery #tf-carousel .slides li .info-video,.tf-gallery  #tf-slider li .info-video, .footer-video, .link-socials.style2 li::after {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
}

.tf-gallery #tf-slider .flat-video a { display: block; }
.tf-gallery ol.flex-control-nav.flex-control-paging, .wrap-home-video2 .flex-direction-nav { display: none; } 

.tf-gallery #tf-slider .flat-video a:before {
	width: 90px;	
	height: 90px;
	top: 39%;
	margin-top: -21px;
    right: 48%;
    margin-right: -6px;
}

.tf-gallery #tf-slider .flat-video a:after {
	top: 41%;
	right: 49%;
	font-size: 38px;
    margin-top: -15px;
    margin-right: 0px;
}

.tf-gallery #tf-slider li::before { z-index: 1; }
.tf-gallery #tf-carousel { bottom: 12.6%; padding: 0 3.48%; }
.tf-gallery #tf-carousel .slides li { cursor: pointer; }
.tf-gallery #tf-carousel .slides li .info-video { padding: 0px 0px 22px 28px; }

.tf-gallery #tf-carousel .slides li:hover .info-video, .tf-gallery #tf-carousel .slides li.flex-active-slide .info-video {
	-webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

.tf-gallery #tf-carousel .slides li .info-video, .tf-gallery #tf-carousel .slides li .info-video h5, .link-socials.style2 li a, .footer-video .copy-right, .tf-gallery  #tf-slider li .info-video h5, .tf-gallery  #tf-slider li .info-video p  { color: #fff; }
.tf-gallery #tf-carousel .slides li .info-video h5 { margin-bottom: 2px; }

.tf-gallery  #tf-slider li .info-video {
    bottom: 67.4%;
    width: 100%;
    z-index: 99;
    text-align: center;
}

.tf-gallery  #tf-slider li .info-video h5 {
	font-size: 60px;
	line-height: 80px;
	margin-bottom: 28px;
}

.tf-gallery  #tf-slider li .info-video p { font-size: 36px; }
.footer-video { bottom: 5.4%; } 

.link-socials.style2 li {
	display: inline-block;
	position: relative;
	margin-right: 13px;
}

.link-socials.style2 li:last-child {
	margin-right: 0;
}

.link-socials.style2 li::after {
	bottom: -10px;
	height: 2px;
	content: "";
	background-image: -webkit-linear-gradient(90deg, #686ab7 50%, #c8412d 50%);
    background-image: -moz-linear-gradient(90deg, #686ab7 50%, #c8412d 50%);
    background-image: -ms-linear-gradient(90deg, #686ab7 50%, #c8412d 50%);
    background-image: -o-linear-gradient(90deg, #686ab7 50%, #c8412d 50%);
    background-image: linear-gradient(90deg, #686ab7 50%, #c8412d 50%);
}

.link-socials.style2 li:hover:after, .link-socials.style2 li.active::after { bottom: -4px; }

/* Home Video2
-------------------------------------------------------------- */ 
.wrap-home-video2 {
    float: right;
    width: 80%;
}

 .wrap-home-video2 .header-btn .nav-flat-wrap {
	width: 56%;
	right: 20%;
} 

 .wrap-home-video2 .header-btn .btn-menu.active ~ .nav-flat-wrap {
    right: 21%;
}

.wrap-home-video2  .tf-gallery #tf-carousel {
	left: -25%;
	background-color: #000;
	bottom: 0;
    top: 0;
    padding: 6.4% 3% 1% 5%;
    width: 25%;
}

.wrap-home-video2 .tf-gallery #tf-carousel .slides li {
	float: none!important;
	overflow: hidden;
	margin-bottom: 30px;
}

.tf-gallery  #tf-carousel li .info-video p {
	font-size: 14px;
}

.wrap-home-video2 .content {
    max-width: 90%;
    height: 916px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transform: translate3d(0px, 0px, 0px)!important;
       -moz-transform: translate3d(0px, 0px, 0px)!important;
        -ms-transform: translate3d(0px, 0px, 0px)!important;
         -o-transform: translate3d(0px, 0px, 0px)!important;
            transform: translate3d(0px, 0px, 0px)!important;
}

.wrap-home-video2  .tf-gallery #tf-slider .flat-video a:after {
	top: 62%;
    margin-right: -16px;
}

.wrap-home-video2  .tf-gallery #tf-slider .flat-video a:before {
    top: 59%;
    margin-top: -16px;
    margin-right: -27px;
}

.wrap-home-video2 .tf-gallery #tf-slider li .info-video {
    bottom: 48.4%;
}

/* Page About Us
-------------------------------------------------------------- */ 
.page-aboutme-s1 .title-section { padding-top: 36px; margin-right: -2px; }
.page-aboutme-s1 .title-section .title { margin-bottom: 28px; }
.page-aboutme-s1 .title-section .sub-title { margin-bottom: 51px; }
.page-aboutme-s1 .wrap-timeline .flat-timeline.slick-current h3 { font-size: 36px; margin-bottom: 10px; }
.page-aboutme-s1 .wrap-timeline .flat-timeline.slick-current p { font-size: 18px; }
.page-about-section.section-whychoose .content-whyus { padding: 10.5% 38.55% 7.8% 8.9%; }

.page-about-section .video-iconbox .flat-video a:before { margin-top: -29px; right: 46%; }
.page-about-section .video-iconbox .flat-video a:after { margin-top: 5px; margin-right: -6px; }

.page-aboutus-s1.home-business .sub-call-action { margin-bottom: 51px; }

/* Page Services Icon
-------------------------------------------------------------- */ 
.page-services-s4 .sub-call-action { margin-bottom: 55px; }

.owlcolor2e2f.flat-testimonials-item2.owl-theme .owl-dots .owl-dot span { border-color: #ebebeb; }
.owlcolor2e2f.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background-color: #2b2e2f; border-color: #3b2e2f; }
.owlcolor2e2f .testimonials.style3.item2 .name { color: #2b2e2f; }

/* Page Services IMG
-------------------------------------------------------------- */ 
.blog-services.gird-sidebar article.post { margin-bottom: 31px; }
.blog-services.gird-sidebar .post h2.title-post { font-size: 22px; margin-bottom: 10px; }
.blog-services.gird-sidebar .post .featured-post { margin-bottom: 24px; }

.page-faq .title-section .title { margin-bottom: 42px; }

/* Page Error
-------------------------------------------------------------- */ 
.flat-error .title-section .title { letter-spacing: 1px; margin-bottom: 12px; }
.flat-error .flat-button { padding: 16px 42px 19px 44px; }

.flat-error .text-error p {
    font-size: 150px;
    line-height: 150px;
    font-weight: 700;
    font-family: "Roboto";
    margin-bottom: 44px;
}

.flat-error .text-error span {
	position: relative;
    margin-top: 3px;
    font-size: 200px;
    display: inline-block;
}

.flat-error .text-error span::before, .flat-error .text-error span::after, .home-comming .wrap-countdown::after {
	position: absolute;
	content: "";
	background-color: #fff;
}

.flat-error .text-error span::before {
	left: 0;
    top: 50%;
    margin-top: 11px;
    width: 100%;
    height: 10px;
}

.flat-error .text-error span::after {
	left: 50%;
    top: 0;
    margin-left: -6px;
    height: 100%;
    width: 10px;
}

/* Comming Soon
-------------------------------------------------------------- */ 
.home-comming .comming-box {
    padding: 190px 163px 184px 163px;
    box-shadow: 13px 22px 73px 0px rgba(0, 0, 0, 0.15);
    margin: 0 4.8%;
}

.home-comming .wrap-countdown::after {
    left: 18.5%;
    bottom: 0;
    width: 62.5%;
    text-align: center;
    height: 2px;
    background-color: #c8412d;
}

.home-comming .title-section { margin-bottom: 82px; }
.home-comming .title-section .title { margin-bottom: 2px; }

.home-comming .wrap-countdown {
    position: relative;
    padding: 0px 250px 8px 269px;
    margin-bottom: 72px;
}

.home-comming .wrap-countdown .countdown.width25 .square { width: 25%; }

.home-comming .countdown .square .numb {
	font-size: 48px;
	font-family: "Poppins", sans-serif;
	letter-spacing: 0;
	font-weight: 600;
}

.home-comming .countdown .square .text {
	color: #a8b0b2;
	letter-spacing: 0;
	font-size: 16px;
	padding-top: 31px;
}

.comming-social span {
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 21px;
}

.home-comming .flat-socials {
    margin-left: -26px;
}

.home-comming .flat-socials a {
	margin-right: 0;
	margin-left: 23px;
}

/*Home Company History
-------------------------------------------------------------- */ 
.page-company .post .featured-post { margin-bottom: 51px; }
.page-company .post h2.title-post { font-weight: 600; margin-bottom: 24px; }
.page-company .post .content-post p { margin-bottom: 22px; font-weight: 400; }
.page-company .post .content-post p:last-of-type, .main-history .flat-timeline:last-of-type, .wrap-partners .flat-partners:last-child { margin-bottom: 0; }

.main-history .flat-timeline { display: inline-block; margin-bottom: 51px; }
.main-history .flat-timeline .data { float: left; }
.main-history .flat-timeline .data-year { position: relative; width: 23%; }
.main-history .flat-timeline .data-year span.year, .main-history .flat-timeline .data-text h4 { font-size: 24px; font-weight: 600; }
.main-history .flat-timeline:first-child .data-text { margin-top: -1px; }
.main-history .flat-timeline .data-text h4 { margin-bottom: 14px; }
.main-history .flat-timeline .data-text { position: relative; width: 77%; padding-left: 1px; }
.main-history .flat-timeline .data-year::before, .main-history .flat-timeline .data-year::after { position: absolute; content: ""; }

.main-history .flat-timeline .data-year::before {
    right: 66px;
    top: 8px;
    width: 9px;
    height: 9px;
    background: #c8412d;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-box-shadow: 0px 0px 1px 3px #d0e7f6;
    box-shadow: 0px 0px 1px 3px #d0e7f6;
}

.main-history .flat-timeline .data-year::after {
    width: 1px;
    right: 70px;
    top: 17px;
    bottom: -130px;
    background: rgba(0, 0, 0, 0.1);
}

.main-history .flat-timeline:last-child .data-year::after { bottom: -65px; }

/* Home Company Careers
-------------------------------------------------------------- */ 
.page-company .title-table { margin-left: -3px; }
.page-company .title-table,.wrap-partners .flat-partners .content-partners h3 { font-weight: 600; font-size: 24px; }
table.careers_table { width: 100%; }
table.careers_table thead { border-bottom: 1px solid #2e2b2f; }
table.careers_table thead tr th {  text-align: center; font-weight: 600;	 padding: 21px 36px 11px 0px; }
table.careers_table thead tr th.title-adrress { padding: 21px 0px 11px 14px; }
table.careers_table thead tr th.title-position { padding: 21px 0px 11px 30px; }
table.careers_table thead tr th.title-date { padding: 21px 7px 11px 0px; }
table.careers_table tbody tr { border-bottom: 1px solid #ebebeb; }
table.careers_table tbody tr td { text-align: center; padding: 14px 0px 18px 0px; font-weight: 400; }

/* Home Company Partners
-------------------------------------------------------------- */ 
.wrap-partners .flat-partners { margin-bottom: 29px; }
.wrap-partners .flat-partners .featured-partners { float: left; margin-right: 30px; }
.wrap-partners .flat-partners .content-partners { overflow: hidden; padding-top: 21px; }

/* Home Company Our Team
-------------------------------------------------------------- */ 
.company-our-team .title-section .title {
	font-size: 46px;
	font-weight: 600;
	line-height: 50px;
    margin-top: -10px;
    margin-bottom: 21px;
}

.company-our-team .title-section p { font-weight: 400; margin-bottom: 24px; }
.company-our-team .title-section p:last-child { margin-bottom: 53px; }
.flat-our-team {margin: 0px -15px;}
.flat-our-team .teammember { float: left; padding: 0px 15px; margin-bottom: 30px; }
.page-services-single .flat-accordion .toggle-title:before { left: 96.2%; bottom: 10px; }
.page-services-single .flat-accordion .flat-toggle:last-of-type { margin-bottom: 0; }

/* Home Contact Classic
-------------------------------------------------------------- */ 
.page-contact-classic .title-page { font-size: 24px; margin-bottom: 12px; }

.contact-talkus ul.flat-information {
	padding: 22px 0px;
	border-top: 1px solid #ebebeb;
	border-bottom: 1px solid #ebebeb;
	margin: 32px 0px 41px;
}

.contact-talkus ul.flat-information li {
    line-height: 48px;
}

.contact-talkus ul.flat-information li a { padding-left: 5px; letter-spacing: 0.1px; }

.contact-talkus .flat-socials a:first-of-type {
	margin-left: 0;
}

.page-contact-classic .contact-form-center .title-page { margin-bottom: 9px; }
.page-contact-classic .contact-form-center .contactform2 textarea { height: 102px; }
.page-contact-classic .contactform2 .flat-button { padding: 18px 47px 17px 47px;}

.contact-minimal { padding-top: 10px; }

.contact-minimal .title-section span {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 8px;
    margin-bottom: 5px;
    color: #a8b0b2;
    display: inline-block;
}

.contact-minimal h2 { 
	font-weight: 600;
	letter-spacing: 0.8px;
	margin-bottom: 17px;
}

.contact-minimal .info-contact {
	margin-bottom: 29px;
}

.contact-minimal .info-contact:last-of-type {
	margin-bottom: 0;
}

.contact-minimal .info-contact a {
	font-size: 18px;
	font-weight: 400;
	color: #717779;
	letter-spacing: 0.1px;
}

.page-contact-creative1 .title-section .title { margin-bottom: 32px; }
.page-contact-creative2 .title-section .title { margin-bottom: 23px; }
.flat-address h2 { font-weight: 600; margin-bottom: 16px; }
.flat-address ul li { line-height: 30px; }

/* Page Planding
-------------------------------------------------------------- */ 
.planding-isotope { margin: 0 -25px; }
.planding-isotope .plan-item { padding: 0px 25px; margin-bottom: 46px; }
.planding-isotope .plan-item .box { margin-bottom: 28px; }

.planding-isotope .plan-item .box a {
	display: block;
	overflow: hidden;
	background-color: rgba(0, 0, 0, 0.6);
}

.planding-isotope .plan-item .box a::before, .planding-isotope .plan-item .box a::after {
	position: absolute;
	content: "";
	cursor: pointer;
	background-color: rgba(255, 255, 255, 1);
	z-index: 3;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.planding-isotope .plan-item .box a::before {
	width: 30px;
    height: 2px;
    left: 100%;
}

.planding-isotope .plan-item .box a::after {
	height: 30px;
	width: 2px;	
	top: 0%;
}

.planding-isotope .plan-item .box a:hover:before, .planding-isotope .plan-item .box a:hover:after {
    top: 50%;
    left: 50%;
}

.planding-isotope .plan-item .box a:hover img {
	opacity: 0.4;
}

.planding-isotope .plan-item h6 {
	text-align: center;
	font-weight: 400;
	color: #fff;
	margin-bottom: 0;
	margin-left: 8px;
	letter-spacing: 0;
}

/*  section iconbox */
.page-planding .title-section .title {
	line-height: 50px;
	letter-spacing: 1px;
	font-weight: 600;
}
.plan-iconbox .title-section .title {
	color: #1e1e27;
}

.plan-iconbox .title-section .sub-title {
	color: #1e1e27;
}

.plan-iconbox .iconbox.style3 .box-content .box-title {
	font-size: 14px;
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: 5px;
}

.plan-iconbox .iconbox.style3 {
	padding: 39px 20px 36px;
	box-shadow: 0px 8px 10px 0px rgba(0, 0, 0, 0.1); 
}

.plan-iconbox .iconbox.style3 .box-icon {
	margin-bottom: 22px;
}

.plan-iconbox .iconbox .box-content p {
	font-size: 14px;
	color: #5a596a;
	line-height: 24px;
	font-weight: 400;
}

/*  section purchase */
.page-planding .btn-purchase a {
	display: inline-block;
    color: #fff;
    font-weight: 600;
    font-size: 12px;
    background-color: #c8412d;
    padding: 8px 35px 11px 35px;
    border-radius: 3px;
}

/* IsoTope
-------------------------------------------------------------- */ 
ul.portfolio-filter, .btn-filter-wrap {    
    margin: 0px 0px 22px 33px;    
    text-align: center;
}

ul.portfolio-filter > li, .btn-filter-wrap > li {
	position: relative;
    padding: 0 30px;
    display: inline-block;
    cursor: pointer;
}

ul.portfolio-filter > li:first-child {
    padding: 0 30px 0 0;
}

ul.portfolio-filter > li a, .btn-filter-wrap > li a, .filte-shop ul.flat-filter-search li a {
    line-height: 48px;   
    font-size: 18px;    
}

ul.portfolio-filter > li span, .btn-filter-wrap > li span {
	position: absolute;
	right: 31px;
	top: -4px;
	font-size: 10px;
}

/* Style2 */
ul.portfolio-filter.style2 { margin: 0px 0px 18px 0px; text-align: left; }
ul.portfolio-filter.style2 > li a { line-height: 36px; }
ul.portfolio-filter.style2 > li span { right: 34px; top: -10px; }

/* Style3 */
ul.portfolio-filter.style3 { margin: 0px 0px 26px 0px; }
ul.portfolio-filter.style3 > li:last-child { padding-right: 0; }
ul.portfolio-filter.style3 > li:first-child { padding: 0 31.5px 0 0; }
ul.portfolio-filter.style3 > li { padding: 0px 31.5px; }
ul.portfolio-filter.style3 > li a { position: relative; color: #fff; font-weight: 500; }
ul.portfolio-filter.style3 > li a::after { left: 0; bottom: -10px; height: 2px; width: 100%; }
ul.portfolio-filter.style3 > li a:hover:after, ul.portfolio-filter.style3 > li.active a:after { bottom: -5px; }

/* Style3 */
ul.portfolio-filter.style4  li:first-child { padding: 0 24px 0px 0px; }
ul.portfolio-filter.style4  li:last-child { padding-right: 0; }
ul.portfolio-filter.style4  li { padding: 0 24.5px; }

/* Style4 */
ul.portfolio-filter.style5 {
	margin: 0px 0px 51px 6px;
}

ul.portfolio-filter.style5 > li {
	padding: 0;
	margin: 0px -2.5px;
}

ul.portfolio-filter.style5 > li a { 
	color: #fff;
	font-size: 16px;
	font-weight: 400;
    padding: 7px 24px 10px 24px;
	border-radius: 40px;
	 
}

ul.portfolio-filter.style5 > li a:hover, ul.portfolio-filter.style5 > li.active a {
	background-color: #1f2838;
}

/* Style Left */
ul.portfolio-filter.text-left { margin: 0px 0px 34px 0px; text-align: left; }
ul.portfolio-filter.text-left > li:first-child { padding: 0 28px 0px 0px!important; }
ul.portfolio-filter.text-left > li, ul.portfolio-filter.text-left > li.active { padding: 0 34px; }
ul.portfolio-filter.text-left > li:nth-child(4) { padding: 0px 30px 0px 26px; }
ul.portfolio-filter.text-left > li:nth-child(5) { padding: 0px 26px 0px 30px; }
ul.portfolio-filter.text-left > li span { right: 26px; }
ul.portfolio-filter.padding2 { margin-bottom: 38px; }
ul.portfolio-filter.padding2 > li:first-child { padding: 0 47px 0 0;}
ul.portfolio-filter.padding2 > li { padding: 0 35px;}

.btn-filter-wrap.style2 li a, ul.portfolio-filter.style4  li a { font-weight: 600; }
.btn-filter-wrap.color-white li a { color: #fff; }

/* Pagination
-------------------------------------------------------------- */
.blog-pagination .flat-pagination li {
    position: relative;
    display: inline-block;
    font-weight: 500;
}

.blog-pagination .flat-pagination li a {
    display: inline-block;
    border-radius: 2px;
    border: 1px solid #e5e5e5;
    padding: 8px 13px 8px 11px;
}

.blog-pagination .flat-pagination li.active a {
    padding: 8px 15px 8px 14px;
}

.blog-pagination .flat-pagination li.next a {
    padding: 8px 26px 8px 13px;
}

.blog-pagination .flat-pagination li.previous a {
    padding: 8px 13px 8px 26px;
}

.blog-pagination .flat-pagination li.next::after, .blog-pagination .flat-pagination li.previous::after {
    position: absolute;
    top: 9px;
    font-family: 'FontAwesome';
    content: "\f101";
}

.blog-pagination .flat-pagination li.next::after {
	right: 12px;
}

.blog-pagination .flat-pagination li.previous::after {
	content: "\f100";
	left: 15px;
}

/* Sidebar
-------------------------------------------------------------- */
.sidebar {
	margin-left: 19px;
	margin-top: -5px;
}

.sidebar .widget {
	margin-bottom: 47px;
	position: relative;
}

.widget .widget-title {
	font-weight: 500;
	margin-bottom: 19px;
	font-size: 22px;
}

.widget ul  {
	padding: 0;
	margin: 0;
}

.widget ul li {
	position: relative;
	list-style: none;
	padding: 14px 0 13px;
}

.widget ul li:first-child {
	padding-top: 0;
}

/* Widget-recent-new */
.widget.widget-recent-new ul li {
	font-weight: 500;
	letter-spacing: 0.2px;
    line-height: 24px;
    border-bottom: 1px solid #e5e5e5;
}

.widget.widget-recent-new ul li a {
	display: inline-block;
	margin-bottom: 6px;
}

.widget.widget-recent-new ul li span {
	color: #717779;
	font-size: 14px;
	font-weight: 300;
}

/* Widget categories */
.widget.widget-categories {
	margin-bottom: 36px;
}

.widget.widget-categories .widget-title {
	margin-bottom: 15px;
}

.widget.widget-categories ul li {	
	line-height: 30px;
	font-weight: 400;
	padding: 0 0 0 22px;
}

.widget.widget-categories ul li::before, .widget.widget-color .list-color li::before {
	width: 7px;
	height: 7px;
	background: #c8412d;
	-webkit-border-radius: 50%;
	        border-radius: 50%;
}

.widget.widget-categories ul li::before, .widget.widget-color .list-color li::before, .widget.widget-nav-menu ul li::before {
	position: absolute;
	left: 0;
	top: 12px;
	content: "";
}

/* Widget-Tag */
.widget.widget-tags {
    margin: 0px 0px 35px 1px;
}

.widget.widget-tags .widget-title {
	margin-bottom: 25px;
}

.widget.widget-tags .tags-list a {
	display: inline-block;
    font-size: 14px;
    font-weight: 300;    
    display: inline-block;
    text-transform: uppercase;
    text-align: center;
    line-height: 28px;
    border: 1px solid #e5e5e5;
    padding: 0px 15px 0px 17px;
    margin: 0 5px 10px 0;
}

.widget.widget-tags .tags-list a.none {
	margin-right: 0;
	padding: 0px 17px 0px 17px;
}

.widget.widget-tags .tags-list a.tags-3 {
	padding: 0px 16px 0px 14px;
	margin-bottom: 9px; 
}

.widget.widget-tags .tags-list a.tags-4 {
	padding: 0px 15px 0px 16px; 
	margin-bottom: 9px;
}

.widget.widget-tags .tags-list a.tags-5 {
	padding: 0px 15px; 
	margin-right: 4px;
}

.widget.widget-tags .tags-list a.tags-6 {
	padding: 0px 12px 0px 11px; 
}

.widget.widget-tags .tags-list a:hover {
	color: #fff;
	background-color: #c8412d;
	border-color: #c8412d;
}

.widget-twiter .latest-tweets ul li {
    margin-bottom: 15px;
    padding: 0;
    line-height: 24px;
}

.widget-twiter .latest-tweets span.tweet_time {
    display: block;
}

.widget-twiter .latest-tweets span.tweet_time a {
    font-size: 14px;
}

/* Widget nav menu */
.sidebar.style2 {
    margin-left: 0;
    margin-top: -18px;
}

.widget.widget-nav-menu {
	margin-bottom: 33px;
}

.widget.widget-nav-menu.style2 {
    margin-bottom: 30px;
}

.widget.widget-nav-menu ul li {
    padding: 0px 0px 0px 25px;
    line-height: 50px;
}

.widget.widget-nav-menu ul li::after {
	position: absolute;
	left: 0;
	bottom: -2px;
	content: "";
	width: 100%;	
	height: 1px;
	background-color: #ebebeb;
}

.widget.widget-nav-menu.style2 ul li::after {
	bottom: 0;
}

.widget.widget-nav-menu ul li:last-child:after {
	content: none;
}

.widget.widget-nav-menu ul li a {
	font-weight: 500;
	display: block;
}

.widget.widget-nav-menu ul li:last-child {
	border-bottom: none;
}

.widget.widget-nav-menu ul li::before {
	top: 0;
	font-family: "FontAwesome";
	content: "\f0da";
	color: #a8b0b2;
}

.widget.widget-testimonials {
	margin-bottom: 43px;
}

/* Widget Question */
.widget.widget-question .widget-title, .widget.widget-download .widget-title {
	font-size: 24px;
	line-height: 30px;
	margin-bottom: 11px;
}

.widget.widget-question p {
	margin-bottom: 33px;
}

.widget.widget-question .flat-button {
    padding: 16px 35px 17px 40px;
}

/* Widget Download */
.widget.widget-download .widget-title { font-weight: 600; }
.widget.widget-download p { margin-bottom: 35px; }
.widget.widget-download .flat-button { padding: 17px 32px 17px 35px; }

/*  Sidebar Shop */
.sidebar.sidebar-shop .widget {
    margin-bottom: 43px;
}

.sidebar-shop .widget .widget-title {
	margin-bottom: 20px;
}

.sidebar-shop .widget ul li {
	padding: 0;
	line-height: 36px;
	font-weight: 400;
	padding-left: 1px;
}

.widget.widget-color .list-color li {
	padding-left: 32px;
}

.sidebar-shop .widget.widget-color .list-color li::before {
	width: 10px;	
	height: 10px;
	top: 14px;
}

.widget.widget-color .list-color li.brown::before { background-color: #c09564; }
.widget.widget-color .list-color li.gray::before { background-color: #d7d7d7; }
.widget.widget-color .list-color li.green::before { background-color: #7bc084; }
.widget.widget-color .list-color li.orange::before { background-color: #f79327; }
.widget.widget-color .list-color li.black::before { background-color: #2b2e2f; }
.sidebar-shop .widget.widget-tags { margin: 0px; }
.sidebar-shop .widget.widget-tags .widget-title { margin-bottom: 26px; }

/* Shop
-------------------------------------------------------------- */
table.shop_table {
    width: 100%;
    max-width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}

.shop_table thead {
	border: 1px solid #ebebeb;
}

.shop_table thead tr th {
    text-align: center;
    padding: 13px 16px 15px 0px;
    font-weight: 500;
}

.shop_table thead tr th .btn-close {
	border: none;
}

.shop_table .btn-close {
    width: 30px;
    height: 30px;
    display: inline-block;
    color: #242627;
    text-align: center;
    border: 1px solid #ebebeb;
}

.shop_table tbody {
	border: 1px solid #ebebeb;
	border-top: none;
}

.shop_table tbody tr:last-child td {
	padding-bottom: 30px;
}

.shop_table tbody tr td {
    position: relative;
    padding: 29px 0px 0px 28px;
    font-size: 18px;
}

.shop_table thead tr th:last-of-type {
	padding-right: 0;
}

.shop_table tbody tr td.product-name {
	text-align: left;
}

.shop_table tbody tr td.product-quantity input {
    text-align: center;
    border: none;
    font-size: 18px;
}

.section-mywishlist .blog-pagination .flat-pagination li.con-shop .flat-button {
	padding: 15px 33px 17px 37px;
}

.section-mywishlist .blog-pagination .flat-pagination li.add-cart .flat-button {
	padding: 15px 42px 17px 44px;
}

/* GoTop Button
-------------------------------------------------------------- */
.go-top, .go-top3 {
	width: 35px;
   	cursor: pointer;   
    background-color: transparent;
   	height: 35px;
   	line-height: 40px;
   	z-index: 999;
   	z-index: 99;
	border: 2px solid #c8412d;
   	text-align: center;
   	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;   	
   	-webkit-transition: all 0.3s ease-in-out;
	   -moz-transition: all 0.3s ease-in-out;
	    -ms-transition: all 0.3s ease-in-out;
	     -o-transition: all 0.3s ease-in-out;
	        transition: all 0.3s ease-in-out;
}

.go-top {
   	position: fixed !important;
   	right: -35px;
	bottom: 15px;   
   	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	   	filter: alpha(opacity=0);
	  	opacity: 0;
}

.go-top:hover, .go-top3:hover {
	background-color: #c8412d;
	-webkit-transform: translateY(-5px);
	   -moz-transform: translateY(-5px);
	    -ms-transform: translateY(-5px);
	     -o-transform: translateY(-5px);
	        transform: translateY(-5px);
}

.go-top:hover i, .go-top3:hover i { 
	color: #fff;
}

.go-top3 {
	position: absolute;
    left: 50%;
    margin-left: -18px;
    bottom: 163px;
}

.go-top.show {
	right: 35px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
	visibility: visible;
}

.go-top i, .go-top3 i {
	font-size: 20px;
}

/* Style3 */
.go-top3.style2 {
	bottom: 86px;
    margin-left: -16px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border: none;
    background: #c8412d;
}
.go-top3.style2:hover { background-color: #fff; }
.go-top3.style2 i { color: #fff; font-size: 14px; }


/* Footer
-------------------------------------------------------------- */
footer { position: relative; background-color: #123046; padding: 94px 0 89px; }
footer.style1 { padding: 80px 0 74px;}
footer.home-business { padding: 32px 0 30px; }
section, .flat-add-project { position: relative; }

/* Footer widget
-------------------------------------------------------------- */
.footer-widgets .widget .widget-title, .section-our-services .widget .widget-title {
	font-size: 18px;	
	color: #fff;
	margin-bottom: 30px;	
	padding-left: 2px;
	font-weight: 600;
}

.footer-widgets .widget_instagram .widget-title {
	margin-bottom: 35px;
}
/* Widget instagram */
.widget.widget_instagram ul {
	margin: 0 -5px;
}

.widget.widget_instagram ul li {
	float: left;
	padding: 0 5px;
	margin-bottom: 10px;
}

.flat-images-hover {
    position: relative;
    overflow: hidden;
}

.flat-images-hover .flat-hover-overlay,
.overlay-blog {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: rgba(200, 65, 45, 0.8);
}

.flat-images-hover:after, .flat-images-hover:before {
    content: "";
    position: absolute;
    width: 1px;
    height: 30px;
    background: #fff;
    top: 50%;
    left: 50%;
    z-index: 9999;
    margin-top: -15px;
    margin-left: -1px;
}

.flat-images-hover:before {
    height: 1px;
    width: 30px;
    margin-top: -1px;
    margin-left: -15px;
}

.flat-images-hover:hover:before, .flat-images-hover:hover:after, .flat-images-hover:hover .flat-hover-overlay, .post:hover .overlay-blog,
.grid-metro > .post:hover > .content-post > a, ul.portfolio-filter > li.active span, ul.portfolio-filter > li:hover span,
.btn-filter-wrap > li.active span, .btn-filter-wrap > li:hover span {
    opacity: 1;
    visibility: visible;
    cursor: pointer;
}

.flat-images-hover:hover img, .grid-metro .post:hover .featured-post img, .product .product-item:hover .product-thumnail img {
	-webkit-transform: scale(1.1);
	   -moz-transform: scale(1.1);
	    -ms-transform: scale(1.1);
	     -o-transform: scale(1.1);
	        transform: scale(1.1);
}   

/* Widget Twiter */
.widget_tweets ul li {
    padding: 0 0 4px 20px;
    position: relative;
    border: 0;
    margin-top: 15px;
    font-size: 16px;
}

.widget_tweets ul li:before {
    content: "\f099";
    font-family: "FontAwesome";
    font-size: 16px;
    color: #fff;
    position: absolute;
    left: 0;
    top: 0;
}

.widget_tweets ul li .author { font-weight: 700; }
.widget_tweets ul li span.tweet_time { padding-left: 15px; }

/* Footer- Header
-------------------------------------------------------------- */
.wrap-footer { border-top: 1px solid #312e36; }
.wrap-footer .logo-footer { width: 20%; }
.wrap-footer .nav-wrap { width: 60%; }
.wrap-footer .flat-socials { width: 20%;	 }
.wrap-footer .nav-wrap .nav-footer > ul { text-align: left; }
.wrap-footer .nav-footer > ul > li > a { padding: 0; color: #717779; margin: 0px 22.5px;}
.wrap-footer .nav-footer > ul > li:first-child  > a{ margin-left: 4px; }
.wrap-footer .nav-footer > ul > li > a::after { content: none; }

/* Element Footer
-------------------------------------------------------------- */
.footer-onehalf, .section-onehalf { float: left; width: 50%;}
.padding-left-footer { padding-left: 5.65%; }
.padding-right-footer { padding-right: 5.65%; }

.bg-footer-color1 { background-color: #18111c; }
.bg-footer-color2 { background-color: #1f1a22; }
.bg-footer-color3 { background-color: #1d1f2c; }
.bg-footer-color4 { position: relative; background-color: #151724; }
.bg-footer-color5 { background-color: #1e1923; }

.nav-social .nav-footer > ul { text-align: left; }
.nav-social h4, .copyright h4 { font-size: 24px; font-weight: 600; margin-bottom: 14px;}
.nav-social .nav-footer > ul > li > a { padding: 0px 0px 5px; margin: 0 7px 0 6px; font-weight: 300;}
.nav-social .nav-footer > ul > li:first-child > a { margin-left: 0; }
.nav-social .nav-footer > ul > li:hover > a:after, .nav-social .nav-footer > ul > li.home > a:after {bottom: 2px;}

.footer-second1 { padding: 6.3% 0px 4.9% 19.28%; }
.footer-second2 { padding: 6.8% 19.2% 6.15% 11.36%; }
.footer-second2 h6 { color: #fff; font-weight: 300; margin: 0px 0px 16px 3px; letter-spacing: 0; }
.footer-second2 .flat-socials a { margin-left: 23px; }
.footer-second2 .flat-socials a:nth-child(3) { margin-left: 26px; }
.footer-second2 .follow-us { color: #fff; float: left; margin:1px 0px 0px 3px;}

.footer-style .contact-colorb2 input, .footer-style .contact-colorb2 textarea { color: #a8b0b2; border-color: #a8b0b2; margin-bottom: 20px;}
.footer-style .contact-colorb2 input:focus, .footer-style .contact-colorb2 textarea:focus { border-color: #c8412d; }
.footer-style .contact-colorb2 textarea { height: 100px; padding-top: 11px; margin-bottom: 51px; text-decoration: none; }
#contactform p { position: relative; }
label.error { position: absolute; right: 0; }
.flat-alert.undefined { overflow: hidden; }
/*  Style4 */
.style-header-footer .wrap-footer { border-top: none; padding: 3.67% 5.7% 3.15% 5.6%; }
.footer-style .wrap-footer .nav-wrap { padding-left: 79px; }
.footer-style .wrap-footer .nav-footer > ul > li > a { margin: 0px 29.5px; }
.footer-style .wrap-footer .nav-footer > ul > li:first-child > a { margin-left: 4px; }
.footer-third1 { padding: 4.64% 6.5% 6% 5.6%; }
.footer-third1 .title { font-size: 30px; margin-bottom: 61px; }
.footer-third1 .flat-button { padding: 17px 27px 17px 31px; }

/*  Style5 */
.bg-image1 { background: url('../images/footer/bg1.jpg'); }
.bg-image2 { background: url('../images/footer/bg2.jpg'); }
.bg-image3 { background: url('../images/footer/bg3.jpg'); }
.bg-image11 { background: url('../images/footer/bg1.1.jpg'); }
.bg-image22 { background: url('../images/footer/bg2.2.jpg'); }
.footer-four1 { padding: 5.7% 1% 6.3% 15.85%; }
.footer-four2 { padding: 5.7% 1% 6.3% 16.3%; }
.title-footer5 { font-family: 'Dosis', sans-serif; color: #fff; letter-spacing: 5.8px; margin-bottom: 29px; }
.infobox-footer ul li { line-height: 30px; color: #a8b0b2; }
.button-footer5 .flat-button, .btn-contact-us .flat-button { background: transparent; color: #fff;}
.button-footer5 .flat-button { padding: 16px 33px 15px 33px; }
.footer-style5.style-header-footer .wrap-footer { padding: 3.5% 3.5% 2.95% 3.5%; }
.footer-style5.footer-style .wrap-footer .nav-wrap { padding-left: 137px; }

/*  Style6 */
.footer-five { padding: 93px 0px 92px; }
.footer-five .flat-socials { margin-left: -37px; margin-bottom: 14px;}
.footer-five .flat-socials a { margin-right: 0; font-size: 18px; color: #242d2e; margin-left: 37px; }
.footer-five .flat-socials a:nth-child(3) { margin-left: 37px; }

.footer-six { padding: 118px 10px 128px 114px; }
.footer-six .title-section .title { font-size: 45px; margin-bottom: 106px; }
.footer-six .info-contact h2 { color: #fff; margin-bottom: 16px; }
.footer-six .info-contact a { color: #a8b0b2; font-size: 18px; letter-spacing: 0.2px; }

.footer-style7.style-header-footer .wrap-footer, .footer-style9.style-header-footer .wrap-footer { padding: 3.45% 7.15% 2.95% 7.15%; }
.footer-style7.footer-style .wrap-footer .nav-wrap, .footer-style9.footer-style .wrap-footer .nav-wrap { padding-left: 96px; }

.footer-style8 { padding: 194px 0px 181px; }
.title-footer8 { font-family: 'Oswald', sans-serif; font-size: 52px; line-height: 52px; font-weight: 500; padding-left: 3px; letter-spacing: -2px;}
.footer-style8 .info-contact .email { font-size: 30px; margin-bottom: 26px; line-height: 30px; margin-top: 6px;}
.footer-style8 .info-contact .phone { font-size: 60px; margin-bottom: 39px; line-height: 60px; font-weight: 500; letter-spacing: 2px;}
.footer-style8 .flat-socials, .main-slider .info-wrap .flat-socials { margin-left: -13px; }
.footer-style8 .flat-socials a, .main-slider .info-wrap .flat-socials a { font-size: 36px; margin-right: 0; width: 60px; height: 60px;}
.footer-style8 .flat-socials a:first-child, .main-slider .info-wrap .flat-socials a:first-child { margin-left: 0; }
.footer-style8 .flat-socials a i, .main-slider .info-wrap .flat-socials a i { line-height: 60px; }
.footer-style8 .flat-socials > a:hover > i:first-child, .main-slider .info-wrap .flat-socials > a:hover > i:first-child { margin-top: -60px; }

/* Style 9 */
.footer-night { padding: 89px 187px 102px 135px;}
.footer-night .title-section .title { font-weight: 300; margin-bottom: 74px; }
.footer-night .title-section.line .title::after { background-color: #fff;}
.footer-style9.footer-style .contact-colorb2 input:focus,.footer-style9.footer-style .contact-colorb2 textarea:focus { color: #fff; border-color: #fff; }

.footer-ten { padding: 97px 0px 100px; }
.footer-style10 .title-footer10 { font-size: 48px; line-height: 50px; font-weight: 600; margin-bottom: 30px; letter-spacing: 0.7px;}
.footer-style10 p { font-size: 24px; margin-bottom: 55px;}
.footer-style10 .flat-button.button-gradient-border { padding: 16px 40px 15px 40px; }

/* Social-links
-------------------------------------------------------------- */
.flat-socials a {
	overflow: hidden;
	display: inline-block;
	width: 30px;	
	height: 30px;
	background: transparent;
	border-radius: 50%;
	font-size: 14px;
	margin-left: 26px;
	margin-right: -8px;
	text-align: center;
}

.flat-socials a.dribbble  { color: #e456a9; }
.flat-socials a.twitter { color: #00aeef; }
.flat-socials a.instagram { color: #aa61cc; }
.flat-socials a:nth-child(3) { margin-left: 23px; }
.flat-socials > a:hover { background-color: #c8412d; }

.flat-socials a i {
	position: relative;
	display: block;
	z-index: 1;
	line-height: 30px;
	width: 100%;
	height: 100%;
}

.flat-socials > a:hover > i:first-child { margin-top: -30px; }

/* Infomation top */
.widget_info .flat-information {
	margin-bottom: 32px;
}

.widget_info .flat-information li {
	margin: 0 0;
	padding: 0;	
	line-height: 30px;
	color: #717779;
	letter-spacing: 0.3px;
}

.widget_info .flat-information li a {
	color: #fff;
}

/* subscribe-form
-------------------------------------------------------------- */
#subscribe-form input, .subscribe-form input {
    border: 1px solid #312e36;
    color: #717779;
    margin-bottom: 0;
    padding-left: 20px;
    font-size: 14px;
}

#subscribe-form input:focus, .subscribe-form input:focus {
	border-color: #c8412d;
}

#subscribe-button, .subscribe-button {
    position: absolute;
    right: 0;
    top: 0;
    background: transparent;
    height: 50px;
    color: #717779;
    padding-right: 19px;
}

/* Images hover
-------------------------------------------------------------- */
.img-arrow {
	position: absolute;
	left: 43.7%;
	z-index: 99;
}

.img-arrow.arr-top { bottom: 0; }

.img-arrow a {
	display: block;
	cursor: pointer;
}

.img-arrow a i {
	position: absolute;
	 left: 46%;
    top: 24px;	
	font-size: 36px;
	animation: bounce 2.5s infinite;
    -webkit-animation: bounce 3.5s infinite;
    -moz-animation: bounce 2.5s infinite;
}

.img-arrow.arr-bottom { top: -41px; margin-left: -9px; }
.img-arrow.arr-bottom a i { top: 32px; }

.img-arrow.style2 {
    left: 50%;
    margin-left: -16px;
    bottom: 119px;
}

.home-cretive-studio.img-arrow {
    margin-left: -19px;
    bottom: 111px;
}

/* Parallax
-------------------------------------------------------------- */
.parallax {
	position: relative;
	width: 100%;
	background-attachment: fixed;
	background-position: 50% 0;
}

.parallax1 { background-image: url('../images/parallax/bg1.jpg'); }
.parallax2 { background-image: url('../images/parallax/bg2.jpg'); }
.parallax3 { background-image: url('../images/parallax/bg3.jpg'); }
.parallax4 { background-image: url('../images/slides/s4.jpg'); }
.parallax5 { background-image: url('../images/parallax/bg4.jpg'); }
.parallax6 { background-image: url('../images/parallax/bg4.jpg'); }

.overlay-parallax, .ovelay-gradient, .overlay-slider, .blog_column_metro.grid-metro .post .content-post::before, .blog_carousel_metro .post .content-post::before,
.flat-teammember-circle .teammember .info-overlay.bg-gradient::before, .gallery-item .gallery-link, .tf-gallery #tf-carousel .slides li::before, .tf-gallery #tf-slider li::before {
	position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    background-color: rgba( 18, 48, 70, 0.8);
}

.overlay-parallax.slides { background-color: rgba( 0, 0, 0, 0.5); }
.overlay-parallax.style2 { background-color: rgba( 0, 0, 0, 0.6); z-index: -1; }
.overlay-parallax.style3 { background-color: rgba( 0, 0, 0, 0.3); z-index: -1; }

.overlay-slider {
	opacity: 0.4;
    background-image: -webkit-linear-gradient(135deg, #414141 30%, #414141 70%);
    background-image: -moz-linear-gradient(135deg, #414141 30%, #414141 70%);
    background-image: -ms-linear-gradient(135deg, #414141 30%, #414141 70%);
    background-image: -o-linear-gradient(135deg, #414141 30%, #414141 70%);
    background-image: linear-gradient(135deg, #414141 30%, #414141 70%);
}

.ovelay-gradient {
    opacity: 0.85;
    background-image: -webkit-linear-gradient(135deg, #686ab7 40%, #aa61cc 55%);
    background-image: -moz-linear-gradient(135deg, #686ab7 40%, #aa61cc 55%);
    background-image: -ms-linear-gradient(135deg, #686ab7 40%, #aa61cc 55%);
    background-image: -o-linear-gradient(135deg, #686ab7 40%, #aa61cc 55%);
    background-image: linear-gradient(135deg, #686ab7 40%, #aa61cc 55%);
}

.ovelay-gradient.bggreen {
	background-image: -webkit-linear-gradient(135deg, #c8412d 40%, #50dfa7 55%);
    background-image: -moz-linear-gradient(135deg, #c8412d 40%, #50dfa7 55%);
    background-image: -ms-linear-gradient(135deg, #c8412d 40%, #50dfa7 55%);
    background-image: -o-linear-gradient(135deg, #c8412d 40%, #50dfa7 55%);
    background-image: linear-gradient(135deg, #c8412d 40%, #50dfa7 55%);
}

.ovelay-gradient.bgvioletgreen, .bg-gradient-violetgreen {
	background-image: -webkit-linear-gradient(135deg, #686ab7 40%, #c8412d 55%);
    background-image: -moz-linear-gradient(135deg, #686ab7 40%, #c8412d 55%);
    background-image: -ms-linear-gradient(135deg, #686ab7 40%, #c8412d 55%);
    background-image: -o-linear-gradient(135deg, #686ab7 40%, #c8412d 55%);
    background-image: linear-gradient(135deg, #686ab7 40%, #c8412d 55%);
}

.bg-gradient-redorange {
	background-image: -webkit-linear-gradient(135deg, #f35656 40%, #f79327 55%);
    background-image: -moz-linear-gradient(135deg, #f35656 40%, #f79327 55%);
    background-image: -ms-linear-gradient(135deg, #f35656 40%, #f79327 55%);
    background-image: -o-linear-gradient(135deg, #f35656 40%, #f79327 55%);
    background-image: linear-gradient(135deg, #f35656 40%, #f79327 55%);
}

/* Preload
-------------------------------------------------------------- */
.page-loading .loading-overlay {
    -webkit-opacity: 1;
     -khtml-opacity: 1;
       -moz-opacity: 1;
            opacity: 1;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
        filter: alpha(opacity=100);
    display: block;
    visibility: visible;
}

.loading-overlay {
	position: fixed;
    background: #ffffff;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 999999;
    visibility: hidden;
    display: none;
    -webkit-opacity: 0;
     -khtml-opacity: 0;
       -moz-opacity: 0;
            opacity: 0;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
        filter: alpha(opacity=0);
}

.preload-inner {
	left: 50%;
	top: 50%;
	margin-left: -37px;
	margin-top: -37px;
    position: absolute;
}

.loading-overlay .wBall {
	position: absolute;
	width: 74px;
	height: 74px;
	opacity: 0;
	transform: rotate(225deg);
		-o-transform: rotate(225deg);
		-ms-transform: rotate(225deg);
		-webkit-transform: rotate(225deg);
		-moz-transform: rotate(225deg);
	animation: orbit 6.96s infinite;
		-o-animation: orbit 6.96s infinite;
		-ms-animation: orbit 6.96s infinite;
		-webkit-animation: orbit 6.96s infinite;
		-moz-animation: orbit 6.96s infinite;
}

.loading-overlay .wBall .wInnerBall{
	position: absolute;
	width: 10px;
	height: 10px;
	background: rgb(200,64,45);
	left:0px;
	top:0px;
	border-radius: 10px;
}

.loading-overlay #wBall_1 {
	animation-delay: 1.52s;
		-o-animation-delay: 1.52s;
		-ms-animation-delay: 1.52s;
		-webkit-animation-delay: 1.52s;
		-moz-animation-delay: 1.52s;
}

.loading-overlay #wBall_2 {
	animation-delay: 0.3s;
		-o-animation-delay: 0.3s;
		-ms-animation-delay: 0.3s;
		-webkit-animation-delay: 0.3s;
		-moz-animation-delay: 0.3s;
}

.loading-overlay #wBall_3 {
	animation-delay: 0.61s;
		-o-animation-delay: 0.61s;
		-ms-animation-delay: 0.61s;
		-webkit-animation-delay: 0.61s;
		-moz-animation-delay: 0.61s;
}

.loading-overlay #wBall_4 {
	animation-delay: 0.91s;
		-o-animation-delay: 0.91s;
		-ms-animation-delay: 0.91s;
		-webkit-animation-delay: 0.91s;
		-moz-animation-delay: 0.91s;
}

.loading-overlay #wBall_5 {
	animation-delay: 1.22s;
		-o-animation-delay: 1.22s;
		-ms-animation-delay: 1.22s;
		-webkit-animation-delay: 1.22s;
		-moz-animation-delay: 1.22s;
}

@keyframes orbit {
	0% {
		opacity: 1;
		z-index:99;
		transform: rotate(180deg);
		animation-timing-function: ease-out;
	}

	7% {
		opacity: 1;
		transform: rotate(300deg);
		animation-timing-function: linear;
		origin:0%;
	}

	30% {
		opacity: 1;
		transform:rotate(410deg);
		animation-timing-function: ease-in-out;
		origin:7%;
	}

	39% {
		opacity: 1;
		transform: rotate(645deg);
		animation-timing-function: linear;
		origin:30%;
	}

	70% {
		opacity: 1;
		transform: rotate(770deg);
		animation-timing-function: ease-out;
		origin:39%;
	}

	75% {
		opacity: 1;
		transform: rotate(900deg);
		animation-timing-function: ease-out;
		origin:70%;
	}

	76% {
	opacity: 0;
		transform:rotate(900deg);
	}

	100% {
	opacity: 0;
		transform: rotate(900deg);
	}
}

@-o-keyframes orbit {
	0% {
		opacity: 1;
		z-index:99;
		-o-transform: rotate(180deg);
		-o-animation-timing-function: ease-out;
	}

	7% {
		opacity: 1;
		-o-transform: rotate(300deg);
		-o-animation-timing-function: linear;
		-o-origin:0%;
	}

	30% {
		opacity: 1;
		-o-transform:rotate(410deg);
		-o-animation-timing-function: ease-in-out;
		-o-origin:7%;
	}

	39% {
		opacity: 1;
		-o-transform: rotate(645deg);
		-o-animation-timing-function: linear;
		-o-origin:30%;
	}

	70% {
		opacity: 1;
		-o-transform: rotate(770deg);
		-o-animation-timing-function: ease-out;
		-o-origin:39%;
	}

	75% {
		opacity: 1;
		-o-transform: rotate(900deg);
		-o-animation-timing-function: ease-out;
		-o-origin:70%;
	}

	76% {
	opacity: 0;
		-o-transform:rotate(900deg);
	}

	100% {
	opacity: 0;
		-o-transform: rotate(900deg);
	}
}

@-ms-keyframes orbit {
	0% {
		opacity: 1;
		z-index:99;
		-ms-transform: rotate(180deg);
		-ms-animation-timing-function: ease-out;
	}

	7% {
		opacity: 1;
		-ms-transform: rotate(300deg);
		-ms-animation-timing-function: linear;
		-ms-origin:0%;
	}

	30% {
		opacity: 1;
		-ms-transform:rotate(410deg);
		-ms-animation-timing-function: ease-in-out;
		-ms-origin:7%;
	}

	39% {
		opacity: 1;
		-ms-transform: rotate(645deg);
		-ms-animation-timing-function: linear;
		-ms-origin:30%;
	}

	70% {
		opacity: 1;
		-ms-transform: rotate(770deg);
		-ms-animation-timing-function: ease-out;
		-ms-origin:39%;
	}

	75% {
		opacity: 1;
		-ms-transform: rotate(900deg);
		-ms-animation-timing-function: ease-out;
		-ms-origin:70%;
	}

	76% {
	opacity: 0;
		-ms-transform:rotate(900deg);
	}

	100% {
	opacity: 0;
		-ms-transform: rotate(900deg);
	}
}

@-webkit-keyframes orbit {
	0% {
		opacity: 1;
		z-index:99;
		-webkit-transform: rotate(180deg);
		-webkit-animation-timing-function: ease-out;
	}

	7% {
		opacity: 1;
		-webkit-transform: rotate(300deg);
		-webkit-animation-timing-function: linear;
		-webkit-origin:0%;
	}

	30% {
		opacity: 1;
		-webkit-transform:rotate(410deg);
		-webkit-animation-timing-function: ease-in-out;
		-webkit-origin:7%;
	}

	39% {
		opacity: 1;
		-webkit-transform: rotate(645deg);
		-webkit-animation-timing-function: linear;
		-webkit-origin:30%;
	}

	70% {
		opacity: 1;
		-webkit-transform: rotate(770deg);
		-webkit-animation-timing-function: ease-out;
		-webkit-origin:39%;
	}

	75% {
		opacity: 1;
		-webkit-transform: rotate(900deg);
		-webkit-animation-timing-function: ease-out;
		-webkit-origin:70%;
	}

	76% {
	opacity: 0;
		-webkit-transform:rotate(900deg);
	}

	100% {
	opacity: 0;
		-webkit-transform: rotate(900deg);
	}
}

@-moz-keyframes orbit {
	0% {
		opacity: 1;
		z-index:99;
		-moz-transform: rotate(180deg);
		-moz-animation-timing-function: ease-out;
	}

	7% {
		opacity: 1;
		-moz-transform: rotate(300deg);
		-moz-animation-timing-function: linear;
		-moz-origin:0%;
	}

	30% {
		opacity: 1;
		-moz-transform:rotate(410deg);
		-moz-animation-timing-function: ease-in-out;
		-moz-origin:7%;
	}

	39% {
		opacity: 1;
		-moz-transform: rotate(645deg);
		-moz-animation-timing-function: linear;
		-moz-origin:30%;
	}

	70% {
		opacity: 1;
		-moz-transform: rotate(770deg);
		-moz-animation-timing-function: ease-out;
		-moz-origin:39%;
	}

	75% {
		opacity: 1;
		-moz-transform: rotate(900deg);
		-moz-animation-timing-function: ease-out;
		-moz-origin:70%;
	}

	76% {
	opacity: 0;
		-moz-transform:rotate(900deg);
	}

	100% {
	opacity: 0;
		-moz-transform: rotate(900deg);
	}
}

/* Switcher
-------------------------------------------------------------- */
.switcher-container {
   position: fixed;
   right: -220px;
   top: 180px;
   width: 220px;
   background-color: #000;
   z-index: 99999;
}

.switcher-container h2 {
	color: #fff;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0;
    text-transform: uppercase;
	height: 45px;
	line-height: 45px;
	padding-left: 20px;
	padding-right: 30px;
	margin: 0;
}

.switcher-container h2 a {
   background-color: #000;
   display: block;
   position: absolute;
   left: -45px;
   top: 0;
   width: 45px;
   height: 45px;
   line-height: 45px;
   text-align: center;
   outline: 0;
   color: #fff;
   -webkit-transition: all 0.3s ease-in-out;
       -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
         -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
}

.switcher-container h2 a.active {
	right: 0;
}

.switcher-container h2 a.active:after {
	position: absolute;
	right: 21px;
	top: 0;
	content: "\f104";
	font-family: "FontAwesome";
	color: #fff;
	font-size: 22px;
}

.switcher-container h2 a.active i {
	display: none;
}

.switcher-container h2 a:hover,
.switcher-container h2 a:focus {
   text-decoration: none;
}

.switcher-container h2 i {
   	margin-top: 10px;
   	font-size: 25px;
   	color: #999;
    -webkit-animation: fa-spin 2s infinite linear;
            animation: fa-spin 2s infinite linear; 
    -webkit-transition: all 0.3s ease-in-out;
       -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
         -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
}

.switcher-container h3 {
   font-size: 12px;
   font-weight: 500;
   margin: 0;
   line-height: 22px;
   margin-bottom: 10px;
}

.switcher-container .selector-box {   
   overflow: hidden;
}

.switcher-container .layout-switcher {
   margin: 0 0 10px 0;
   overflow: hidden;
}

.switcher-container .layout-switcher a.layout {
   float: left;
   display: block;
   cursor: pointer;
   text-align: center;
   font-weight: 700;
   padding: 10px 20px;
   margin-left: 10px;
}

.switcher-container .layout-switcher a.layout:first-child {
   margin-left: 0;
}

.switcher-container .layout-switcher a.layout:hover {
   cursor: pointer;
}

.switcher-container .color-box {
   height: auto;
   overflow: hidden;
   margin-bottom: 6px;
}

.switcher-container .styleswitch {
    margin-bottom: 10px;
}

.sw-odd {
	background-color: #272727;
	padding: 21px 0 30px 20px;
	-webkit-transition: all 0.3s;
	   -moz-transition: all 0.3s;
		-ms-transition: all 0.3s;
		 -o-transition: all 0.3s;
			transition: all 0.3s;
}

.sw-odd .sw-image {
    padding: 0 20px 15px 0;
}

.sw-odd .sw-image .sw-buy {
    position: relative;
    width: 100%;
    border: none;
    background: #c8412d;
    font-size: 14px;
    font-weight: 700;
    padding: 12px 45px 12px 45px;
    border-radius: 0;
}

.sw-odd .sw-image .sw-buy:hover {
    background-color: #2b2e2f;
}

.sw-even {
	background-color: #191919;
	padding: 21px 0 25px 20px;
	-webkit-transition: all 0.3s;
	   -moz-transition: all 0.3s;
		-ms-transition: all 0.3s;
		 -o-transition: all 0.3s;
			transition: all 0.3s;
}

.sw-even a {	
	font-family: "Poppins", sans-serif;
    text-transform: uppercase;
	font-size: 12px;
	line-height: 40px;
	color: #fff;
	border: 1px solid #fff;
	padding: 10px 20px 10px 20px;
	margin-right: 10px;
	letter-spacing: 1.8px;
}

.sw-even a:hover {
	background-color: #32bfc0;
	border: 1px solid #32bfc0;
	color: #fff !important;
}

.sw-light {
	background-color: #fff;
	color: #000 !important;
}

.sw-odd a {	
	font-size: 16px;
	color: #fff;
	width: 100%;
	display: inline-block;
	line-height: 17px;
	width: 100%;
	position: relative;
	padding-left: 47px;
}

.sw-odd .ws-colors a:before {
	background: none;
}

.sw-odd .ws-colors a {
	position: relative;
	width: auto;
	padding: 0;	
	width: 30px;
	height: 30px;
	background-color: #333;	
	display: inline-block;
	margin-right: 5px;	
	overflow: hidden;
}

.sw-odd .ws-colors a.current:before {
	position: absolute;
    left: 8px;
    top: 6px;
	font-family: FontAwesome;
	content: "\f00c";
	color: #fff;
	z-index: 999;
	text-shadow: 0 0 2px rgba( 0, 0, 0, 1 );
}


.sw-odd .ws-colors #color1 {
	background-color: #686ab7;
}

.sw-odd .ws-colors #color2 {
	background-color: #686ab7;
}

.sw-odd .ws-colors #color3 {
	background-color: #c8412d;
}

.sw-odd .ws-colors #color4 {
	background-color: #e456a9;
}

.sw-odd .ws-colors #color5 {
	background-color: #f79327;
}

.sw-odd .ws-colors #color6 {
	background-color: #f35656;
}

.sw-odd .ws-colors #color7 {
	background-color: #f79327;
}

.sw-odd .ws-colors #color8 {
	background-color: #c8412d;
}

.sw-odd .ws-colors a:after {
    position: absolute;
    right: -3px;
    top: 2px;
    content: "";
    width: 0;
    height: 0;
    border-bottom: 21px solid transparent;
    border-top: 21px solid transparent;
    border-left: 21px solid #c8412d;
    transform: rotate(45deg);
}

.sw-odd .ws-colors a#color2:after {
	border-bottom: 21px solid transparent;
    border-top: 21px solid transparent;
    border-left: 21px solid #aa61cc;
}

.sw-odd .ws-colors a#color3:after {
	border-bottom: 21px solid transparent;
    border-top: 21px solid transparent;
    border-left: 21px solid #50dfa7;
}

.sw-odd .ws-colors a#color4:after {
	border-bottom: 21px solid transparent;
    border-top: 21px solid transparent;
    border-left: 21px solid #aa61cc;
}

.sw-odd .ws-colors a#color5:after {
	border-bottom: 21px solid transparent;
    border-top: 21px solid transparent;
    border-left: 21px solid #f3d718;
}

.sw-odd .ws-colors a#color6:after {
	border-bottom: 21px solid transparent;
    border-top: 21px solid transparent;
    border-left: 21px solid #f79327;
}

.sw-odd .ws-colors a#color7:after {
	border-bottom: 21px solid transparent;
    border-top: 21px solid transparent;
    border-left: 21px solid #d0a77b;
}

.sw-odd .ws-colors a#color8:after {
	border-bottom: 21px solid transparent;
    border-top: 21px solid transparent;
    border-left: 21px solid #7bc084;
}

.sw-even h3 {
	margin-bottom: 6px;
}

.sw-odd .ws-colors a span.cl1, .sw-odd .ws-colors a span.cl2, .sw-odd .ws-colors a span.cl3, .sw-odd .ws-colors a span.cl4, .sw-odd .ws-colors a span.cl5, .sw-odd .ws-colors a span.cl6, .sw-odd .ws-colors a span.cl7, .sw-odd .ws-colors a span.cl8 {
    position: absolute;
    left: 7px;
    top: -10px;
    width: 15px;
    height: 50px;
    background: #21242b;
    transform: rotate(45deg);
    z-index: 1;
}

.sw-odd .ws-colors a span.cl2, .sw-odd .ws-colors a span.cl4, .sw-odd .ws-colors a span.cl6, .sw-odd .ws-colors a span.cl8 {
    background-color: #004e66;
}

.sw-odd .ws-colors a span.cl3,.sw-odd .ws-colors a span.cl5 {
    background-color: #282c37;
}

/* Pattern */
.sw-pattern.pattern {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	   	filter: alpha(opacity=0);
	   opacity: 0;
	-webkit-transition: all 0.3s ease-in-out;
	   -moz-transition: all 0.3s ease-in-out;
	    -ms-transition: all 0.3s ease-in-out;
	     -o-transition: all 0.3s ease-in-out;
	        transition: all 0.3s ease-in-out;
	position: absolute;
	left: 0;
	top: 98%;
	background-color: #000000;
	width: 100%;
	z-index: -1;
	padding: 20px 0 30px 20px;
}

.sw-pattern.pattern a {	
    width: 40px;
    height: 40px;
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 5px;
    position: relative;
}

.sw-pattern.pattern a.current:before {
	position: absolute;
    left: 12px;
    top: 6px;
	font-family: FontAwesome;
	content: "\f00c";
	color: #fff;
	text-shadow: 0 0 2px rgba( 0, 0, 0, 1 );
}

/* Boxed
-------------------------------------------------------------- */
.home-boxed .boxed {
	z-index: 0;
	overflow: hidden;
	width: 92.708%;
	margin: 0 auto;
	background: #fff;
	height: 100%;
  	-webkit-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.02);
  	   -moz-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.02);
  	        box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.02);
}