@charset "utf-8";

/* CSS Document */



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



[Table of Contents]



1. Fonts

2. Body and some general stuff

3. Header

	3.1 Top Bar

	3.2 Logo

	3.3 Main Nav

	3.4 Menu

4. Home

	4.1 Home Slider

	4.2 Home Slider Nav

	4.3 Home Slider Dots

5. Elements

	5.1 Buttons

	5.2 Progress Bars

	5.3 Accordions

	5.4 Milestones

	5.5 Loaders

	5.6 Icon Boxes

6. Footer

	6.1 Footer - About

	6.2 Footer - Blog

	6.3 Footer - Tags

	6.4 Footer - Contact Info

7. Copyright





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



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

1. Fonts

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



@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800');

@font-face

{

	font-family: 'Beyond';

	src: url('../fonts/beyond_the_mountains.otf')  format('truetype'),

		 url('../fonts/beyond_the_mountains.ttf')  format('opentype');

}



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

2. Body and some general stuff

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



*

{

	margin: 0;

	padding: 0;

	-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;

}

body

{

	font-family: 'Open Sans', sans-serif;

	font-size: 14px;

	font-weight: 400;

	background: #FFFFFF;

	color: #a5a5a5;

}

div

{

	display: block;

	position: relative;

	-webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}

ul

{

	list-style: none;

	margin-bottom: 0px;

}

p

{

	font-family: 'Open Sans', sans-serif;

	font-size: 14px;

	line-height: 2;

	font-weight: 400;

	color: #929191;

	-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

{

	display: inline;

	position: relative;

	color: inherit;

	border-bottom: solid 1px #ffa07f;

	-webkit-transition: all 200ms ease;

	-moz-transition: all 200ms ease;

	-ms-transition: all 200ms ease;

	-o-transition: all 200ms ease;

	transition: all 200ms ease;

}

a, a:hover, a:visited, a:active, a:link

{

	text-decoration: none;

	-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:active

{

	position: relative;

	color: #FF6347;

}

p a:hover

{

	color: #FFFFFF;

	background: #ffa07f;

}

p a:hover::after

{

	opacity: 0.2;

}

::selection

{

	

}

p::selection

{

	

}

h1{font-size: 48px;}

h2{font-size: 36px;}

h3{font-size: 24px;}

h4{font-size: 18px;}

h5{font-size: 14px;}

h1, h2, h3, h4, h5, h6

{

	font-family: 'Open Sans', sans-serif;

	-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

{

	

}

.form-control

{

	color: #db5246;

}

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_300

{

	-webkit-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	transition: all 300ms 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;

}

.fill_height

{

	height: 100%;

}

.super_container

{

	width: 100%;

	overflow: hidden;

}

.prlx_parent

{

	overflow: hidden;

}

.prlx

{

	height: 130% !important;

}

.nopadding

{

	padding: 0px !important;

}

.button

{

	display: inline-block;

	height: 53px;

	border-radius: 27px;

	overflow: hidden;

	z-index: 1;

	margin-bottom: 10px;

}

.button_bcg

{

	position: absolute;

	top: 0;

	left: 0;

	width: 200%;

	height: 100%;

	background: linear-gradient(to right, #fa9e1b, #8d4fff, #fa9e1b);

	z-index: -1;

	-webkit-transition: all 400ms ease;

	-moz-transition: all 400ms ease;

	-ms-transition: all 400ms ease;

	-o-transition: all 400ms ease;

	transition: all 400ms ease;

}

.button:hover .button_bcg

{

	left: -100%;

}

.button a

{

	display: block;

	font-size: 13px;

	font-weight: 700;

	color: #fff;

	text-transform: uppercase;

	line-height: 53px;

	padding-left: 46px;

	padding-right: 46px;

	white-space: nowrap;

	z-index: 2;

}

.button span

{

	display: inline-block;

	vertical-align: middle;

	width: 5.75px;

	height: 5.63px;

	background: #FFFFFF;

	border-radius: 50%;

	margin-right: 2px;

}

.button span:first-child

{

	margin-left: 10px;

}

.button span:nth-child(2)

{

	opacity: 0.6;

}

.button span:last-child

{

	opacity: 0.4;

	margin-right: 0px;

}

.parallax-window

{

    min-height: 400px;

    background: transparent;

}



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

3. Header

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



.header

{

	position: fixed;

	width: 100%;

	background: rgba(54, 19, 84, 0.6);

	z-index: 12;

}

.header.scrolled

{

	background: rgba(54, 19, 84, 0.85);

}



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

3.1 Top Bar

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



.top_bar

{

	width: 100%;

	height: 36px;

	background: #350a4e;

	-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.scrolled .top_bar

{

	visibility: hidden;

	opacity: 0;

	height: 0px;

}

.phone

{

	display: inline-block;

	margin-right: 36px;

	line-height: 36px;

	font-size: 10px;

	font-weight: 600;

	color: #FFFFFF;

}

.social_list_item

{

	position: relative;

	display: inline-block;

	margin-right: 3px;

}

.social_list_item:last-child

{

	margin-right: 0px;

}

.social_list_item a

{

	display: block;

	width: 100%;

	padding-left: 10px;

	padding-right: 10px;

	line-height: 36px;

}

.social_list_item:hover a i

{

	color: #fa9e1c;

}

.social_list_item a i

{

	font-size: 12px;

	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;

}

.social_list_item a:hover

{

	color: #FFFFFF;

}

.user_box_link

{

	display: inline-block;

}

.user_box_link a

{

	display: block;

	font-size: 10px;

	line-height: 36px;

	font-weight: 600;

	color: #FFFFFF;

	text-transform: uppercase;

}

.user_box_link a:hover

{

	color: #fa9e1c;

}

.user_box_login

{

	margin-right: 15px;

}

.user_box_login::after

{

	display: block;

	position: absolute;

	top: 15px;

	right: -9px;

	background: #FFFFFF;

	width: 1px;

	height: 9px;

	content: '';

}

.main_nav_col

{

	height: 143px;

	-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.scrolled .main_nav_col

{

	height: 100px;

}



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

3.2 Logo

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



.logo_container

{

	-webkit-transform: translateY(-6px);

	-moz-transform: translateY(-6px);

	-ms-transform: translateY(-6px);

	-o-transform: translateY(-6px);

	transform: translateY(-6px);

}

.header.scrolled .logo_container

{

	-webkit-transform: none;

	-moz-transform: none;

	-ms-transform: none;

	-o-transform: none;

	transform: none;

}

.logo a

{

	font-family: 'Open Sans', sans-serif;

	font-size: 30px;

	color: #f4f4f8;

	font-weight: 800;

	text-transform: uppercase;

}

.logo a img

{

	display: inline-block;

	vertical-align: baseline;

	margin-right: 9px;

	-webkit-transform: translateY(2px);

	-moz-transform: translateY(2px);

	-ms-transform: translateY(2px);

	-o-transform: translateY(2px);

	transform: translateY(2px);

}



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

3.3 Main Nav

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



.main_nav_container

{

	margin-right: 221px;

}

.main_nav_item

{

	position: relative;

	display: inline-block;

	margin-right: 40px;

}

.main_nav_item:last-child

{

	margin-right: 0px;

}

.main_nav_item a

{

	font-family: 'Open Sans', sans-serif;

	font-size: 13px;

	font-weight: 600;

	color: #FFFFFF;

	text-transform: uppercase;

	padding-bottom: 10px;

	padding-top: 10px;

}

.main_nav_item::after

{

	display: block;

	position: absolute;

	left: -1px;

	bottom: -11px;

	width: calc(100% + 2px);

	height: 2px;

	background: linear-gradient(to right, #fa9e1b, #8d4fff);

	content: '';

	opacity: 0;

	-webkit-transition: all 200ms ease;

	-moz-transition: all 200ms ease;

	-ms-transition: all 200ms ease;

	-o-transition: all 200ms ease;

	transition: all 200ms ease;

}

.main_nav_item:hover::after

{

	opacity: 1;

}

.content_search

{

	-webkit-transform: translateY(-1px);

	-moz-transform: translateY(-1px);

	-ms-transform: translateY(-1px);

	-o-transform: translateY(-1px);

	transform: translateY(-1px);

	cursor: pointer;

}

.header.scrolled .content_search

{

	-webkit-transform: none;

	-moz-transform: none;

	-ms-transform: none;

	-o-transform: none;

	transform: none;

}

.mag_glass

{

	-webkit-transition: all 200ms ease;

	-moz-transition: all 200ms ease;

	-ms-transition: all 200ms ease;

	-o-transition: all 200ms ease;

	transition: all 200ms ease;

}

.content_search img

{

	width: 17px;

	height: 17px;

}

.content_search:hover .mag_glass

{

	fill: #fa9e1c;

}

.content_search:hover .mag_glass

{

	fill: #fa9e1c;

}

.search_form

{

	position: absolute;

	right: 15px;

	top: 120px;

	width: 237px;

	height: 40px;

	visibility: hidden;

	opacity: 0;

}

.search_form.active

{

	top: 105px;

	visibility: visible;

	opacity: 1;

}

.search_content_input

{

	width: 100%;

	height: 100%;

	background: #FFFFFF;

	color: #1b0b32;

	padding-left: 20px;

	outline: none !important;

	border: none !important;

	box-shadow: 0px 8px 20px rgba(0,0,0,0.15);

}

.bez_1

{

	-webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1);

	-moz-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1);

	-ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1);

	-o-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1);

	transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1);

}



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

3.4 Menu

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



.hamburger

{

	display: none;

	-webkit-transform: translateY(-3px);

	-moz-transform: translateY(-3px);

	-ms-transform: translateY(-3px);

	-o-transform: translateY(-3px);

	transform: translateY(-3px);

	cursor: pointer;

	margin-left: 20px;

}

.header.scrolled .hamburger

{

	-webkit-transform: none;

	-moz-transform: none;

	-ms-transform: none;

	-o-transform: none;

	transform: none;

}

.hamburger i

{

	font-size: 24px;

	color: #FFFFFF;

}

.hamburger:hover i

{

	color: #fa9e1c;

}

.menu

{

	position: fixed;

	width: 100vw;

	height: 100vh;

	background: linear-gradient(to right, #fa9e1b, #8d4fff);

	z-index: 100;

	opacity: 0;

	visibility: hidden;

}

.menu.active

{

	opacity: 0.95;

	visibility: visible;

}

.menu_content

{

	width: 100%;

	height: 100%;

}

.menu_item

{

	position: relative;

	margin-bottom: 3px;

}

.menu_item:last-child

{

	margin-bottom: 0px;

}

.menu_logo

{

	margin-bottom: 28px;

}

.menu_logo a img

{

	width: 40px !important;

}

.menu_item a

{

	display: inline-block;

	position: relative;

	font-family: 'Beyond';

	font-size: 36px;

	color: #FFFFFF;

	font-weight: 400;

}

.menu_item a::after

{

	display: block;

	position: absolute;

	top: 60%;

	left: 0;

	width: 0;

	height: 4px;

	background: #FFFFFF;

	letter-spacing: 2px;

	content: '';

	z-index: 10;

	pointer-events: none;

	-webkit-transition: all 200ms ease;

	-moz-transition: all 200ms ease;

	-ms-transition: all 200ms ease;

	-o-transition: all 200ms ease;

	transition: all 400ms ease;

}

.menu_item:hover a::after

{

	width: 100%;

}

.menu_close_container

{

	position: absolute;

	top: 94px;

	right: 122px;

	width: 21px;

	height: 21px;

	cursor: pointer;

	-webkit-transform: rotate(45deg);

	-moz-transform: rotate(45deg);

	-ms-transform: rotate(45deg);

	-o-transform: rotate(45deg);

	transform: rotate(45deg);

}

.menu_close

{

	top: 9px;

	width: 21px;

	height: 3px;

	background: #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;

}

.menu_close::after

{

	display: block;

	position: absolute;

	top: -9px;

	left: 9px;

	content: '';

	width: 3px;

	height: 21px;

	background: #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;

}

.menu_close_container:hover .menu_close,

.menu_close_container:hover .menu_close::after

{

	background: #fa9e1c;

}



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

4. Home

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



.home

{

	width: 100%;

	height: 465px;

	background: transparent;

}

.home_background

{

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background-repeat: no-repeat;

	background-size: cover;

	background-position: center center;

}

.home_content

{

	position: absolute;

	bottom: 106px;
	width: 100%;
	left: 0;
	padding: 0 100px;

	/*left: 50%;

	-webkit-transform: translateX(-50%);

	-moz-transform: translateX(-50%);

	-ms-transform: translateX(-50%);

	-o-transform: translateX(-50%);

	transform: translateX(-50%);*/

}

.home_title

{

	font-size: 72px;

	font-weight: 800;

	color: #FFFFFF;

	text-transform: uppercase;

}



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

5. Elements

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



.elements

{

	width: 100%;

	padding-top: 91px;

	padding-bottom: 105px;

}

.elements_title

{

	font-size: 36px;

	font-weight: 700;

	color: #2d2c2c;

}



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

5.1 Buttons

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



.buttons_container

{

	margin-top: 69px;

}

.buttons_container .button

{

	margin-right: 20px;

}

.buttons_container .button:last-child

{

	margin-right: 0px;

}

.button_color_1

{

	background: #31124b;

}

.button_color_1:hover

{

	opacity: 0.8;

}

.button_color_2

{

	background: #fa9e1b;

}

.button_color_2:hover

{

	opacity: 0.8;

}

.button_line_1

{

	background: transparent;

	border: solid 2px #31124b;

}

.button_line_1 a

{

	color: #31124b;

	line-height: 49px;

}

.button_line_1 span

{

	background: #31124b;

}

.button_line_1:hover

{

	background: #31124b;

}

.button_line_1:hover a

{

	color: #FFFFFF;

}

.button_line_1:hover span

{

	background: #FFFFFF;

}



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

5.2 Progress Bars

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



.pbars_accordions

{

	margin-top: 71px;

}

.pbars_accordions_container

{

	padding-top: 104px;

}

.pbar_container

{

	

}

.pb_item

{

	margin-bottom: 35px;

}

.pb_item h4

{

	font-size: 16px;

	color: #2d2c2c;

	font-weight: 600 !important;

	margin-bottom: 13px;

}

.skill_bars

{

	height: 2px;

}

.pb_item_title

{

	width: 96px;

	float: left;

}

.pb_item_content

{

	width: calc(100% - 96px);

	float: left;

	margin-top: 11px;

}



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

5.3 Accordions

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



.elements_accordions

{

	margin-top: -12px;

}

.accordion_container

{

	margin-bottom: 15px;

}

.accordion

{

	height: 50px;

	width: 100%;

	border: solid 2px #ff9600;

	background: #FFFFFF;

	padding-left: 16px;

	cursor: pointer;

	color: #07122c;

	font-size: 14px;

	font-weight: 600;

	-webkit-transition: all 200ms ease;

	-moz-transition: all 200ms ease;

	-ms-transition: all 200ms ease;

	-o-transition: all 200ms ease;

	transition: all 200ms ease;

}

.accordion div

{

	max-width: 90%;

	overflow: hidden;

	white-space: nowrap;

}

.accordion.active

{

	background: #ff9600;

	color: #FFFFFF;

}

.accordion:active

{

	background: #fffbfa !important;

}

.accordion::after

{

	display: -webkit-box;

	display: -moz-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	flex-direction: column;

	justify-content: center;

	align-items: center;

	position: absolute;

	top: 0;

	right: 13px;

	height: 100%;

	content: '+';

	font-size: 16px;

	color: #07122c;

	font-weight: 600;

	-webkit-transition: all 200ms ease;

	-moz-transition: all 200ms ease;

	-ms-transition: all 200ms ease;

	-o-transition: all 200ms ease;

	transition: all 200ms ease;

}

.accordion.active::after

{

	color: #FFFFFF;

	content: '-';

}

.accordion:hover

{

	background: #fa6f1b;

	color: #FFFFFF;

}

.accordion:hover::after

{

	color: #FFFFFF;

}

.accordion_panel

{

	padding-left: 8px;

	padding-right: 8px;

	max-height: 0px;

	overflow: hidden;

	-webkit-transition: all 500ms ease;

	-moz-transition: all 500ms ease;

	-ms-transition: all 500ms ease;

	-o-transition: all 500ms ease;

	transition: all 500ms ease;

}

.accordion_panel p

{

	padding-top: 31px;

}



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

5.4 Milestones

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



.milestones

{

	width: 100%;

	margin-top: 76px;

}

.milestones_container

{

	margin-top: 69px;

}

.milestone

{

	width: 100%;

}

.milestone_icon

{

	display: inline-block;

	height: 58px;

}

.milestone_icon img

{

	position: relative;

	top: 50%;

	-webkit-transform: translateY(-50%);

	-moz-transform: translateY(-50%);

	-ms-transform: translateY(-50%);

	-o-transform: translateY(-50%);

	transform: translateY(-50%);

}

.milestone_counter

{

	font-size: 48px;

	font-weight: 600;

	color: #2d2c2c;

	line-height: 1;

	margin-top: 25px;

}

.milestone_text

{

	font-size: 14px;

	font-weight: 600;

	color: #9a9999;

	margin-top: 22px;

	text-transform: uppercase;

}



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

5.5 Loaders

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



.loaders

{

	margin-top: 89px;

}

.elements_loaders_container

{

	margin-top: 100px;

}

.loader

{

	width: 176px;

	height: 176px;

	margin: 0 auto;

}

.loader strong

{

	font-family: 'Open Sans', sans-serif;

	position: absolute;

	top: 53px;

	left: 0;

	width: 100%;

	text-align: center;

	font-size: 36px;

	font-weight: 700;

	color: #2d2c2c;

}

.loader span

{

	position: absolute;

	left: 50%;

	top: 57%;

	-webkit-transform: translateX(-50%);

	-moz-transform: translateX(-50%);

	-ms-transform: translateX(-50%);

	-o-transform: translateX(-50%);

	transform: translateX(-50%);

	font-size: 14px;

	font-weight: 600;

	color: #838383;

	margin-top: 4px;

}

.loader .progressbar-text

{

	top: 45% !important;

}



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

5.6 Icon Boxes

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



.icon_boxes

{

	margin-top: 91px;

}

.icon_boxes_container

{

	margin-top: 43px;

}

.icon_box

{

	

}

.icon_box h3

{

	font-size: 24px;

	font-weight: 700;

	color: #2d2c2c;

	margin-bottom: 24px;

}

.icon_box p

{

	font-size: 14px;

	font-weight: 600;

	color: #929191;

	max-width: 100%;

	line-height: 2.29;

	margin-bottom: 0px;

}

.icon_container

{

	width: 60px;

	height: 58px;

	margin-bottom: 24px;

}



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

6. Footer

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



.footer

{

	width: 100%;

	padding-top: 113px;

	padding-bottom: 104px;

	background: #31124b;

}

.footer_title

{

	font-size: 15px;

	font-weight: 700;

	color: #FFFFFF;

	text-transform: uppercase;

}



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

6.1 Footer - About

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



.footer_about

{

	padding-top: 67px;

}

.footer_logo

{

	position: absolute;

	left: 0;

	top: -24px;

}

.footer_about_text

{

	font-size: 14px;

	font-weight: 600;

	color: #FFFFFF;

}

.footer_social_item

{

	display: inline-block;

	width: 31px;

	height: 31px;

	border: solid 1px #fa9e1b;

	border-radius: 50%;

	text-align: center;

	-webkit-transition: all 200ms ease;

	-moz-transition: all 200ms ease;

	-ms-transition: all 200ms ease;

	-o-transition: all 200ms ease;

	transition: all 200ms ease;

	margin-right: 9px;

}

.footer_social_item:last-child

{

	margin-right: 0px;

}

.footer_social_item a

{

	display: block;

	position: relative;

	width: 100%;

	height: 100%;

}

.footer_social_item a i

{

	display: block;

	position: relative;

	color: #FFFFFF;

	top: 50%;

	-webkit-transform: translateY(-50%);

	-moz-transform: translateY(-50%);

	-ms-transform: translateY(-50%);

	-o-transform: translateY(-50%);

	transform: translateY(-50%);

	font-size: 12px;

	-webkit-transition: all 200ms ease;

	-moz-transition: all 200ms ease;

	-ms-transition: all 200ms ease;

	-o-transition: all 200ms ease;

	transition: all 200ms ease;

}

.footer_social_item:hover

{

	background: #fa9e1b;

}

.footer_social_item:hover a i

{

	color: #31124b;

}



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

6.2 Footer - Blog

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



.footer_blog

{

	margin-top: 39px;

}

.footer_blog_item

{

	margin-bottom: 21px;

}

.footer_blog_item:last-child

{

	margin-bottom: 0px;

}

.footer_blog_image

{

	width: 60px;

	height: 60px;

	float: left;

}

.footer_blog_image img

{

	width: 100%;

}

.footer_blog_content

{

	padding-left: 81px;

}

.footer_blog_title

{

	margin-top: -4px;

	padding-left: 1px;

}

.footer_blog_title a

{

	font-size: 14px;

	font-weight: 400;

	color: #FFFFFF;

}

.footer_blog_title a:hover

{

	color: #fa9e1b;

}

.footer_blog_date

{

	font-size: 12px;

	font-weight: 400;

	color: #fa9e1b;

	margin-top: 7px;

}



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

6.3 Footer - Tags

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



.footer_tags

{

	margin-top: 40px;

}

.tag_item

{

	/*height: 35px;

	float: left;

	margin-right: 9px;

	margin-bottom: 9px;

	border: solid 1px #fa9e1b;*/

	-webkit-transition: all 200ms ease;

	-moz-transition: all 200ms ease;

	-ms-transition: all 200ms ease;

	-o-transition: all 200ms ease;

	transition: all 200ms ease;

}

.tag_item a

{

	display: block;

	font-size: 15px;

	font-weight: 400;

	color: #FFFFFF;

	line-height: 25px;

	/*padding-left: 25px;

	padding-right: 25px;*/

}

.tag_item a:hover

{

	color: #fa9e1b;

}



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

6.4 Footer - Contact Info

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



.contact_info_list

{

	margin-top: 40px;

}

.contact_info_item

{

	margin-bottom: 22px;

}

.contact_info_icon

{

	width: 20px;

	height: 20px;

	margin-right: 10px;

}

.contact_info_icon img

{

	display: block;

	width: 100%;

}

.contact_info_text,

.contact_info_text a

{

	color: #FFFFFF;

	line-height: 2.14;

	margin-top: -4px;

}

.contact_info_item:hover .contact_info_text,

.contact_info_item:hover .contact_info_text a

{

	color: #fa9e1b;

}



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

7. Copyright

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



.copyright

{

	background: #1f0733;

}

.copyright_content

{

	height: 52px;

}

.copyright_content div

{

	font-size: 12px;

	font-weight: 600;

	color: #685677;

}

.footer_nav_container

{

	height: 52px;

}

.footer_nav

{

	

}

.footer_nav_list

{

	font-size: 0px;

}

.footer_nav_item

{

	display: inline-block;

	margin-right: 40px;

}

.footer_nav_item a

{

	font-size: 12px;

	font-weight: 600;

	color: #685677;

	text-transform: uppercase;

	line-height: 2;

	-webkit-transition: all 200ms ease;

	-moz-transition: all 200ms ease;

	-ms-transition: all 200ms ease;

	-o-transition: all 200ms ease;

	transition: all 200ms ease;

}

.footer_nav_item a:hover

{

	color: #FFFFFF;

}



body.services .col .col-md-4.col-sm-6.col-xs-12 {

    position: relative;

    width: 100%;

    padding: 1.5rem;

    border-radius: 0.35rem;

    border: 1px solid rgba(0, 0, 0, 0.1);

    box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.06);

}

body.services .blog-image.services_img {

    line-height: 105px;

    text-align: center;

    height: 100px;

    width: 100px;

  

    -webkit-transition: all 200ms linear;

    -moz-transition: all 200ms linear;

    -o-transition: all 200ms linear;

    -ms-transition: all 200ms linear;

    transition: all 200ms linear;

    margin: 0 auto;

    text-align: center;
	
	border-radius: 50%;
	background: rgb(42,119,188); /* Old browsers */
background: -moz-linear-gradient(45deg,  rgba(42,119,188,1) 0%, rgba(191,109,155,1) 48%, rgba(242,146,46,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg,  rgba(42,119,188,1) 0%,rgba(191,109,155,1) 48%,rgba(242,146,46,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg,  rgba(42,119,188,1) 0%,rgba(191,109,155,1) 48%,rgba(242,146,46,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a77bc', endColorstr='#f2922e',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */


}



body.services .blog-post-content {

    text-align: center!important;

    padding-top: 25px;

}
body.services .blog-post-content a{

    color: #212121 !important;

}
body.services .blog-post-content a:hover{

    color: #e88f45 !important;

}



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

body.services .col-md-4 {

    max-width: 30.333333%;

    margin-left: 15px;

    margin-right: 15px;

    margin-top: 15px;

    margin-bottom: 15px;

}

}



@media only screen and (min-width: 320px) and  (max-width: 575px) {

body.services .col-xs-12 {

    margin-left: 15px;

    margin-right: 15px;

    margin-top: 15px;

    margin-bottom: 15px;

}

}

@media only screen and (min-width: 576px) and  (max-width: 767px) {

body.services .col-sm-6 {

    max-width: 30.333333%;

    margin-left: 8px;

    margin-right: 8px;

    margin-top: 15px;

    margin-bottom: 15px;

}

}

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

body.services .col-md-4 {

    margin-left: 10px;

    margin-right: 10px;

    margin-top: 15px;

    margin-bottom: 15px;

}

}



body.services .col .col-md-4.col-sm-6.col-xs-12:hover .blog-image.services_img {

-webkit-transform: translateY(-15px);

    -moz-transform: translateY(-15px);

    -ms-transform: translateY(-15px);

    -o-transform: translateY(-15px);

    transform: translateY(-15px);

}