/*
===============================================
			1. Inits
===============================================
*/

body{
	letter-spacing: 0;
	font-weight: 400;
	font-size: 14px;
	line-height: 1.8;
	color: #333333;
	font-family: 'Open Sans', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;	
}

h1,h2,h3,h4,h5,h6{
	font-family: 'Montserrat', sans-serif;
	line-height: 1;
	text-transform: normal;
	font-weight: 700;
	margin-top: 0;
	letter-spacing: 2px;
}

h1 {
	font-size: 45px;
}

h2{
	font-size: 33px;
}

h3 {
	font-size: 23px;
}

h4 {
	font-size: 18px;
}

h5{
	font-size: 16px;
}

h6{
	font-size: 12px;
}

input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}

img{
	border: 0;
    height: auto;
    max-width: 100%;
    vertical-align: middle;
}

.uppercase{
	text-transform: uppercase;
}

.morphext > .animated {
    display: inline-block;
}

#wrapper .clear{
	clear: both;
}

#wrapper .nopadding{
	padding: 0 !important;
}

#wrapper .nopaddingtop{
	padding-top: 0 !important;
}

#wrapper .nopaddingbottom{
	padding-bottom: 0 !important;
}

#wrapper .nomargin{
	margin: 0 !important;
}

#wrapper .nomarginbottom{
	margin-bottom: 0 !important;
}

#wrapper .mb30{
	margin-bottom: 30px;
}

#wrapper .mb50{
	margin-bottom: 50px;
}

.features_bg_gray{
	background: #ededed;
	padding: 15px;
}

.fullOpacity{
	opacity: 1 !important;
}

.accordions{
}

.accordions .panel{
	border:none;
	box-shadow: none;
}

.accordions .panel .panel-heading{
	background: transparent;
	border:1px solid #dedede;
	border-radius: 0;
	padding: 15px;
}

.accordions .panel .panel-heading h4{
	font-weight: 300;
}

.accordions .panel .panel-body{
	border: none !important;
}

.accordions .panel .panel-heading a{
	color: #555555;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.tabs .nav-tabs>li>a{
	border-radius: 0;
	color: #555555 !important;
}

.tabs .nav-tabs>li.active>a,
.tabs .nav-tabs>li.active>a:focus,
.tabs .nav-tabs>li.active>a:hover{
	border-color:#dedede;
	border-bottom-color: transparent;
}

.tabs .tab-content .tab-pane{
	padding: 15px;
}

.alert{
	border-radius: 0;
}

a{
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	transition: all 300ms linear;
}

/*
===============================================
			2. Buttons
===============================================
*/

.button{
	display: inline-block;
	color: #333333;
	text-decoration: none !important;
	padding: 15px 20px;
	border:1px solid #999999;
	font-size: 11px;
	text-transform: uppercase;
	line-height: 1;
	font-weight: 700;
	font-family: 'Raleway', sans-serif;
	letter-spacing: 2px;
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	transition: all 300ms linear;
}

.button.invert{
	border:1px solid transparent;
	color: #ffffff;
}

.button.invert:hover{
	background: #ffffff !important;
	color: #111111 !important;
}

.button.invert.bg_dark:hover{
	background: #111111 !important;
	color: #ffffff !important;
}

.button.large{
	padding: 25px 30px;
}

.button.small{
	padding: 10px 15px;
}

.button i{
	display: inline-block;
	margin-right: 10px;
	font-size: 15px;
}

.button.light{
	border:1px solid #eeeeee;
	color: #ffffff;
}

.button:hover,
.button.active{
	color: #ffffff !important;
	border:1px solid transparent;
}

.owl-controls .owl-dot span{
	background:transparent !important;
	border:1px solid #333333;
	border-radius: 50%;
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	transition: all 300ms linear;
}

.owl-controls .owl-dot.active span,
.owl-controls .owl-dot:hover span{
	background:#111111 !important;
	border:1px solid #111111;
}

.scroll_to_top{
	position: fixed;
	text-align: center;
	right: 40px;
	bottom: 40px;
	background: #333333;
	width: 50px;
	height: 50px;
	line-height: 50px;
	color: #ffffff;
	font-size: 20px;
	cursor: pointer;
	z-index: -1;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	transition: all 300ms linear;
}

.scroll_to_top.visible{
	z-index: 500;
	opacity: 1;
	visibility: visible;
}

.scroll_to_top:hover{
	background: #1d1d1d;
}

a.facebook_bg:hover{
	background: #3B5999 !important;
	color: #ffffff !important;
}

a.wordpress_bg:hover{
	background: #0076A8 !important;
	color: #ffffff !important;
}

a.twitter_bg:hover{
	background: #00BAFF !important;
	color: #ffffff !important;
}

a.googleplus_bg:hover{
	background: #D94835 !important;
	color: #ffffff !important;
}

a.youtube_bg:hover{
	background: #C8302D !important;
	color: #ffffff !important;
}

a.github_bg:hover{
	background: #7197B0 !important;
	color: #ffffff !important;
}

a.dribbble_bg:hover{
	background: #E44D87 !important;
	color: #ffffff !important;
}

a.flickr_bg:hover{
	background: #0062DD !important;
	color: #ffffff !important;
}

a.tumblr_bg:hover{
	background: #35506B !important;
	color: #ffffff !important;
}

a.vk_bg:hover{
	background: #476C98 !important;
	color: #ffffff !important;
}

a.skype_bg:hover{
	background: #00A8E9 !important;
	color: #ffffff !important;
}

a.pinterest_bg:hover{
	background: #C7212D !important;
	color: #ffffff !important;
}

a.instagram_bg:hover{
	background: #BFB4A4 !important;
	color: #ffffff !important;
}

a.linkedin_bg:hover{
	background: #007BB6 !important;
	color: #ffffff !important;
}

a.facebook:hover{
	color: #3B5999;
}


a.wordpress:hover{
	color: #0076A8;
}

a.twitter:hover{
	color: #00BAFF;
}

a.googleplus:hover{
	color: #D94835;
}

a.youtube:hover{
	color: #C8302D;
}

a.github:hover{
	color: #7197B0;
}

a.dribbble:hover{
	color: #E44D87;
}

a.flickr:hover{
	color: #0062DD;
}

a.tumblr:hover{
	color: #35506B;
}

a.vk:hover{
	color: #476C98;
}

a.skype:hover{
	color: #00A8E9;
}

a.pinterest:hover{
	color: #C7212D;
}

a.instagram:hover{
	color: #BFB4A4;
}

a.linkedin:hover{
	color: #007BB6;
}


/*
===============================================
			5. Section
===============================================
*/

.section{
	background: #ffffff;
	padding-top: 100px !important;
	padding-bottom: 100px !important;
}

.section > .section_title{
	padding-bottom: 50px;
	padding-left: 15px;
	padding-right: 15px;
	text-align: center;
	letter-spacing: 4px;
}

.section > .section_title .title{
	position: relative;
	margin-top: 0;
	padding-bottom: 15px;
	margin-bottom: 30px;
	font-weight: 700;
	font-size: 40px;
}

.section > .section_title .title:after{
	position: absolute;
	bottom: 0px;
	left: calc(50% - 25px);
	width: 50px;
	height: 1px;
	content: '';
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	transition: all 300ms linear;
}

.section > .section_title .description{
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #999999;
	font-weight: 400;
	font-size: 11px;
	line-height: 1.5;
	margin: 0;
}

.section > .section_title.ptop{
	padding-top: 100px;
}

.logo{
	float: left;
	font-family: 'Raleway', sans-serif;
	font-weight: 800;
	font-size: 30px;
	line-height: 30px;
	position: relative;
	letter-spacing: 4px;
	color: #ffffff !important;
	text-decoration: none !important;
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	transition: all 300ms linear;
}