html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
}
ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/** 02.SCAFFOLDING
**********************************/

body {
	font-size: 16px;
	color: #3a3a3a;
	background-color: #fff;
	overflow-x: hidden;
}
.gray-bg {
	background-color: #f5f5f5;
}
section.main-contents{
	margin-top:-10px;
}
/* Vertical Space classes */
.space-top { margin-top: 24px; }
.space-top-2x { margin-top: 48px; }
.space-top-3x { margin-top: 72px; }
.space-bottom { margin-bottom: 24px; }
.space-bottom-2x { margin-bottom: 48px; }
.space-bottom-3x { margin-bottom: 72px; }
.padding-top { padding-top: 24px; }
.padding-top-2x { padding-top: 48px; }
.padding-top-3x { padding-top: 72px; }
.padding-bottom { padding-bottom: 24px; }
.padding-bottom-2x { padding-bottom: 48px;}
.padding-bottom-3x { padding-bottom: 72px;}

@media screen and (max-width: 768px) {
.space-top { margin-top: 16px; }
.space-top-2x { margin-top: 32px; }
.space-top-3x { margin-top: 48px; }
.space-bottom { margin-bottom: 16px; }
.space-bottom-2x { margin-bottom: 32px; }
.space-bottom-3x { margin-bottom: 48px; }
.padding-top { padding-top: 16px; }
.padding-top-2x { padding-top: 32px; }
.padding-top-3x { padding-top: 48px; }
.padding-bottom { padding-bottom: 16px; }
.padding-bottom-2x { padding-bottom: 32px;}
.padding-bottom-3x { padding-bottom: 48px;}
}

/* Clear floats */
.clearfix:before,
.clearfix:after {
  content: " "; /* 1 */
  display: table; /* 2 */
}
.clearfix:after {
  clear: both;
}

/* Links */
a {
	text-decoration: none;
	webkit-transition: all 0.3s;
	transition: all 0.3s;
}
a.link-invert {
	opacity: .5;
}
a:hover,
a:focus {
	text-decoration: none;
	outline: none;
}
a.link-invert:hover,
a.link-invert:focus {
	opacity: 1;
}
hr {
	width: 100%;
	margin: 0;
}
strong {
	font-weight: 600;
}

/* Responsive media by default */
img,
iframe,
embed {
	max-width: 100%;
}

/* Text Selection Color */
::selection { color: #fff; background: #3a3a3a; }
::-moz-selection { color: #fff; background: #3a3a3a; }


/** 03.TYPOGRAPHY
**********************************/

h1, h2, h3,
.h1, .h2, .h3 {
	
}
h1, .h1 {
	line-height:26px;
	margin-bottom: 20px;
}
@media screen and (max-width: 768px){
	h1, .h1 {
		font-size: 16px !important;
	}
}
h2, .h2 {
	font-size: 36px;
	margin-bottom: 24px;
}
@media screen and (max-width: 768px){
	h2, .h2 {
		font-size: 30px;
	}
}
h3, .h3 {
	font-size: 24px;
	margin-bottom: 20px;
}
h4, .h4 {
	font-size: 18px;
	font-weight: normal;
	line-height: 1.2;
	margin-bottom: 16px;
}
h5, .h5 {
	font-size: 16px;
	font-weight: 600;
	line-height: 1.2;
	margin-bottom: 12px;
}
h6, .h6 {
	font-size: 14px;
	font-weight: 700;
	line-height: 1.2;
	margin-bottom: 8px;
}

p {
	font-size: 16px;
	line-height: 1.5;
	margin-bottom: 20px;
}
dl dd {
	margin-bottom: 45px;
}
dl dt {
	font-size: 24px;
	font-weight: solid;
	font-weight: 300;
	text-transform: uppercase;
	margin-bottom: 24px;
}
dl dt span {
	margin-right: 11px;
	color: #8e8e93;
}
dl dd {
	font-size: 16px;
	line-height: 1.5;
	padding-left: 26px;
}
em {
	font-style: italic;
}

.text-smaller {
	font-size: 14px;
	line-height: 1.58;
}
.lead {
	font-size: 22px;
	font-weight: 300;
}
.text-extra-big {
	font-size: 72px;
	font-weight: 300;
	margin: 0 0 12px -3px;
}
@media screen and (max-width: 1200px) {
	.text-extra-big {
		font-size: 64px;
	}
}
@media screen and (max-width: 991px) {
	.text-extra-big {
		font-size: 48px;
	}
}
.color-gradient {
	color: #8e8e93;
	background: -webkit-linear-gradient(#aeaeb0, #68686e);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.link:after {
	font-family: "Flaticon";
	content: "\e022";
	font-size: 23px;
	vertical-align: middle;
	margin-left: 12px;
}
.text-right .link:after,
.link.text-right:after {
	display: none;
}
.text-right .link:before,
.link.text-right:before {
	font-family: "Flaticon";
	content: "\e030";
	font-size: 23px;
	vertical-align: middle;
	margin-right: 12px;
}
.text-light {
	font-weight: 300 !important;
}
.text-normal {
	font-weight: normal !important;
}
.text-semibold {
	font-weight: 600 !important;
}
.text-bold {
	font-weight: 700 !important;
}
figure figcaption {
	text-align: right;
	font-size: 12px;
	color: #8e8e93;
	margin-top: 13px;
}

/* Lists */
.unordered-list, ol,
.unstyled-list {
	line-height: 1.8;
}
.unordered-list li {
	position: relative;
	padding-left: 20px;
}
.unordered-list li:before {
	display: block;
	position: absolute;
	content: "";
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background-color: #c4c4c4;
	top: 12px;
	left: 0;
}
.text-smaller.unordered-list li:before,
.text-smaller .unordered-list li:before {
	top: 10px;
}
ol {
	padding-left: 23px;
}
.unstyled-list {
	list-style: none;
}

/* Page Heading */
.page-heading {
	padding-top: 0px; 
	margin-bottom: 0px;
}
@media screen and (max-width: 991px) {
	.page-heading {
		padding-top: 0px; 
	}
}
.page-heading .container {
	position: relative;
}
.page-heading h1,
.page-heading h2,
.page-heading h3 {
	width: 100%;
	font-size: 24px;
	font-weight: 300;
	color: #8e8e93;
	padding-top:25px;
}
.page-heading .search-box {
	position: absolute;
	top: 0;
	left: 15px;
}

/* Block Heading */
.block-heading {
	margin-bottom: 34px;
}
.block-heading h1,
.block-heading h2,
.block-heading h3 {
	margin-bottom: 11px;
	line-height: 1.4;
}
.block-heading span,
.block-heading p {
	display: block;
	font-size: 14px;
	color: #8e8e93;
	line-height: 1.5;
}
.light-color .block-heading span,
.light-color.block-heading span,
.light-color .block-heading p,
.light-color.block-heading p {
	color: #fff;
	font-weight: 300;
	opacity: .5;
}

/* Badge */
.badge {
	font-size: 12px;
	color: #bebebe;
	margin-bottom: 30px;
}
.badge .icon {
	display: inline-block;
	vertical-align: middle;
	width: 36px;
	height: 70px;
	color: #fff;
	text-align: center;
	padding-top: 21px;
	margin-right: 10px;
	background: rgba(0,255,128,1);
	background: -moz-linear-gradient(top, rgba(0,255,128,1) 0%, rgba(0,119,255,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,255,128,1)), color-stop(100%, rgba(0,119,255,1)));
	background: -webkit-linear-gradient(top, rgba(0,255,128,1) 0%, rgba(0,119,255,1) 100%);
	background: -o-linear-gradient(top, rgba(0,255,128,1) 0%, rgba(0,119,255,1) 100%);
	background: -ms-linear-gradient(top, rgba(0,255,128,1) 0%, rgba(0,119,255,1) 100%);
	background: linear-gradient(to bottom, rgba(0,255,128,1) 0%, rgba(0,119,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ff80', endColorstr='#0077ff', GradientType=0 );
}
.badge .icon i:before,
.badge .icon i:before {
	font-size: 28px;
}
.badge.alt-color .icon {
	background: rgba(242,255,0,1);
	background: -moz-linear-gradient(top, rgba(242,255,0,1) 0%, rgba(0,255,204,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(242,255,0,1)), color-stop(100%, rgba(0,255,204,1)));
	background: -webkit-linear-gradient(top, rgba(242,255,0,1) 0%, rgba(0,255,204,1) 100%);
	background: -o-linear-gradient(top, rgba(242,255,0,1) 0%, rgba(0,255,204,1) 100%);
	background: -ms-linear-gradient(top, rgba(242,255,0,1) 0%, rgba(0,255,204,1) 100%);
	background: linear-gradient(to bottom, rgba(242,255,0,1) 0%, rgba(0,255,204,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2ff00', endColorstr='#00ffcc', GradientType=0 );
}
.badge.alt-color-2 .icon {
	background: rgba(80,251,220,1);
	background: -moz-linear-gradient(top, rgba(80,251,220,1) 0%, rgba(86,194,244,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(80,251,220,1)), color-stop(100%, rgba(86,194,244,1)));
	background: -webkit-linear-gradient(top, rgba(80,251,220,1) 0%, rgba(86,194,244,1) 100%);
	background: -o-linear-gradient(top, rgba(80,251,220,1) 0%, rgba(86,194,244,1) 100%);
	background: -ms-linear-gradient(top, rgba(80,251,220,1) 0%, rgba(86,194,244,1) 100%);
	background: linear-gradient(to bottom, rgba(80,251,220,1) 0%, rgba(86,194,244,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#50fbdc', endColorstr='#56c2f4', GradientType=0 );
}
.badge.alt-color-3 .icon {
	background: rgba(0,187,255,1);
	background: -moz-linear-gradient(top, rgba(0,187,255,1) 0%, rgba(0,123,255,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,187,255,1)), color-stop(100%, rgba(0,123,255,1)));
	background: -webkit-linear-gradient(top, rgba(0,187,255,1) 0%, rgba(0,123,255,1) 100%);
	background: -o-linear-gradient(top, rgba(0,187,255,1) 0%, rgba(0,123,255,1) 100%);
	background: -ms-linear-gradient(top, rgba(0,187,255,1) 0%, rgba(0,123,255,1) 100%);
	background: linear-gradient(to bottom, rgba(0,187,255,1) 0%, rgba(0,123,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00bbff', endColorstr='#007bff', GradientType=0 );
}
.badge.alt-color-4 .icon {
	background: rgba(76,217,99,1);
	background: -moz-linear-gradient(top, rgba(76,217,99,1) 0%, rgba(24,181,53,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(76,217,99,1)), color-stop(100%, rgba(24,181,53,1)));
	background: -webkit-linear-gradient(top, rgba(76,217,99,1) 0%, rgba(24,181,53,1) 100%);
	background: -o-linear-gradient(top, rgba(76,217,99,1) 0%, rgba(24,181,53,1) 100%);
	background: -ms-linear-gradient(top, rgba(76,217,99,1) 0%, rgba(24,181,53,1) 100%);
	background: linear-gradient(to bottom, rgba(76,217,99,1) 0%, rgba(24,181,53,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4cd963', endColorstr='#18b535', GradientType=0 );
}
.badge.badge-reverse {
	text-align: right;
}
.badge.badge-reverse .icon {
	margin-right: 0;
	margin-left: 15px;
}

/* Text Alignment */
.text-left {
	text-align: left !important;
}
.text-center {
	text-align: center !important;
}
.text-right {
	text-align: right !important;
}
.text-justify {
	text-align: justify !important;
}

/* Text Style */
.text-uppercase {
	text-transform: uppercase !important;
}
.text-italic {
	font-style: italic !important;
}

/* Light Text */
.light-color {
	color: #fff !important;
}
.light-color a,
.light-color .link,
.light-color.link {
	color: #000 !important;
	opacity: .5;
	font-weight: 300;
}
.light-color a:hover,
.light-color .link:hover,
.light-color.link:hover {
	opacity: 1;
}

/* Text Color Variation */
.text-muted {
	color: #c4c4c4 !important;
}
.text-gray {
	color: #8e8e93 !important;
}
.text-primary {
	color: #007aff !important;
}
.text-success {
	color: #4cd964 !important;
}
.text-info {
	color: #5ac8fa !important;
}
.text-warning {
	color: #ffcc00 !important;
}
.text-danger {
	color: #ff2d55 !important;
}
.light-color .text-muted,
.light-color .text-gray,
.light-color .text-primary,
.light-color .text-success,
.light-color .text-info,
.light-color .text-warning,
.light-color .text-danger {
	font-weight: normal !important;
}


/** 04.SOCIAL BUTTONS
**********************************/

.social-buttons {
	position: relative;
	z-index: 10;
}
.social-buttons a {
	display: inline-block;
	font-size: 17px;
	text-decoration: none;
	margin:0;
	height:20px;
	width:17px;
	opacity: .5;
	padding:0;
	text-align:center;
	line-height:20px;
	-webkit-transition: opacity 0.3s;
					transition: opacity 0.3s;
	-webkit-backface-visibility: hidden;
}
.social-buttons a:hover {
	opacity: 1;
}

/* Behance */
.sb-behance { color: #1769ff; }
.sb-behance:hover { color: #1769ff; }
/* Bitbucket */
.sb-bitbucket { color: #205081; }
.sb-bitbucket:hover { color: #205081; }
/* CodePen */
.sb-codepen { color: #76daff; }
.sb-codepen:hover { color: #76daff; }
/* DeviantArt */
.sb-deviantart { color: #4e6252; }
.sb-deviantart:hover { color: #4e6252; }
/* Digg */
.sb-digg { color: #000000; }
.sb-digg:hover { color: #000000; }
/* Dribbble */
.sb-dribbble { color: #ea4c89; }
.sb-dribbble:hover { color: #ea4c89; }
/* Dropbox */
.sb-dropbox { color: #007ee5; }
.sb-dropbox:hover { color: #007ee5; }
/* Facebook */
.sb-facebook { color: #1283ff; }
.sb-facebook:hover { color: #1283ff; }
/* Flickr */
.sb-flickr { color: #0063dc; }
.sb-flickr:hover { color: #0063dc; }
/* Foursquare */
.sb-foursquare { color: #ef4b78; }
.sb-foursquare:hover { color: #ef4b78; }
/* GitHub */
.sb-github { color: #4183c4; }
.sb-github:hover { color: #4183c4; }
/* Google+ */
.sb-google-plus { color: #dd4b39; }
.sb-google-plus:hover { color: #dd4b39; }
/* Instagram */
.sb-instagram { color: #3f729b; }
.sb-instagram:hover { color: #3f729b; }
/* Jsfiddle */
.sb-jsfiddle { color: #4679bd; }
.sb-jsfiddle:hover { color: #4679bd; }
/* LastFM */
.sb-lastfm { color: #e31b23; }
.sb-lastfm:hover { color: #e31b23; }
/* LinkedIn */
.sb-linkedin { color: #0976b4; }
.sb-linkedin:hover { color: #0976b4; }
/* PayPal */
.sb-paypal { color: #253b80; }
.sb-paypal:hover { color: #253b80; }
/* Pinterest */
.sb-pinterest { color: #cc2127; }
.sb-pinterest:hover { color: #cc2127; }
/* Reddit */
.sb-reddit { color: #ff4500; }
.sb-reddit:hover { color: #ff4500; }
/* Skype */
.sb-skype { color: #00aff0; }
.sb-skype:hover { color: #00aff0; }
/* SoundCloud */
.sb-soundcloud { color: #f80; }
.sb-soundcloud:hover { color: #f80; }
/* Stack Overflow */
.sb-stackoverflow { color: #fe7a15; }
.sb-stackoverflow:hover { color: #fe7a15; }
/* Steam */
.sb-steam { color: #7da10e; }
.sb-steam:hover { color: #7da10e; }
/* StumbleUpon */
.sb-stumbleupon { color: #eb4924; }
.sb-stumbleupon:hover { color: #eb4924; }
/* Trello */
.sb-trello { color: #256a92; }
.sb-trello:hover { color: #256a92; }
/* Tumblr */
.sb-tumblr { color: #35465c; }
.sb-tumblr:hover { color: #35465c; }
/* Twitch */
.sb-twitch { color: #6441a5; }
.sb-twitch:hover { color: #6441a5; }
/* Twitter */
.sb-twitter { color: #55acee; }
.sb-twitter:hover { color: #55acee; }
/* Vimeo */
.sb-vimeo { color: #1ab7ea; }
.sb-vimeo:hover { color: #1ab7ea; }
/* Vine */
.sb-vine { color: #00b488; }
.sb-vine:hover { color: #00b488; }
/* VKontakte */
.sb-vk { color: #45668e; }
.sb-vk:hover { color: #45668e; }
/* WeChat */
.sb-wechat { color: #98d11c; }
.sb-wechat:hover { color: #98d11c; }
/* WordPress */
.sb-wordpress { color: #21759b; }
.sb-wordpress:hover { color: #21759b; }
/* XING */
.sb-xing { color: #026466; }
.sb-xing:hover { color: #026466; }
/* Yahoo! */
.sb-yahoo { color: #400191; }
.sb-yahoo:hover { color: #400191; }
/* Yelp */
.sb-yelp { color: #af0606; }
.sb-yelp:hover { color: #af0606; }
/* YouTube */
.sb-youtube { color: #e52d27;}
.sb-youtube:hover { color: #e52d27;}


/** 05.FORMS
**********************************/

.form-control {
	width: 100%;
	font-size: 14px;
	background:#fff;
	border: none;
	min-height:32px;
	line-height:30px;
	padding:5px 10px;
	border-radius: 0;
	margin-top:5px;
	border: 1px solid #999;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
}
.form-control:focus {
	outline: none;
}
textarea.form-control {
	padding-top: 12px;
}
.form-control::-moz-placeholder {
    color: #007aff;
    opacity: .5;
}
.form-control:-ms-input-placeholder {
	color: #007aff;
	opacity: .5;
	line-height: 1.3;
  -webkit-transition: opacity 0.25s;
  				transition: opacity 0.25s;
}
.form-control::-webkit-input-placeholder  {
	color: #007aff;
	opacity: .5;
	line-height: 1.3;
  -webkit-transition: opacity 0.25s;
  				transition: opacity 0.25s;
}
.form-control:focus::-moz-placeholder {
	opacity: 1;
}
.form-control:focus:-ms-input-placeholder {
	opacity: 1;
}
.form-control:focus::-webkit-input-placeholder {
	opacity: 1;
}
.form-group {
	position: relative;
	margin-bottom: 14px;
}
.form-group + .checkbox,
.form-group + .checkbox-inline,
.form-group + .radio,
.form-group + .radio-inline {
	margin-top: 36px;
}
.helper-text {
	font-size: 13px;
}
.helper-link {
	position: absolute;
	top: 0;
	right: 0;
	font-size: 12px;
	margin-top: 2px;
	margin-right:5px;
	opacity: .5;
}
.helper-link:hover {
	opacity: 1;
	visibility: visible;
  -webkit-transition: all 0.25s;
  				transition: all 0.25s;
}

/* Validation */
label.error {
	display: none !important;
}
.form-control.error {
	color: #ff2d55;
	border-color: #ff2d55;
}
.form-control.error::-moz-placeholder {
	color: #ff2d55;
}
.form-control.error:-ms-input-placeholder {
	color: #ff2d55;
}
.form-control.error::-webkit-input-placeholder {
	color: #ff2d55;
}
.form-control.valid {
	border-color: #4cd964;
}
.form-control:focus ~ .helper-link,
.form-control.error ~ .helper-link,
.form-control.valid ~ .helper-link {
	opacity: 0;
	visibility: hidden;
}
.error-label,
.valid-label {
	position: absolute;
	top: 50%;
	font-weight: 300;
	right: 0;
	font-size: 26px;
	margin-top: -13px;
	opacity: 0;
	visibility: hidden;
  -webkit-transition: all 0.3s;
  				transition: all 0.3s;
}
.error-label:before,
.valid-label:before {
	font-family: "Flaticon";
}
.error-label:before {
	color: #ff2d55;
	content: "!";
	padding-right: 10px;
}
.valid-label:before {
	color: #4cd964;
	content: "\e07c";
}
.form-control.error ~ .error-label,
.form-control.valid ~ .valid-label {
	opacity: 1;
	visibility: visible;
}
.response-holder {
	visibility: hidden;
	opacity: 0;
	padding: 12px 0;
	font-size: 13px;
	line-height: 1.8;
  -webkit-transition: all 0.4s;
  				transition: all 0.4s;
}
.response-holder.error,
.response-holder.success {
	visibility: visible;
	opacity: 1;
}
.response-holder.error {
	color: #ff2d55; 
}
.response-holder.success {
	color: #4cd964;
}

/* Custom Checkboxes and Radios */
.checkbox,
.radio,
.checkbox-inline,
.radio-inline {
	display: block;
	font-size: 14px;
	color: #8e8e93;
	cursor: default;
	margin-bottom: 15px;
	-webkit-user-select: none;
		 -moz-user-select: none;
		  -ms-user-select: none;
		   		user-select: none;
}
label.hover {
	cursor: pointer;
}
.checkbox-inline,
.radio-inline {
	display: inline-block;
	margin-right: 15px;
}
.text-right .checkbox-inline,
.text-right .radio-inline {
	margin-left: 15px;
	margin-right: 0;
}
.icheckbox,
.iradio {
  position: relative;
  display: inline-block;
  margin-right: 6px;
  width: 18px;
  height: 18px;
  vertical-align: middle;
  margin-top: -2px;
  border: 1px solid #007aff;
  border-radius: 50%;
  cursor: pointer;
  -webkit-transition: background-color 0.2s;
  				transition: background-color 0.2s;
}
.icheckbox,
.radio-alt .iradio {
  padding: 2px 0 0 3px;
}
.icheckbox:before,
.radio-alt .iradio:before {
  display: block;
  font-family: "Flaticon";
  content: '\e07c';
  font-size: 11px;
  color: #fff;
  opacity: 0;
  -webkit-transition: opacity 0.2s;
  				transition: opacity 0.2s;
}
.icheckbox.checked,
.iradio.checked {
	background-color: #007aff;
}
.iradio {
  padding: 5px 0 0 5px;
}
.radio-alt .iradio {
	padding: 2px 0 0 3px !important;
}
.iradio:before {
  display: block;
  content: '';
  width: 6px;
  height: 6px;
  background-color: #fff;
  border-radius: 50%;
  opacity: 0;
  -webkit-transition: opacity 0.2s;
  				transition: opacity 0.2s;
}
.radio-alt .iradio:before {
	background-color: transparent;
	width: auto;
	height: auto;
}
.icheckbox.checked:before,
.iradio.checked:before {
	opacity: 1;
}
.icheckbox.disabled,
.iradio.disabled {
	border-color: #cccccc;
	background-color: #cccccc;
	cursor: default;
}
.checkbox.size-lg,
.radio.size-lg,
.checkbox-inline.size-lg,
.radio-inline.size-lg {
	font-size: 16px;
	font-weight: 300;
}
.checkbox-inline.size-lg,
.radio-inline.size-lg {
	margin-right: 25px;
}
.text-right .checkbox-inline.size-lg,
.text-right .radio-inline.size-lg {
	margin-left: 25px;
	margin-right: 0;
}
.size-lg .icheckbox,
.size-lg .iradio {
	width: 26px;
	height: 26px;
	border-width: 2px;
}
.size-lg .icheckbox,
.size-lg.radio-alt .iradio {
	padding: 6px 0 0 5px !important;
}
.size-lg .icheckbox {
	padding: 6px 0 0 6px !important;
}
.size-lg .iradio {
	padding: 6px 0 0 6px;
}
.size-lg .icheckbox:before,
.size-lg.radio-alt .iradio:before {
  font-family: "Flaticon";
  content: '\e07c';
  font-size: 13px;
	-webkit-text-stroke-width: 1px;
	-webkit-font-smoothing: antialiased;
}
.size-lg .iradio:before {
	width: 10px;
	height: 10px;
}
.light-color .checkbox,
.light-color .radio,
.light-color .checkbox-inline,
.light-color .radio-inline {
	color: #fff;
}
.light-color .icheckbox,
.light-color .iradio {
	border-color: #fff;
}
.light-color .icheckbox.checked,
.light-color .iradio.checked {
	background-color: #fff;
}
.light-color .icheckbox:before,
.light-color .radio-alt .iradio:before {
	color: #3a3a3a;
}
.light-color .iradio:before {
	background-color: #3a3a3a;
}
.light-color .size-lg .iradio:before,
.light-color.size-lg .iradio:before {
	background-color: #5e5e5e; 
}
.light-color .size-lg .icheckbox:before,
.light-color.size-lg .icheckbox:before,
.light-color .size-lg.radio-alt .iradio:before,
.light-color.size-lg.radio-alt .iradio:before {
	color: #5e5e5e; 
}
.light-color .radio-alt .iradio:before {
	background-color: transparent;
}
.icheckbox.disabled,
.iradio.disabled {
	border-color: #fff;
	background-color: #fff;
	opacity: .6;
}


/** 06.BUTTONS
**********************************/

.btn {
	display: inline-block;
	height: 48px;
	white-space: nowrap;
	color: #3a3a3a;
	text-decoration: none;
	font-size: 14px;
	font-weight: 600;
	line-height: 46px;
	text-align: center;
	padding: 0 28px;
	border: 1px solid #3a3a3a;
	border-radius: 8px;
	background-color: transparent;
	vertical-align: middle;
	margin: 10px 10px 10px 0;
	-webkit-transition: all 0.3s;
					transition: all 0.3s;
}
.btn:hover,
.btn-round:hover {
	color: #3a3a3a;
	text-decoration: none;
	outline: none;
	box-shadow: none;
}
.btn:focus,
.btn-round:focus {
	outline: none;
}

/* Button Variants */
.btn-default {
	background: rgb(73,73,73);
	background: -moz-linear-gradient(top, rgb(73,73,73) 0%, rgb(49,49,49) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgb(73,73,73)), color-stop(100%, rgb(49,49,49)));
	background: -webkit-linear-gradient(top, rgb(73,73,73) 0%, rgb(49,49,49) 100%);
	background: -o-linear-gradient(top, rgb(73,73,73) 0%, rgb(49,49,49) 100%);
	background: -ms-linear-gradient(top, rgb(73,73,73) 0%, rgb(49,49,49) 100%);
	background: linear-gradient(to bottom, rgb(73,73,73) 0%, rgb(49,49,49) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#494949', endColorstr='#313131', GradientType=0 );
	border-color: rgb(73,73,73);
}
.btn-default:hover {
	background: rgb(49,49,49);
	background: -moz-linear-gradient(top, rgb(49,49,49) 0%, rgb(49,49,49) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgb(49,49,49)), color-stop(100%, rgb(49,49,49)));
	background: -webkit-linear-gradient(top, rgb(49,49,49) 0%, rgb(49,49,49) 100%);
	background: -o-linear-gradient(top, rgb(49,49,49) 0%, rgb(49,49,49) 100%);
	background: -ms-linear-gradient(top, rgb(49,49,49) 0%, rgb(49,49,49) 100%);
	background: linear-gradient(to bottom, rgb(49,49,49) 0%, rgb(49,49,49) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#494949', endColorstr='#313131', GradientType=0 );
	border-color: rgb(49,49,49);
}
.btn-primary {
	background-color: #007aff;
	border-color: #007aff;
}
.btn-primary:hover {
	background-color: #3396ff;
	border-color: #3396ff;
}
.btn-success {
	background-color: #4cd964;
	border-color: #4cd964;
}
.btn-success:hover {
	background-color: #74e286;
	border-color: #74e286;
}
.btn-info {
	background-color: #5ac8fa;
	border-color: #5ac8fa;
}
.btn-info:hover {
	background-color: #8dd9fb;
	border-color: #8dd9fb;
}
.btn-warning {
	/*background-color: #ffcc00;
	border-color: #ffcc00;*/
}
.btn-warning:hover {
	/*background-color: #ffd633;
	border-color: #ffd633;*/
}
.btn-danger {
	background-color: #ff2d55;
	border-color: #ff2d55;
}
.btn-danger:hover {
	background-color: #ff617e;
	border-color: #ff617e;
}

/* Round Button */
.btn-round {
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	width: 72px;
	height: 72px;
	border: 1px solid transparent;
	border-radius: 50%;
	-webkit-transition: all 0.3s;
					transition: all 0.3s;
}
.btn-round i {
	font-size: 25px;
	line-height: 70px;
}
.btn-round i.flaticon-correct7 {
	font-size: 32px;
}

/* Ghost Buttons */
.btn-ghost {
	background: transparent; 
}
.btn-ghost.btn-default {
	border-color: rgb(49,49,49);
	color: rgb(49,49,49) !important;
}
.btn-ghost.btn-default:hover {
	background-color: rgb(49,49,49);
}
.btn-ghost.btn-primary {
	border-color: #007aff;
	color: #007aff !important;
}
.btn-ghost.btn-primary:hover {
	background-color: #007aff;
}
.btn-ghost.btn-success {
	border-color: #4cd964;
	color: #4cd964 !important;
}
.btn-ghost.btn-success:hover {
	background-color: #4cd964;
}
.btn-ghost.btn-info {
	border-color: #5ac8fa;
	color: #5ac8fa !important;
}
.btn-ghost.btn-info:hover {
	background-color: #5ac8fa;
}
.btn-ghost.btn-warning {
	/*border-color: #ffcc00;
	color: #ffcc00 !important;*/
}
.btn-ghost.btn-warning:hover {
	/*background-color: #ffcc00;*/
}
.btn-ghost.btn-danger {
	border-color: #ff2d55;
	color: #ff2d55 !important;
}
.btn-ghost.btn-danger:hover {
	background-color: #ff2d55;
}
.btn-default, .btn-primary, .btn-success,
.btn-info, .btn-warning, .btn-danger, 
.btn-default:hover, .btn-primary:hover, .btn-success:hover,
.btn-info:hover, .btn-warning:hover, .btn-danger:hover,
.btn-ghost.btn-default:hover, .btn-ghost.btn-primary:hover, .btn-ghost.btn-success:hover,
.btn-ghost.btn-info:hover, .btn-ghost.btn-warning:hover, .btn-ghost.btn-danger:hover {
	color: #fff !important;
}

/* Button Sizes */
.btn-lg {
	height: 72px;
	line-height: 70px;
	border-radius: 12px;
	padding: 0 34px;
}
.btn-sm {
	height: 36px;
	line-height: 34px;
	border-radius: 4px;
}
.btn-xs {
	height: 24px;
	line-height: 22px;
	font-size: 12px;
	font-weight: normal;
	border-radius: 2px;
}

/** 07.INTRO
**********************************/

.intro {
	position: fixed;
	width: 100%;
	min-height: 100%;
	top: 0;
	left: 0;
	z-index: 1;
	color: #fff;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	-webkit-backface-visibility: hidden;
}
.touch .intro {
	position: relative;
}
.fixed-footer .intro.transparent {
	opacity: 0;
}
.intro .gradient {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	min-height: 100%;
	opacity: .9;
	background: rgb(58,28,255);
	background: -moz-linear-gradient(top, rgb(58,28,255) 0%, rgb(255,58,48) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgb(58,28,255)), color-stop(100%, rgb(255,58,48)));
	background: -webkit-linear-gradient(top, rgb(58,28,255) 0%, rgb(255,58,48) 100%);
	background: -o-linear-gradient(top, rgb(58,28,255) 0%, rgb(255,58,48) 100%);
	background: -ms-linear-gradient(top, rgb(58,28,255) 0%, rgb(255,58,48) 100%);
	background: linear-gradient(to bottom, rgb(58,28,255) 0%, rgb(255,58,48) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a1cff', endColorstr='#ff3a30', GradientType=0 );
}
.intro .container {
	position: relative;
	z-index: 10;
}

/** 08.MAIN CONTENT WRAP
**********************************/

.content-wrap {
	position: relative;
	z-index: 20;
	-webkit-backface-visibility: hidden;
}


/** 09.NAVBAR
**********************************/

.navbar {
	position: relative;
	z-index: 100;
	width: 100%;
	height: 40px;
	margin-bottom:18px;
	-webkit-backface-visibility: hidden;
}
.navbar.navbar-fixed-top {
	position: fixed;
	top: 0;
}
.navbar.navbar-fixed-top + * {
	padding-top: 96px;
}
.navbar.navbar-fixed-top + .page-heading {
	padding-top: 152px;
}
.navbar-sticky.stuck {
	position: fixed;
	top: 0;
}
.navbar:before,
.navbar:after {
  content: " "; /* 1 */
  display: table; /* 2 */
}
.navbar:after {
  clear: both;
}
.navbar .logo {
	height:40px;
	font-size: 18px;
	line-height: 40px;
	color: #8e8e93;
	float:left;
	text-decoration: none;
}
.navbar .logo img {
	display: inline-block;
	height:40px;
	position: relative;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
.navbar .menu{
	float:left;
	list-style-type:none;
	display:inline-block;
	height: 40px;
}
.navbar .menu .menu-level-0{
	font-weight:bold;
}
.navbar .menu li{
	float:left;
	height:40px;
}
.navbar .menu li a{
	display:block;
}
.navbar .menu .menu-level-0{
	height:40px;
	line-height:40px;
	padding:0 10px;
}
.navbar .social-buttons {
	display: inline-block;
}
.navbar .toolbar {
	float: right;
	text-align: right;
	height:40px;
	width:40px;
	position: absolute;
    right: 10px;
}
}
.navbar .toolbar a {
	font-size: 14px;
}
.navbar .toolbar span {
	display: inline-block;
	vertical-align: middle;
	font-size: 12px;
	color: #8e8e93;
	width:40px;
	margin-right: 0px;
}
.navbar .toolbar .action-btn {
	position: relative;
	margin: 0 27px 0 18px;
}
.navbar .toolbar .action-btn:hover {
	opacity: 1;
}
.navbar .nav-toggle {
	opacity: 1;
	margin-left: 0;
	height:40px;
	padding:0 5px ;
}
.nav-toggle.nav-open {
	opacity: 0;
}
.navbar .nav-toggle i{
	
}
.navbar .nav-toggle:hover {
	color: #4da3ff;
}
.navcompanyname{
	display:none;
	float:left;
	position:absolute;
	height:40px;
	line-height:40px;
	margin-left:10px;
	font-size:12px;
	vertical-align:top;
}
.navcompanyname:hover{
	cursor:pointer;
}
.navcompanyname i{
	float:left;
	font-size:20px;
	margin-right:10px;
	margin-top:10px;
}
.navcompanyname span{
	display:block;
	float:left;
	padding-top: 1px;
}
#slidefordesktop{
	display: block;
}
#slideformobile{
	display: none;
}
@media screen and (max-width: 768px) {
	.navbar .toolbar {
		right: 0px;
	}
	#slideformobile{
		display: block;
	}
	#slidefordesktop{
		display: none;
	}
	.navbar .menu{
		display:none;
	}
	div.topcompanyname{
		display:none;
	}
	.navcompanyname{
		display:block;
		font-size: 16px !important;
	}
	.nav-toggle{
		margin-right:10px;
	}
	section.gradient-veribg{
		margin-top:-20px;
	}
	.masonry-grid .item .post-tile .btn, .masonry-grid .item .post-tile img{
		width:100%;
	}
    .topphone.bv3{
        padding-right: 15px;
        overflow: hidden;
        width: calc(100% - 180px);
        padding: 0px;
        align-items: center;
        line-height: 14px;
    }
    .topphone.bv3 span{font-size: 0.9em;font-weight: 100 !important;}
    .main-header-topbar .topbar > .container{display: flex;align-items: center;height: 40px;}
}
@media screen and (max-width: 470px) {
    
}
/** 10.OFF-CANVAS NAVIGATION
*************************************/

.offcanvas-nav {
	position: fixed;
	z-index: 1000;
	width: 385px;
	min-height: 100%;
	top: 0;
	right: 0;
	-webkit-box-shadow: -5px 0px 10px 0px rgba(0,0,0,0.22);
	-moz-box-shadow: -5px 0px 10px 0px rgba(0,0,0,0.22);
	box-shadow: -5px 0px 10px 0px rgba(0,0,0,0.22);
	visibility: hidden;
	-webkit-transform: translateX(100%);
					transform: translateX(100%);
	-webkit-transition: -webkit-transform 400ms cubic-bezier(0.785, 0.135, 0.150, 0.860), visibility 400ms; 
  -moz-transition: transform 400ms cubic-bezier(0.785, 0.135, 0.150, 0.860), visibility 400ms; 
  -o-transition: transform 400ms cubic-bezier(0.785, 0.135, 0.150, 0.860), visibility 400ms; 
  transition: transform 400ms cubic-bezier(0.785, 0.135, 0.150, 0.860), visibility 400ms; /* easeInOutCirc */
  background:#000;
}
.offcanvas-nav.open {
	visibility: visible;
	-webkit-transform: translateX(0);
					transform: translateX(0);
}
.offcanvas-backdrop {
	display: block;
	position: fixed;
	z-index: 995;
	width: 100%;
	min-height: 100%;
	top: 0;
	left: 0;
	cursor: pointer;
}
.offcanvas-nav:before {
	position: absolute;
	display: block;
	content: "";
	width: 100%;
	min-height: 100%;
	top: 0;
	left: 0;
	background-image: url(../img/offcanvas-bg.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	background-color:#FFF;
	opacity: .97;
}
.offcanvas-nav .nav-head,
.offcanvas-nav .nav-body {
	position: relative;
	z-index: 10;
	padding: 10px 20px;
}
.offcanvas-nav .nav-body {
	padding: 30px 0;
}
.offcanvas-nav .nav-body .inner {
	padding: 0 10px;
}
.offcanvas-nav .nav-head {
	border-bottom: 1px solid rgba(255,255,255,0.3);
}
.offcanvas-nav .top-bar {
	position: relative;
	width: 100%;
	margin-bottom: 10px;
}
.offcanvas-nav .nav-toggle {
	margin-left: 0;
	margin-right: 7px;
}
.offcanvas-nav .clear-linebox{
	border-bottom:1px solid #957497;
	margin-bottom:10px;
	height:10px;
	clear:both;
}
.search-box {
	position: relative;
	z-index: 10;
	display: inline-block;
	vertical-align: middle;
	width: 100%;
	max-width: 267px;
	height: 36px;
}
.search-box input {
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	width: 100%;
	max-width: 0px;
	height: 36px;
	border: none;
	background-color: #fff;
	border-radius: 18px;
	padding-left: 38px;
	padding-right: 15px;
	font-size: 14px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
	opacity: 0;
	visibility: hidden;
  -webkit-transition: all 0.3s;
  				transition: all 0.3s;
}
.search-box input:focus {
	outline: none;
}
.search-icon {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: 13px;
	height: 13px;
	border: 1px solid #007aff;
	border-radius: 50%;
	cursor: pointer;
}
.search-icon:before {
	position: absolute;
	display: block;
	content: "";
	width: 2px;
	height: 7px;
	background-color: #007aff;
	bottom: -5px;
	right: -2px;
	-webkit-transform: rotate(-45deg);
					transform: rotate(-45deg);
}
.offcanvas-nav .search-toggle.search-icon {
	border-color: #fff;
}
.offcanvas-nav .search-toggle.search-icon:before {
	background-color: #fff;
}
.search-box .search-toggle,
.search-box .search-btn {
	display: block;
	position: absolute;
	padding: 0;
	left: 12px;
	top: 10px;
}
.search-box .search-toggle {
	z-index: 1;
	opacity: 1;
	color:#fff;
	-webkit-transition: all 0.3s;
					transition: all 0.3s;
}
.search-box .search-toggle:hover {
	opacity: .7;
}
.search-box .search-btn {
	z-index: 3;
	background: none;
	border: none;
	outline: none;
	top: 2px;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.3s;
					transition: all 0.3s;
}
.search-box.open .search-btn,
.search-box.open input {
	opacity: 1;
	visibility: visible;
}
.search-box.open input {
	max-width: 267px;
}
.offcanvas-nav .search-box .search-toggle {
	opacity: .5;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.offcanvas-nav .search-box .search-toggle:hover {
	opacity: 1;
}
.offcanvas-nav .social-buttons {
	z-index: 5;
	top: 0;
	right: 0;
	padding-top: 6px; 
}
.offcanvas-nav .social-buttons a {
	margin: 5px 0 10px 12px;
}
.shop-icon-nav {
	display: table;
	width: 100%;
	color: #fff;
	margin-bottom: 10px;
}
.shop-icon-nav:hover,
.shop-icon-nav:focus {
	color: #fff;
}
.shop-icon-nav .icon,
.shop-icon-nav .title {
	display: table-cell;
	vertical-align: middle;
}
.shop-icon-nav .icon img {
	max-width: 96px;
}
.shop-icon-nav .title {
	padding-left: 4px;
	font-size: 20px;
}
.shop-icon-nav .title span {
	display: block;
	font-size: 12px;
	opacity: .6;
	margin-top: 10px;
}
@media screen and (max-height: 500px) {
	.offcanvas-logo {
		display: none !important;
	}
}
.offcanvas-nav .btn {
	font-size: 14px;
	font-weight: normal;
	text-transform: none;
	margin-right: 20px;
}
.offcanvas-nav .btn.icon-left {
	padding-left: 23px; 
}
.offcanvas-nav a.nav-link,
.offcanvas-nav .nav-link a {
	font-size: 18px;
	color: #fff;
	opacity: .5;
	margin-right: 15px;
	font-weight: 300;
}
.offcanvas-nav a.nav-link:hover,
.offcanvas-nav .nav-link a:hover,
.offcanvas-nav .nav-link ul li.active a {
	opacity: 1;
}
.offcanvas-nav .nav-link .scroll-nav {
	display: inline-block;
	margin-right: -5px;
	width:100%;
	height:70vh;
	overflow-y: scroll;
	overflow-x: hidden;
}
.scroll-nav::-webkit-scrollbar {
    width: 12px;
}
.scroll-nav::-webkit-scrollbar-track {
    background-color: #eaeaea;
    border-left: 1px solid #ccc;
}
.scroll-nav::-webkit-scrollbar-thumb {
    background-color: #ccc;
}
.scroll-nav::-webkit-scrollbar-thumb:hover {
  background-color: #aaa;
}
.offcanvas-nav .nav-link ul {
	display: inline-block;
	vertical-align: top;
	list-style: none;
	padding: 0;
	margin-left: 16px;
}
.offcanvas-nav .nav-link ul.pages{
	width:100%;
}
.offcanvas-nav .nav-link ul.pages a {
	font-weight:bold;
	display:block;
}
.offcanvas-nav .nav-link ul.pages ul a{
	font-weight:100;
}
.offcanvas-nav .nav-link ul:first-child {
	margin-left: 0;
}
.offcanvas-nav .nav-link ul li {
}
.offcanvas-tabs {
	margin: 30px -40px;
}
.offcanvas-tabs .nav-tabs {
	padding: 0 40px;
	margin-bottom: 5px;
}
.offcanvas-tabs .nav-tabs li {
	display: block;
	float: left;
	width: 50%;
	text-align: center;
	margin: 10px 0;
}
.offcanvas-tabs .nav-tabs li a,
.offcanvas-tabs .nav-tabs li a:hover,
.offcanvas-tabs .nav-tabs li a:focus {
	display: block;
	text-transform: none;
	color: #fff;
	background-color: rgba(255,255,255,0.25);
	font-weight: normal;
	padding: 10px;
	margin: 0;
	opacity: 1;
}
.offcanvas-tabs .nav-tabs li a:after {
	display: none;
}
.offcanvas-tabs .nav-tabs li.active a,
.offcanvas-tabs .nav-tabs li.active a:hover,
.offcanvas-tabs .nav-tabs li.active a:focus {
	color: #3a3a3a;
	background-color: #dbd9da;
}
.offcanvas-tabs .nav-tabs li:first-child a {
	border-radius: 6px 0 0 6px;
}
.offcanvas-tabs .nav-tabs li:last-child a {
	border-radius: 0 6px 6px 0;
}
.offcanvas-nav .twitter-feed {
	padding: 0 40px;
}
.offcanvas-nav .twitter-feed .tweet:first-child {
	margin-top: 10px;
}
.offcanvas-nav .twitter-feed .tweet {
	margin: 35px 0;
}
.offcanvas-nav .twitter-feed .tweet a,
.offcanvas-nav .twitter-feed .tweet .author {
	color: #fff;
	font-weight: normal;
	opacity: .6;
}
.offcanvas-nav .twitter-feed .tweet a:hover,
.offcanvas-nav .twitter-feed .tweet .author:hover {
	color: #fff;
	opacity: 1;
}
.offcanvas-nav .twitter-feed .tweet p {
	color: #fff;
	font-weight: 300;
}
.offcanvas-posts .post {
	position: relative;
	display: block;
	padding: 20px 75px 20px 40px;
	color: #fff;
	font-weight: 300;
	border-bottom: 1px solid rgba(255,255,255,0.3);
}
.offcanvas-posts .post:before {
	position: absolute;
	display: block;
	font-family: "Flaticon";
	content: "\e0d3";
	font-size: 22px;
	top: 20px;
	right: 50px;
	opacity: .5;
}
.offcanvas-posts .post:hover {
	color: #fff;
	background-color: rgba(255,255,255,0.15);
}
.offcanvas-posts .post span {
	display: block;
	opacity: .5;
	font-size: 14px;
	margin-top: 10px;
	line-height: 1.5;
}
.offcanvas-instagram {
	padding-bottom: 30px; 
}
.offcanvas-instagram .instgr-row {
	margin-bottom: 25px;
}
.offcanvas-instagram .instgr-row a {
	display: block;
	float: left;
	width: 100%;
	max-width: 85px;
	margin-left: 25px;
	opacity: .5;
	-webkit-backface-visibility: hidden;
}
.offcanvas-instagram .instgr-row a:first-child {
	margin-left: 0;
}
.offcanvas-instagram .instgr-row a:hover {
	opacity: 1;
}
@media screen and (max-width: 480px) {
	.offcanvas-nav .nav-link ul.pages a {
		display:inline-block;
	}
	ul.submenu{
		padding-left: 15px !important;
	}
	ul.submenu li a{
		font-size: 15px !important;
	}
	.offcanvas-nav {
		width: 280px;
	}
	.offcanvas-nav .nav-head,
	.offcanvas-nav .nav-body {
		padding: 22px 25px;
	}
	.offcanvas-nav .nav-body {
		padding: 22px 0;
	}
	.offcanvas-nav .nav-body .inner {
		padding: 0 15px;
	}
	.search-box,
	.search-box.open input {
		max-width: 195px;
	}
	.offcanvas-nav .top-bar {
		margin-bottom: 30px;
	}
	.offcanvas-logo {
		margin-bottom: 25px;
	}
	.offcanvas-logo .icon img {
		max-width: 74px;
	}
	.offcanvas-logo .title {
		padding-left: 15px;
		font-size: 22px;
	}
	.offcanvas-logo .title span {
		font-size: 14px;
	}
	.offcanvas-nav .btn {
		margin-right: 10px;
	}
	.offcanvas-nav .btn > i {
		display: none;
	}
	.offcanvas-nav .btn {
		padding-left: 18px; 
		padding-right: 18px; 
	}
	.offcanvas-nav a.nav-link,
	.offcanvas-nav .nav-link a {
		margin-right: 10px;
	}
	.offcanvas-nav .nav-link ul,
	.offcanvas-nav .nav-link ul:first-child {
		margin-left: 0;
		margin-right: 20px;
	}
	.offcanvas-instagram {
		padding-bottom: 15px; 
	}
	.offcanvas-instagram .instgr-row {
		margin-bottom: 15px;
	}
	.offcanvas-instagram .instgr-row a {
		display: block;
		float: left;
		width: 100%;
		max-width: 62px;
		margin-left: 15px;
		opacity: .5;
	}
	.offcanvas-instagram .instgr-row a:hover {
		opacity: 1;
	}
}





/** 12.TABS / FILTERS
**********************************/
.nav-filters {
	padding: 12px 0;
}
.nav-tabs {
	padding-bottom: 15px;
}
.nav-tabs > li,
.nav-filters > li {
	float: none;
	display: inline-block;
	margin-right: 18px;
}
.nav-tabs.text-right > li,
.nav-filters.text-right > li {
	margin-right: 0;
	margin-left: 18px;
}
.nav-tabs > li > a,
.nav-filters > li > a {
	font-size: 14px;
	text-transform: uppercase;
	border-radius: 0;
	padding: 5px 0;
	opacity: .5;
}
.nav-tabs > li > a:after,
.nav-filters > li > a:after {
	display: block;
	content: "";
	width: 0px;
	height: 2px;
	background-color: #007aff;
	margin-top: 3px;
	opacity: 0;
	-webkit-transition: all 0.3s;
					transition: all 0.3s;
}
.nav-tabs,
.nav-tabs > li > a,
.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus,
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
	border: none;
	background: none;
}
.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus,
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus,
.nav-filters > li > a:hover,
.nav-filters > li > a:focus,
.nav-filters > li.active > a,
.nav-filters > li.active > a:hover,
.nav-filters > li.active > a:focus {
	opacity: 1;
	color: #007aff;
}
.nav-tabs > li.active > a:after,
.nav-filters > li.active > a:after {
	width: 100%;
	opacity: 1;
}
.nav-tabs.nav-vertical > li,
.nav-filters.nav-vertical > li {
	display: block;
	margin: 12px 0;
}
.nav-tabs.nav-vertical > li > a,
.nav-filters.nav-vertical > li > a {
	display: inline-block;
}
@media screen and (max-width: 768px) {
	.nav-tabs.nav-vertical > li,
	.nav-filters.nav-vertical > li {
		display: inline-block;
		margin: 0 18px 0 0;
	}
	.nav-tabs.nav-vertical > li > a,
	.nav-filters.nav-vertical > li > a {
		display: block;
	}
	.nav-tabs.text-right > li,
	.nav-filters.text-right > li {
		margin-right: 0;
		margin-left: 18px;
	}
}
.tab-pane {
	padding-top: 10px;
}
.tab-pane img {
	display: block;
	margin: auto;
}
.transition.fade,
.fade {
	-webkit-transition: all .4s ease-in-out;
					transition: all .4s ease-in-out;
	-webkit-backface-visibility: hidden;
					backface-visibility: hidden;
}
.scale.fade {
	-webkit-transform: scale(0.9);
					transform: scale(0.9);
}
.scaleup.fade {
	-webkit-transform: scale(1.1);
					transform: scale(1.1);
}
.scale.fade.in,
.scaleup.fade.in {
	-webkit-transform: scale(1);
					transform: scale(1);
}
.left.fade {
	-webkit-transform: translateX(-40px);
					transform: translateX(-40px);
}
.right.fade {
	-webkit-transform: translateX(40px);
					transform: translateX(40px);
}
.left.fade.in,
.right.fade.in {
	-webkit-transform: translateX(0px);
					transform: translateX(0px);
}
.top.fade {
	-webkit-transform: translateY(-40px);
					transform: translateY(-40px);
}
.bottom.fade {
	-webkit-transform: translateY(40px);
					transform: translateY(40px);
}
.top.fade.in,
.bottom.fade.in {
	-webkit-transform: translateY(0px);
					transform: translateY(0px);
}
.flip.fade {
	-webkit-transform: rotateY(-90deg) scale(1.1);
					transform: rotateY(-90deg) scale(1.1);
	-webkit-transform-origin: 50% 50%;
					transform-origin: 50% 50%;
}
.flip.fade.in {
	-webkit-transform: rotateY(0deg) scale(1);
					transform: rotateY(0deg) scale(1);
	-webkit-transform-origin: 50% 50%;
					transform-origin: 50% 50%;
}


/** 14.MODAL
**********************************/

.modal {
	background-color: #fff;
	-webkit-backface-visibility: hidden;
}
.modal-dialog {
	width: 100%;
	max-width: 100%;
	padding: 0;
	margin: 0;
}
.modal-content {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	border: none;
}
.modal-dialog .container {
	padding: 0px 15px 0px 15px;
	overflow:auto;
}
.modal.fade {
	-webkit-transform: scale(0.6);
	-moz-transform: scale(0.6);
	-ms-transform: scale(0.6);
	transform: scale(0.6);
	opacity: 0;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	transition: all 0.4s;
}
.modal.fade .modal-dialog {
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none;
}
.modal.fade.in {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}
.modal-backdrop {
	display: none;
}
.modal-title {
	font-size: 24px;
	font-weight: 300;
	color: #c4c4c4;
}
.modal-form {
	width: 100%;
	max-width: 380px;
	margin: auto;
}
.modal-open .navbar.stuck,
.modal-open .navbar.navbar-fixed-top,
.modal-open .footer-fixed-bottom {
	padding-right: 17px;
}
.modal-open .intro {
	width: calc(100% - 17px);
}
.modal-open .offcanvas-nav.open {
	right: 17px;
}
.fake-scrollbar {
	display: none;
	position: fixed;
	z-index: 100;
	top: 0;
	right: 0;
	width: 17px;
	min-height: 100%;
	background-color: #f1f1f1;
}
.modal-open .fake-scrollbar {
	display: block;
	padding-right: 17px;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.modal-open,
	.modal-open .navbar.stuck,
	.modal-open .navbar.navbar-fixed-top,
	.modal-open .footer-fixed-bottom {
		padding-right: 0 !important;
	}
	.modal-open .intro {
		width: 100%;
	}
	.modal-open .offcanvas-nav.open {
		right: 0;
	}
	.modal-open .fake-scrollbar {
		display: none;
		padding-right: 0;
	}
}
.mac .modal-open,
.touch .modal-open,
.mac .modal-open .navbar.stuck,
.touch .modal-open .navbar.stuck,
.mac .modal-open .navbar.navbar-fixed-top,
.touch .modal-open .navbar.navbar-fixed-top,
.mac .modal-open .footer-fixed-bottom,
.touch .modal-open .footer-fixed-bottom {
	padding-right: 0 !important;
}
.mac .modal-open .intro,
.touch .modal-open .intro {
	width: 100%;
}
.mac .modal-open .offcanvas-nav.open,
.touch .modal-open .offcanvas-nav.open {
	right: 0;
}
.mac .modal-open .fake-scrollbar,
.touch .modal-open .fake-scrollbar {
	display: none;
	padding-right: 0;
}

/** 26.BLOG (POSTS)
**********************************/

.post-tile {
	width: 100%;
	background-color: #fff;
	margin-bottom: 30px;
}
.post-thumb {
	position: relative;
	display: block;
}
.post-thumb img {
	display: block;
}
.post-thumb.colored {
	background-color: #5ac8fa;
}
.post-thumb.colored img {
	opacity: .5;
}
.post-thumb img {
	opacity: 1;
	-webkit-transition: opacity 0.3s;
					transition: opacity 0.3s;
	-webkit-backface-visibility: hidden;
					backface-visibility: hidden;
}
.post-thumb:hover img {
	opacity: 1;
}
.post-thumb:before {
	display: block;
	content: "";
	position: absolute;
	z-index: 1;
	width: 100%;
	min-height: 100%;
	background-color: #007aff;
	opacity: 0;
	-webkit-transition: all 0.3s;
					transition: all 0.3s;
}
.post-thumb:after {
	position: absolute;
	z-index: 2;
	display: block;
	content: "+";
	top: 12px;
	right: 12px;
	line-height: 16px;
	color: #fff !important;
	font-size: 28px;
	opacity: 0;
	-webkit-transform: translateY(-40px);
					transform: translateY(-40px);
	-webkit-transition: all 0.3s;
					transition: all 0.3s;
}
.post-thumb:hover:before {
	opacity: .3;
}
.post-thumb:hover:after {
	opacity: 1;
	-webkit-transform: translateY(0);
					transform: translateY(0);
}
.post-body {
	padding: 45px 22px 15px 22px; 
}
.post-title {
	text-align: center;
}
.non-visible {
	visibility: hidden !important;
	opacity: 0 !important;
}
.post-title img,
.post-title .img {
	display: block;
	margin: 0 auto 5px auto;
}
.post-title a {
	color: #3a3a3a;
}
.post-title a:hover {
	color: #007aff;
}
.post-title h2, 
.post-title h3 {
	font-size: 24px;
	font-weight: 300;
	margin-bottom: 12px;
	line-height: 1.5;
}
.post-title span,
.post-title p {
	display: block;
	font-size: 14px;
	color: #c4c4c4;
	margin-bottom: 25px;
}
.post-meta {
	display: table;
	width: 100%;
	line-height: 2;
	font-size: 14px;
	color: #c4c4c4;
}
.post-tile .post-meta {
	font-size: 12px;
}
.post-meta .column {
	width: auto;
	display: table-cell;
	vertical-align: middle;
}
.post-meta .social-buttons a {
	margin: 5px 0 10px 12px;
	opacity: 1;
}
.post-meta .social-buttons a:hover {
	opacity: .5;
}
.post-meta .comment-count {
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
	color: #3a3a3a;
	margin-right: 15px !important;
}
.post-meta .comment-count i {
	font-size: 18px;
	color: #8e8e93;
	margin-right: 5px;
}
.post-meta .comment-count:hover,
.post-meta .comment-count:hover i {
	opacity: 1 !important;
	color: #007aff;
}
.scroller.posts .item {
	margin-right: 25px;
}
.scroller .item .post-tile {
	margin-bottom: 8px;
}
@media screen and (max-width: 991px) {
	.scroller.posts .item {
		max-width: 320px
	}
}
@media screen and (max-width: 768px) {
	.scroller.posts .item {
		max-width: 280px;
	}
}
@media screen and (max-width: 500px) {
	.post-meta .social-buttons a {
		margin: 5px 0 10px 7px;
	}
	.post-meta .comment-count {
		margin-right: 9px !important;
	}
}
@media screen and (max-width: 460px) {
	.post-meta .column {
		display: block;
		width: 100%;
		text-align: left !important;
	}
	.post-meta .column .text-right {
		text-align: left !important;
	}
	.post-tile .post-meta .column {
		display: table-cell;
		width: auto;
	}
	.post-tile .post-meta .column .text-right,
	.post-tile .post-meta .column.text-right {
		text-align: right !important;
	}
}

/** 27.PAGINATION
**********************************/

.pagination {
	position: relative;
	width: 100%;
	text-align: center;
}
.pagination .prev,
.pagination .next {
	display: block;
	position: absolute;
	font-size: 14px;
	top: 50%;
	margin-top: -9px;
}
.pagination .prev {
	left: 0; 
}
.pagination .next {
	right: 0; 
}
.pagination .prev i,
.pagination .next i {
	display: inline-block;
	vertical-align: middle;
	font-size: 18px;
	margin-top: -3px;
}
.pagination .prev i {
	margin-right: 5px;
}
.pagination .next i {
	margin-left: 5px;
}
.page-slider {
	display: inline-block;
	position: relative;
}
.page-slider .min-val,
.page-slider .max-val {
	display: block;
	position: absolute;
	top: -22px;
	font-size: 14px;
	color: #c4c4c4;
}
.page-slider .min-val {
	left: 0;
}
.page-slider .max-val {
	right: 0;
}
.page-slider .tooltip {
  font-size: 14px;
  line-height: 1;
  opacity: 0;
  -webkit-transition: opacity .25s, visibility .25s;
  				transition: opacity .25s, visibility .25s;
}
.page-slider .tooltip.in {
  opacity: 1;
}
.page-slider .tooltip-inner {
  padding: 0;
  color: #8e8e93;
  background-color: transparent;
  border-radius: 0px;
}
.page-slider .tooltip-arrow {
	display: none;
}
.slider {
  display: inline-block;
  vertical-align: middle;
  position: relative;
}
.slider.slider-horizontal {
  width: 360px;
  height: 20px;
}
@media screen and (max-width: 768px) {
	.slider.slider-horizontal {
		width: 300px;
	}
}
@media screen and (max-width: 570px) {
	.slider.slider-horizontal {
		width: 270px;
	}
	.pagination .prev,
	.pagination .next {
		display: block;
		position: absolute;
		font-size: 14px;
		top: 100%;
		margin-top: 20px;
	}
	.pagination {
		margin-bottom: 70px;
	}
}
.slider.slider-horizontal .slider-track {
  height: 6px;
  width: 100%;
  margin-top: -3px;
  top: 50%;
  left: 0;
}
.slider.slider-horizontal .slider-selection {
  height: 100%;
  top: 0;
  bottom: 0;
}
.slider.slider-horizontal .slider-handle {
  margin-left: -12px;
  margin-top: -10px;
}
.slider.slider-disabled .slider-handle {
	opacity: .5;
}
.slider.slider-disabled .slider-track {
  cursor: not-allowed;
  opacity: .5;
}
.slider input {
  display: none;
}
.slider .tooltip.top {
  margin-top: -27px;
}
.slider .tooltip-inner {
  white-space: nowrap;
}
.slider .hide {
  display: none;
}
.slider-track {
  position: absolute;
  cursor: pointer;
  border-radius: 4px;
  background-color: rgba(0,122,255, 0.25); 
}
.slider-selection {
  position: absolute;
  border-radius: 4px;
  background: rgba(215,17,255,1);
	background: -moz-linear-gradient(left, rgba(215,17,255,1) 0%, rgba(255,45,84,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(215,17,255,1)), color-stop(100%, rgba(255,45,84,1)));
	background: -webkit-linear-gradient(left, rgba(215,17,255,1) 0%, rgba(255,45,84,1) 100%);
	background: -o-linear-gradient(left, rgba(215,17,255,1) 0%, rgba(255,45,84,1) 100%);
	background: -ms-linear-gradient(left, rgba(215,17,255,1) 0%, rgba(255,45,84,1) 100%);
	background: linear-gradient(to right, rgba(215,17,255,1) 0%, rgba(255,45,84,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d711ff', endColorstr='#ff2d54', GradientType=1 );
}
.slider-handle {
  position: absolute;
  width: 24px;
  height: 24px;
  background-color: #fff;
  border-radius: 50%;
  -webkit-box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.35);
	-moz-box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.35);
	box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.35);
}


/** 28.MASONRY GRID
**********************************/

.masonry-grid:after {
  content: '';
  display: block;
  clear: both;
}
.masonry-grid .grid-sizer,.masonry-grid .item {
	width: 32.33%;
}
.masonry-grid .gutter-sizer { width: 1%; }
.masonry-grid.sw4 .grid-sizer,.masonry-grid.sw4 .item {
	width: 24% !important;
}
.masonry-grid.sw5 .grid-sizer,.masonry-grid.sw5 .item {
	width: 19.2% !important;
}
.masonry-grid.sw4 .gutter-sizer { width: 1.2%; }
.masonry-grid.sw5 .gutter-sizer { width: 1%; }
.masonry-grid.sw1 .grid-sizer,.masonry-grid.sw1 .item {
	/*width: 100%;*/
}
.masonry-grid.sw1 .gutter-sizer { width: 1%; }
.masonry-grid .item {
	float: left;
	margin-bottom:0px;
}
.masonry-grid .item.w2 {
	width: 65.3%;
}
.masonry-grid .item .post-tile {
	margin-bottom: 0;
	padding:0px;
}
@media screen and (max-width: 900px) {
	.masonry-grid.sw5 .grid-sizer,.masonry-grid.sw5 .item {
		width: 24% !important;
	}
}
@media screen and (max-width: 768px) {
	.masonry-grid .grid-sizer,
	.masonry-grid .item {
		width: 48%;
		/*margin-bottom: 3.3%;*/
	}
	.masonry-grid .item.w2 {
		width: 100%;
	}
	.masonry-grid .gutter-sizer { width: 1%; }
	.masonry-grid.sw5 .grid-sizer,.masonry-grid.sw5 .item {
		width: 32% !important;
	}
}
@media screen and (max-width: 500px) {
	.masonry-grid .grid-sizer,
	.masonry-grid .item,
	.masonry-grid .item.w2 {
		/*width: 100%;
		margin-bottom: 3.3%;*/
	}
	.masonry-grid .gutter-sizer { width: 0px; }
	.masonry-grid.sw4 .grid-sizer,.masonry-grid.sw4 .item,.masonry-grid.sw5 .grid-sizer,.masonry-grid.sw5 .item {
		width: 49% !important;
	}
	.masonry-grid.sw4 .gutter-sizer { width: 1%; }
}
@media screen and (max-width: 370px) {
	.masonry-grid.sw4 .grid-sizer,.masonry-grid.sw4 .item, .masonry-grid.sw5 .grid-sizer,.masonry-grid.sw5 .item {
		width: 100% !important;
	}
	.masonry-grid.sw4 .gutter-sizer { width: 0%; }
}

/** 31.TIMELINE
**********************************/

.timeline .timeline-row {
	display: table;
	width: 100%;
}
.timeline .date {
	display: table-cell;
	position: relative;
	width: 35%;
	font-size: 14px;
	text-align: right;
	border-right: 1px solid;
	padding: 0 20px 20px 0;
}
.timeline-row:last-child .date,
.timeline-row:last-child .event {
	padding-bottom: 0;
	border: none;
}
.timeline .date:before {
	display: block;
	position: absolute;
	content: "";
	width: 13px;
	height: 13px;
	border-radius: 50%;
	top: 0;
	right: -7px;
}
.timeline .event {
	display: table-cell;
	width: 75%;
	padding: 0 0 20px 20px;
	font-size: 14px;
	line-height:20px;
}
.light-color.timeline,
.light-color .timeline {
	font-weight: 300;
}
.light-color.timeline .date,
.light-color .timeline .date {
	border-color: rgba(255,255,255,0.5);
}

/** 35.FOOTER
**********************************/

.footer {
	position: relative;
	width: 100%;
	z-index: 10;
	padding-top:20px;
}
.fixed-footer .footer-fixed-bottom {
	position: fixed;
	left: 0;
	bottom: 0;
}
.footer-head {
	display: table;
	width: 100%;
	max-width: 370px;
	margin: auto;
}
.footer-head .logo,
.footer-head .info {
	display: table-cell;
	vertical-align: top;
}
.footer-head .logo {
	padding-top: 5px;
}
.footer-head .info {
	padding-left: 30px;
}
.footer-head .info h1,
.footer-head .info h2,
.footer-head .info h3 {
	line-height: 1.2;
}
.footer-head .info h1,
.footer-head .info h2,
.footer-head .info h3,
.footer-head .info p {
	margin-bottom: 7px;
}
.footer-head .logo a {
	display: block;
	width: 120px;
}
.footer-head span {
	display: block;
	color: #8e8e93;
}
.footer-head .btn {
	display: inline-block;
	margin-top: 0;
}
.footer .rating {
	display: inline-block;
	font-size: 12px;
	margin-right: 15px;
}
.footer .rating span {
	display: inline;
}
.footer .rating i {
	color: #ff9500;
	margin: 0 1px;
}
.footer .rating i:before {
	margin: 0;
}
.footer .rating span {
	color: #8e8e93;
	margin-left: 3px;
}
.footer .body {
	display: table;
}
.footer .body .column {
	display: table-cell;
	width: 33.3%;
	vertical-align: bottom;
}
.copyright p {
	font-size: 14px;
	color: #8e8e93;
	margin-bottom: 30px;
}
.copyright a {
	color: #8e8e93;
}
.copyright a:hover {
	color: #007aff;
}
.footer-nav ul {
	padding: 0;
	list-style: none;
	text-align: right;
	padding-bottom: 12px; 
}
.footer-nav ul li {
	display: inline-block;
	margin: 0 0 20px 15px;
}
.footer-nav ul li:first-child {
	display: block;
}
.footer-nav ul li a {
	font-size: 14px;
}
.copy-r{
	font-size:14px;
	padding:15px 0;
}
@media screen and (max-width: 768px) {
	.copy-r{
		font-size:12px;
		text-align:center;
		line-height:17px;
	}
	.footer-head,
	.footer-head .logo,
	.footer-head .info {
		display: block;
		text-align: center;
		padding-left: 0;
	}
	.footer-head .logo a {
		margin: 0 auto 20px auto; 
	}
	.footer .body,
	.footer .body .column {
		display: block;
		width: 100%;
		text-align: center;
	}
	.footer-nav ul {
		text-align: center;
	}
	.footer-nav ul li:first-child {
		display: inline;
	}
}