@charset "utf-8";
/*
Responsive Utilites Style (This css is removed from beta version)
*/
.hidden-xs-up {
  display: none !important; }

@media (max-width: 575px) {
  .hidden-xs-down {
    display: none !important; } }

@media (min-width: 576px) {
  .hidden-sm-up {
    display: none !important; } }

@media (max-width: 767px) {
  .hidden-sm-down {
    display: none !important; } }

@media (min-width: 768px) {
  .hidden-md-up {
    display: none !important; } }

@media (max-width: 991px) {
  .hidden-md-down {
    display: none !important; } }

@media (min-width: 992px) {
  .hidden-lg-up {
    display: none !important; } }

@media (max-width: 991px) {
  .hidden-lg-down {
    display: none !important; } }

@media (min-width: 1200px) {
  .hidden-xl-up {
    display: none !important; } }

.hidden-xl-down {
  display: none !important; }

.visible-print-block {
  display: none !important; }


@media only screen and (max-width: 1600px)
{
	.slider_overlay
{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 200%;
	height: 200%;
	background: rgba(250, 250,250,.60);
	z-index: 1000;
	-ms-transform: rotate(315deg);
    -webkit-transform: rotate(315deg);
    -moz-transform: rotate(315deg);
    -o-transform: rotate(315deg);
    transform: rotate(315deg);
    transform-origin: top left;
    box-shadow: 10px 10px 50px rgba(0, 0, 0, 0.8);
}
	.home_content
	{
		top: 50%;
		right: 80px;
		width: 50%;
	}
}


@media only screen and (max-width: 1280px)
{
	.home_content
	{
		width: 55%;
	}
	.home_content h1
	{
		line-height: 1.2;
		margin-top: -15px;
		font-size: 48px;
	}

}

@media only screen and (max-width: 1200px)
{
		.slider_overlay
		{
			position: absolute;
			top: 50%;
			left: 50%;
			width: 280%;
			height: 200%;
			background: rgba(250, 250,250,.60);
			z-index: 1000;
			-ms-transform: rotate(315deg);
			-webkit-transform: rotate(315deg);
			-moz-transform: rotate(315deg);
			-o-transform: rotate(315deg);
			transform: rotate(315deg);
			transform-origin: top left;
			box-shadow: 10px 10px 50px rgba(0, 0, 0, 0.6);
		}
	.home_content
	{
		width: 75%;
	}
		.home_content h1
	{
		font-size: 28px;
	}
	#home::after
	{
		display: block;
	}

}

@media only screen and (max-width: 991px)
{
	.fs_menu_overlay
	{
		display: block;
	}
	.fs_menu_overlay.active
	{
		display: block;
		width: 100%;
		left: 0;
	}
	.fs_menu_left.active
	{
		width: 280px;
	}


	.home_nav
	{
		display: none;
	}
	.hamburger_container_outer
	{
		display: block;
	}

}

@media only screen and (max-width: 767px)
{
	p{font-size: 14px;}
	h1{font-size: 36px;}
	h2{font-size: 32px;}
	h3{font-size: 24px;}
	h4{font-size: 16px;}
	h5{font-size: 16px;}
	h6{font-size: 14px;}
	.fs_menu_left.active
	{
		width: 140px;
	}
	.home_content
	{
		left: 30px;
		width: 90%;
	}
	.logo_container
	{
		left: 30px;
	}
	.fs_nav ul li a
	{
		font-weight: 900;
		font-size: 32px;
		line-height: 50px;
		letter-spacing: 2px;
	
	}
	.slider_overlay
		{
			position: absolute;
			top: 50%;
			left: 40%;
			width: 280%;
			height: 200%;
			background: rgba(250, 250,250,.60);
			z-index: 1000;
			-ms-transform: rotate(315deg);
			-webkit-transform: rotate(315deg);
			-moz-transform: rotate(315deg);
			-o-transform: rotate(315deg);
			transform: rotate(315deg);
			transform-origin: top left;
			box-shadow: 10px 10px 50px rgba(0, 0, 0, 0.6);
		}	
	.home_social
	{
		right: 10px;
	}
	
	.home_content p
	{
		width: 90%;
		margin-top: 20px;
	}

	.section_title p
	{
		margin-top: 2em;
		line-height: 1.8;
	}
	.about_extra_image
	{
		padding-left: 15px;
		padding-right: 15px;
		width: auto;
		margin: 0 auto;
		margin-bottom: 20px;
	}

}

@media only screen and (max-width: 690px)
{
	.home_content h1
	{
		font-size: 26px;
	}

	.slider_content
	{
		width: 100%;
	}
	.slider_content p
	{
		display: none;
	}
	.slider_content a
	{
		margin-top: -8px;
	}
}
@media only screen and (max-width: 550px)
{
	.home_content h1
	{
		font-size: 22px;
	}

}

@media only screen and (max-width: 639px)
{
	.steps_container
	{
		padding-top: 0px;
		padding-bottom: 0px;
	}
	
}
@media only screen and (max-width: 490px)
{
	.home_content h1
	{
		font-size: 20px;
	}

}

@media only screen and (max-width: 479px)
{
	p{font-size: 13px; line-height: 1.6;}
	h1{font-size: 24px;}
	h2{font-size: 24px;}
	h3{font-size: 20px;}
	h4{font-size: 16px;}
	h5{font-size: 16px;}
	h6{font-size: 14px;}
	.fs_nav
	{
		position: absolute;
		top: 70px;
		right: -90px;
	}
	.fs_menu_left.active
	{
		width: 70px;
	}
	.fs_nav ul li a
	{
		font-weight: 900;
		font-size: 24px;
		line-height: 26px;
		letter-spacing: 2px;
	}
	.fs_menu_social
	{
		top: 72px;
	}
	.fs_menu_social li
	{
		margin-bottom: 20px;
	}
	.fs_menu_social li a i
	{
		font-size: 18px;
	}
	.fs_menu_logo
	{
		bottom: 70px;
		font-size: 13px;
		font-weight: 700;
		letter-spacing: 5px;
	}
	.fs_menu_right
	{
		width: 20px;
	}
	.home_social
	{
		right: 0px;
		bottom: 0px;
	}
	.home_social ul li a
	{
		font-size: 12px;
	}
	.home_content
	{
		left: 0;
		width: 100%;
		padding-left: 15px;
		padding-right: 30px;
		margin-top: 0px;
	}
	.logo_container
	{
		left: 15px;
	}

	/* 480 hamburger */
	.hamburger_container
	{
		right: 11px;
		width: 30px;
		height: 30px;
	}
	.hamburger
	{
		width: 100%;
		height: 100%;
		cursor: pointer;
	}
	.hamburger.active div:first-child
	{
		transform: translateY(5px) rotate(45deg);
	}
	.hamburger.active div:last-child
	{
		transform: translateY(-5px) rotate(-45deg);
	}
	.hamburger div
	{
		position: absolute;
		left: 5px;
		width: 20px;
		height: 2px;
		background: #313131;
		-webkit-transition: all 200ms ease;
		-moz-transition: all 200ms ease;
		-ms-transition: all 200ms ease;
		-o-transition: all 200ms ease;
		transition: all 200ms ease;
		transform-origin: center;
	}
	.hamburger div:first-child
	{
		top: 9px;
	}
	.hamburger div:last-child
	{
		bottom: 9px;
	}
	.section_title p
	{
		line-height: 1.6;
		margin-top: 18px;
	}
	.home_content h1
	{
		font-size: 17px;
	}
	.home_content p
	{
		width: 100%;
		font-size: 13px;
		font-weight: 400;
		padding-right: 0px;
		padding-left: 2px;
		margin-top: 10px;
		line-height: 1.7;
	}
	
	.logo
	{
		font-size: 16px;
		line-height: 16px;
	}
	.logo_a
	{
		letter-spacing: 8px;
	}
	.logo_b
	{
		letter-spacing: 12px;
		color: #b22020;
	}
	
	.slider_content p
	{
		font-size: 13px;
		line-height: 1.5;
		margin-bottom: 0px;
	}	
	.slider_content a
	{
		font-size: 10px;
		font-weight: 900;
	}
}
@media only screen and (min-width: 482px)
{
.home_content1
{
	position: absolute;
	top: 90px;
	right: 60px;

}
}
@media only screen and (max-width: 400px)
{
	.home_content h1
	{
		font-size: 17px;
	}

}
@media only screen and (max-width: 370px)
{
	.home_content h1
	{
		font-size: 15px;
	}
	.slider_overlay
		{
			position: absolute;
			top: 50%;
			left: 35%;
			width: 280%;
			height: 200%;
			background: rgba(250, 250,250,.60);
			z-index: 1000;
			-ms-transform: rotate(315deg);
			-webkit-transform: rotate(315deg);
			-moz-transform: rotate(315deg);
			-o-transform: rotate(315deg);
			transform: rotate(315deg);
			transform-origin: top left;
			box-shadow: 10px 10px 50px rgba(0, 0, 0, 0.6);
		}		

}

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

	.service_item
	{
		margin-bottom: 30px;
	}
	.services_col_right
	{
		padding-top: 30px;
	}
}
@media only screen and (max-width: 479px)
{
	
	#services
	{
		padding-top: 80px;
		padding-bottom: 80px;
	}
	.service_item
	{
		padding: 30px;
		border-color: rgba(255, 255, 255, 0.3);
	}
	.service_item a
	{
		top: 10px;
		right: -20px;
	}
	.service_item:hover a
	{
		right: 10px;
	}
}