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

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

COLOR PALETTE

#252839 - Background Color
#292c3f - Background Lighter
#191d33 - Background Darker
#F7F7F7 - Font Color Light
#677077 - Dark Details
#b5b5b7 - Medium Details
#f2b632 - Yellow


[Table of Contents]

1. Fonts
2. Body and some general stuff
3. Home
	3.1 Header
	3.2 Menu
	3.3 Full Screen Menu
	3.4 Home Content
4. Buttons
	4.1 Pill Button
	4.2 Round Button
	4.3 Pill Button Small
5. Section Title & Subtitle
6. About Section
	6.1 Expertise
	6.2 Skill Bars
7. Gallery
8. Services
9. New Project
10. Work
11. Team
12. Stats
13. Testimonials
14. Clients
15. Contact
	15.1 Form
16. Footer
	16.1 Subscribe Form
17. From our blog
18. Blog Index Page
19. Blog Post Styles
	19.1 Blog Half
	19.2 Blog Double
	19.3 Blog Single
	19.4 Blog No-Image
20. Blog Sidebar
21. Blog Full Post Page
	21.1 Comment Form


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

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

@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap');

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

*
{
	margin: 0;
	padding: 0;
}
body
{
	font-size: 16px;
	font-family: "Manrope", serif;
	background: #252839;
	color: #b5b5b7;
}
div
{
	display: block;
	position: relative;
	box-sizing: border-box;
}
ul
{
	list-style: none;
}
a, a:hover, a:visited, a:active, a:link
{
	text-decoration: none !important;
}
p
{
	font-family: "Manrope", serif;
	font-size: 16px;
	line-height: 1.5;
	font-weight: 400;
}
p a
{
	position: relative;
	color: inherit;
}
p a::after
{
	display: block;
	position: absolute;
	left: 0;
	bottom: -3px;
	width: 100%;
	height: 1px;
	background: #f2b632;
	opacity: 0.2;
	content: '';
}
p a:hover
{
	color: #f2b632;
}
::selection
{
	background: #f2b632;
}
p::selection
{
	color: #252839;
}
h1::selection, 
h2::selection, 
h3::selection, 
h4::selection, 
h5::selection, 
h6::selection
{
	color: #252839;
}
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;
}
.dark
{
	background: #252839;
}
.light
{
	background: #292c3f;
}

.super_container
{
	width: 100%;
	height: auto;
	overflow: hidden;
}

/*********
3. Home
*********/




#home
{
	position: relative;
}

.home_background
{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background-image: url("../images/home_background.jpg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	z-index: -1;
}

.home_background_overlay
{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background-image: url("../images/home_background_overlay.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	z-index: -1;
}
.home_waves
{
	display: block;
	position: relative;
	top: 0;
	width: 100%;
	height: 256px;
	background-image: url("../images/waves.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
#break_section
{
	width: 100%;
	height: auto;
	color: #252839;
}
.break_content
{
	background: #f2b632;
	padding-bottom: 100px;
	z-index: 0;
}
.break_content h3
{
	margin-bottom: 15px;
	font-size: 2em;
	margin-top: 0px;
}

/************
3.1 Header
************/

.header
{
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 80px;
	margin-top: 40px;
	z-index: 1000;
}
.header_inner
{
	height: 100%;
}
.blog_header
{
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 80px;
	margin-top: 40px;
	z-index: 1000;
}
.blog_header_inner
{
	height: 100%;
}
.logo_container
{
	display: inline-block;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	float: left;
}
.logo_container a
{
	font-family: 'Molle', sans-serif;
	font-size: 32px;
	color: #F7F7F7;
}
.main_nav,
.main_nav_blog,
.main_nav_blog_single
{
	display: inline-block;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	float: right;
}
.main_nav ul,
.main_nav_blog ul,
.main_nav_blog_single ul
{
	display: block;
	position: relative;
	margin-bottom: 0px;
}
.main_nav ul li,
.main_nav_blog ul li,
.main_nav_blog_single ul li
{
	display: inline-block;
	color: #F7F7F7;
	margin-right: 30px;
	font-size: 21px;
	cursor: pointer;
}
.main_nav ul li a
{
	color: #F7F7F7;
}
.main_nav_blog ul li a
{
	color: #252839;
}
.main_nav_blog_single ul li a
{
	color: #F7F7F7;
	font-size: 14px;
}
.main_nav_blog_single ul li a:hover
{
	color: #f2b632;
}
.main_nav ul li:hover,
.main_nav ul li a:hover,
.main_nav_blog_single ul li:hover
{
	color: #f2b632;
}
.main_nav_blog ul li a:hover
{
	color: #F7F7F7 !important;
}
.main_nav ul li:last-child,
.main_nav_blog ul li:last-child,
.main_nav_blog_single ul li:last-child
{
	margin-right: 0px;
}
.nav_active
{
	color: #f2b632 !important;
}

/***********
3.2 Menu
***********/

.menu_container,
.blog_menu_container
{
	display: none;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 0px;
	cursor: pointer;
	padding: 15px;
	z-index: 2;
}
.menu_toggle,
.blog_menu_toggle
{
	display: block;
}
.hamburger_container
{
	float: left;
}
.menu_hamburger
{
	display: block;
	position: relative;
	float: left;
	width: 12px;
	height: 12px;
}
.hamburger_lines
{
	display: block;
	position: absolute;
	left: 0px;
	width: 100%;
	height: 2px;
	background: #F7F7F7;
	-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 center;
}
.blog_hamburger_lines
{
	display: block;
	position: absolute;
	left: 0px;
	width: 100%;
	height: 2px;
	background: #252839;
	-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 center;
}
.line_1
{
	top: 0px;
}
.line_2
{
	top: 5px;
}
.line_3
{
	top: 10px;
}
.menu_toggle span
{
	display: block;
	position: relative;
	float: left;
	font-family: 'Lato', sans-serif;
	font-size: 10px;
	font-weight: 700;
	line-height: 12px;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #F7F7F7;
	padding-left: 1px;
}
.blog_menu_toggle span
{
	display: block;
	position: relative;
	float: left;
	font-family: 'Lato', sans-serif;
	font-size: 17px;
	font-weight: 700;
	line-height: 12px;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #252839;
	padding-left: 1px;
}

/**********************
3.3 Full Screen Menu
**********************/

.fs_menu_container,
.blog_fs_menu_container
{
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background: #252839;
	visibility: hidden;
	opacity: 0;
	z-index: 1;
}
.fs_menu_inner,
.blog_fs_menu_inner
{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-direction: column;
	justify-content: center;
  	align-items: center;
  	text-align: center;
	width: 100%;
	height: 100%;
}
.fs_menu_yellow
{
	background: #f2b632 !important;
}
.fs_menu,
.blog_fs_menu
{
	list-style: none;
}
.fs_menu li,
.blog_fs_menu li
{
	display: block;
	position: relative;
	margin-bottom: 3px;
}
.fs_menu li a,
.blog_fs_menu li a
{
	display: block;
	position: relative;
	font-family: 'Lato', sans-serif;
	font-weight: 900;
	font-size: 26px;
	letter-spacing: 1px;
	color: #F7F7F7;
	text-transform: uppercase;
	padding-left: 15px;
	padding-right: 15px;
	transition: transform 1.2s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 1.2s cubic-bezier(0.075, 0.82, 0.165, 1);
	-webkit-transform: scale(1);
	transform: scale(1);
	backface-visibility: hidden;
	transform: translateZ(0);
	-webkit-font-smoothing: subpixel-antialiased;
}
.fs_menu li:last-child,
.blog_fs_menu li:last-child
{
	margin-bottom: 0px;
}
.fs_menu:hover li a,
.blog_fs_menu:hover li a
{
	transform: scale(0.7);
	-webkit-filter: brightness(0.5);
	filter: brightness(0.5);
}
.fs_menu li a:hover,
.blog_fs_menu li a:hover
{
	transform: scale(1.1);
	-webkit-filter: brightness(1.2);
	filter: brightness(1.2);
	letter-spacing: 2px;
}



/******************
3.4 Home Content
******************/

.home_content
{
	width: 100%;
	padding-left: 15px;
	margin-top: 200px;
	padding-bottom: 120px;
}
.home_content h1
{
	font-size: 72px;
	color: #F7F7F7;
	text-transform: uppercase;
	font-weight: 900;
	line-height: 1;
	width: 90%;
}
.home_content h1 span
{
	margin-top: 0px;
	margin-bottom: 10px;
}
.home_content h3
{
	color: #F7F7F7;
	font-weight: 300;
	line-height: 1.5;
	margin-top: 30px;
	font-size: 24px;
	width: 75%;
}
.rotate
{
	color: #f2b632;
}
.buttons_container
{
	display: block;
	position: relative;
	margin-top: 70px;
}

/*************
4. Buttons
*************/

/*****************
4.1 Pill Button
*****************/

.pill_button
{
	display: block;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	color: #f2b632;
	letter-spacing: 1px;
	padding-top: 13px;
	padding-bottom: 13px;
	padding-left: 45px;
	padding-right: 45px;
	border: solid 2px #f2b632;
	border-radius: 35px;
	cursor: pointer;
	float: left;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}
.pill_button a
{
	color: #f2b632;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}
.pill_button::before
{
	display: block;
	position: absolute;
	width: 100%;
	height: calc(100% + 14px);
	top: -7px;
	left: 15px;
	border: solid 2px rgba(242, 182, 50, 0.22);
	border-radius: 40px;
	content: '';
	z-index: -1;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}
.pill_button:hover
{
	color: #252839;
	box-shadow: 0px 0px 15px 5px rgba(242, 182, 50, 0.15);
}
.pill_button:hover a
{
	color: #252839;
}
.pill_button:hover::before
{
	left: -2px;
	top: -2px;
	background: rgba(242, 182, 50, 1);
	border: solid 2px rgba(242, 182, 50, 1);
	height: calc(100% + 4px);
	width: calc(100% + 4px);
}

/******************
4.2 Round Button
******************/

.round_button
{
	display: inline-block;
	color: #677077;
	height: 47px;
	width: 47px;
	font-size: 16px;
	border: solid 1px #677077;
	border-radius: 24px;
	float: left;
	margin-left: 30px;
	cursor: pointer;
}
.round_button a
{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-direction: column;
	justify-content: center;
  	align-items: center;
	position: relative;
	width: 100%;
	height: 100%;
}
.round_button a i
{
	color: #677077;
}
.round_button i
{
	display: block;
	position: relative;
}
.round_button::before
{
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	border: solid 1px rgba(103, 112, 119, 0.8);
	content: '';
	width: calc(100% + 2px);
	height: calc(100% + 2px);
	border-radius: 24px;
	box-sizing: border-box;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.round_button:hover::before
{
	width: 150%;
	height: 150%;
	border-radius: 150%;
	opacity: 0;
}
.round_button_text
{
	display: block;
	float: left;
	margin-left: 15px;
	padding-top: 15px;
	cursor: pointer;
}
.round_button_text a
{
	color: rgba(103, 112, 119, 1);
	text-transform: uppercase;
	font-weight: 700;
	font-size: 12px;
}

/***********************
4.3 Pill Button Small
***********************/

.pill_button_small
{
	display: block;
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	color: #f2b632;
	letter-spacing: 1px;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 25px;
	padding-right: 25px;
	border: solid 2px #f2b632;
	border-radius: 35px;
	cursor: pointer;
	float: left;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}
.pill_button_small a
{
	color: #f2b632;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}
.pill_button_small::before
{
	display: block;
	position: absolute;
	width: 100%;
	height: calc(100% + 14px);
	top: -7px;
	left: 15px;
	border: solid 2px rgba(242, 182, 50, 0.22);
	border-radius: 40px;
	content: '';
	z-index: -1;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}
.pill_button_small:hover
{
	color: #252839;
	box-shadow: 0px 0px 15px 5px rgba(242, 182, 50, 0.15);
}
.pill_button_small:hover a
{
	color: #252839;
}
.pill_button_small:hover::before
{
	left: -2px;
	top: -2px;
	background: rgba(242, 182, 50, 1);
	border: solid 2px rgba(242, 182, 50, 1);
	height: calc(100% + 4px);
	width: calc(100% + 4px);
}

.pill_button_small_blue
{
	color: #f2b632;
	border: solid 2px #252839;
}
.pill_button_small_blue a
{
	color: #252839;
	z-index: 1000;
}
.pill_button_small_blue::before
{
	border: solid 2px rgba(37, 40, 57, 0.22);
	z-index: -1;
}
.pill_button_small_blue:hover
{
	color: #252839;
	box-shadow: 0px 0px 15px 5px rgba(37, 40, 57, 0.15);
}
.pill_button_small_blue:hover a
{
	color: #f2b632;
}
.pill_button_small_blue:hover::before
{
	background: rgba(37, 40, 57, 1);
	border: solid 2px rgba(37, 40, 57, 1);
}
.pill_button_contact
{
	margin-top: 40px;
	margin-left: 20px;
}

/*****************************
5. Section Title & Subtitle
*****************************/

.section_title
{
	margin-bottom: 100px;
}
.section_title h2
{
	margin-top: 0px;
	font-size: 48px;
	font-weight: 300;
	text-transform: uppercase;
	color: #F7F7F7;
}
.section_title h2 span
{
	font-weight: 900;
	color: #f2b632;
}
.section_title p
{
	color: #b5b5b7;
	margin-top: 20px;
}
.section_title::after
{
	display: block;
	position: absolute;
	bottom: -37px;
	left: 0;
	width: 40px;
	height: 6px;
	background: #f2b632;
	content: '';
}
.section_subtitle
{
	font-size: 24px;
	line-height: 18px;
	font-weight: 300;
}
.section_subtitle span
{
	color: #f2b632;
}
/******************
6. About Section
******************/

#about
{
	position: relative;
	padding-top: 101px;
	padding-bottom: 120px;
}
#about::before
{
	display: block;
	position: absolute;
	top: 110px;
	left: 0;
	width: 5px;
	height: 184px;
	content: '';
	background: #f2b632;
}

/***************
6.1 Expertise
***************/

.expertise_container
{
	display: block;
	position: relative;
	width: 100%;
	height: auto;
}
.expertise_text
{
	margin-top: 30px;
}
.expertise_image
{
	overflow: hidden;
	margin-top: 15px;
	cursor:pointer;
}
.expertise_image img
{
	display: block;
	position: relative;
	width: 100%;
	height: auto;
}
.expertise_image_overlay
{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(37, 40, 57, 0.6);
	z-index: 100;
}
.expertise_image_overlay:hover
{
	background: rgba(37, 40, 57, 0);
}

/****************
6.2 Skill Bars
****************/

.skill_bars
{
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 50%;
	height: 100%;
	padding-left: 15px;
}
.scale_container
{
	width: 100%;
	height: 100%;
}
.scale
{
	width: 25%;
	height: 100%;
	border-left: dashed 1px rgba(103, 112, 119, 0.4);
	float: left;
}
.scale span
{
	display: block;
	position: absolute;
	left: 5px;
	bottom: -5px;
	font-size: 20px;
	color: rgba(103, 112, 119, 0.4);
}
.bars_container
{
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: auto;
	padding-top: 54px;
	padding-bottom: 52px;
	padding-left: 15px;
}
.skill_bar
{
	height: 50px;
	float: right;
	background: #f2b632;
	margin-bottom: 60px;
	cursor: pointer;
	box-shadow: -5px 5px 15px rgba(0, 0, 0, 0.3);
}
.skill_bar:last-child
{
	margin-bottom: 0px;
}
.skill_bar_1
{
	width: 99%;
}
.skill_bar_2
{
	width: 93%;
}
.skill_bar_3
{
	width: 90%;
}
.skill_bar_4
{
	width: 97%;
}
.skill_bar_5
{
	width: 96%;
}
.skill_bar span
{
	display: inline-block;
	position: relative;
	margin-top: 4px;
	margin-left: 5px;
	color: #252839;
	font-size: 24px;
	font-weight: 900;
	z-index: 1;
	overflow: hidden;
	float: none;
}
.skill_bar::after
{
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 0%;
	height: 100%;
	background: #677077;
	content: '';
	-webkit-transition: all 300ms cubic-bezier(1,.15,.44,.85);
	-moz-transition: all 300ms cubic-bezier(1,.15,.44,.85);
	-ms-transition: all 300ms cubic-bezier(1,.15,.44,.85);
	-o-transition: all 300ms cubic-bezier(1,.15,.44,.85);
	transition: all 300ms cubic-bezier(1,.15,.44,.85);
	z-index: 0;
}
.skill_bar:hover::after
{
	width: 100%;
}

/************
7. Gallery
************/

#gallery
{
	width: 100%;
	height: auto;
}
.gallery_container
{
	width: 100%;
}
.gallery_item
{

}
.gallery_item::after
{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: '';
	background: rgba(37, 40, 57, 0.6);
	z-index: 10000;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
	pointer-events:none;
}
.gallery_item:hover::after
{
	background: rgba(37, 40, 57, 0);
}
.gallery_nav
{
	display: block;
	position: absolute;
	top: 50%;
	right: -40px;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 10;
	width: 40px;
	background: #282727;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.gallery_arrow
{
	cursor: pointer;
}
.gallery_arrow i
{
	display: block;
	position: relative;
	font-size: 48px;
	margin: 0 auto;
	text-align: center;
}
.gallery_container:hover .gallery_nav
{
	right: 0px;
}
.gallery_arrow i:hover
{
	color: #f2b632;
}

/*************
8. Services
*************/

#services
{
	position: relative;
	padding-top: 101px;
	padding-bottom: 120px;
}
#services::before
{
	display: block;
	position: absolute;
	top: 110px;
	left: 0;
	width: 5px;
	height: 156px;
	content: '';
	background: #f2b632;
}
#services::after
{
	display: block;
	position: absolute;
	top: 50%;
	right: -230px;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	content: 'X';
	font-size: 800px;
	font-weight: 900;
	line-height: 0.715;
	color: #292c3f;
	z-index: -1;
}
.service_item_inner:hover
{
	background: #292c3f;
}
.service_item_inner
{
	padding-right: 30px;
	border: solid 2px #677077;
	width: 100%;
	height: 100%;
	padding-bottom: 30px;
	padding-top: 116px;
	cursor: pointer;
}
.service_item_inner:last-child
{
	padding-right: 0px;
}
.service_item_inner h5
{
	margin-bottom: 0px;
	margin-top: 0px;
	padding-left: 30px;
}
.service_title
{
	text-transform: uppercase;
	font-weight: 900;
	font-size: 12px;
	letter-spacing: 1px;
	margin-bottom: 5px !important;
}
.service_subtitle
{
	text-transform: uppercase;
	font-weight: 300;
	font-size: 12px;
	letter-spacing: 1px;
}
.service_icon
{
	display: block;
	position: absolute;
	top: 30px;
	left: 30px;
	width: 60px;
	height: 56px;
}
.service_icon img
{
	width: 60px;
	heigth: auto;
}

/****************
9. New Project
****************/

#new_project
{
	width: 100%;
	padding-top: 60px;
	padding-bottom: 60px;
	background: #f2b632;
	text-align: center;
}
.new_project_container
{
	display: inline-block;
	font-size: 20px;
	font-weight: 600;
	color: #252839;
	text-align: center;
}
.new_project_button
{
	display: inline-block;
	float: none;
	margin-top: 0px;
	z-index: 1000;
}

/**********
10. Work
**********/

#work
{
	padding-top: 120px;
	padding-bottom: 120px;
}
#work::before
{
	display: block;
	position: absolute;
	top: 129px;
	left: 0;
	width: 5px;
	height: 156px;
	content: '';
	background: #f2b632;
}
.project_title_large
{
	font-size: 30px;
	font-weight: 700;
	color: #F7F7F7;
	margin-bottom: 20px;
	margin-top: 0px;
	line-height: 1.2;
}
.project_title_small
{
	font-size: 24px;
	font-weight: 700;
	color: #F7F7F7;
	margin-bottom: 15px;
	line-height: 1.2;
}
.project p
{
	margin-bottom: 20px;
	padding-right: 15px;
}
.project_button
{
	margin-top: 20px;
}
.project_image_1
{
	padding-left: 15px;
	overflow: hidden;
}
.project_image_2
{
	display: block;
	position: relative;
	width: 100%;
	height: auto;
	margin-bottom: 30px;
	overflow: hidden;
}
.project_image_1 img,
.project_image_2 img
{
	width: 100%;
}
.project_image_2::after,
.project_image_1::after
{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: '';
	background: rgba(37, 40, 57, 0.6);
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.project_row
{
	margin-top: 30px;
}
.project:hover .project_image_1::after,
.project:hover .project_image_2::after
{
	background: rgba(37, 40, 57, 0);
}
.view_project
{
	
}
.view_project a
{
	display: inline-block;
	position: relative;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #f2b632;
}
.view_project a span
{
	display: block;
	position: absolute;
	right: -20px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	font-size: 20px;
	margin-left: 5px;
}
.view_project a:hover span
{
	right: -30px;
}


/*************
15. Contact
*************/

#contact
{
	position: relative;
	width: 100%;
	height: auto;
	padding-top: 120px;
	padding-bottom: 340px;
	background: transparent;
	color: #252839;
}
#contact::after
{
	display: block;
	position: absolute;
	top: 30px;
	right: -150px;
	content: 'O';
	font-size: 500px;
	line-height: 360px;
	font-weight: 900;
	color: rgba(37, 40, 57, 0.3);
}
.parallax-window {
    min-height: 400px;
    background: transparent;
}

.contact_background
{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	/*background-attachment: fixed;*/
	background-image: url("../images/contact_background.jpg");
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}
#contact h1
{
	font-size: 48px;
	font-weight: 300;
	text-align: center;
	margin-bottom: 25px;
	margin-top: 0px;
}
#contact span
{
	display: block;
	text-align: center;
	font-weight: 500;
}
.contact_subtitle::after
{
	display: block;
	position: absolute;
	bottom: -40px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	content: '';
	width: 40px;
	height: 6px;
	background: #ffe700;
}

/***********
15.1 Form
***********/

#contact-form
{
	display: block;
	position: relative;
	margin-top: 112px;
}
.form-group
{
	position: relative;
}
.form_container
{
	
}
#form_name, #form_email, #form_message
{
	background: rgba(37, 40, 57, 0.3);
	color: rgba(37, 40, 57, 1);
	font-weight: 700;
	border: none !important;
	box-shadow: none;
	border-radius: 8px;
	padding-top: 25px !important;
	padding-bottom: 25px !important;
}
.has-error .help-block
{
	color: rgba(37, 40, 57, 1);
}
#form_message
{
	padding-top: 15px !important;
	padding-bottom: 15px !important;
	margin-top: 15px;
}
.btn
{
	display: inline-block;
	position: relative;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	color: rgba(37, 40, 57, 1);
	background: transparent;
	letter-spacing: 1px;
	padding-top: 13px;
	padding-bottom: 13px;
	padding-left: 45px;
	padding-right: 45px;
	border: solid 2px rgba(37, 40, 57, 1);
	border-radius: 35px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 60px;
	cursor: pointer;
	float: left;
	text-align: center;
	z-index: 10000;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}
.btn::before
{
	display: block;
	position: absolute;
	width: 100%;
	height: calc(100% + 14px);
	top: -7px;
	left: 15px;
	border: solid 2px rgba(37, 40, 57, 0.22);
	border-radius: 40px;
	content: "";
	z-index: -1;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}
.btn:hover
{
	color: #f2b632;
	background: transparent;
	border: solid 2px rgba(37, 40, 57, 1);
	box-shadow: 0px 0px 15px 5px rgba(37, 40, 57, 0.15);
}
.btn:hover::before
{
	left: -2px;
	top: -2px;
	background: rgba(37, 40, 57, 1);
	border: solid 2px rgba(37, 40, 57, 1);
	height: calc(100% + 4px);
	width: calc(100% + 4px);
}
.btn-success:active,
.btn-success:focus,
.btn-success:active:focus
{
	background-color: transparent !important;
	color: rgba(37, 40, 57, 1);
	opacity:  1;
}
.btn.disabled, .btn[disabled], fieldset[disabled] .btn
{
	opacity: 1 !important;
}

/* Input placeholder color change */

*::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: rgba(37, 40, 57, 1) !important;
}
*:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color: rgba(37, 40, 57, 1) !important;
   opacity:  1;
}
*::-moz-placeholder { /* Mozilla Firefox 19+ */
   color: rgba(37, 40, 57, 1) !important;
   opacity:  1;
}
*:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: rgba(37, 40, 57, 1) !important;
}
*::-ms-input-placeholder { /* Microsoft Edge */
   color: rgba(37, 40, 57, 1) !important;
}

/************
16. Footer
************/

#footer
{
	width: 100%;
	height: auto;
	padding-top: 0px;
	padding-bottom: 60px;
}
.contact_waves
{
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 260px;
	background-image: url("../images/waves_blue.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.contact_info
{
	display: block;
	float: left;
}
.sub_form
{
	float: right;
}
.footer_contact_title
{
	font-size: 32px;
	font-weight: 700;
	letter-spacing: 2px;
	text-transform: uppercase;
	margin-bottom: 30px;
}
.footer_contact
{
	
}
.footer_contact li
{
	font-size: 13px;
	font-weight: 600;
	line-height: 1.8;
	letter-spacing: 1px;
	text-transform: uppercase;
}
.footer_social
{
	margin-top: 40px;
}
.footer_social li
{
	display: inline-block;
	margin-right: 20px;
}
.footer_social li:last-child
{
	margin-right: 0px;
}
.footer_social li
{
	font-size: 32px;
}
.footer_social li a i
{
	color: #b5b5b7;
}
.footer_social li:hover a i
{
	color: #f2b632;
}
.copyright
{
	font-size: 13px;
	margin-top: 50px;
	color: #677077;
}
.footer_nav
{
	display: block;
	position: relative;
	float: right;
}
.footer_nav li
{
	display: inline-block;
	position: relative;
	margin-left: 15px;
	text-transform: uppercase;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 1px;
	line-height: 1.8;
	cursor: pointer;
}
.footer_nav li:first-child
{
	margin-left: 0px;
}
.footer_nav li:hover
{
	color: #f2b632;
}

/*********************
16.1 Subscribe Form
*********************/

#subscribe-form
{
	display: block;
	position: relative;
	float: right;
	margin-top: 30px;
	width: 100%;
	width: 500px;
}
#subscribe-form .controls
{
	width: 100%;
	height: 100%;
}
.sub_input_container
{
	display: block;
	width: 79%;
	height: 100%;
	float: left;
}
.sub_btn_container
{
	display: block;
	width: 20%;
	height: 100%;
	float: right;
}
#form_sub_email
{
	padding-top: 25px;
	padding-bottom: 25px;
	background: #677077;
	border: none;
	font-weight: 700;
	color: #252839;
}
.sub_btn
{
	height: 100%;
	width: 100%;
	border-radius: 4px;
	padding-top: 14px;
	padding-bottom: 14px;
	font-size: 15px;
	font-weight: 700;
	background: #b5b5b7;
	color: #252839;
}
.sub_btn:hover
{
	background: #f2b632;
}
input[type="submit" i]
{
	border: none !important;
}
.sub_description
{
	float: right;
	font-size: 13px;
}
#contact-form .messages .alert
{
	color: #252839;
}
.alert
{
	font-size: 12px;
	color: #f2b632;
	text-align: right;
	margin-bottom: 0px;
}
.alert-dismissable .close, .alert-dismissible .close
{
	top: -5px;
}
.list-unstyled
{
	margin-top: 10px;
}
.contact_errors .list-unstyled li
{
	color: #252839;
	font-size: 12px;
}
.subscribe_errors .list-unstyled li
{
	color: #f2b632;
	font-size: 12px;
}


.sidebar_section
{
	padding-top: 46px;
}
.sidebar_section_title
{
	color: #252839;
	font-size: 14px;
	font-weight: 900;
	text-transform: uppercase;
	padding-bottom: 6px;
}
.sidebar_section_title::after
{
	display: block;
	position: absolute;
	left: 0;
	bottom: 0px;
	width: 100%;
	height: 1px;
	background: #252839;
	content: '';
	opacity: 0.18;
}
.sidebar_recent_posts
{
	padding-top: 20px;
}
.recent_post
{
	margin-bottom: 20px;
}
.recent_post:last-child
{
	margin-bottom: -5px;
}
.recent_post p
{
	color: #252839;
	font-weight: 500;
}
.recent_post p a
{
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.recent_post p a:hover
{
	color: #677077;
}
.recent_post_date
{
	font-size: 14px;
	color: #677077;
}
.sidebar_comments
{
	padding-top: 20px;
}
.sidebar_comment
{
	margin-bottom: 20px;
}
.sidebar_comment p
{
	color: #252839;
	font-weight: 500;
}
.sidebar_comment p a
{
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.sidebar_comment:last-child
{
	margin-bottom: -15px;
}
.sidebar_comment p a:hover
{
	color: #677077;
}
.sidebar_comment p a:first-child
{
	color: #677077;
}
.sidebar_categories
{
	padding-top: 20px;
}
.sidebar_categories ul
{
	display: block;
	position: relative;
	list-style: none;
}
.sidebar_categories ul li
{
	display: block;
	position: relative;
}
.sidebar_categories ul li a
{
	text-transform: uppercase;
	color: #252839;
	font-size: 12px;
	font-weight: 900;
	padding-top: 3px;
	padding-bottom: 3px;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.sidebar_categories ul li a i
{
	font-size: 11px;
	margin-right: 8px;
}
.sidebar_categories ul li a:hover
{
	color: #677077;
	margin-left: 5px;
}
.sidebar_categories:last-child
{
	margin-bottom: -15px;
}
.sidebar_archives
{
	padding-top: 20px;
}
.sidebar_archives ul
{
	display: block;
	position: relative;
	list-style: none;
}
.sidebar_archives ul li
{
	display: block;
	position: relative;
}
.sidebar_archives:last-child
{
	margin-bottom: -15px;
}
.sidebar_archives ul li a
{
	color: #252839;
	font-size: 14px;
	font-weight: 500;
	padding-top: 3px;
	padding-bottom: 3px;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.sidebar_archives ul li a i
{
	font-size: 11px;
	margin-right: 8px;
	top: -2px;
}
.sidebar_archives ul li a:hover
{
	margin-left: 5px;
	color: #677077;
}
.sidebar_tags
{
	padding-top: 25px;
}
.sidebar_tags ul
{
	display: block;
	position: relative;
	list-style: none;
}
.sidebar_tags ul li
{
	display: inline-block;
	position: relative;
	margin-bottom: 5px;
}
.sidebar_tags ul li a
{
	color: #252839;
	font-size: 14px;
	font-weight: 500;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	background: #d2950e;
	border-radius: 10px;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.sidebar_social
{
	padding-top: 25px;
}
.sidebar_section_social
{
	margin-top: -15px;
}
.sidebar_social ul
{
	display: block;
	position: relative;
	list-style: none;
}
.sidebar_social ul li
{
	display: inline-block;
	position: relative;
	margin-right: 5px;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}
.sidebar_social ul li:hover
{
	transform: translateY(-5px);
}
.sidebar_social ul li:hover a
{
	box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.5);
}
.sidebar_social ul li a
{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: relative;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background: #3b5998;
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
	margin-bottom: 10px;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}
.sidebar_social ul li:first-child a
{
	background: #3b5998;
}
.sidebar_social ul li:nth-child(2) a
{
	background: #00acee;
}
.sidebar_social ul li:nth-child(3) a
{
	background: #bd081c;
}
.sidebar_social ul li:nth-child(4) a
{
	background: #e84c88;
}
.sidebar_social ul li a i
{
	font-size: 36px;
	color: #f2b632;
}





/********************
21.1 Comment Form
********************/
.leave_comment_container
{
	margin-top: 120px !important;
}
#comment_message
{
	background: #ffd883;
	border-radius: 20px;
	height: 180px;
	border: none;
	max-width: 100%;
	padding-top: 20px;
	padding-left: 30px;
	font-size: 16px;
	font-weight: 700;
}
#comment_name,
#comment_email
{
	height: 46px;
	background: #ffd883;
	border-radius: 20px;
	border: none;
	padding-left: 30px;
	padding-right: 30px;
	color: #d2950e;
	font-size: 16px;
	font-weight: 700;
}
/* WebKit, Blink, Edge */
#comment_name::-webkit-input-placeholder,
#comment_email::-webkit-input-placeholder,
#comment_message::-webkit-input-placeholder
{ 
    color: #d2950e !important;
}
/* Mozilla Firefox 4 to 18 */
#comment_name:-moz-placeholder,
#comment_email:-moz-placeholder,
#comment_message:-moz-placeholder
{
   color: #d2950e !important;
   opacity:  1;
}
/* Mozilla Firefox 19+ */
#comment_name::-moz-placeholder,
#comment_email::-moz-placeholder,
#comment_message::-moz-placeholder
{
   color: #d2950e !important;
   opacity:  1;
}
/* Internet Explorer 10-11 */
#comment_name:-ms-input-placeholder,
#comment_email:-ms-input-placeholder,
#comment_message:-ms-input-placeholder
{
   color: #d2950e !important;
}
/* Microsoft Edge */
#comment_name::-ms-input-placeholder,
#comment_email::-ms-input-placeholder,
#comment_message::-ms-input-placeholder
{
   color: #d2950e !important;
}
.comment_button_container
{
	text-align: center;
}
.comment_button
{
	display: inline-block;
	padding-left: 20px;
	padding-right: 20px;
	height: 46px;
	border-radius: 20px;
	border: none;
	background: #ffd883;
	color: #d2950e;
	font-size: 16px;
	font-weight: 700;
}
.ftr-lnks li a:hover {
    color: #f2b632;
}

.ftr-lnks li a {
    color: #b5b5b7;
}

#map {
    height: 400px;
    width: 100%;
}
@charset "utf-8";
/* CSS Document */

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

[Table of Contents]

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

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

/************
1. 1440px
************/

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

/************
2. 1280px
************/

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

/************
3. 1199px
************/

@media only screen and (max-width: 1199px)
{
	#about::before,
	#services::before,
	#work::before,
	#team::before,
	#from_blog::before
	{
		display: none;
	}
	.home_content h1
	{
		font-size: 64px;
	}
	.blog_image_100
	{
		height: 358px;
	}
    
    
    
    .blog_single_background,
	.blog_single_background_overlay,
	.home_background,
	.home_background_overlay,
	.blog_background,
	.blog_background_overlay
	{
		width: 150vw;
		height: 150vh;
	}
    
    
    
}

/************
4. 1024px
************/

@media only screen and (max-width: 1024px)
{
	#contact::after
	{
		display: none;
	}
}

/************
5. 991px
************/

@media only screen and (max-width: 991px)
{
	.home_content h1
	{
		font-size: 56px;
		width: 100%;
	}
	.home_content h3
	{
		font-size: 16px;
		margin-top: 30px;
		width: 100%;
	}
	.home_content .buttons_container
	{
		margin-top: 60px;
	}
	.pill_button_contact
	{
		margin-left: 0px;
		margin-top: 25px;
	}
	.new_project_button
	{
		margin-top: 0px;
		margin-left: 15px;
	}
	.expertise_image
	{
		margin-top: 30px;
	}
	.skill_bars
	{
		position: relative;
		width: 100%;
		margin-top: 50px;
	}
	.bars_container
	{
		position: relative;
		width: 100%;
	}
	.scale_container
	{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	#quote span
	{
		font-size: 32px;
		padding-left: 15px;
		padding-right: 15px;
	}
	#work
	{
		padding-top: 100px;
		padding-bottom: 120px;
	}
	.project
	{
		margin-bottom: 100px;
	}
	.project::after
	{
		display: block;
		position: absolute;
		left: 15px;
		bottom: -60px;
		width: calc(100% - 30px);
		height: 1px;
		background: rgba(103, 112, 119, 0.15);
		content: '';
	}
	.project:last-child
	{
		margin-bottom: 0px;
		border-bottom: none;
		padding-bottom: 0px;
	}
	.project:last-child::after
	{
		display: none;
	}
	.project_content
	{
		margin-bottom: 40px;
	}
	.project_content p
	{
		margin-bottom: 15px;
	}
	.project .pill_button_small
	{
		margin-top: 15px;
	}
	.testimonials_background
	{
		display: none;
	}
	.team_item
	{
		margin-bottom: 30px;
	}
	.team_item:last-child
	{
		margin-bottom: 0px;
	}
	.full_client_list
	{
		column-count: 3;
	}
	.sub_form
	{
		width: 100%;
		padding-left: 15px;
		padding-right: 15px;
	}
	#subscribe-form
	{
		width: 100%;
		margin-bottom: 30px;
	}
	.contact_info
	{
		padding-left: 15px;
		padding-right: 15px;
	}
	#blog_single
	{
		padding-bottom: 264px;
	}
	.blog_fix
	{
		padding-left: 15px;
		padding-right: 15px;
	}
	.blog_single_title
	{
		padding-bottom: 0px;
	}
	.blog_single_title h2
	{
		font-size: 36px;
	}
	.blog_single_sidebar
	{
		margin-top: 120px;
	}
	.blog_single_sidebar_inner
	{
		padding-left: 0px;
	}
}

/************
6. 959px
************/

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

/************
7. 880px
************/

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

/************
8. 768px
************/

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

/************
9. 767px
************/

@media only screen and (max-width: 767px)
{
    
    
    
    
	.header,
	.blog_header
	{
		height: 60px;
		margin-top: 0px;
	}
	.logo_container a
	{
		font-size: 24px;
	}
	.home_content
	{
		padding-bottom: 135px;
	}
	.home_content h1
	{
		font-size: 32px;
		width: 100%;
		margin-top: 10px;
	}
	.home_content h3
	{
		margin-top: 25px;
	}
	.home_content .buttons_container
	{
		margin-top: 60px;
	}
	.main_nav,
	.main_nav_blog_single
	{
		display: none;
	}
	.menu_container,
	.blog_menu_container
	{
		display: inline-block;
	}
	.break_content h3
	{
		font-size: 24px;
	}
	.new_project_container
	{
		font-size: 16px;
	}
	.section_title h2
	{
		font-size: 32px;
	}
	.work_process:nth-last-child(2)
	{
		margin-bottom: 30px;
	}
	.work_process:last-child
	{
		margin-bottom: 0px;
	}
	.service_item
	{
		margin-bottom: 30px;
	}
	.service_item:last-child
	{
		margin-bottom: 0px;
	}
	#stats
	{
		padding-top: 120px;
		padding-bottom: 120px;
	}
	.stats_counter_item
	{
		margin-bottom: 60px;
	}
	#subscribe-form
	{
		margin-bottom: 30px;
		margin-top: 30px;
	}
	.sub_form
	{
		text-align: center;
		float: none;
	}
	.footer_nav
	{
		float: none;
	}
	.sub_input_container
	{
		float: none;
		width: 100%;
	}
	.sub_btn_container
	{
		float: none;
		margin: 0 auto;
		width: 130px;
	}
	.sub_description
	{
		display: none;
	}
	.footer_contact
	{
		display: none;
	}
	.footer_social
	{
		margin-top: 0px;
		text-align: center;
		float:none;
	}
	.contact_info
	{
		float: none;
	}
	.copyright
	{
		margin-top: 30px;
		text-align: center;
	}
	.blog_double_title a
	{
		font-size: 20px;
	}
	.blog_double
	{
		height: auto;
		margin-bottom: 30px;
	}
	.blog_double_image_container
	{
		width: 100%;
		height: 350px;
		float: none;
		border-top-right-radius: 20px;
		border-bottom-left-radius: 0px;
	}
	.blog_content_double
	{
		width: 100%;
		height: auto;
		padding-bottom: 43px;
		float: none;
		border-top-right-radius: 0px;
		border-bottom-left-radius: 20px;
		padding-top: 24px;
	}
	.blog_content ul
	{
		position: relative;
		left: auto;
		bottom: auto;
		margin-top: 18px;
	}
	.blog_single_title
	{
		margin-top: 152px;
	}
	.about_blog_author_image
	{
		float: none;
		margin-bottom: 26px;
	}
	.about_blog_author_content
	{
		margin-left: 0px;
	}
	.blog_home_content h1
	{
		font-size: 56px;
	}
}

/************
10. 680px
************/

@media only screen and (max-width: 680px)
{
	.blog_content p
	{
		display: none;
	}
	.blog_image_half
	{
		float: none;
		width: 100%;
		margin-bottom: 41px;
		margin-top: 23px;
	}
	.blog_image_full
	{
		margin-top: 25px;
	}
	.blog_video_container_half,
	.blog_video_container_full
	{
		width: 100%;
		float: none;
		margin-right: 0px;
		margin-top: 23px !important;
		margin-bottom: 22px;
	}
}

/************
10. 639px
************/

@media only screen and (max-width: 639px)
{
	.home_content h3
	{
		width: 100%;
		padding-right: 15px;
	}
	.rotate
	{
		margin-top: 20px;
		line-height: 30px;
	}
	.pill_button
	{
		font-size: 10px;
		padding-top: 10px;
		padding-bottom: 10px;
		padding-left: 25px;
		padding-right: 25px;
	}
	.round_button
	{
		height: 40px;
		width: 40px;
		font-size: 12px;
		margin-left: 25px;
	}
	.round_button_text
	{
		font-size: 10px;
		margin-left: 10px;
		padding-top: 12px;
	}
	.full_client_list
	{
		column-count: 2;
	}
}

/************
11. 479px
************/

@media only screen and (max-width: 479px)
{
	p
	{
		font-size: 13px;
		line-height: 1.5;
	}
	.blog_single_background,
	.blog_single_background_overlay,
	.home_background,
	.home_background_overlay,
	.blog_background,
	.blog_background_overlay
	{
		width: 150vw;
		height: 150vh;
	}
	.home_content
	{
		margin-top: 120px;
		padding-bottom: 80px;
	}
	.home_content h1
	{
		font-size: 21px;
		line-height: 18px;
		margin-top: 7px;
		margin-bottom: 7px;
	}
	.home_content h1 span
	{
		margin-top: 4px;
	}
	.home_content h3
	{
		font-size: 13px;
		margin-top: 10px;
	}
	.home_content .buttons_container
	{
		margin-top: 50px;
	}
	.header
	{
		height: 40px;
	}
	.logo_container a
	{
		font-size: 18px;
	}
	.menu_hamburger
	{
		width: 15px;
		height: 7px;
	}
	.hamburger_container
	{
		top: 3px;
        padding-right: 10px;
	}
	.hamburger_lines,
	.blog_hamburger_lines
	{
		height: 1px;
	}
	.line_2
	{
		top: 3px;
	}
	.line_3
	{
		top: 6px;
	}
	.menu_toggle span,
	.blog_menu_toggle span
	{
		font-size: 18px;
	}
	.break_content h3
	{
		font-size: 16px;
	}
	.section_title h2
	{
		font-size: 24px;
		line-height: 1.3;
	}
	.section_title_2 h2
	{
		font-size: 20px;
	}
	.section_title p
	{
		margin-top: 15px;
	}
	.section_subtitle
	{
		font-size: 20px;
	}
	.expertise_text
	{
		margin-top: 15px;
	}
	.skill_bar
	{
		height: 25px;
		margin-bottom: 30px;
		box-shadow: -5px 5px 15px rgba(0, 0, 0, 0.3);
	}
	.skill_bar span
	{
		font-size: 16px;
		margin-top: 1px;
	}
	.scale span
	{
		font-size: 16px;
	}
	.new_project_container a
	{
		font-size: 12px;
	}
	.new_project_container
	{
		display: block;
		margin-bottom: 15px;
	}
	#quote
	{
		padding-top: 180px;
		padding-bottom: 180px;
	}
	#quote span
	{
		font-size: 24px;
	}
	.project_title_large,
	.project_title_small
	{
		font-size: 20px;
	}
	.pill_button_small
	{
		font-size: 9px;
	}
	#new_project
	{
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.new_project_container a
	{
		font-size: 10px;
		padding-left: 15px;
		padding-right: 15px;
		letter-spacing: 1px;
	}
	#testimonials,
	#work,
	#services,
	#about,
	#team,
	#clients
	{
		padding-top: 80px;
		padding-bottom: 80px;
	}
	.testimonial_item
	{
		padding-top: 25px;
	}
	.testimonial_text::before
	{
		top: -30px;
		width: 70px;
		height: 70px;
		font-size: 70px;
	}
	.testimonial_slider .owl-dots
	{
		display: none;
	}
	.team_image_rect
	{
		padding: 15px;
	}
	.team_image_rect_inner
	{
		display: none;
	}
	.team_name a
	{
		font-size: 16px;
	}
	.team_role
	{
		font-size: 12px;
		margin-bottom: 15px;
	}
	.team_content
	{
		padding-left: 15px;
		padding-right: 15px;
	}
	.team_content p
	{
		font-size: 13px;
	}
	.stats_counter
	{
		font-size: 32px;
	}
	.full_client_list
	{
		column-count: 1;
	}
	.footer_nav li
	{
		font-size: 11px;
	}
	#contact h1
	{
		font-size: 24px;
		margin-bottom: 12px;
	}
	.contact_subtitle
	{
		font-size: 14px;
	}
	.contact_subtitle::after
	{
		bottom: -30px;
	}
	#contact-form
	{
		margin-top: 90px;
	}
	.blog_content_double,
	.blog_content_double_wide
	{
		padding-left: 15px;
		padding-right: 15px;
		padding-top: 22px;
		padding-bottom: 25px;
		float: none;
	}
	.blog_content_single
	{
		padding-top: 22px;
		padding-left: 15px;
		padding-right: 15px;
		padding-bottom: 25px;
	}
	.blog_double_title a
	{
		font-size: 18px;
	}
	.date_and_type
	{
		left: 15px;
		bottom: 30px;
	}
	.blog_content ul
	{
		display: none;
	}
	.blog_single_info
	{
		padding-bottom: 87px;
	}
	.blog_single_title
	{
		margin-top: 125px;
	}
	.blog_home_content
	{
		margin-top: 125px;
		padding-bottom: 80px;
	}
	.blog_title a
	{
		font-size: 18px;
	}
	.blog_single_title h2
	{
		font-size: 24px;
		width: 100%;
	}
	.blog_callout
	{
		font-size: 16px;
	}
	.blog_callout::before
	{
		top: 5px;
		height: calc(100% - 12px);
	}
	.blog_single_content p span
	{
		font-size: 48px;
	}
	.blog_single_content p
	{
		margin-top: 12px;
	}
	.blog_image_half,
	.blog_image_full
	{
		max-height: 350px;
	}
	.about_blog_author_image
	{
		float: none;
		margin-bottom: 26px;
		width: 100px;
		height: 100px;
	}
	.about_blog_author_image img
	{
		width: 100%;
		height: 100%;
	}
	.blog_single_content h3
	{
		font-size: 18px;
		margin-top: 40px;
		margin-bottom: 16px;
	}
	#blog_single
	{
		margin-top: -40px;
	}
	.blog_home_content h1
	{
		font-size: 36px;
	}
	.blog_home_content h3
	{
		font-size: 16px;
	}
	.sidebar_social ul li a
	{
		width: 40px;
		height: 40px;
		margin-bottom: 10px;
	}
	.sidebar_social ul li a i
	{
		font-size: 28px;
	}
}

/************
12. 400px
************/

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