@charset "utf-8";

.trp-language-item[title="EN_US"] {
    display: none;
}

.translatepress-en_US .sr_insta,
.translatepress-sr_RS .en_insta {
	display:none;
}


/* .trp-current-language-item__wrapper a {
    background: #e6e6e6;
} */

.trp-language-switcher,
.lang_swich .trp-shortcode-arrow {
	display:none !important;
}

.trp-shortcode-overlay {
	display: flex !important;
	position:static !important;
	border: none !important;
	margin-left:20px;
}

.lang_swich {
	display:flex;
	align-items:center;
}

.trp-switcher-dropdown-list {
    display: flex !important;
    overflow-y: visible !important;
    transition: none !important;
    max-height: inherit !important;
}

.big-text h2 {
	font-weight:bold;
}


/* .lang_swich {
	display:none;
} */

.trp-language-item {
	padding: 7px 10px;
	border:1px solid #000;
}

.page-id-443 .section-content p,
.page-id-458 .section-content p {
	width: 67%;
}


.section-content i {
	font-style:italic;
}

footer .section-content i {
	font-style:inherit;
}

em {
	color:#000 !important;
}
.page-id-621 #header,
.page-id-621 header,
.page-id-621 footer {
	display:none !important;
}

.page-id-621 .wp-block-image {
	width: 40%;
    margin: auto;
    display: flex;
    justify-content: center;
}


.page-id-621 .wp-block-buttons {
	justify-content: center;
	margin-top:30px;
}

.page-id-458 .t-left.f-extra-expanded.normal.uppercase,
.page-id-443 .t-left.f-extra-expanded.normal.uppercase {
	text-transform:inherit !important;
}

.page-id-458 .wp-block-button,
.page-id-443 .wp-block-button {
	margin-top:25px !important;
}


.mg_top {
	margin-top:100px !important;
}

#site-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  padding-top:20px !important;
  padding-bottom:20px !important;
  z-index: 1000;
  transition: top 0.3s ease;
  background: #fff;
  border-bottom:1px solid #f2f2f2;
}
.main_logo {
	display:flex;
	align-items:center;
}
.main_logo .logo_wrap {
	margin-left:50px;
}
.main_logo img {
	width: 120px;
}

.header_section {
	display:flex;
	align-items:center;
	justify-content:space-between;
}

.header_section .btn {
	padding: 0 20px;
    height: 50px;
    line-height: 45px;
	letter-spacing: 1px;
	background:#7F4F24;
	color:#fff;
	border: 3px solid #7F4F24;
	font-weight: 900;
    font-family: 'Poppins-Regular';
    text-transform: uppercase;
	font-size: 11px;
    word-spacing: 1px;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
    border-radius: 50px;
}

.header_section .btn:hover {
	background: transparent;
	color: #7F4F24;
}

.big-text {
	opacity: 1 !important;
}


.pattern-diagonal-lines-xl {
    background-image: repeating-linear-gradient(45deg, transparent 0, transparent 1px, transparent 0, transparent 50%) !important;
    background-size: 100px 100px;
}


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

Name: style.css
Author: Fourtabs
Website: https://www.fourtabs.com
Exclusively available here: https://themeforest.net/user/fourtabsthemes

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





/*====================================================


	Table of Contents
	
	

		01. Generel Styles 

			+ Generate Google Fonts
			+ Essential Styles
			+ Buttons
			+ Floats
			+ Overlays
			+ Row Fix
			+ Section Styles
			+ Separators

		02. Typography

			+ Font Classes
			+ Font Positions
			+ Font Weight
			+ Font Transformation
			+ Font Colors
			+ Font Sizes


		03. Loading Screen

			+ Loader Logo
			+ Loader Animation
			+ After Loading

		04. Backgrounds

		05. Navigations

			+ General
			+ Bootstrap Fix
			+ Dropdown

		06. Homepage

			+ Homepage Headers
			+ Logo Styles

		07. Slider

		08. About

		09. Services

		10. Portfolio

		11. Pricing Table

		12. Blog
		
			+ Blog Post
			+ Blog Sidebar
			+ Comments

		13. Map

		14. Contact

		15. Footer
		
		16. Shop
			
			+ Cart
			+ Products

		16. Responsive
		
			Resolution Under 768px
			Resolution Under 530px
			Resolution Under 450px
			Resolution Under 400px
			Resolution Under 375px


	
====================================================*/







/*======================

	01. Generel Styles 

========================*/


/* Generate Google Fonts 
-------------------------*/



/*	@import url(https://fonts.googleapis.com/css?family=Merriweather:400,700,900);
	

	@import url(https://fonts.googleapis.com/css?family=Roboto:400,900);
*/



@font-face {
  font-family: 'Poppins-Light';
  src: url('../fonts/Poppins-Light.ttf');
}

@font-face {
  font-family: 'Poppins-Medium';
  src: url('../fonts/Poppins-Medium.ttf');
}

@font-face {
  font-family: 'Poppins-Regular';
  src: url('../fonts/Poppins-Regular.ttf');
}


@font-face {
  font-family: 'Lato-Regular';
  src: url('../fonts/Lato-Regular.ttf');
}

@font-face {
  font-family: 'Lato-Light';
  src: url('../fonts/Lato-Light.ttf');
}

@font-face {
  font-family: 'Lato-Bold';
  src: url('../fonts/Lato-Bold.ttf');
}

@font-face {
  font-family: 'Merriweather-Regular';
  src: url('../fonts/Merriweather-Regular.ttf');
}


@font-face {
  font-family: 'Merriweather-Bold';
  src: url('../fonts/Merriweather-Bold.ttf');
}

@font-face {
  font-family: 'Merriweather-Black';
  src: url('../fonts/Merriweather-Black.ttf');
}

@font-face {
  font-family: 'Roboto-Regular';
  src: url('../fonts/Roboto-Regular.ttf');
}

@font-face {
  font-family: 'Roboto-Bold';
  src: url('../fonts/Roboto-Bold.ttf');
}

@font-face {
  font-family: 'Roboto-Black';
  src: url('../fonts/Roboto-Black.ttf');
}

	
	
	
/* Essential Styles
-------------------------*/




	*{
		margin: 0%;
		padding: 0%;
		
	}

	::selection {
		background-color: #ececec;
		color: #191919;
	}
	
	
	html, body {
		width: 100%;
		padding: 0;
		margin-left: 0;
		margin-right: 0;
		font-family: 'Merriweather-Regular';
		-webkit-font-smoothing: antialiased;
		text-align: center;
		font-size: 0.95em;
		font-family: 'Poppins-Regular';
	}

	body{
		overflow-x: hidden; 
	}
	
	
	.content-wrapper{
		margin: 0px auto;
		padding: 0px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		overflow: hidden;
		width: 100%;
		height: auto;
		text-align: center;
		float: none;
	}
	

	img {
	    -moz-user-select: none; 
	    -webkit-user-select: none;
	    -ms-user-select: none; 
	    user-select: none; 
	    -webkit-user-drag: none;
	    user-drag: none;
	}
	
	a{
		color: #191919;
		text-decoration:none;
		outline:none;

	}

	a:hover,
	a:active,
	a:focus
	{
		text-decoration:none;
		outline:none;
		color: #505050;
	
	}
	
	a i:hover,
	a i:active,
	a i:focus
	{
		text-decoration:none;
		outline:none;
		color: #505050;
	}

	

	h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
		font-family: 'Lato', 'Arial', sans-serif;
		font-weight:100;
		margin-bottom: 0px;
		font-weight:bold;
	}

	p{
		margin:0 0 5px;
		font-family: 'Poppins-Regular';
	}

	.clear{
		clear:both;
	}

	ol, ul{
		list-style:none;
		padding:0;
	}
	
	.no-line-height{
		line-height:0 !important;
	}

	.no-padding{
		padding:0 !important;
	}
	
	.no-padding-top{
		padding-top:0 !important;
	}
	
	.no-padding-bottom{
		padding-bottom:0 !important;
	}
	
	.auto-margin{
		margin: auto !important;
	}

	.no-margin{
		margin:0 !important;
	}
	
	.no-margin-top{
		margin-top:0 !important;
	}
	
	.no-margin-bottom{
		margin-bottom:0 !important;
	}
	
	.no-margin-left{
		margin-left:0 !important;
	}
	
	.no-margin-right{
		margin-right:0 !important;
	}
	
	.no-border{
		border: none !important;
		border-style: none !important;
	}
	
	iframe{
		width: 100%;
		height: 500px;
	}
	
	
	
	
/* Buttons
-------------------------*/

	.wp-block-button__link {
        background-color: #7F4F24 !important;
		border: 3px solid #7F4F24;
		cursor: pointer;
		color: #fff;
	}

    .wp-block-button__link:hover {
        background-color: transparent !important;
		border: 3px solid #7F4F24;
		cursor: pointer;
		color: #7F4F24;
	}


	.button {
		z-index: 0;
		background: transparent;
		border: 3px solid #7F4F24;
		cursor: pointer;
		color: #7F4F24;
		display: block;
		width: 150px;
		height: 50px;
		line-height: 45px;
		letter-spacing: 1px;
		margin-top: 20px;
		font-weight: 900;
		font-family: 'Poppins-Regular';
		text-transform: uppercase;
		font-size: 11px;
		word-spacing: 1px;
		-webkit-transition: all 0.4s;
		-moz-transition: all 0.4s;
		transition: all 0.4s;
		border-radius: 50px;
	}

	.button:hover{
		background: #7F4F24;
		color: #fff;
	}
	
	
	
/* Floats
-------------------------*/

	
	.float-l{
		float: left !important;
	}
	
	.float-r{
		float: right !important;
	}


	
	
/* Overlays
-------------------------*/



	
	.pattern-black:after,
	.pattern-white:after{
		content:'';
		width: 100%;
		height: 100%;
		top:0;
		left:0;
		position: absolute;
		z-index: -1;
	}
	
	.pattern-black:after{
		
		background: url(../img/pattern-1.png) repeat;
	}
	
	.pattern-white:after{
		
		background: url(../img/pattern-2.png) repeat;
	}
	



/* Row Fix
-------------------------*/

	
	.row:before, 
    .row:after {
        content:"";
        display: table ;
        clear:both;
    }
	

	
	
/* Section Styles

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

	
	.section-content{
		padding: 0px 10% 0px 10%;
		z-index: 9999;
	}
	
	
	.section-content-full{
		padding: 0px 0% 0px 0%;
		z-index: 9999;
	}
	
	
	.sections{
		width: 100%;
		z-index:1;
	}


	
	
	
	
/* Separators
----------------------------*/	


	
	.separator-small { 
		width: 75px;
		height: 3px;
		background: #e5e5e5 none repeat;
		margin-top: 50px;
		margin-bottom: 50px;
		-webkit-transition: all 0.4s;
		-moz-transition: all 0.4s;
		transition: all 0.4s;
	}
	
	.separator-small-right { 
		width: 100%;
		height: 1px;
		background: #e5e5e5 none repeat;
		margin-top: 50px;
		margin-bottom: 50px;
		float: right;
		-webkit-transition: all 0.4s;
		-moz-transition: all 0.4s;
		transition: all 0.4s;
	}
	
	.separator-center { 
		width: 40px;
		height: 1px;
		background: #505050 none repeat;
		margin: 50px auto;
		-webkit-transition: all 0.4s;
		-moz-transition: all 0.4s;
		transition: all 0.4s;
	}
	

	
	
	
/*======================

	02. Typography

========================*/




/* Font Classes
-------------------------*/




	.font-main{
		font-family: 'Lato', 'Arial', sans-serif;
		font-weight:bold;
		
	}

	.font-2{
		font-family: 'Poppins-Regular';
	}
	



/* Font Positions
-------------------------*/




	.t-left{
		text-align:left !important;
	}

	.t-center{
		text-align:center !important;
	}

	.t-right{
		text-align:right !important;
	}
	
	
	
	
/* Font Weight
-------------------------*/




	.ultrabold{
		font-weight: 900;
	}

	.extrabold{
		font-weight: 800;
	}

	.bold{
		font-weight: 700;
	}

	.semibold{
		font-weight: 600;
	}

	.normal{
		font-weight: 400;
	}
	
	.light{
		font-weight: 300;
	}

	.lighter{
		font-weight: 100;
	}
	
	
	
	
/* Font Transformation
-------------------------*/




	.italic{
		font-style: italic;
	}

	.uppercase{
		text-transform: uppercase;
	}
	
	.lowercase{
		text-transform: lowercase;
	}
	
	
	
	

/* Font Colors
-------------------------*/




	.dark{
		color: #191919;
	}

	.white{
		color: #e5e5e5;
	}

	.gray1{
		color: #777777;
	}

	.gray2{
		color: #505050;
	}

	.colored{
		color: #ffd700;
	}
	
	.red{
		color: red;
	}
	
	.green{
		color: green;
	}
	
	
	
	
	
/* Font Sizes
-------------------------*/

	.f-smaller{
		font-size: 11px;
		
	}
	
	.f-small{
		font-size: 13px;
		
	}
	
	.f-normal{
		font-size: 16px;
		
	}
	
	.f-semi-expanded{
		font-size: 1.5em;
		
	}
	
	.f-medium{
		font-size: 32px;
		
	}
	
	.f-expanded{
		font-size: 2.5em;
		
	}
	
	.f-big{
		font-size: 45px;
		
	}
	
	.f-large{
		font-size: 3.5em;
		
	}
	
	.f-extra-expanded{
		font-size: 3em;
		
	}

	/* NAVIGATION */

	#navigation {
		text-align: left;
	}

	#menu-main-menu {
		margin-top: 20px;
	}

	#menu-main-menu li {
		font-size: 13px;
		margin: 0;
	}

	#menu-main-menu li a {
		padding: 10px 20px;
		font-size: 16px;
    font-weight: 400;
    text-transform: Capitalize;
    font-family: 'Poppins-Regular';
    color: #ccc;
    display: block;
   border-radius: 20px;
	}

	#menu-main-menu li.current_page_item a {
		color: #7F4F24;
	}

	#menu-main-menu li a:hover {
/* 		background: #7F4F24; */
       color: #7F4F24;
       outline: 0;
	}

#menu-main-menu li.menu-item-24 {
	margin-top:10px;
}

	#menu-main-menu li.menu-item-24 a {
		background: #7F4F24;
		border-radius: 20px;
		padding: 12px 20px;
	}

#menu-main-menu li.menu-item-24 a:hover {
	color:#fff;
}


	#menu-main-menu li.menu-item-24 a {
	  display: block;
	  color: white;
	  border: none;
	  background: #7F4F24;
	  cursor: pointer;
	}







	.home_desc p {
		font-family: 'Lato', 'Arial', sans-serif;
		font-size: 20px;
		line-height: 1.5;
	}

	.home_logo {
		text-align: left;
		margin-bottom: 50px;
	}

	.home_logo img {
		width: 120px;
	}

	/* Home box link */

	.home_img_box ul {
		display: flex;
		flex-wrap: wrap;
		margin-left: -20px;
	}

	.home_img_box ul li {
		width: 50%;
		padding-left: 20px;
		padding-top: 20px;
	}

	.home_img_box_wrap {
		height: 500px;
		position: relative;
		overflow: hidden;
	}


	.scale_text {
		position: absolute;
	    left: 50%;
	    top: 50%;
	    transform: translate(-50%,-50%);
	    z-index: 5;
	    width: 100%;
	}


	.home_img_box_wrap span {
	    z-index: 5;
	    font-size: 35px;
	    color: #191919;
	    font-family: 'Lato', 'Arial', sans-serif;
	    width: 100%;
	    opacity: 0;
	    -webkit-transition: all 0.4s;
    	-moz-transition: all 0.4s;
    	transition: all 0.4s;
    	line-height: 1;
		font-weight:bold;
	}


	.home_img_box ul li img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		-webkit-transition: all 0.4s;
    	-moz-transition: all 0.4s;
    	transition: all 0.4s;
	}

	.home_img_box_wrap:after {
		content: '';
		background: rgba(255, 255, 255, 0.8);
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		opacity: 0;
		-webkit-transition: all 0.4s;
    	-moz-transition: all 0.4s;
    	transition: all 0.4s;
    	pointer-events: none;
	}

	.home_img_box ul li:hover .home_img_box_wrap:after {
		opacity: 1;
	}

	.home_img_box ul li:hover img {
		transform: scale(1.1);
	}

	.home_img_box ul li:hover span {
		opacity: 1;
		transform: none;
		font-size: 30px;
	}

	footer {
		padding: 100px 0 80px;
	}


	.section-content .footer-widgets {
		text-align: left;
	}

	.section-content .footer-widgets a {
		margin-right: 20px;
		font-size: 17px;
		color: #191919;
	}

	.section-content .footer-widgets hr {
		width: 85px;
		border: none;
	    height: 3px;
	    background: #e5e5e5 none repeat;
	    margin-top: 50px;
	    margin-bottom: 50px;
	    -webkit-transition: all 0.4s;
	    -moz-transition: all 0.4s;
	    transition: all 0.4s;
	}

	.f_contact .footer-widgets  li  {
		font-size: 15px;
		font-family: 'Poppins-Regular';
		margin-bottom: 15px;
	}

	.f_contact .footer-widgets li a {
		font-size: 14px;
		font-family: 'Poppins-Regular';
	}


	/* Home about me */

	.home_about_me {
		margin-bottom: 100px;
	}

	.home_service_link {
		width:auto;
		display:inline-block;
		padding-left:15px;
		padding-right:15px;
	}

	.about_me_home {
		display:flex;
		flex-wrap:wrap;
		align-items:center;
		margin-left:-50px;
	}

	.about_me_home .about_me_img,
    .about_me_home .about_me_desc {
		width:50%;
		padding-left:50px;
	}

	.about_me_home .about_me_desc .button {
		margin-top:30px;
	}

	.about_me_home .about_me_img img {
		height: 450px;
		width: 100%;
		object-fit: cover;
		object-position: 100% 25%;
	}

	.about_me_home .about_me_desc p {
		text-align: left;
		font-family: 'Lato', 'Arial', sans-serif;
		font-weight:bold;
		font-size: 18px;
		line-height: 1.7;
		font-weight: bold;
	}


	/* Welcome */

	.welcome_main_desc {
		text-align: left;
	}

	.welcome_main_desc h3 {
		line-height: 1.5;
	}

	.welcome_about #about {
		padding-bottom: 0;
	}

	#about {
		background: transparent !important;
	}


  /* What can i do */

  .what_can_i_gallery {
  	display: flex;
  	flex-wrap: wrap;
  	margin-left: -30px;
  }

  .what_can_i_gallery li {
  	width: 50%;
  	padding-left: 30px;
  }

    .what_can_i_gallery li img {
    	width: 100%;
    	height: 100%;
    	object-fit: cover;
    }

    .what_can_i_do .brief {
    	text-align: left;
    }

    .what_can_i_do #about {
    	padding-bottom: 0;
    }

    .abpot_me_main .brief {
    	text-align: left;
    }

    .abpot_me_main #about {
    	padding-bottom: 0;
    }

/* About me */

	.about_me_desc .ab_me_desc li {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
	}

	.about_me_desc .ab_me_desc li:first-child {
		align-items:flex-start;
	}

	.about_me_desc .ab_me_desc li .ab_image_me,
	.about_me_desc .ab_me_desc li .ab_desc_me {
		width: 50%;
		text-align: left;
	}

	.about_me_desc .ab_me_desc li .ab_image_me img {
		width: 100%;
		height: 500px;
		object-fit: cover;
	}


	.about_me_desc .ab_me_desc li .ab_desc_me {
		padding-left: 50px;
		padding-right: 20px;
	}

	.about_me_desc .ab_me_desc li .ab_desc_me h1,
	.about_me_desc .ab_me_desc li .ab_desc_me h2,
	.about_me_desc .ab_me_desc li .ab_desc_me h3 {
		margin-top: 0;
		margin-bottom: 20px;
		font-weight: bold;
		line-height: 1.5;
	}

	.about_me_desc .ab_me_desc li .ab_desc_me p,
	.about_me_desc .ab_me_desc li .ab_desc_me ul li {
		margin-bottom: 20px;
		line-height: 1.5;
		font-family: 'Poppins-Regular';
	}

	.about_me_desc .ab_me_desc li .ab_desc_me ul li {
		list-style: inside;
  	display: list-item;
	}

	.about_me_desc .ab_me_desc li:nth-child(2n) {
    flex-direction: row-reverse;
	}

	.about_me_desc .ab_me_desc li:nth-child(2n) .ab_desc_me {
		padding-left: 0;
	}

	.about_me_desc .ab_me_desc li .ab_desc_me a {
		background: transparent;
    border: 3px solid #7F4F24;
    cursor: pointer;
    color: #7F4F24;
    display: inline-block;
    height: 50px;
    line-height: 45px;
    padding: 0 15px;
    letter-spacing: 1px;
    margin-top: 20px;
    font-weight: 900;
    font-family: 'Poppins-Regular';
    text-transform: uppercase;
    font-size: 11px;
    word-spacing: 1px;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
	border-radius:50px;
	}

	.about_me_desc .ab_me_desc li .ab_desc_me a:hover {
		background: #7F4F24;
    color: #fff;
	}


	/* Services */

	.service .service_icon img {
		width:100px;
	}

	.service-02 h2 {
		max-width: 90%;
		line-height: 1.3;
	}

	.services_main #services {
		margin-bottom: 0;
	}


	/* Blog	*/

	.blog_wrap {
		display: flex;
		flex-wrap: wrap;
		margin-left: -50px;
	}

	.blog_wrap li {
		width: 50%;
		padding-left: 50px;
		margin-bottom: 50px;
		text-align: left;
	}

	.blog_wrap li .post_date {
		display: flex;
		align-items: center;
		margin: 15px 0;
	}

	.blog_wrap li .product_wrap_img {
		margin-bottom: 15px;
		width: 100%;
		height: 450px;
		overflow: hidden;
	}

	.blog_wrap li .product_wrap_img img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		-webkit-transition: all .5s;
	    -o-transition: all .5s;
	    transition: all .5s;
	}

	.blog_wrap li:hover img {
		transform: scale(1.1);
	}

	.blog_wrap li .post_date p {
		margin: 0;
		color: #333333;
		margin-left: 3px;
		font-family: 'Poppins-Regular';
		font-size: 14px;
	}

	.product_list_wrap .button {
		text-align: center;
	}


	/* Single post*/

	.singlePost {
		text-align: left;
	}

	.single_post_img  {
		margin-bottom: 30px;
	}

	.singlePost ul li,
    .singlePost ol li {
		margin: 0 0 5px;
    	font-family: 'Poppins-Regular';
	}

	.singlePost ul li {
		list-style: inside;
	}

	.singlePost ol li {
		list-style: decimal;
		margin-left: 17px;
	}

	.single_post_img img {
		width: 100%;
		height: 600px;
		object-fit: cover;
		object-position: top;
	}

	.singlePost .post_date {
		display: flex;
		align-items: center;
	}

	.singlePost .post_date {
		margin-bottom: 30px;
	}

	.singlePost .post_date p {
		margin: 0;
	    color: #333333;
	    margin-left: 3px;
	    font-family: 'Poppins-Regular';
	    font-size: 14px;
	}

	.singlePost h1, 
	.singlePost h2, 
	.singlePost h3, 
	.singlePost h4, 
	.singlePost h5, 
	.singlePost h6 {
		margin-bottom: 20px;
		font-weight: bold;
	}

	/* Post comment	*/

	.comment-post {
		margin-top: 50px;
		border-top: 1px solid;
	}

	.singlePost .comment-form {
		float: none;
		margin-left: -30px;
	}

	.comment-post form {
		display: flex;
		flex-wrap: wrap;
	}

	.comment-post form label {
		display: block;
		font-family: 'Poppins-Regular';animation-delay
		font-weight: normal;
	}

	.comment-notes {
		width: 100%;
		padding-left: 30px;
		margin-top: 0 !important;
	}

	.comment-post form .comment-form-author {
		order: 1;
		width: 33.333%;
		padding-left: 30px;
	}

	.comment-post form .comment-form-email {
		order: 2;
		width: 33.333%;
		padding-left: 30px;
	}


	.comment-post form .comment-form-url {
		order: 3;
		width: 33.333%;
		padding-left: 30px;
	}

	.comment-post form .comment-form-comment {
		order: 4;
		width: 100%;
		padding-left: 30px;
	}

	.comment-post .comment-form-cookies-consent {
		order: 5;
		padding-left: 30px;
		display: flex;
		align-items: center;
		margin-top: 0;
	}

	.comment-post .comment-form-cookies-consent label {
		margin-bottom: -7px;
		margin-left: 10px;
	}

	.comment-post .comment-form-cookies-consent input {
		width: auto;
	}

	.comment-post form .form-submit {
		order: 6;
		padding-left: 30px;
		width: 100%;
	}

	.comment-post form .form-submit #submit {
		z-index: 0;
	    background: transparent;
	    border: 3px solid #7F4F24;
	    cursor: pointer;
	    color: #7F4F24;
	    display: block;
	    width: 150px;
	    height: 50px;
	    line-height: 45px;
	    letter-spacing: 1px;
	    margin-top: 0;
	    font-weight: 900;
	    font-family: 'Poppins-Regular';
	    text-transform: uppercase;
	    font-size: 11px;
	    word-spacing: 1px;
	    -webkit-transition: all 0.4s;
	    -moz-transition: all 0.4s;
	    transition: all 0.4s;
	    line-height: inherit;
	}

	.comment-post form .form-submit #submit:hover {
		background: #7F4F24;
    	color: #fff;
	}

	.comment-post form input,
	.comment-post form textarea {
		width: 100%;
		padding: 10px;
		border-radius: 0;
		border: 1px solid #4d4d4d;
	}

	.comment-post form p {
		margin-top: 30px;
	}

	.comment-post form p.logged-in-as {
		padding-left: 30px;
	}

	
/* Contact */

.contact_information {
	text-align: left;
	margin-bottom: 80px;
}

.contact_information li {
	margin-bottom: 15px;
}

.contact_information li a {
	text-decoration: underline;
}

#contact-wrapper .fluentform input,
#contact-wrapper .fluentform textarea {
	border-radius: 0;
	font-family: 'Poppins-Regular';
}

#contact-wrapper .fluentform .ff-btn-submit {
  background: transparent !important;
  border: 3px solid #7F4F24 !important;
  cursor: pointer !important;
  color: #7F4F24 !important;
  display: block !important;
  width: 150px !important;
  height: 50px !important;
  letter-spacing: 1px !important;
  margin-top: 20px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  font-size: 11px !important;
  word-spacing: 1px !important;
  border-radius: 0;
  opacity: 1 !important;
  font-family: Poppins-Regular;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
  border-radius:50px;
}

#contact-wrapper .fluentform .ff-btn-submit:hover {
	background: #7F4F24 !important;
  color: #fff !important;
}

.main_contact #contact {
	padding-bottom: 0;
}
	
/*======================

	03. Loading Screen

========================*/	





	#loader-wrapper {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 1000;
		overflow: hidden;
	}
	
	
	#loader {
		display: block;
		position: relative;
		left: 50%;
		top: 50%;
		width: 150px;
		height: 150px;
		margin: -75px 0 0 -75px;
		border-radius: 100%;
		border: 0px solid transparent;
		border-top-color: #fff;
		-webkit-animation: spin 2s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
		animation: spin 2s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
		z-index: 1001;
		overflow: hidden;
	}
	
	
	
	
/* Loader Logo
-------------------------*/




	.loader-img img{
		display: block;
		position: absolute;
		left: 47.5%;
		bottom: 48%;
		width: 50px;
		height: auto;
		z-index: 1002;
	}
	
	
	
	
/* Loader Animation
-------------------------*/




    #loader:before {
        content: "";
        position: absolute;
        top: 5px;
        left: 5px;
        right: 5px;
        bottom: 5px;
        border-radius: 100%;
        border: 2px solid transparent;
        border-top-color: #fff;
		overflow: hidden;
        -webkit-animation: spin 3s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
        animation: spin 3s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
    }

    #loader:after {
        content: "";
        position: absolute;
        top: 15px;
        left: 15px;
        right: 15px;
        bottom: 15px;
        border-radius: 100%;
        border: 0px solid transparent;
        border-top-color: #fff;
		overflow: hidden;
        -webkit-animation: spin 1.5s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
        animation: spin 1.5s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
    }

    @-webkit-keyframes spin {
        0%   { 
            -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform: rotate(0deg);  /* IE 9 */
            transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
        }
        100% {
            -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform: rotate(360deg);  /* IE 9 */
            transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
        }
    }
    @keyframes spin {
        0%   { 
            -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform: rotate(0deg);  /* IE 9 */
            transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
        }
        100% {
            -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform: rotate(360deg);  /* IE 9 */
            transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
        }
    }

    #loader-wrapper .loader-section {
        position: fixed;
        top: 0;
        width: 50%;
        height: 100%;
		overflow: hidden;
		background-color: #fff;
		background: r#fff;
		color: rgba(0, 0, 0, 0.9);
        z-index: 1000;
        -webkit-transform: translateX(0);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: translateX(0);  /* IE 9 */
        transform: translateX(0);  /* Firefox 16+, IE 10+, Opera */
    }

    #loader-wrapper .loader-section.section-left {
        left: 0;
    }

    #loader-wrapper .loader-section.section-right {
        right: 0;
    }

	
	
	
/* After Loading
-------------------------*/




    .loaded #loader-wrapper .loader-section.section-left {
        -webkit-transform: translateX(-100%);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: translateX(-100%);  /* IE 9 */
        transform: translateX(-100%);  /* Firefox 16+, IE 10+, Opera */
        -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);  
        transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
    }

    .loaded #loader-wrapper .loader-section.section-right {
        -webkit-transform: translateX(100%);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: translateX(100%);  /* IE 9 */
        transform: translateX(100%);  /* Firefox 16+, IE 10+, Opera */
		-webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);  
        transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
    }
    
    .loaded #loader {
        opacity: 0;
        -webkit-transition: all 0.3s ease-out;  
        transition: all 0.3s ease-out;
    }
    .loaded #loader-wrapper {
        visibility: hidden;
        -webkit-transform: translateY(-100%);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: translateY(-100%);  /* IE 9 */
        transform: translateY(-100%);  /* Firefox 16+, IE 10+, Opera */
        -webkit-transition: all 0.3s 1s ease-out;  
        transition: all 0.3s 1s ease-out;
    }
    
	
	

	
	
	

	
	
	
	
	
/*======================

	04. Backgrounds

========================*/




/* Solid Backgrounds
-------------------------*/




	.white-bg{
		background-color: #fff !important;
	}

	.gray-bg{
		background-color:#505050 !important;
	}

	.dark-bg{
		background-color: #191919 !important;
	}
	
	.colored-bg{
		background-color: #ffd700;
	}
	
	.solid-bg{
		background: #232121;
	}
	
	.solid-bg-light{
		background: #e9e8e8;
	}

	
	
/* Gradient Backgrounds
-------------------------*/


	#gradient,
	.gradient-bg{
		background:-moz-linear-gradient(17% 81% 67deg, #E4A4B8, #86FFF4 90%);
		background:-webkit-gradient(linear, 91% 91%, 20% 0%, from(#B869A4), to(#6DC7A5));
		width: 100%;
		background-size: cover;
		display: block;
		position: relative;
		overflow: hidden;
		background-repeat: no-repeat;
		background-attachment: fixed;
		background-position: center center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		z-index: 1;
	}
	
	
	
	
	
/* Video Backgrounds
-------------------------*/	
	
	#video{
		width: 100%;
		background-size: cover;
		display: block;
		position: relative;
		overflow: hidden;
		background-repeat: no-repeat;
		background-attachment: fixed;
		background-position: center center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		z-index: 1;
	}
	
	
	
	
	
/* Image Backgrounds
-------------------------*/
	
	
	
	
	.image-bg{
		background: url(../img/bg-01.jpg);
		height: 100vh;
	}
	
	.image-bg-2{
		background: url(../img/bg-02.jpg);
	}
	
	.image-bg-3{
		background: url(../img/bg-03.jpg);
		
	}
	
	.image-bg-4{
		background: url(../img/bg-04.jpg);
		
	}
	
	.image-bg-5{
		background: url(../img/bg-05.jpg);
		
	}
	
	.image-bg-6{
		background: url(../img/bg-06.jpg);
		
	}
	
	.image-bg, 
	.image-bg-2, 
	.image-bg-3,
	.image-bg-4,
	.image-bg-5,
	.image-bg-6{
		width: 100%;
		background-size: cover;
		display: block;
		position: relative;
		overflow: hidden;
		background-repeat: no-repeat;
		background-attachment: fixed;
		background-position: center center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		z-index: 1;
	}
	
	
	
	
	
/* Other Backgrounds
-------------------------*/

	.pattern-bg{
		background: url(../img/pattern.jpg);
		position: relative;
		overflow: hidden;
		background-repeat: repeat;
	}

	#demo_canvas{
		z-index: 999;
		position: absolute;
		top: 0px;
		left: 0px;
	}

	
	

	
	
	
	
	
/*======================

	05. Navigations

========================*/



	
/* 	.nav-trigger{
		position: fixed;
        top: 5%;
		left: 3.5%;
		z-index: 1;
	} */

	.nav-trigger{
		position: static;
		z-index: 1;
	}
	
	.uk-nav ul {
		padding-left: 0px;
	}
	
	ul.uk-nav-sub{
		padding-left: 10px;
	}
	
	.uk-nav-sub li a{
		color: #fff;
		text-transform: Capitalize;
		font-family: 'Poppins-Regular';
		
        font-weight: 400;
		
	}
	
	.uk-nav-sub li a:hover{
		color: #ccc;
	}
	
	.uk-nav-offcanvas>li>a {
		padding: 10px 10px;
	}

	.uk-nav-offcanvas>li>a,
	.uk-nav-sub span{
		font-family: 'Poppins-Regular';
		font-size: 16px;
		font-weight: 400;
		text-transform: Capitalize;
	}
	
	.uk-nav-sub span{
		color: #fff;
		font-size: 16px;
		font-weight: 400;
		border-bottom: 3px solid #505050;
		padding-bottom: 3px;
		margin-bottom: 20px;
	}
	
	.uk-nav ul{
		margin-top: 20px;
		margin-bottom: 20px;
	}
	
	.uk-nav-sub li{
		padding-top: 7px;
		padding-bottom: 7px;
	}
	
	.uk-offcanvas-bar{
		width: 25%;
		background: #000;
		overflow-x: hidden;
		padding: 10px;
	}
	
	.navigation-footer{
		position: relative;
		top: 120px;
		margin-left: 10px;
	}
	
	.navigation-footer ul{
		margin-bottom: 20px;
	}
	
	.navigation-footer ul li{
		display: inline-block;
	}
	
	.navigation-footer img{
		max-width: 60px;
		display: block;
	}
	
	.navigation-footer ul li i{
		color: #fff;
		margin-right: 20px;
		border-radius: 100%;
		text-align: center;
		-webkit-transition: all 0.4s;
		-moz-transition: all 0.4s;
		transition: all 0.4s;
	}

	
	
/*======================

	06. Homepage

========================*/	





/* Homepage Headers
----------------------------*/	



	#header{
		position: relative;
		padding-top: 150px;
		padding-bottom: 150px;
	}

	.home-content-wrapper #header {
		padding-bottom:45px;
	}
	
	.big-text-full h2{
		max-width: 800px;
	}
	
	.big-text-full h3{
		max-width: 1000px;
	}
	
	.big-text h2{
		max-width: 100%;
	}
	
	.big-text-fullwid h2{
		max-width: 100%;
	}
	
	.big-text h3{
		max-width: 700px;	
	}
	
	.big-text h2,
	.big-text-full h2,
	.big-text-fullwidth h2{
		line-height: 1.2;
	}
	
	.big-text h3,
	.big-text-full h3,
	.big-text-fullwidth h3{
		line-height: 1.3;

	}
	
	.big-text i,
	.big-text-full i{
		font-size: 2em;
		line-height: 0;
	}
	
	.header-img{
		margin-bottom: 20px;		
	}
	
	.header-img img{
		opacity: 0.9;
		width: 70px;
		border-radius: 100%;
		position: relative;
		right: 15px;
		-webkit-transition: all 0.4s;
		-moz-transition: all 0.4s;
		transition: all 0.4s;

	}
	
	.multi-img-square img{
		border-radius: 0px;
		width: 70px;
		margin-right: 20px;
	}
	
	.multi-img img{
		margin-left: 20px;
		width: 55px;
	}
	
	.large-img img{
		margin-left: 20px;
		width: 200px;
	}
	
	.header-img img:hover{
		opacity: 1;
	}

	.home-11 h2,
	.home-17 h2{
		margin-bottom: 20px;
	}

	
/* Logo Styles
----------------------------*/	

	.logo{
		position: absolute;
		top: 30px;
		left: 50px;
		z-index: 9;
	}

	.logo img{
		display: block;
		max-width: 100px;
		height: auto;
		margin: auto;

	}
	
	.logo-footer{
		max-width: 100px;
		height: auto;
		float: left;
		position: relative;
		bottom: 10px;
	}
	
	.logo-nav{
		max-width: 60px;
		position: relative;
		bottom: 25px;
	}
	
	
	
	
	


	
/*========================

	07. Slider
	
==========================*/
	
	
	
	.rslides,
	.rslides-background{
	    position: relative;
	    list-style: none;
	    overflow: hidden;
	    width: 100%;
	    padding: 0;
	    margin: 0;
	}
	
	.rslides{
		z-index: 0;
	}
	

	.rslides li {
	    -webkit-backface-visibility: hidden;
	    position: absolute;
	    display: none;
	    width: 100%;
		height: 100%;
	    left: 0;
	    top: 0;
		
	}

	.rslides li:first-child {
	    position: relative;
	    display: block;
		float: left;
	 }

	.rslides img {
		display: block;
		float: left;
		width: 100%;
		border: 0;

	}
	
	.rslides_nav{
		background: #191919;
		font-size: 2em;
		width: 50px;
		height: 50px;
		text-align: center;
		opacity: 0.3;
		color: #ccc;
		-webkit-transition: all 0.4s;
		-moz-transition: all 0.4s;
		transition: all 0.4s;
	}
	
	.rslides_nav:hover{
		opacity: 1;
		color: #fff;
	}
	
	.next{
		float: left;
		position: absolute;
		top: 50%;
		right: 0%;
	}
	
	.prev{
		float: left;
		position: absolute;
		top: 50%;
		left: 0%;
	}


	
	
	
/*========================

	08. About
	
==========================*/



	
	#about{
		position: relative;
		padding-bottom: 150px;
		background: #fff;
	}


	.brief{
		margin-top: 50px;
	}
	
	.brief-04{
		margin-top: 50px;
	}

	.brief p{
		margin-top: 20px;
		line-height: 1.6;
	}
	
	.brief a{
		border-bottom: 1px solid #777777;
		margin-top: 20px;
		
	}
	
	.proj a{
		margin-left: 20px;
		margin-top: 0px;
	}
	
	.proj img{
		margin-bottom: 20px;
	}
	
	.brief .separator-small{
		margin-top: 20px;
        margin-bottom: 20px;
	}


	

	
/*========================

	09. Services

==========================*/


	#services{
		margin-bottom: 150px;
	}
	
	.service {
		margin-bottom: 50px;
	}
	
	.service .service-02 h2.ultrabold,
    .service .button {
		margin-left: auto;
		margin-right: auto;
	}
	
	.service:hover .separator-small{
		width: 70px;
	}
	
	.service .separator-small{
		margin-left: 20px;
	}
	
	.service i{
		font-size: 45px;
		line-height: 0;
	}
	
	.service-02 i{
		font-size: 60px;
	}


	.service h2{
		font-size: 16px;
		word-spacing: 3px;
		letter-spacing: 1px;
		margin-left: 20px;
		margin-top: 11px;
		
	}
	
	.service-02 h2{
		font-size: 24px;
		margin-left: 0px;
		margin-top: 20px;
		
	}

	.service p{
		line-height: 1.6;
		margin-top: 20px;
		margin-bottom: 0px;
	}
	
	.servicesTitle {
		font-size: 30px;
		font-weight: bold;
		margin-bottom: 70px;
		margin-bottom: 0;
		display: inline-block;
	}
	
	.servicesDesc {
		margin-bottom: 70px;
	}
	



/*========================

	10. Portfolio

==========================*/




	#portfolio{
		position: relative;
		background: #fff;
		padding-bottom: 150px;
	}

	
	.works-filter,
	.works-filter-full{
		width: 100%;
		font-size: 16px;
		text-align: center;
		margin-bottom: 50px;
	}
	
	.works-filter li,
	.works-filter-full li{
		margin-right: 30px;
		font-family: 'Poppins-Regular';
		font-weight: 400;
		
	}
	
	.uk-subnav>.uk-active>*{color:#000; text-decoration: underline;}
	
	.works-filter-full{
		margin-left: 10%;
	}
	

	.work li{
		-webkit-transition: all 0.4s;
		-moz-transition: all 0.4s;
		transition: all 0.4s;
		overflow: hidden;
	}
	
	.work{
		overflow: hidden;

	}
	
	.work li:hover{
		opacity: 1;
		
	}
	
	
	.work img{
		-webkit-transition: all 0.4s;
		-moz-transition: all 0.4s;
		transition: all 0.4s;
		overflow: hidden;
	}
	
	
	.work .hover{
		background: url(../img/pattern-2.png) repeat;
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
		overflow: hidden;
		opacity: 0;
		-webkit-transition: all 0.4s;
		-moz-transition: all 0.4s;
		transition: all 0.4s;
	}
	
	
	.work .hover p{
		position: absolute;
		top: 50%;
		left: 50%;
		-moz-transform: translate(-50%, -50%) scale(1.5);
		-webkit-transform: translate(-50%, -50%) scale(1.5);
		-o-transform: translate(-50%, -50%) scale(1.5);
		transform: translate(-50%, -50%) scale(1.5);
		text-align: center;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}
	
	.gutter .hover p{
		position: absolute;
		top: 50%;
		left: 51%;
		-moz-transform: translate(-50%, -50%) scale(1.5);
		-webkit-transform: translate(-50%, -50%) scale(1.5);
		-o-transform: translate(-50%, -50%) scale(1.5);
		transform: translate(-50%, -50%) scale(1.5);
		text-align: center;
	}

	
	.work:hover .hover{
		opacity: 1;
	}
	
	.work:hover img{
		-o-transform: scale(1.2);
		-moz-transform: scale(1.2);
		-webkit-transform: scale(1.2);
		transform: scale(1.2);
	}
	
	.work:hover p{
		position: absolute;
		top: 50%;
		left: 50%;
		-moz-transform: translate(-50%, -50%) scale(1);
		-webkit-transform: translate(-50%, -50%) scale(1);
		-o-transform: translate(-50%, -50%) scale(1);
		transform: translate(-50%, -50%) scale(1);
		text-align: center;
	}
	
	.hover .button{
		margin: auto;
	}

	.gutter{
		padding: 0px 0px 20px 20px;
	}
	
	.gutter-container{
		margin-right: 20px;
	}
	
	.gutter:hover img{
		-o-transform: scale(1);
		-moz-transform: scale(1);
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	
	.gutter:hover p{
		position: absolute;
		top: 50%;
		left: 53%;
		-moz-transform: translate(-50%, -50%) scale(1);
		-webkit-transform: translate(-50%, -50%) scale(1);
		-o-transform: translate(-50%, -50%) scale(1);
		transform: translate(-50%, -50%) scale(1);
	}
	
	
	.uk-subnav > * > :focus, .uk-subnav > * > :hover{
		color: #000;
	}
	

/*========================

	11. Pricing Table

==========================*/
	
	
	#pricing{
		padding-bottom: 150px;
	}
	
	.price-table{
		border: 1px solid #e5e5e5;
		padding: 50px 0px 50px 0px;
		-webkit-transition: all 0.4s;
		-moz-transition: all 0.4s;
		transition: all 0.4s;
	}
	
	.price-table:hover{
		border: 1px solid #777777;
	}
	
	.table-special{
		border: 1px solid #777777;
	}

	
	.price-head h1{
		margin-bottom: 20px;
	}
	
	.price-body ul li{
		margin: 20px 0px 0px 0px;
	}
	
	.price-table .button{
		margin-top: 50px;
	}
	
	.price-value{
		margin-bottom: 20px;
	}
	
	
	
	
	
/*========================

	12. Blog

==========================*/


	
	#blog-masonry{
		position: relative;
		padding-bottom: 150px;
		
	}
	
	#blog{
		position: relative;
		padding-bottom: 150px;
		
	}
	
	
	
/* Blog Post
----------------------------*/		




	#blog-post{
		padding-bottom: 50px;
	}

	.single-post .wp-block-separator {
		border:none;
	}
	
	.blog-post{
		margin-bottom: 50px;
	}
	
	.blog-post h3{
		padding: 20px 0px 20px 0px;
		margin: 0px;
	}
	
	.blog-post ul{
		margin: 0px;
		margin-top:10px;
	}
	
/* 	.blog-post ul li{
		display: inline-block;
		padding-left: 15px;
		border-left: 1px solid #b2b2b2;
		margin: 0px 0px 20px 20px;
	} */

	
	.blog-post ul li a{
		margin-left: 3px;
	}
	
	.blog-post img{
		opacity: 0.9;
		-webkit-transition: all 0.4s;
		-moz-transition: all 0.4s;
		transition: all 0.4s;
	}
	
	.blog-post img:hover{
		opacity: 1;
	}

	.blog-post p{
		line-height: 1.6;
	}
	
	.post-text p{
		margin-bottom: 20px;
	}
	
	.blog-post .button{
		margin-top: 20px;
	}
	
	.blog-masonry .blog-post{
		margin: 0px 50px 50px 0px
	}
	
	
	
/* Blog Sidebar
----------------------------*/	



	
	.sidebar{
		margin: 0px 50px 50px 50px;
	}
	
	.sidebar ul{
		margin-top: 20px;
	}
	
	.sidebar ul li{
		margin-top: 20px;
		line-height: 1.6;
	}
	
	.tags li{
		display: inline-block;
		padding: 8px;
		margin: 3px;
		border: 1px solid #777777;
		-webkit-transition: all 0.4s;
		-moz-transition: all 0.4s;
		transition: all 0.4s;
	}
	
	.tags li:hover a{
		color: #fff;		
	}
	
	
	.tags li:hover{
		background: #191919;
		border: 1px solid #191919;
	}
	
	
	#subscribe{
		position: relative;
		padding-top: 150px;
		padding-bottom: 80px;
	}
	
	
	
	
/* Comments
----------------------------*/	



	
	#comments{
		padding-bottom: 150px;
	}
	
	.comment-form{
		float: left;
		text-align: left;
	}
	
	.form input{
		padding: 10px;
		margin-bottom: 20px;
		float: left;
		width: 100%;
	}
	
	.form .button{
		margin-top: 20px;
	}

	.comment-form{
		margin-bottom: 50px;
	}
	
	.comment-form h3{
		margin-bottom: 20px;
	}

	.form textarea{
		width: 100%;
		padding: 10px;
	}
	
	.posted-comment{
		background: #f4f4f4;
		margin-top: 50px;
		padding: 20px;
	}
	
	.posted-comment h3{
		letter-spacing: 1px;
		word-spacing: 2px;
	}
	
	.posted-comment img{
		border-radius: 100%;
		width: 50px;
		margin-bottom: 20px;
	}
	
	.posted-comment span{
		font-size: 11px;
	}
	
	.posted-comment p{
		margin-top: 20px;
		margin-bottom: 20px;
		line-height: 1.6;
	}
	
	
	
/*========================

	13. Map

==========================*/



	
	#map_canvas {
		height: 500px;
		width: 100%;
		-webkit-transition: all 0.4s;
		-moz-transition: all 0.4s;
		transition: all 0.4s;

	}
	
	.map-full{
		margin-bottom: 50px;
	}
	

	
	
	
/*========================

	14. Contact

==========================*/	


	
	#contact{
		padding-bottom: 150px;
		background: #fff;

	}

	#contact  form input,form textarea {
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		padding-bottom: 10px;
		margin-bottom: 20px;
		transition: none;
		background: transparent;
		width: 100%;
		padding: 20px;
		color: #191919;
		float: left;
		border: 2px solid #efefef;
		font-size: 16px;
		font-weight: 500;
		word-spacing: 2.5px;
		text-align: left;
	}
	
	
	#message{
		
		height: 100px;
	}

	#contact-form{
		text-align:left;
	
	}

	#contact-form p span {
		display: block;
		letter-spacing: 2px;
		text-transform: uppercase;
	}
	
	#contact-form p{
		margin-top: 15px;
	}
	
	#contact-form  i{
		margin-right: 5px;
	}
	
	#contact-form  p{
		float: right;
	}
	
	.contact-full{
		margin-top: 100px;
	}
	
	.contact-wrapper{
		max-width: 800px;
		background: red;
	}
	
	.contact-btn{
		float: left;
	}

	::-webkit-input-placeholder {
	 color: #777777;
	}

	#contact-form  label {
		cursor: text;
		display: block;
		margin: 0;
		position: relative;
		top: 0;
		width: 100%;
	}
	:-moz-placeholder { /* Firefox 18- */
	 color: #777777;
	}

	::-moz-placeholder {  /* Firefox 19+ */
	 color: #777777;
	}

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

	#contact-form .error {
		bottom: 12px;
		font-family: inherit;
		font-size: 14px;
		font-weight: normal;
		left: auto;
		letter-spacing: 0;
		position: absolute;
		right: 20px;
		text-transform: capitalize;
		width: auto;
	}

	.response h3 {
		letter-spacing: 2px;
		margin: 10px 0 25px;
		text-transform: uppercase;
	}


	
	
	
/*========================

	15. Footer

==========================*/


	#footer{
		padding-bottom: 150px;
	}
	
	.footer-logo img{
		width: 60px;
	}
	
	.footer-social li{
		display: inline-block;
		margin: 20px 0px 0px 20px;
		
	}
	
	.footer-social{
		margin-bottom: 0px;
	}
	
	.footer-social li i{
		-webkit-transform: scale(0.9);
		-moz-transform: scale(0.9);
		-o-transform: scale(0.9);
		transform: scale(0.9);
	}
	
	.footer-details p{
		margin-top: 20px;
		margin-bottom: 0px;
		line-height: 1;
	}
	
	.footer-details a{
		margin-left: 5px;
	}
	

/*========================

	16. Shop

==========================*/
	
	
	#shop{
		position: relative;
		padding-bottom: 150px;
		
	}
	
	
	
	
/* Products
----------------------------*/	




	.shop-post{
		margin-bottom: 50px;
	}
	
	.shop-post h3{
		letter-spacing: 1px;
		word-spacing: 3px;
		padding: 20px 0px 20px 0px;
	}
	
	.shop-post ul li{
		display: inline-block;
		padding-left: 20px;
		border-left: 1px solid #b2b2b2;
		margin: 0px 0px 20px 20px;
	}
	
	.shop-post ul li a{
		margin-left: 3px;
	}
	
	.shop-post img{
		opacity: 0.9;
		-webkit-transition: all 0.4s;
		-moz-transition: all 0.4s;
		transition: all 0.4s;
	}
	
	.shop-post img:hover{
		opacity: 1;
	}

	.shop-post p{
		line-height: 1.6;
	}

	.shop-post .button{
		margin-top: 20px;
	}

	.shop-masonry .shop-post{
		margin: 0px 50px 50px 0px
	}
	
	.product-desc{
		margin-top: 20px;
		margin-bottom: 0px;
	}
	
	.single-product{
		margin-bottom: 50px;
	}
	
	
	
/* Cart
----------------------------*/	




	#cart{
		position: relative;
		padding-bottom: 150px;
	}
	
	.cart-item{
		padding-top: 50px;
		padding-bottom: 50px;
		border-bottom: 1px solid #e5e5e5;
	}

	.cart-item img{
		float: left;
	}
	
	.cart-item ul li{
		margin-bottom: 5px;
	}

	
	
	
	
	
	
/*========================

	17. Responsive

==========================*/


	
	
/* Resolution Under 768px
----------------------------*/	
	
	
	
	@media all and (max-width: 768px) {
		
		#cn-notice-text {
			font-size:12px !important;
			margin-bottom: 15px
		}
		
		.cn-close-icon {
			top: 27% !important;
			right: 10px !important;
		}
		
		#cookie-notice .cn-button:not(.cn-button-custom) {
			padding: 7px 16px !important;
		}
		
		.page-template-default .simple_page h1,
		.page-template-default .simple_page h2,
		.page-template-default .simple_page h3,
		.page-template-default .simple_page h4,
		.page-template-default .simple_page h5 {
			font-size:20px;
		}
		

		.map-half{
			margin-bottom: 50px;
		}
		
		.sidebar{
			margin: 0px 0px 50px 0px;
		}

		.sections{
			padding-top: 0px;
		}

		.uk-offcanvas-bar{
			width: 235px;
			overflow-x: hidden;
		}
		
		.mobile-blog-fix,
		.mobile-service-fix{
			margin-bottom: 50px !important;
		}
		
		.price-table{
			margin-bottom: 50px;
		}
		
		
	}
	

	
	
/* Resolution Under 530px
----------------------------*/

	
	
	@media all and (max-width: 530px) {


		
		.loader-img img{
			left: 45%;
		}
		
		
		
		.blog-post ul li,
		.shop-post ul li{
		    margin: 0px 0px 10px 0px;
		}
		
		.blog-post .no-margin,
		.shop-post .no-margin		{
			margin: 0px 0px 20px 0px !important;
		
		}
		
		.blog-post .no-padding,
		.shop-post .no-padding{
			padding-left: 15px !important;
		} 
		
		.blog-post .no-border,
		.shop-post .no-border{
			border-left: 1px solid #b2b2b2 !important;
		} 
		
		.multi-img img{
			margin-left: 25px;
			width: 45px;
		}
		
		.simple-big h2{
			font-size: 3em;
		}

	}
	

	
	
/* Resolution Under 450px
----------------------------*/	




	@media all and (max-width: 450px) {

		
		.loader-img img{
			left: 42%;
		}
		
		#map_canvas {
			height: 350px;


		}
		
		#contact-form p{
			float: left;
			margin-top: 20px;
		}
		
		.service .separator-small{
			display: none;
		}
		
		.post-info .no-margin{
			margin: 0px 0px 20px 0px !important;
			
		}
		
		.post-info .no-padding{
			padding-left: 20px !important;
		}
		
		.post-info .no-border{
			border-left: 1px solid #b2b2b2 !important;
		}
			
		.simple-big h2{
			font-size: 2.5em;
		}
		
	}
	
	
	
/* Resolution Under 400px
----------------------------*/	


	
	@media all and (max-width: 400px) {
		
		.big-text h2{
			width: 100%;
		}
		
		.f-large,
		.f-extra-expanded{
			font-size: 2.3em;
		}
		
		
		.f-medium,
		.f-expanded{
			font-size: 20px;
		}

		.big-text h2{
			line-height: 47px;
		}
		
		.works-filter li,
		.works-filter-full li{
			margin-right: 18px;
		
		}

	}
	
/* Resolution Under 375px
----------------------------*/	

	
	@media all and (max-width: 375px) {

		.f-big{
			font-size: 20px;
		}

	}
	
	
	
	
	
	
	
	
	
	
	
	
	#preview{
		padding-top: 200px;
	}
	
	#header-index{
		padding-top: 100px;
		padding-bottom: 120px;
	}
	
	#preview-portfolio,
	#preview-blog,
	#preview-project,
	#preview-other,
	#preview-home{
		padding-top: 100px;
	}
	
	.index-logo{
		width: 50px;
		display: block;
		margin-bottom: 50px;
	}
	
	.index-buttons{
		margin-top: 50px;
	}
	
	.index .button{
		margin: 5px 10px 5px 0px;
	}
	
	.index-sep{
		margin-bottom: 120px;
		width: 80px;
	}
	
	.previews{
		margin-bottom: 100px;
	}
	
	.previews img{
		-moz-box-shadow: 0px 0px 5px #777777;
		-webkit-box-shadow: 0px 0px 5px #777777;
		box-shadow: 0px 0px 5px #777777;
		-webkit-transition: all 0.4s;
		-moz-transition: all 0.4s;
		transition: all 0.4s;
	}
	
	.previews img:hover{
		
		-moz-box-shadow: 0px 0px 10px #000;
		-webkit-box-shadow: 0px 0px 10px #000;
		box-shadow: 0px 0px 10px #000;


	}
	
	.previews p{
		margin-top: 20px;
	}
	
	.previews .separator-small{
		margin-top: 30px;
        margin-bottom: 30px;
	}
	
	.pre-logo img{
		border-radius: 100%;
	}



 /* Custom responsive */






@media only screen and (max-width:1600px) {
	
	.page-id-443 .section-content p,
	.page-id-458 .section-content p {
		width: 80%;
	}
	
	#header {
    position: relative;
    padding-top: 100px;
    padding-bottom: 100px;
	}
	.f-extra-expanded,
	.big-text h2 {
    font-size: 2.5em;
	}

	.home_desc p {
    font-size: 20px;
	}
	
	.about_me_desc .ab_me_desc li .ab_desc_me h1 {
		font-size: 30px;
	}

	.about_me_desc .ab_me_desc li .ab_desc_me h3 {
		font-size: 20px;
	}

	.about_me_desc .ab_me_desc li .ab_desc_me {
    padding-left: 30px;
    padding-right: 10px;
	}

	footer {
    padding: 80px 0 50px;
	}

	.welcome_main_desc h3 {
    font-size: 23px;
	}

	.service-02 h2 {
    font-size: 20px;
	}

	.blog_wrap li .product_wrap_img {
    height: 400px;
	}

	.blog_section .f-medium {
    font-size: 23px;
	}
	
	.servicesTitle {
		font-size:27px;
	}
}




@media only screen and (max-width:991px) {
	.about_me_desc .ab_me_desc li .ab_image_me, .about_me_desc .ab_me_desc li .ab_desc_me {
	  width: 100%;
	}
	.about_me_desc .ab_me_desc li .ab_desc_me {
    padding-left: 0;
    padding-right: 0;
    padding-top: 20px;
	}
}

@media only screen and (max-width:1450px) {
	.home_services {
		margin-bottom: 100px !important;
	}
	.page-id-443 .section-content p,
	.page-id-458 .section-content p {
		width: 90%;
	}
}

@media only screen and (max-width:992px) {
	.page-id-443 .section-content p,
	.page-id-458 .section-content p {
		width: 90%;
	}
	.mg_top {
		margin-top: 70px !important;
	}
	.main_logo img {
		width: 75px;
	}
	
	.main_logo .logo_wrap {
		margin-left: 25px;
	}

	.header_section .btn {
		height: 40px;
		line-height: 36px;
		font-size: 10px;
	}
	.about_me_home .about_me_img, .about_me_home .about_me_desc {
		width: 100%;
	}
	
	.about_me_home .about_me_img {
		padding-bottom:30px;
	}
	
	.about_me_home .about_me_desc p {
		font-size: 15px;
	}
	.home_about_me {
		margin-bottom: 70px;
	}
	.home_service_link {
		margin-top: 0;
	}
	.home_services {
		margin-bottom: 60px !important;
	}
	
	.about_me_home .about_me_img img {
		height: 330px;
	}
}

@media only screen and (max-width:600px) {
	
	.page-id-443 .section-content p, .page-id-458 .section-content p {
        width: 100%;
    }
	
	.header_section .btn {
		padding: 0 10px;
        font-size: 10px;
    }
	
	.trp-language-item {
		padding: 5px 5px !important;
	}
	
	.trp-language-item-name {
		font-size:10px !important;
	}
	
	.trp-shortcode-overlay {
		margin-left: 15px;
	}
	
	.main_logo img {
        margin-left: 0;
    }
	
	#menu-main-menu li a {
		font-size:15px;
		padding: 7px 10px;
	}
	#menu-main-menu li.menu-item-24 a {
		padding: 12px 15px;
	}
	p,
	.singlePost ul li,
    .singlePost ol li {
		font-size:15px;
	}
	.brief p {
		margin-top: 14px;
	}
	.proj img {
		margin-bottom: 10px;
	}
	.brief {
		margin-top: 0px;
	}
	.home_logo {
		text-align: center;
	}
	.home_logo img {
    	width: 100px;
	}
	.f-extra-expanded, .big-text h2 {
	  font-size: 25px;
	  line-height: 1.5;
	}
	.section-content {
    padding: 0px 5% 0px 5%;
	}
	.separator-small {
		margin-top: 30px;
    	margin-bottom: 30px;
	}
	.home_desc p {
    font-size: 16px;
	}
	.welcome_main_desc h3 {
    font-size: 20px;
	}
	#header {
    position: relative;
    padding-top: 50px;
    padding-bottom: 30px;
	}
	.home-content-wrapper #header {
		padding-bottom:30px;
	}
	.page-template-default .home-content-wrapper #header {
		padding-bottom:10px;
	}
	.home_img_box_wrap {
    	height: 200px;
	}
	.scale_text {
		padding: 0 15px;
		text-align: center;
	}
	.home_img_box ul li:hover span {
		font-size: 17px;
	}
	.home_img_box_wrap span {
		font-size: 20px;
	}
	.home_img_box {
		padding: 0;
		margin-top:-15px;
	}
	.welcome_main_desc {
		margin-left: -15px !important;
		margin-right: -15px !important;
	}
	.what_can_i_gallery {
    margin-left: -15px;
	}
	.what_can_i_gallery li {
		padding-left: 15px;
	}
	.abpot_me_main .brief {
	  margin-top: 0;
	}
	.service-02 h2 {
    font-size: 19px;
		margin-bottom:10px;
	}
	.service p {
		margin-top: 5px;
		line-height:inherit;
	}
	.servicesDesc {
		margin-bottom: 25px;
	}
	.servicesTitle {
		font-size: 22px;
		margin-bottom: 10px;
	}
	.home_service_link {
        width: 100%;
		text-align: center;
    }
	.section-content {
		text-align:left;
	}
	.about_me_home .about_me_desc .button {
		text-align:center;
	}
	.page-template-template-about-su .about_me_desc .ab_me_desc li .ab_desc_me a {
		height: auto;
        line-height: 1.8;
		text-align: center;
		padding: 7px 15px;
	}
	.section-content .service-02.t-center,
	.service p {
		text-align: left !important;
	}
	.service .service-02 h2.ultrabold, .service .button {
		margin-left: inherit;
	}
	.blog_wrap li {
		width: 100%;
	}
	.blog_section .f-medium {
    font-size: 20px;
	}
	.blog_wrap li .product_wrap_img,
	.single_post_img img {
    height: 200px;
	}
	.singlePost h1, .singlePost h2, .singlePost h3, .singlePost h4, .singlePost h5, .singlePost h6 {
    font-size: 18px;
	}
	.contact_information li p {
		display: flex;
		flex-direction: column;
	}
	.contact_information li a {
    font-size: 14px;
	}
	#contact form input, form textarea {
		padding: 15px 10px;
		font-size: 14px;
		margin-bottom: 10px;
	}
	.fluentform .ff-el-is-error .text-danger {
		text-align: left;
	}
	footer {
    padding: 30px 0 50px;
	}
	.section-content .footer-widgets hr {
		margin-top: 30px;
    margin-bottom: 30px;
	}
	.comment-post form .comment-form-author,
	.comment-post form .comment-form-email,
	.comment-post form .comment-form-url {
		width:100%;
	}
	.comment-post form p {
    	margin-top: 15px;
	}
	
	.about_me_desc .ab_me_desc li .ab_image_me img {
    height: 300px;
	}

	.about_me_desc .ab_me_desc li .ab_desc_me h1 {
    font-size: 22px;
	}

	.about_me_desc .ab_me_desc li .ab_desc_me h3 {
    font-size: 16px;
	}

}


/* Privacy policy */


.page-template-default .simple_page {
	text-align: left;
}

.page-template-default .simple_page h1,
.page-template-default .simple_page h2,
.page-template-default .simple_page h3,
.page-template-default .simple_page h4,
.page-template-default .simple_page h5 {
	margin-bottom:15px;
}


.page-template-default .simple_page ul,
.page-template-default .simple_page ol {
	margin: 0px;
    margin-top: 10px;
}

.page-template-default .simple_page ul li,
.page-template-default .simple_page ol li {
	margin: 0 0 5px;
    font-family: 'Poppins-Regular';
}

.page-template-default .simple_page ul li,
.page-template-default .simple_page ol li {
    list-style: inside;
}


.cn-close-icon {
	opacity: 1 !important;
}

.cn-close-icon:after, .cn-close-icon:before {
    background-color: #fff !important;
}