@charset "utf-8";

/* CSS Document */

/******************************

COLOR PALETTE

#FFFFFF - BACKGROUND LIGHT
#F7F7F7 - BACKGROUND "DARK"
#313131 - TEXT COLOR DARK
#717a85 - PARAGRAPH COLOR
#00bcd5 - BLUE
#db5246 - RED

GRADIENTS

#00bcd5 - #0dd1ec - HOME PANEL


[Table of Contents]

1. Fonts
2. Body and some general stuff
3. Home
	3.1 Slider
	3.2 Slider Nav
	3.3 Header
	3.4 Logo
	3.5 Home Content
	3.6 Slider Backgrounds
	3.7 Home social
	3.8 Home Navigation
	3.9 Hamburger menu
	3.10 Fullscreen Menu
4. Section Title
5. About
6. Services
7. About Extra
8. Featured Projects
	8.1 Featured Projects Backgrounds
9. Gallery
10. Features
11. Purchase
12. Steps
13. Video
14. Call to Action 1
15. Pricing
	15.1 Pricing Timer
16. From Blog
17. Google map
18. Contact
19. Footer
20. Newsletter


******************************/

/***********
1. Fonts
***********/

@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800|Playfair+Display:400,400i,700,900|Raleway:300,300i,400,400i,500,600,700,800,900');

/*********************************
2. Body and some general stuff
*********************************/

*
{
	margin: 0;
	padding: 0;
}
body
{
	font-size: 16px;
	font-family: 'Raleway', sans-serif;
	background: #F7F7F7;
	color: #313131;
}
div
{
	display: block;
	position: relative;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
ul
{
	list-style: none;
}
a, a:hover, a:visited, a:active, a:link
{
	text-decoration: none !important;
	-webkit-font-smoothing: antialiased;
	-webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;
	text-shadow: rgba(0,0,0,.01) 0 0 1px;
}
p
{
	font-family: 'Raleway', sans-serif;
	font-size: 18px;
	line-height: 1.7;
	font-weight: 400;
	color: #717a85;
	-webkit-font-smoothing: antialiased;
	-webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;
	text-shadow: rgba(0,0,0,.01) 0 0 1px;
}
p a
{
	position: relative;
	color: inherit;
}
p a::after
{
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #00bcd5;
	opacity: 0.2;
	content: '';
}
p a:hover::after
{
	opacity: 0.3;
}
::selection
{
	background: #e5f8fb;
}
p::selection
{
	background: #e5f8fb;
}
h1{font-size: 48px;}
h2{font-size: 36px;}
h3{font-size: 28px;}
h4{font-size: 24px;}
h5{font-size: 16px;}
h6{font-size: 14px;}
h1, h2, h3, h4, h5, h6
{
	color: #313131;
	-webkit-font-smoothing: antialiased;
	-webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;
	text-shadow: rgba(0,0,0,.01) 0 0 1px;
}
h1::selection, 
h2::selection, 
h3::selection, 
h4::selection, 
h5::selection, 
h6::selection
{
	
}
section
{
	display: block;
	position: relative;
	box-sizing: border-box;
}
.clear
{
	clear: both;
}
.clearfix::before, .clearfix::after
{
	content: "";
	display: table;
}
.clearfix::after
{
	clear: both;
}
.clearfix
{
	zoom: 1;
}
.float_left
{
	float: left;
}
.float_right
{
	float: right;
}
.trans_200
{
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.trans_400
{
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	-ms-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	transition: all 400ms ease;
}
.trans_500
{
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}
.dark
{
	background: #F7F7F7;
}
.light
{
	background: #FFFFFF;
}
.super_container
{
	width: 100%;
	height: auto;
	overflow: hidden;
}
.hvr span
{
	display: inline-block;
}


/*********************************
3.3 Header
*********************************/

.header
{
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100px;
	background: transparent;
	z-index: 10002;
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	-ms-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	transition: all 400ms ease;
}
.header_content
{
	width: 100%;
	height: 100%;
}

/*********************************
3.4 Logo
*********************************/

.logo_container
{
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 80px;
	z-index: 1000;
}
.logo
{
	text-transform: uppercase;
	color: #313131;
	font-size: 24px;
	font-weight: 700;
	line-height: 22px;
}
.logo_a
{
	letter-spacing: 8px;
}
.logo_b
{
	letter-spacing: 14px;
	color: #b22020;
}
.fs_menu_left_inner .logo_container
{
	top: 40px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}


/*********************************
3.8 Home Navigation
*********************************/

.home_nav
{
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 30px;
	z-index: 1000;
}
.home_nav ul
{
	display: block;
	width: auto;
	background: transparent;
	margin-bottom: 0px;
}
.home_nav ul li
{
	display: inline;
	margin-right: 10px;
}
.home_nav ul li:last-child
{
	margin-right: 0px;
}
.home_nav ul li a
{
	position: relative;
	color: #313131;
	text-transform: uppercase;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 1px;
	padding-top: 10px;
	padding-bottom: 10px;

}
.link-braces a
{
	padding-left: 10px;
	padding-right: 10px;
	-webkit-transition: color 0.2s;
	transition: color 0.2s;
}

.link-braces a::before,
.link-braces a::after
{
	position: absolute;
	top: 9px;
	font-weight: 100;
	font-size: 150%;
	line-height: 1;
	opacity: 0;
	-webkit-transition: opacity 0.2s, -webkit-transform 0.2s;
	transition: opacity 0.2s, transform 0.2s;
}

.link-braces a::before
{
	left: -0.1em;
	content: '[';
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	-o-transform: translateX(-100%);
	transform: translateX(-100%);
}

.link-braces a::after
{
	right: -0.1em;
	content: ']';
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	-ms-transform: translateX(100%);
	-o-transform: translateX(100%);
	transform: translateX(100%);
}

.link-braces a:hover::before,
.link-braces a:hover::after
{
	opacity: 1;
	-webkit-transform: translateX(0);
	transform: translateX(0);
}

/*********************************
3.9 Hamburger menu
*********************************/

.hamburger_container_outer
{
	display: none;
	position: fixed;
	top: 0;
	right: 0;
	width: 150px;
	height: 100px;
	background: transparent;
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	-ms-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	transition: all 400ms ease;
	z-index: 10005;
}
.hamburger_container
{
	display: block;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 30px;
	width: 41px;
	height: 41px;
	z-index: 10004;
}
.hamburger
{
	width: 100%;
	height: 100%;
	cursor: pointer;
}
.hamburger.active div:first-child
{
	transform: translateY(8px) rotate(45deg);
}
.hamburger.active div:last-child
{
	transform: translateY(-8px) rotate(-45deg);
}
.hamburger div
{
	position: absolute;
	left: 5px;
	width: 30px;
	height: 3px;
	background: #313131;
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 1000ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease;
	transform-origin: center;
}
.hamburger div:first-child
{
	top: 11px;
}
.hamburger div:last-child
{
	bottom: 11px;
}

/*********************************
3.10 Fullscreen Menu
*********************************/

.fs_menu_overlay
{
	display: none;
	position: fixed;
	width: 200%;
	height: 100%;
	top: 0;
	left: 200%;
	background: #FFFFFF;
	visibility: visible;
	opacity: 1;
	z-index: 10003;
	-webkit-transition: all 1000ms cubic-bezier(.21,.51,.43,.99);
	-moz-transition: all 1000ms cubic-bezier(.21,.51,.43,.99);
	-ms-transition: all 1000ms cubic-bezier(.21,.51,.43,.99);
	-o-transition: all 1000ms cubic-bezier(.21,.51,.43,.99);
	transition: all 1000ms cubic-bezier(.21,.51,.43,.99);
}
.fs_menu_overlay_inner
{
	width: 100%;
	height: 100%;
}
.fs_menu_left
{
	position: absolute;
	top: 0;
	left: 0;
	width: 90%;
	height: 100%;
	background: #00bcd5;
	-webkit-transition: all 1000ms cubic-bezier(.21,.51,.43,.99);
	-moz-transition: all 1000ms cubic-bezier(.21,.51,.43,.99);
	-ms-transition: all 1000ms cubic-bezier(.21,.51,.43,.99);
	-o-transition: all 1000ms cubic-bezier(.21,.51,.43,.99);
	transition: all 1300ms cubic-bezier(.21,.51,.43,.99);
}
.fs_menu_left_inner
{
	width: 100%;
	height: 100%;
}
.fs_menu_right
{
	position: absolute;
	top: 0;
	right: 0;
	width: 30px;
	height: 100%;
	background: #00bcd5;
}
.fs_menu_overlay.active
{
	visibility: visible;
	opacity: 1;
}
.fs_nav
{
	position: absolute;
	top: 200px;
	right: -90px;
}
.fs_nav ul li
{
	position: relative;
	text-align: right;
	opacity: 0;
	margin-top: 15px;
}
.fs_nav ul li:last-child
{
	margin-bottom: 0px;
}
.fs_nav ul li a
{
	text-transform: uppercase;
	color: #313131;
	font-weight: 900;
	font-size: 40px;
	padding-top: 5px;
	padding-bottom: 5px;
	line-height: 48px;
	letter-spacing: 2px;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.fs_nav ul li a:hover
{
	color: #717a85;
	transform: translateX(-15px);
}
.fs_menu_social
{
	position: absolute;
	top: 208px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	list-style: none;
}
.fs_menu_social li
{
	margin-bottom: 30px;
	text-align: center;
}
.fs_menu_social li a i
{
	font-size: 22px;
	color: #FFFFFF;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.fs_menu_social li a i:hover
{
	-webkit-transform: scale(1.3);
	-moz-transform: scale(1.3);
	-ms-transform: scale(1.3);
	-o-transform: scale(1.3);
	transform: scale(1.3);
}
.fs_menu_logo
{
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%) rotate(90deg);
	transform-origin: center;
	bottom: 150px;
	font-size: 14px;
	font-weight: 700;
	color: #FFFFFF;
	letter-spacing: 5px;
	text-transform: uppercase;
}
.fs_menu_line
{
	position: absolute;
	right: 70px;
	bottom: 120px;
	width: 50px;
	height: 5px;
	background: #db5246;
}






@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)
{

	.fs_menu_left.active
	{
		width: 140px;
	}

	.fs_nav ul li a
	{
		font-weight: 900;
		font-size: 32px;
		line-height: 36px;
		letter-spacing: 2px;
	}

}





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

	.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
	{
		left: 15px;
		bottom: 0px;
	}
	.home_social ul li a
	{
		font-size: 10px;
	}
	.home_content
	{
		left: 0;
		width: 100%;
		padding-left: 15px;
		padding-right: 30px;
		margin-top: 0px;
	}


	/* 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;
	}

}

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

/******************************

[Table of Contents]

1. 1600px
2. 1280px
3. 1199px
4. 1024px
5. 991px
6. 959px
7. 880px
8. 768px
9. 767px
10. 639px
11. 479px
12. 400px

******************************/

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

@media only screen and (max-width: 1600px)
{
	.slider_overlay
	{
		top: 50%;
		left: 75%;
	}
	.home_content
	{
		top: 50%;
		left: 80px;
		width: 50%;
	}
	.main_slider_nav
	{
		top: 50%;
		left: calc(75% - 135px);
		background: transparent;
		border: solid 2px rgba(0, 0, 0, 0.1);
		-ms-transform: translateY(-50%) rotate(135deg);
	    -webkit-transform: translateY(-50%) rotate(135deg);
	    -moz-transform: translateY(-50%) rotate(135deg);
	    -o-transform: translateY(-50%) rotate(135deg);
	    transform: translateY(-50%) rotate(135deg);
	    transform-origin: center;
	}
	.nivo-caption 
	{
		top: 538px;
		width: 400px;
		font-size: 24px;
	}
	.gallery_thumbnails_container
	{
		width: 100vw;
	}
}

@media only screen and (max-width: 1439px)
{
	.nivo-caption 
	{
		top: 488px;
		width: 350px;
		font-size: 20px;
	}
}

@media only screen and (max-width: 1280px)
{
	.home_content
	{
		width: 55%;
	}
	.home_content h1
	{
		line-height: 1.2;
		margin-top: -15px;
		font-size: 48px;
	}
	.gallery_nav_container_inner .button_nav
	{
		top: 30px;
		right: 30px;
	}
	.nivo-caption
	{
		top: 448px;
		right: calc(19% + 23px);
	}
	.thumbnail_hover
	{
		right: calc(19% + 23px);
	}
	.gallery_thumbnails_container
	{
		right: calc((19vw + 30px) * -1);
	}
	.contact_container
	{
		width: 500px;
		height: 95vh;
		padding: 50px;
	}
	.contact_container h2
	{
		font-size: 36px;
	}
	.contact_container h2:nth-child(2)
	{
		color: #00bcd5;
		margin-top: 12px;
	}
	.contact_container p
	{
		font-size: 14px;
	}
	#form_name,
	#form_email
	{
		font-size: 14px;
		padding-left: 0px;
		border-radius: 0px;
	}
	#form_message
	{
		font-size: 14px;
		height: 150px;
		margin-top: 5px;
		border: none;
		border-bottom: solid 2px #00bcd5;
		box-shadow: none;
		border-radius: 0px;
		padding-left: 0px;
		padding-right: 0px;
	}
	::-webkit-input-placeholder
	{
		font-size: 16px;
	}
	:-moz-placeholder /* older Firefox*/
	{
		font-size: 16px;
	}
	::-moz-placeholder /* Firefox 19+ */ 
	{
		font-size: 16px;
	} 
	:-ms-input-placeholder
	{ 
		font-size: 16px;
	}
	::input-placeholder
	{
		font-size: 16px;
	}
}

@media only screen and (max-width: 1200px)
{
	.slider_overlay
	{
		display: none;
	}
	.home_content
	{
		width: 75%;
	}
	.main_slider_nav
	{
		top: 50%;
		left: auto;
		right: 60px;
		background: rgba(255, 255, 255, 0.2);
		border: solid 2px rgba(0, 0, 0, 0.1);
		-ms-transform: translateY(-50%) rotate(135deg);
	    -webkit-transform: translateY(-50%) rotate(135deg);
	    -moz-transform: translateY(-50%) rotate(135deg);
	    -o-transform: translateY(-50%) rotate(135deg);
	    transform: translateY(-50%) rotate(135deg);
	    transform-origin: center;
	}
	#home::after
	{
		display: block;
	}
	.video_background_inner a
	{
		top: 50%;
		right: auto;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		-o-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}
	.video_background
	{
		width: calc(50% - 30px);
		height: 100%;
	}
	.video_section_container
	{
		padding-left: 110px;
	}
	.gallery_nav_container
	{
		right: 50px;
		width: 170px;
	}
	.thumbnail_hover
	{
		right: 80px;
	}
	.gallery_thumbnails_container
	{
		right: -80px;
	}
	.nivo-caption
	{
		visibility: hidden;
	}
	.pricing_item .button_line a
	{
		font-size: 13px;
		letter-spacing: 1px;
	}
}

@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;
	}
	.feature_card_content
	{
		margin-bottom: 30px;
	}
	.feature_cards_text
	{
		margin-top: 44px;
	}
	.service_item
	{
		margin-bottom: 30px;
	}
	.services_col_right
	{
		padding-top: 30px;
	}
	#about_extra
	{
		padding-bottom: 120px;
	}
	.about_extra_content
	{
		display: block;
		position: relative;
		top: auto;
		-webkit-transform: none;
		-moz-transform: none;
		-ms-transform: none;
		-o-transform: none;
		transform: none;
		left: auto;
		width: 100%;
		height: auto;
	}
	.about_extra_image
	{
		display: block;
		transform: none;
		padding-left: 15px;
		padding-right: 15px;
		width: 750px;
		margin: 0 auto;
		margin-bottom: 20px;
	}
	.about_extra_image img
	{
		max-width: 100%;
	}

	/* Projects Slider */

	.projects_slider_container
	{
		width: 750px;
		height: calc(750px / 1.63) !important;
		transform: none;
		margin-top: 70px;
		padding-left: 15px;
		padding-right: 15px;
	}
	.projects_slider .owl-stage-outer
	{
		overflow: hidden !important;
		padding: 0px;
	}
	.projects_slider .owl-item.center
	{
		width: 100%;
		height: 100% !important;
	}
	.projects_slider .owl-carousel .owl-item
	{
		width: 100%;
		height: 100% !important;
	}
	#projects .button_nav
	{
		padding-top: 15px;
		left: calc(100vw - ((100vw - 750px) / 2 + 132px));
	}
	.newsletter_text
	{
		display: none;
	}
	/* Steps */
	.step_text_right
	{
		padding-left: calc(50% + 65px);
		padding-right: 15px;
	}
	.step_text_left
	{
		padding-left: 15px;
		padding-right: calc(50% + 65px);
	}
	.step_image_container
	{
		right: 65px;
	}
	.step_image_right .step_image_container
	{
		left: 65px;
	}
	/*purchase*/
	#purchase h3
	{
		font-size: 30px;
	}
	#purchase p
	{
		font-size: 20px;
		margin-top: 8px;
	}
	/*video*/
	#video
	{
		flex-direction: column;
		justify-content: center;
		align-items: center;
		height: auto;
	}
	.video_section_container
	{
		order: 1;
		width: 750px;
		height: 100%;
		padding-top: 120px;
		padding-bottom: 80px;
		padding-left: 15px;
		padding-right: 15px;

	}
	.video_background
	{
		width: 100%;
		height: 600px;
		background-image: url(../images/video_background.jpg);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center center;
		z-index: 100;
		order: 2;
	}
	#call_to_action_1
	{
		padding-top: 60px;
		padding-bottom: 120px;
		overflow: hidden;
	}
	.call_to_action_1_background
	{
		width: 100%;
		height: 300px;
	}
	#call_to_action_1 h4 span
	{
		display: inline;
		font-family: 'Playfair Display', serif;
		font-style: italic;
	}
	#call_to_action_1 p
	{
		text-align: center;
	}
	.call_to_action_1_button
	{
		position: absolute;
		top: auto;
		right: auto;
		left: 50%;
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		transform: translateX(-50%);
		margin-top: 20px;
		float: none;
	}
	#call_to_action_1 h4
	{
		font-size: 22px;
		text-align: center;
	}
	.features_image
	{
		padding-top: 0px;
		margin-bottom: 74px;
	}
	.button_line_2
	{
		margin-top: 36px;
	}
	.pricing_item_outer
	{
		margin-bottom: 30px;
	}
	.pricing_item_outer:last-child
	{
		margin-bottom: 0px;
	}
	.included_info
	{
		margin-bottom: 30px;
	}
	.package_payment_outer:first-child
	{
		margin-bottom: 30px;
	}
	.from_blog_article
	{
		margin-bottom: 30px;
	}
	.from_blog_article:last-child
	{
		margin-bottom: 0px;
	}
	#contact
	{
		padding-bottom: 0px;
		padding-top: 0px;
	}
	.contact_container
	{
		position: relative;
		top: auto;
		-webkit-transform: transform: none;
		-moz-transform: transform: none;
		-ms-transform: transform: none;
		-o-transform: transform: none;
		transform: none;
		left: auto;
		width: 100%;
		height: auto;
		background: #FFFFFF;
		box-shadow: none;
		padding-left: 0px;
		padding-right: 0px;
		padding-bottom: 200px;
		padding-top: 90px;
	}
	.contact_container_inner
	{
		width: 750px;
		margin: 0 auto;
		padding-left: 15px;
		padding-right: 15px;
	}
	#contact-form
	{
		margin-top: 52px;
	}
	.contact_container h2
	{
		line-height: 1.1;
	}
	.contact_container p
	{
		margin-top: 33px;
	}
	.home_nav
	{
		display: none;
	}
	.hamburger_container_outer
	{
		display: block;
	}
	#footer
	{
		margin-top: 0px;
	}
}

@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: 36px;
		letter-spacing: 2px;
	}
	.home_social
	{
		left: 30px;
	}
	.main_slider_nav
	{
		top: auto;
		left: auto;
		right: 45px;
		bottom: 45px;
		background: rgba(255, 255, 255, 0.2);
		border: solid 2px rgba(0, 0, 0, 0.1);
		-ms-transform: translateY(0%) rotate(135deg);
	    -webkit-transform: translateY(0%) rotate(135deg);
	    -moz-transform: translateY(0%) rotate(135deg);
	    -o-transform: translateY(0%) rotate(135deg);
	    transform: translateY(0%) rotate(135deg);
	    transform-origin: center;
	}
	.home_content p
	{
		width: 90%;
		margin-top: 20px;
	}
	.button_line
	{
		margin-left: 10px;
	}
	.button_line a
	{
		font-size: 12px;
		font-weight: 700;
		padding-top: 12px;
		padding-bottom: 12px;
	}
	.button_line a i
	{
		font-size: 22px;
		margin-bottom: 3px;
		margin-left: 40px;
	}
	.button_line a:after
	{
		left: -10px;
		bottom: 0px;
		width: calc(100% + 12px);
	}
	.button_line a:before
	{
		left: -10px;
		top: 5px;
		width: 0%;
		height: 37px;
	}
	.button_line a:hover
	{
		color: #FFFFFF;
		padding-left: 15px;
	}
	.button_line a:hover::after
	{
		bottom: 6px;
	}
	.about_link_button
	{
		margin-top: 25px;
	}
	.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;
	}
	.about_extra_image img
	{
		max-width: 100%;
	}

	/* Projects Slider */

	.projects_slider_container
	{
		width: 100%;
		height: calc(100vw / 1.63) !important;
		transform: none;
		margin-top: 50px;
	}
	.projects_slider .owl-stage-outer
	{
		overflow: hidden !important;
		padding: 0px;
	}
	#projects .button_nav
	{
		left: calc(100vw - 140px);
	}
	/*steps*/
	.steps_line
	{
		width: 46px;
	}
	.steps_stop_dot
	{
		left: 35px;
		-webkit-transform: translate(0%, -50%);
		-moz-transform: translate(0%, -50%);
		-ms-transform: translate(0%, -50%);
		-o-transform: translate(0%, -50%);
		transform: translate(0%, -50%);
	}
	.step_image_left
	{
		position: absolute;
		top: 0;
		left: 0;
		width: 50%;
		height: 100%;
	}
	.step_image_inner
	{
		width: 100%;
		height: 100%;
	}
	.step_text_right
	{
		padding-left: 321px;
		padding-right: 15px;
	}
	.step_text_left
	{
		padding-left: 321px;
		padding-right: 15px;
	}
	.step_image_container
	{
		right: auto;
		left: 86px;
	}
	.step_image_right
	{
		position: absolute;
		top: 0;
		right: auto;
		left: 0;
		width: 50%;
		height: 100%;
	}
	.step_image_right .step_image_container
	{
		left: 86px;
	}
	.steps_line_finish
	{
		right: -31px;
		width: 60px;
		height: 60px;
	}
	.steps_line_finish i
	{
		font-size: 24px;
		color: #FFFFFF;
	}
	/*purchase*/
	#purchase h3
	{
		font-size: 24px;
	}
	#purchase p
	{
		font-size: 16px;
		margin-top: 8px;
	}
	.purchase_button
	{
		margin-top: 16px;
	}
	/*video*/
	.video_section_container
	{
		order: 1;
		width: 100%;
		padding-top: 120px;
		padding-bottom: 50px;
		padding-left: 15px;
		padding-right: 15px;
	}
	.video_background
	{
		width: 100%;
		height: 500px;
		order: 2;
	}
	.video_background_inner a
	{
		width: 100px;
		height: 100px;
	}
	.video_background_inner a i
	{
		font-size: 36px;
	}
	.from_blog_content_inner h4
	{
		font-size: 20px;
	}
	.thumbnail_hover
	{
		display: none;
	}
	.nav_button_left,
	.nav_button_right
	{
		width: 40px;
		height: 40px;
	}
	.gallery_nav_container
	{
		top: auto;
		bottom: 0;
		right: 0;
		width: 150px;
		height: 60px;
	}
	.gallery_nav_container_inner .button_nav
	{
		position: absolute;
		top: 10px;
		right: 30px;
	}
	.pricing_item h1
	{
		font-size: 56px;
		top: 17px;
	}
	#timer
	{
		font-size: 24px;
	}
	.included_title h4
	{
		text-align: left;
	}
	.limited_offer
	{
		text-align: left;
	}
	.limited_offer_text
	{
		text-align: left;
	}
	.included_title
	{
		margin-top: 36px;
	}
	.included_col
	{
		margin-top: 21px;
	}
	.included_info_container
	{
		margin-top: 36px;
	}
	.contact_container
	{
		position: relative;
		top: auto;
		-webkit-transform: transform: none;
		-moz-transform: transform: none;
		-ms-transform: transform: none;
		-o-transform: transform: none;
		transform: none;
		left: auto;
		width: 100%;
		height: auto;
		background: #FFFFFF;
		box-shadow: none;
		padding-left: 15px;
		padding-right: 15px;
	}
	.contact_container_inner
	{
		width: 100%;
		margin: 0;
		padding-left: 0px;
		padding-right: 0px;
	}
	#contact-form
	{
		margin-top: 52px;
	}
	.footer_social
	{
		top: -35px;
	}
	.footer_social ul li a
	{
		width: 70px;
		height: 70px;
		font-size: 32px;
	}
	.footer_content
	{
		padding-top: 200px;
		margin-bottom: 30px;
		margin-right: 5px;
	}
	.footer_logo_container .logo_container .logo
	{
		font-size: 24px;
	}
	.footer_logo_container .logo_container .logo_a
	{
		margin-bottom: 3px;
	}
	.footer_copy
	{
		width: 250px;
		font-size: 12px;
		font-weight: 300;
		overflow: hidden;
		margin-right: 20px;
	}
	.footer_copy div:first-child
	{
		margin-bottom: 12px;
	}
	.footer_copy div:first-child::after
	{
		top: 10px;
		right: -43px;
	}
}

@media only screen and (max-width: 690px)
{
	.home_content h1
	{
		font-size: 36px;
	}
	.slider_bg_1
	{
		background-image: url(../images/swift_background_1_m.jpg);
	}
	.slider_bg_2
	{
		background-image: url(../images/swift_background_2_m.jpg);
	}
	.slider_bg_3
	{
		background-image: url(../images/swift_background_3_m.jpg);
	}
	.slider_bg_4
	{
		background-image: url(../images/swift_background_4_m.jpg);
	}
	.slider_content
	{
		width: 100%;
	}
	.slider_content p
	{
		display: none;
	}
	.slider_content a
	{
		margin-top: -8px;
	}
}

@media only screen and (max-width: 639px)
{
	.steps_container
	{
		padding-top: 0px;
		padding-bottom: 0px;
	}
	.steps_line
	{
		display: none;
	}
	.steps_stop_dot
	{
		display: none;
	}
	.step_text_right
	{
		padding-left: 220px;
		padding-right: 15px;
	}
	.step_text_left
	{
		padding-left: 220px;
		padding-right: 15px;
	}
	.step_image_container
	{
		left: 15px;
	}
	.step_image_right .step_image_container
	{
		left: 15px;
	}
}

@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
	{
		left: 15px;
		bottom: 0px;
	}
	.home_social ul li a
	{
		font-size: 10px;
	}
	.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: 22px;
	}
	.home_content p
	{
		width: 100%;
		font-size: 13px;
		font-weight: 400;
		padding-right: 0px;
		padding-left: 2px;
		margin-top: 10px;
		line-height: 1.7;
	}
	.projects_link
	{
		font-size: 10px;
	}
	.button_a
	{
		font-size: 10px;
		display: inline-block;
		padding-left: 20px;
		padding-right: 20px;
		padding-top: 8px;
		padding-bottom: 8px;
		border: solid 1px #717a85;
		border-radius: 30px;
		font-weight: 900;
		letter-spacing: 1px;
		text-transform: uppercase;
		color: #313131;
		cursor: pointer;
		background: transparent;
	}
	.button_b
	{
		padding-left: 20px;
		padding-right: 20px;
		padding-top: 8px;
		padding-bottom: 8px;
		font-size: 10px;
		letter-spacing: 1px;
	}
	.button_line
	{
		margin-left: 10px;
	}
	.button_line a
	{
		font-size: 10px;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.button_line a i
	{
		font-size: 22px;
		margin-bottom: 3px;
		margin-left: 40px;
	}
	.button_line a:after
	{
		left: -10px;
		bottom: 5px;
		width: calc(100% + 12px);
	}
	.button_line a:before
	{
		top: 3px;
		height: 33px;
	}
	.button_line a:hover::after
	{
		bottom: 6px;
	}
	.logo
	{
		font-size: 16px;
		line-height: 16px;
	}
	.logo_a
	{
		letter-spacing: 8px;
	}
	.logo_b
	{
		letter-spacing: 12px;
		color: #b22020;
	}
	#about
	{
		padding-top: 80px;
		padding-bottom: 80px;
	}
	.about_us_link
	{
		margin-top: 24px;
	}
	.about_link_button
	{
		margin-top: 10px;
	}
	.projects_link
	{
		margin-left: 10px;
	}
	.main_slider_nav
	{
		display: none;
	}
	.feature_cards
	{
		margin-top: 50px;
	}
	.feature_cards_text
	{
	    margin-top: 24px;
	}
	.feature_card_content p,
	.feature_cards_text p
	{
		font-size: 13px;
	}
	.feature_card_content .material-icons
	{
		font-size: 56px;
	}
	#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;
	}
	#about_extra
	{
		padding-top: 80px;
		padding-bottom: 80px;
	}
	.about_extra p
	{
		margin-top: 13px;
	}
	.button_line_1
	{
		margin-top: 10px;
	}
	#projects
	{
		padding-top: 80px;
		padding-bottom: 80px;
	}
	.slider_content p
	{
		font-size: 13px;
		line-height: 1.5;
		margin-bottom: 0px;
	}
	.slider_content a
	{
		font-size: 10px;
		font-weight: 900;
	}
	.newsletter_ph::-webkit-input-placeholder
	{
		font-size: 14px;
		letter-spacing: 0px;
	}
	.newsletter_ph:-moz-placeholder /* older Firefox*/
	{
		font-size: 14px;
		letter-spacing: 0px;
	}
	.newsletter_ph::-moz-placeholder /* Firefox 19+ */ 
	{
		font-size: 14px;
		letter-spacing: 0px;
	} 
	.newsletter_ph:-ms-input-placeholder
	{ 
		font-size: 14px;
		letter-spacing: 0px;
	}
	.newsletter_ph::input-placeholder
	{
		font-size: 14px;
		letter-spacing: 0px;
	}
	#newsletter_email
	{
		height: 35px;
	}
	.newsletter_desc
	{
		font-size: 13px;
		color: #d4d4d4;
		margin-top: 7px;
	}
	.newsletter_submit_btn
	{
		top: -17px;
		right: 5px;
		cursor: pointer;
		padding: 20px;
	}
	/*steps*/
	#steps
	{
		padding-top: 80px;
		padding-bottom: 80px;
	}
	.step
	{
		margin-bottom: 40px;
	}
	.steps_container
	{
		margin-top: 40px;
	}
	.step_image_container
	{
		width: 100px;
		height: 100px;
		border: solid 8px #FFFFFF;
	}
	.step_image_container img
	{
		-webkit-transform: scale(0.6);
		-moz-transform: scale(0.6);
		-ms-transform: scale(0.6);
		-o-transform: scale(0.6);
		transform: scale(0.5);
	}
	.step_text_right
	{
		padding-left: 145px;
		padding-right: 15px;
	}
	.step_text_left
	{
		padding-left: 145px;
		padding-right: 15px;
	}
	.step_text h4
	{
		font-size: 16px;
		line-height: 1.5;
	}
	.step_text p
	{
		font-size: 13px;
		line-height: 1.6;
		margin-top: 10px;
	}
	.features_inner
	{
		padding-top: 80px;
		padding-bottom: 80px;
	}
	.features_content
	{
		margin-top: 40px;
	}
	.features_text h4
	{
		font-size: 20px;
		margin-bottom: 12px;
	}
	.features_text p
	{
		margin-bottom: 10px;
	}
	.features_image
	{
		padding-top: 0px;
		margin-bottom: 54px;
	}
	.button_line_2
	{
		margin-top: 7px;
	}
	#stats
	{
		padding-top: 80px;
		padding-bottom: 80px;
	}
	.stats_counter
	{
		font-size: 36px;
	}
	.stats_description
	{
		font-size: 14px;
	}
	#pricing
	{
		padding-top: 80px;
		padding-bottom: 80px;
	}
	.pricing_container_outer
	{
		margin-top: 50px;
	}
	.pricing_item
	{
		padding-left: 15px;
		padding-right: 15px;
	}
	.check_container
	{
		-webkit-transform: translateY(-3px);
		-moz-transform: translateY(-3px);
		-ms-transform: translateY(-3px);
		-o-transform: translateY(-3px);
		transform: translateY(-3px);
	}
	.pricing_item h1
	{
		font-size: 48px;
		top: 24px;
	}
	.pricing_item p
	{
		font-size: 13px;
	}
	.limited_offer_text p
	{
		font-size: 13px;
	}
	.included_info_container p
	{
		font-size: 13px;
	}
	.pricing_item_content li
	{
		font-size: 13px;
	}
	.package_payment p
	{
		font-size: 13px;
	}
	.limited_offer
	{
		margin-top: 50px;
	}
	.included_title
	{
		margin-bottom: 0px;
	}
	.included_col
	{
		margin-top: 0px;
	}
	.included_col ul
	{
		margin-bottom: 0px;
	}
	.included_col ul li
	{
	    margin-bottom: 10px;
	    font-size: 13px;
	}
	.package_contact_outer
	{
		height: 137px;
	}
	.package_payment_outer
	{
		height: 155px;
	}
	.package_payment
	{
		padding-left: 80px;
		padding-right: 15px;
	}
	.package_payment i, .package_contact i
	{
		left: 15px;
	}
	.package_contact
	{
		padding-left: 80px;
		padding-right: 15px;
	}
	#timer
	{
		font-size: 18px;
	}
	#purchase
	{
		padding-top: 50px;
		padding-bottom: 50px;
	}
	#purchase h3
	{
		font-size: 18px;
		line-height: 1.3;
	}
	#purchase p
	{
		font-size: 13px;
		line-height: 1.5;
	}
	.purchase_button
	{
		margin-top: 10px;
	}
	.video_section_container
	{
		padding-top: 80px;
	}
	.video_text
	{
		padding-right: 0px;
	}
	.video_text h3
	{
		margin-bottom: 11px;
	}
	.video_text p
	{
		line-height: 1.6;
	}
	.call_to_action_1_background
	{
		width: 100%;
		height: 350px;
	}
	#call_to_action_1 h4
	{
		font-size: 18px;
	}
	.from_blog_content_inner
	{
		padding-left: 15px;
		padding-right: 15px;
	}
	.from_blog_content_inner h4
	{
		font-size: 18px;
	}
	.from_blog_read
	{
		font-size: 14px;
	}
	#contact-form
	{
		margin-top: 32px;
	}
	#form_name,
	#form_email
	{
		font-size: 13px;
		padding-left: 0px;
		border-radius: 0px;
	}
	#form_message
	{
		font-size: 13px;
		height: 100px;
		margin-top: 5px;
		border: none;
		border-bottom: solid 2px #00bcd5;
		box-shadow: none;
		border-radius: 0px;
		padding-left: 0px;
		padding-right: 0px;
	}
	::-webkit-input-placeholder
	{
		font-size: 13px;
	}
	:-moz-placeholder /* older Firefox*/
	{
		font-size: 13px;
	}
	::-moz-placeholder /* Firefox 19+ */ 
	{
		font-size: 13px;
	} 
	:-ms-input-placeholder
	{ 
		font-size: 13px;
	}
	::input-placeholder
	{
		font-size: 13px;
	}
	input[type="email"], input[type="password"], input[type="text"]
	{
		height: 35px;
	}
	.contact_container
	{
		padding-top: 80px;
		padding-bottom: 80px;
	}
	.contact_container h2
	{
		font-size: 18px;
		line-height: 1;
		margin-top: 0px;
		margin-bottom: 0px;
	}
	.contact_container h2:nth-child(2)
	{
		margin-top: 7px;
	}
	.contact_container p
	{
		margin-top: 20px;
		font-size: 13px;
	}
	.button_line_4
	{
		margin-top: 0px;
	}
	.button_line_4 a:after
	{
		bottom: 6px;
	}
	.footer_social
	{
		top: -30px;
	}
	.footer_social ul li
	{
		margin-right: 8px;
	}
	.footer_social ul li:last-child
	{
		margin-right: 0px;
	}
	.footer_social ul li a
	{
		width: 60px;
		height: 60px;
		font-size: 24px;
	}
	.footer_logo_container .logo_container .logo
	{
		font-size: 20px;
		line-height: 22px;
	}
	.footer_logo_container .logo_container .logo_a
	{
		margin-bottom: 0px;
	}
	.footer_logo_container .logo_container .logo_b
	{
		letter-spacing: 13px;
	}
	.footer_copy
	{
		width: 200px;
		font-size: 10px;
		font-weight: 300;
		margin-right: 10px;
	}
	.footer_copy div:first-child
	{
		margin-bottom: 10px;
	}
	.footer_copy div:first-child::after
	{
		top: 6px;
		right: -32px;
		height: 1px;
	}
}

@media only screen and (max-width: 400px)
{
	.team_image
	{
		width: 120px;
		height: 120px;
	}
	.team_image_inner
	{
		border: solid 7px #FFFFFF;
	}
}

@media only screen and (max-width: 390px)
{
	.package_payment_outer
	{
		height: 190px;
	}
	.newsletter_ph::-webkit-input-placeholder
	{
		font-size: 12px;
		letter-spacing: 0px;
	}
	.newsletter_ph:-moz-placeholder /* older Firefox*/
	{
		font-size: 14px;
		letter-spacing: 0px;
	}
	.newsletter_ph::-moz-placeholder /* Firefox 19+ */ 
	{
		font-size: 14px;
		letter-spacing: 0px;
	} 
	.newsletter_ph:-ms-input-placeholder
	{ 
		font-size: 14px;
		letter-spacing: 0px;
	}
	.newsletter_ph::input-placeholder
	{
		font-size: 14px;
		letter-spacing: 0px;
	}
	.newsletter_desc
	{
		font-size: 12px;
		margin-top: 8px;
	}
}
.centered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}