@charset "utf-8";
/* CSS Document */


/*********************************
5. Home
*********************************/

.home
{
	width: 100%;
	height: 50vh;
	overflow: hidden;
}
.overlay
{
	position: absolute;
	left: 0;
	bottom: -270px;
	width: 120%;
	background: #FFFFFF;
	transform-origin: top left;
	z-index: 1;
	box-shadow: 0 0 1px 0 #FFFFFF inset, 0 0 1px 0 #FFFFFF;
}
.home_container
{
	position: absolute;
	left: 0;
	top: 21%;
	width: 100%;
    background: rgba(0, 0, 0, .65);
    padding: 15px 0px;
}

.home_title
{
	font-size: 50px;
	font-weight: 200;
	color: #fff;
	line-height: 1.2;
	margin-top: -9px;
}

.home_subtitle
{
	font-size: 16px;
	font-weight: 500;
	color: #fff;
	margin-top: -6px;
}
.home_button
{
	border: solid 1px #FFFFFF;
	margin-top: 44px;
}
.home_button a
{
	line-height: 41px;
}

.home-logo {
     margin-bottom:15px;
    }

/*********************************
6. Boxes
*********************************/

.boxes
{
	z-index: 1;
	margin-top: -270px;
}
.box
{
	width: calc(100% / 4);
	padding-left: 25px;
	padding-top: 30px;
	padding-right: 25px;
	padding-bottom: 50px;
}
.box:first-child
{
	background: #262626;
}
.box:first-child:hover
{
	background: #444444;
}

.box:nth-child(2)
{
	background: #ef8701;
}
.box:nth-child(2):hover
{
	background: #e08020;
}
.box:nth-child(3)
{
	background: #ff9711;
}
.box:nth-child(3):hover
{
	background: #e98f1d;
}
.box:nth-child(4)
{
	background: #fcab43;
}
.box:nth-child(4):hover
{
	background: #eba040;
}
.box_icon
{
	width: 66px;
	height: 66px;
}
.box_icon img
{
	max-width: 100%;
}
.box_title
{
	font-size: 24px;
	font-weight: 400;
	color: #fff;
	line-height: 1.2;
	margin-top: 27px;
}
.box_text
{
	margin-top: 20px;
}
.box_text p
{
	color: #FFFFFF;
}
.box_link_container
{
	position: absolute;
	left: 48px;
	bottom: -21px;
}
.box_link_container a
{
	display: block;
	width: 100%;
	height: 100%;
}
.box_link
{
	width: 41px;
	height: 41px;
	border-radius: 50%;
	background: #FFFFFF;
}
.box_link:hover
{
	transform: scale(1.2);
}
.box_link > div
{
	width: 39px;
	height: 39px;
	border-radius: 50%;
	background: #ff9711;
	font-size: 19.2px;
	font-weight: 500;
	color: #FFFFFF;
	line-height: 39px;
	text-align: center;
}

/*********************************
7. About
*********************************/

.about
{
	padding-top: 94px;
	 background: #FFFFFF;
}
.about_container
{
	z-index: 2;
}
.about_content
{
	-webkit-transform: translateY(28px);
	-moz-transform: translateY(28px);
	-ms-transform: translateY(28px);
	-o-transform: translateY(28px);
	transform: translateY(28px);
}
.about_background
{

	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	transform-origin: bottom right;

	background: #FFFFFF;
	z-index: 1;
}
.about_background::before
{
	position: absolute;
	top: 0;
	right: 0;
	width: 150%;
	height: 100%;
	background: #FFFFFF;
	content: '';
}
.about_overlay
{
	position: absolute;
	bottom: 0;
	right: 0;
	width: 2200px;
	height: 558px;
	background: #FFFFFF;
	transform-origin: bottom right;
	-webkit-transform: rotate(-8deg);
	-moz-transform: rotate(-8deg);
	-ms-transform: rotate(-8deg);
	-o-transform: rotate(-8deg);
	transform: rotate(-8deg);
	z-index: 1;
	padding-right: 190px;
}
.text_highlight
{
	font-size: 16px;
	font-weight: 600;
	color: #535353;
	line-height: 1.75;
	margin-top: 35px;
}
.about_text
{
	margin-top: 28px;
}
.about_button
{
	margin-top: 50px;
}
.about_image
{
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	bottom: 25px;
}

/*********************************
8. Testimonials
*********************************/

.testimonials
{
	padding-top: 300px;
	padding-bottom: 30px;
}



/*********************************
9. Gallery
*********************************/

.gallery
{
	margin-top: -9px;
	margin-bottom: -9px;
}
.gallery_slider_container
{
	width: 120%;
	left: -10%;
	padding-top: 9px;
	padding-bottom: 9px;
	background: transparent;
}
.gallery_slider.owl-carousel .owl-stage-outer
{
	overflow: visible;
}
.gallery_slider .owl-item.center
{
	z-index: 1;
}
.gallery_slider .owl-item.center::after
{
	position: absolute;
	top: -9px;
	left: -9px;
	width: calc(100% + 18px);
	height: calc(100% + 18px);
	background: transparent;
	border: solid 9px #ff9711;
	content: '';
	z-index: 1;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}

/*********************************
10. Services
*********************************/

.services
{
	padding-top: 111px;
	padding-bottom: 14px;
	background: #FFFFFF;
}
.services_row
{
	margin-top: 50px;
}
.service_col:nth-last-child(n+4)
{
	margin-bottom: 79px;
}
.service_icon
{
	width: 62px;
	height: 62px;
}
.service_icon img
{
	max-width: 100%;
}
.service_title
{
	padding-left: 37px;
	font-size: 24px;
	font-weight: 400;
	color: #262626;
}
.service_text
{
	margin-top: 17px;
}

/*********************************
11. Blog
*********************************/

.blog
{
	padding-top: 314px;
	padding-bottom: 100px;
	overflow: hidden;
}
.blog_overlay
{
	position: absolute;
	top: -270px;
	right: 0;
	width: 130%;
	height: 270px;
	transform-origin: bottom right;
	-webkit-transform: rotate(-8deg);
	-moz-transform: rotate(-8deg);
	-ms-transform: rotate(-8deg);
	-o-transform: rotate(-8deg);
	transform: rotate(-8deg);
	background: #FFFFFF;
}
.blog .section_title
{
	color: #FFFFFF;
}
.all_posts_link a
{
	position: relative;
	font-size: 14px;
	font-weight: 600;
	color: #ff9711;
}
.all_posts_link a::after
{
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 1px;
	background: #ff9711;
	content: '';
}

.all_posts_link2
{
	display:none;
}


.blog_row
{
	margin-top: 86px;
}
.blog_post_image
{
	width: 100%;
}
.blog_post_image img
{
	max-width: 100%;
}
.blog_image {
    border:#ff9711 2px solid;
    border-radius:10px;
}
.blog_post_title
{
	margin-top: 20px;
}
.blog_post_title a
{
	font-size: 24px;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 1.1;
}
.blog_post_title a:hover
{
	color: #ff9711;
}
.blog_post_date
{
	margin-top: 4px;
}
.blog_post_date a
{
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
	color: #ff9711;
}
.blog_post_text
{
	margin-top: 22px;
}
.blog_post_text p
{
	color: #a8a8a8;
}
.blog_post_link
{
	margin-top: 36px;
}
.blog_post_link a
{
	font-size: 12px;
	font-weight: 400;
	color: #ff9711;
}

/************
1. 1600px
************/

@media only screen and (max-width: 1600px)
{
	
}

/************
2. 1440px
************/

@media only screen and (max-width: 1440px)
{
	
}

/************
3. 1380px
************/

@media only screen and (max-width: 1380px)
{
	
}

/************
3. 1280px
************/

@media only screen and (max-width: 1280px)
{
	
}

/************
4. 1199px
************/

@media only screen and (max-width: 1199px)
{
	
}

/************
4. 1100px
************/

@media only screen and (max-width: 1100px)
{
	
}

/************
5. 1024px
************/

@media only screen and (max-width: 1024px)
{
	
}

/************
6. 991px
************/

@media only screen and (max-width: 991px)
{
	
	.box
	{
		width: 100%;
	}
	.box:not(:last-child)
	{
		margin-bottom: 60px;
	}
	.about
	{
		margin-top: 28px;
	}
	.about_background
	{
		position: relative;
		bottom: auto;
		right: auto;
		margin-top: -50px;
	}
	.about_image
	{
		position: relative;
        width:75px;
		top: auto;
		left: 2000px;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	.about_image img
	{
		max-width: 100%;
	}
	.about_content
	{
		-webkit-transform: none;
		-moz-transform: none;
		-ms-transform: none;
		-o-transform: none;
		transform: none;
	}
	.test_1
	{
		margin-top: 106px;
		margin-bottom: 82px;
	}
	.test_content
	{
		padding-left: 25px;
	}
	.gallery_slider_container
	{
		width: 150%;
		left: -25%;
	}
	.blog_col:not(:last-child)
	{
		margin-bottom: 60px;
	}
    
    .blog
{
	padding-top: 150px;
	padding-bottom: 75px;
	overflow: hidden;
}
.blog_overlay
{
	top: -500px;
	right: -50px;
	width: 140%;
	height: 500px;
    z-index: 1;
}
	
}

/************
7. 959px
************/

@media only screen and (max-width: 959px)
{
	
}

/************
8. 880px
************/

@media only screen and (max-width: 880px)
{
	
}

/************
9. 768px
************/

@media only screen and (max-width: 768px)
{
	
}

/************
10. 767px
************/

@media only screen and (max-width: 767px)
{
	
	.home_title
	{
		font-size: 5px;
		margin-top: -4px;
	}
	.home_subtitle
	{
		font-size: 14px;
		margin-top: -4px;
	}
	.home_button
	{
		margin-top: 37px;
	}
	.service_col:nth-last-child(n+4)
	{
		margin-bottom: 0px;
	}
	.service_col:not(:last-child)
	{
		margin-bottom: 79px;
	}
.background_image
{
	width: 100%;
	height: 70%;
}    
    
.overlay
{
	bottom: -60px;
    left:-50px;
	width: 120%;
}
 .home_container
{
	top: 10%;
} 
 .home-logo {
     width: 10%;
     text-align:center;
     margin-bottom:15px;
     left:80px;
    }
.index_logo {
    width:275px;
    text-align: center;
    }
    

/* ==== Overlay for Testimonials/Gallery ====*/    
.index_image
{
    height:50px;
    transform: rotate(20deg);
	position: relative;
	left: 30%;
    margin-top:20px;
    left:1000px;
}
/* ==========================================*/
    
.services
{
	padding-top: 50px;
}    
    
.all_posts_link a
{
	display:none;
}
.all_posts_link a::after
{
	display: none;
}

.all_posts_link2 
{
	display:block;
	font-size: 14px;
	font-weight: 600;
	color: #ff9711;
}
  .articles
{
	font-size: 14px;
	font-weight: 600;
	color: #ff9711;
    text-decoration:none;
}



}


/************
11. 575px
************/

@media only screen and (max-width: 575px)
{
	
	.home_title
	{
		font-size: 25px;
	}
	.section_title
	{
		font-size: 48px;
	}
	.video_icon
	{
		width: 25px;
		height: 25px;
		margin-right: 8px;
	}
	.video_icon i
	{
		font-size: 8px;
	}
	.video_text
	{
		font-size: 14px;
	}
    
	.home_button
	{
		margin-top: 33px;
	}
	.home_button a
	{
		font-size: 14px;
	}
	.text_highlight
	{
		font-size: 15px;
	}
	
.blog
{
	padding-top: 150px;
	padding-bottom: 75px;
	overflow: hidden;
}
.blog_overlay
{
	top: -500px;
	right: -50px;
	width: 140%;
	height: 500px;
    z-index: 1;
}
   
	.testimonials
	{
		padding-top: 80px;
	}
    
     .footer
{
	padding-top: 25px;
	padding-bottom: 10px;
}


.footer_nav
{
	margin-top: 25px;
}
   
    
	.footer_content
	{
		padding-bottom: 25px;
	}
	.footer_nav ul li:not(:last-of-type)
	{
		margin-right: 0px;
		margin-bottom: 10px;
	}
	.footer_image
	{
		opacity: 0.5;
	}
}

/************
11. 539px
************/

@media only screen and (max-width: 539px)
{
	
}

/************
12. 480px
************/

@media only screen and (max-width: 480px)
{
	
}

/************
13. 479px
************/

@media only screen and (max-width: 479px)
{
	
}

/************
14. 400px
************/

@media only screen and (max-width: 400px)
{
	
}