.ff-1 { font-family: 'Ubuntu', sans-serif; }

/*----------  FONT ALLOCATION  ----------*/
body,
h1, h2, h3, h4, h5, h6,
.hd-1, .hd-2, .hd-3, .hd-4, .hd-5, .hd-6 { font-family: 'Ubuntu', sans-serif; }

/**
*******************************************************************
* GLOBAL
*******************************************************************
*/
body {

}
a { text-decoration: none !important; outline: none !important; }
.content-area { width: 100%; }
.content-area .container { width: 80%; }
.overlay { 
	position: absolute; 
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
/**
*******************************************************************
* PAGE-LOADER
*******************************************************************
*/
/* Preload */
#preload {
	background: #000;
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;	
	width: 100%;
	z-index: 998;
}

#preload-content {
	height: 100px;
	left: 50%;
	margin-left: -50px;
	margin-top: -50px;
	position: absolute;
	top: 40%;
	width: 100px;
	z-index: 999;
}

.preload-spinner {
	margin: 0 auto 14px;
	text-align: center;
}

.loading-logo-wraper
{
	width:200px;
	margin:0 auto;
	margin-bottom:20px;
	margin-top:20px;
	text-align: center;
}

.loading-logo-wraper img
{
	width:100%
}

.tp-loader
{
	z-index:10000;
	position:relative
}

.tp-loader.spinner
{
	width:30px;
	height:30px;
	margin:0 auto;
	margin-bottom:10px;
	border:2px solid #fff;
	box-shadow:0 0 20px 0 rgba(0,0,0,.15);
	-webkit-box-shadow:0 0 20px 0 rgba(0,0,0,.15);
	-webkit-animation:tp-rotateplane .8s infinite ease-in-out;
	animation:tp-rotateplane .8s infinite ease-in-out;
	border-radius:3px;-moz-border-radius:3px;
	-webkit-border-radius:3px
}

@-webkit-keyframes tp-rotateplane
{
50%
{
	-webkit-transform:rotate(180deg)
}

100%
{
	-webkit-transform:rotate(180deg)
}
}

@keyframes tp-rotateplane
{
0%
{
transform:rotate(0deg);
	-webkit-transform:rotate(0deg)
}

50%
{
	transform:rotate(180.1deg);
	-webkit-transform:rotate(180.1deg)
}

100%
{
	transform:rotate(180.1deg);
	-webkit-transform:rotate(180.1deg)
}
}

/**
*******************************************************************
* TYPOGRAPHY
*******************************************************************
*/
h1, h2, h3, h4, h5, h6,
.hd-1, .hd-2, .hd-3, .hd-4, .hd-5, .hd-6 { margin: 0px; line-height: 1.4; }

h1, .hd-1 { font-size: 50px; font-weight: 300; margin-bottom: 40px; }
h2, .hd-2 { font-size: 40px; font-weight: 300; margin-bottom: 30px; }
h3, .hd-3 { font-size: 30px; font-weight: 300; margin-bottom: 20px; }
h4, .hd-4 { font-size: 26px; font-weight: 300; margin-bottom: 20px; }
h5, .hd-5 { font-size: 22px; font-weight: 400; margin-bottom: 15px; }
h6, .hd-6 { font-size: 20px; font-weight: 400; margin-bottom: 10px; }

/**
*******************************************************************
* TITLE
*******************************************************************
*/
.title-wrapper { margin-bottom: 28px; }
.title-wrapper .title{
	color: #1f2229;
	margin-bottom: 0;
}
.title-wrapper .sub-title { 
    font-size: 13px;
    margin: auto;
    border-top: 1px solid rgba(0,0,0,0.1);
    padding-top: 14px;
    margin-top: 17px;
    font-weight: 100;
    color: #494c52;
}
	
/**
*******************************************************************
* BUTTON
*******************************************************************
*/
.btn { 
	border-radius: 4px;
	font-weight: 600;
	padding: 8px 20px;
	font-size: 16px;
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 2px solid transparent;
}
.btn:active, .btn.active, .btn:focus { box-shadow: none; }
.btn-default.disabled,
.btn-default[disabled],
.btn-default {
	border-color: #666;
	color: #33373E;
}
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active {
	border-color: #666;
	background-color: #666;
	color: #fff;
}
.btn-primary.disabled,
.btn-primary[disabled],
.btn-primary {
	border-color: #33373E;
	background-color: #33373E;
	color: #f2f2f2;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active {
	border-color: #666;
	background-color: #666;
	color: #fff;
}

.btn-light.disabled,
.btn-light[disabled],
.btn-light {
	background-color: #fff;
	color: #1f2229;
}
.btn > i {
}
.btn-lg {
	padding: 12px 26px;
	font-size: 18px;
}
.btn-sm {
	padding: 6px 15px;
	font-size: 14px;
}
.btn-xs {
	padding: 3px 10px;
	font-size: 12px;
}
.btn:hover,
.btn:focus,
.btn.active,
.btn.no-border { border-color: transparent; }

.btn-line.disabled,
.btn-line[disabled],
.btn-line { 
	background-color: transparent;
	border-color: #e74c3c;
	color: #e74c3c;
}
.btn-line:hover {
	background-color: #e74c3c;
	color: #fff;
}
.dark.btn-line.disabled,
.dark.btn-line[disabled],
.dark.btn-line { 
	border-color: #e74c3c;
	color: #e74c3c;
}
.dark.btn-line:hover { 
	background-color: #e74c3c;
	border-color: #e74c3c;
	color: #fff;
}
.btn-make-light .btn-line, 
.light.btn-line.disabled,
.light.btn-line[disabled],
.light.btn-line { 
	border-color: #fff;
	color: #fff;
}
.btn-make-light .btn-line:hover,
.light.btn-line:hover {
	background-color: #fff;
	color: #1f2229;
	border-color: #fff;
}
.link-btn { border-color: transparent; background-color: transparent; }

/**
*******************************************************************
* NAVIGATION
*******************************************************************
*/

.nav-wrp {
	background-color: #fff; 
	box-shadow: 0 1px 3px 0 rgba(0,0,0,0.08);
	z-index: 1000;
}
.nav-wrp.bg-clear:not(.nav-sticky) { box-shadow: none; }
.nav-wrp > .container-fluid,
.nav-wrp > .container { position: relative; }
.nav-wrp .nav-header { float: left; margin: 0px; padding: 0px; }
.nav-wrp .navbar-brand { padding: 5px; width: 150px; height: auto; }
.nav-wrp .navbar-brand img { max-width: 100%; }
.nav-wrp.show-above { 
	position: absolute;
	top: 0px;
	width: 100%;
	z-index: 99;
}

.container-fluid .nav { right: 20px; }


/* Menu handle
------------------------*/
.nav-handle { 
	font-size: 30px;
	cursor: pointer;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0px;
	margin: auto;
	width: auto;
	height: 40px;
	line-height: 40px;
	text-align: center;
	display: none;
}

/* Navigation links
------------------------*/
.nav-links { 
	list-style-type: none;
	margin: 0px;
	padding: 10px 0;
	display: inline-block;
	vertical-align: middle;
}
.nav-links > li { 
	float: left; 
	padding: 4px; 
	position: relative;
	border-right: 1px solid rgba(255,255,255,0.05); 
}
.nav-links > li:last-child { border-right: none; }
.nav-links > li > a {
	display: block;
	padding: 5px 10px;
	font-size: 14px;
	color: #333;
	text-transform: uppercase;
}
.nav-links > li > a:hover {
	color: #e74c3c;
}
.sf-arrows .sf-with-ul {
	padding-right: 20px;
}
.sf-arrows .sf-with-ul:after {
    right: 4px;
    margin-top: -1px;
}
.sf-arrows .sf-with-ul:after,
.sf-arrows > li > .sf-with-ul:focus:after,
.sf-arrows > li:hover > .sf-with-ul:after,
.sf-arrows > .sfHover > .sf-with-ul:after {
	 border-top-color: rgba(0,0,0,0.5);
 }	


/* Dark navigation
------------------------*/
.dark.nav-wrp { background-color: rgba(0,0,0,0.7); box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.2); }
.dark.nav-wrp .nav-links > li > a { color: rgba(255,255,255,0.8); border: 1px solid transparent; }
.dark.nav-wrp .nav-links > li > a:hover { color: #fff; border-color: rgba(255,255,255,0.35); }

.dark.nav-wrp .nav-social { border-color: .dark.nav-wrp }
.dark.nav-wrp .nav-social a { color: rgba(255,255,255,0.8); }
.dark.nav-wrp .nav-social a:hover { background-color: #ff6858; color: #fff; }

.dark.nav-wrp .nav-other { border-color: rgba(255,255,255,0.2); }
.dark.nav-wrp .nav-other > span { color: #ff6858; }

.dark.nav-wrp .btn-default {
	border: 2px solid rgba(255,255,255,0.6);
	color: #fff;
	background-color: transparent;
}
.dark.nav-wrp .btn-default:hover {
	border-color: #fff;
	color: #33373E;
	background-color: #fff;
}
.dark.nav-wrp .btn-primary {
	border: 2px solid #ff6858;
	background-color: #ff6858;
	color: #fff;
}
.dark.nav-wrp .btn-primary:hover {
	border: 2px solid #fff;
	background-color: transparent;
	color: #fff;
}

.dark.bg-glass,
.dark.nav-wrp.bg-glass:not(.nav-sticky) { box-shadow: none; }
.dark .nav-handle { color: rgba(255,255,255,0.8); }

.dark.nav-wrp .sf-arrows .sf-with-ul:after,
.dark.nav-wrp .sf-arrows > li > .sf-with-ul:focus:after,
.dark.nav-wrp .sf-arrows > li:hover > .sf-with-ul:after,
.dark.nav-wrp .sf-arrows > .sfHover > .sf-with-ul:after {
	 border-top-color: rgba(255,255,255,0.5);
}

/* Sticky navigation
------------------------*/
.nav-sticky .navbar-brand img { max-width: 100%; }
.nav-hide { opacity: 0; top: -100px; }
.nav-show { opacity: 1; top: 0 !important; }

/*----------  NAVIGATION-1  ----------*/
.nav-1 .nav { 
	position: absolute;
	right: 15px;
	margin: auto;
}

.nav-1 { background-color: #fff; }

.nav-1 .nav-other {
	margin-left: 15px;
	padding: 8px 0;
	border-left: 1px solid #eceef0;
}
.nav-1 .nav-other > span { 
	font-size: 16px;
	color: #e74c3c;
	font-weight: 600;
	margin-left: 30px;
}
.nav-1 .nav-other > span i { 
	font-size: 18px;
	margin-right: 8px;
}

/**
*******************************************************************
* SOICAL-LINKS
*******************************************************************
*/
.social-links { width: 100%; text-align: center; }
.social-links a { border-radius: 4px; }
.social-links .inner-wrapper { display: inline-block; }
.social-links a.facebook:hover { background-color: #365899; color: #fff; }
.social-links a.twitter:hover { background-color: #00aced; color: #fff; }
.social-links a.dribbble:hover { background-color: #e04c86; color: #fff; }
.social-links a.pinterest:hover { background-color: #cb2027; color: #fff; }
.social-links a.google:hover { background-color: #d34338; color: #fff; }


/*----------  SOICAL-LINKS-1  ----------*/
.social-links-1 .link { 
	width: 50px;
	height: 50px;
	font-size: 20px;
	color: #fff;
	float: left;
}

/*----------  SOICAL-LINKS-2  ----------*/
.social-links-2 a {
	width: 150px;
	height: 150px;
	border-radius: 4px;
	font-size: 40px;
	text-align: center;
	background-color: rgba(255,255,255,0.03);
	border: 1px solid transparent;
	margin: 10px;
	float: left;
	color: rgba(255,255,255,0.5);
}
.social-links-2 .inner-wrp{ width: auto; }
.social-links-2 a:hover {
	color: #1D232F;
	background-color: #fff;
	box-shadow: 0 10px 10px 3px rgba(0, 0, 0, 0.2);
}	
.social-links-2 a.facebook:hover{ background-color: #3a5795; color: #fff; }
.social-links-2 a.twitter:hover{ background-color: #659fcb; color: #fff; }
.social-links-2 a.google-plus:hover{ background-color: #d31f1e; color: #fff; }
.social-links-2 a.youtube-play:hover{ background-color: #c71d20; color: #fff; }
.social-links-2 a.instagram:hover{ background-color: #3a5795; color: #fff; }

/**
*******************************************************************
* LIST
*******************************************************************
*/

/*----------  LIST-1  ----------*/
.list-1 {
	font-size: 13px;
	list-style-type: none;
    margin: 0;
    padding: 0;
}
.list-1 a { color: #333; }
.list-1 li {
	margin-bottom: 10px;
    padding-left: 30px;
    position: relative;
}
.list-1 li >.icon {
    position: absolute;
    left: 0;
    font-size: 13px;
    color: #000;
    top: 3px;
}

/**
*******************************************************************
* FORM
*******************************************************************
*/
.form-group label { font-weight: 400; }
.form-group .form-control {
	box-shadow: none;
	border-radius: 3px;
}
.form-group label {
	font-weight: normal;
	color: #1f2229;
}

/*Form control*/
.form-control {
	box-shadow: none;
	border: 2px solid #eceef0;
	font-size: 16px;
	height: auto;
	padding: 10px 15px;
	margin-bottom: 10px;
}
.form-control:focus {
	border-color: #8392a0;
}
textarea.form-control {
	height: 150px;
}
.form-control:focus,
.form-control:hover {
	border-color: #cbcfd3;
	box-shadow: none;
}
.large.form-control {
	font-size: 20px;
	padding: 10px 20px;
	border: 2px solid rgba(59,76,92,0.1); /* rgba(0,0,0,0.1) */
	border-radius: 4px;
	height: 62px;
	line-height: 62px;
	vertical-align: middle;
	background-color: transparent;
	box-shadow: none;
}

.error.form-control { border-color: #BF1200; }

.large.form-control:focus {	border-color: #33373E; }
.light.form-control { color: #fff; }
.dark.form-control { border-color: rgba(0,0,0,0.5); color: #5c5c5e;  }
.dark.form-control:focus { border-color: #1f2229; }

.light.form-control:not([class*="bdr-"]) { border-color: rgba(255,255,255,0.5); }
.light.form-control:not([class*="bdr-"]):focus { border-color: rgba(255,255,255,1); }


.xlg.form-control {
	font-size: 20px;
	padding: 20px 36px;
}
.lg.form-control {
	font-size: 18px;
	padding: 18px 32px;
}
.md.form-control {
	font-size: 16px;
	padding: 15px 28px;
}
.sm.form-control {
	font-size: 14px;
	padding: 10px 18px;
}
.xs.form-control {
	font-size: 13px;
	padding: 8px 16px;
}
.field-list {
	list-style-type: none;
	margin: 0 0 10px 0;
	padding: 0px;
}
.field-list li {
	margin: 0 0 3px 0;
}
.field-list li > span {
	display: inline-block;
	margin-left: 5px;
	vertical-align: top;
}
.field-list li input {
	position: relative;
	top: -2px;
}


/*All messages*/ 
.msg-wrp .error { 
	display: block;
	margin-bottom: 2px;
}
.msg-wrp .error,
form .error { font-weight: normal; color: #e73c2b; }
.sweet-alert { padding: 30px; }
.sweet-alert h2 { margin: 20px 0; }
.sweet-alert p { font-weight: normal; }

.form-block .error {
	display: block !important;
	font-weight: normal;
	margin: 0px;
	text-align: left;
	font-size: 12px;
	color: #e74c3c;
}
.form-block .error.valid {
	display: none !important;
}
.form-block .form-control + .error {
	margin-bottom: 10px;
	margin-top: -6px;
}

/**
*****************************************************************
*	POPUP-BLOCK
*****************************************************************
*/

.popup-block {
	min-width: 600px;
	width: 600px;
	padding: 60px;
	margin: auto;
	-webkit-transition: all 0.40s ease-out;
	-moz-transition: all 0.40s ease-out;
	-ms-transition: all 0.40s ease-out;
	-o-transition: all 0.40s ease-out;
	transition: all 0.40s ease-out;
	text-align: center;
	position: relative;
}
.popup-active .popup-block { display: block; }
.popup-block .outer-wrp { width: 100%; height: 100%; }
.popup-block .inner-wrp { width: 100%; }
.popup-block .popup-close {
	position: absolute;
	top: 20px;
	right: 20px;
	width: 30px;
	height: 30px;
	color: #fff;
	font-size: 24px;
}
.mfp-bg { background-color: transparent !important; }
.popup-block .btn { width: 100%; }

/*----------  POPUP-BLOCK-1  ----------*/
.popup-block-1 { background-color: #1F2229; }
.popup-block-1 .pop-header .title { color: #fff; }
.popup-block-1 .pop-header .title-sub { color: rgba(255,255,255,0.7); }
.popup-block-1 .pop-header .icon { 
	font-size: 26px; 
	color: #fff;
}
.popup-block-1 .pop-body .form-control {}
.mfp-close-btn-in .mfp-close { color: rgba(255,255,255,0.5); }
.mfp-close-btn-in .mfp-close:hover { color: #fff; }

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 60px, 0);
    transform: translate3d(0, 60px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 60px, 0);
    transform: translate3d(0, 60px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.popup-block-1.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -60px, 0);
    transform: translate3d(0, -60px, 0);
  }
}

@keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -60px, 0);
    transform: translate3d(0, -60px, 0);
  }
}

.popup-block-1.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

/**
*******************************************************************
* INTRO-SECTION
*******************************************************************
*/

/*----------  INTRO-SECTION-1  ----------*/
.intro-section-1 { color: #fff; }
.intro-section-1 .overlay { background-color: rgba(0,0,0,0.8); z-index: -1; }

/* LOGO */
.intro-section-1 .logo { 
	text-align: center; 
	width: 350px;
	margin: auto;
	margin-bottom: 40px;
}
.intro-section-1 .logo > img { max-width: 100%; }

/* TEXT ANIMATION */
.intro-section-1 .text-animation { text-align: center; margin-bottom: 53px; }
.intro-section-1 .text-animation .hd-text {
	display: inline-block;
	font-weight: 100;
	padding: 8px 25px;
	font-size: 30px;
	margin-bottom: 10px;
	background-color: rgba(255,255,255,0.15);
}
.intro-section-1 .text-animation .hd-text .main-text { font-size: 24px; }
.intro-section-1 .text-animation .main-text {
	font-size: 70px;
	font-weight: 800;
	text-transform: uppercase;
	margin-bottom: 0;
}
.intro-section-1 .text-animation .sub-text { 
	font-size: 24px;
	font-weight: 100;
	color: rgba(255,255,255,0.5);
	width: 50%;
	margin: auto;
	padding-top: 15px;
	margin-top: 15px;
	border-top: 1px solid rgba(255,255,255,0.1);
}

/* LINKS */
.intro-section-1 .navigation-wrp { text-align: center; }
.nav-list { display: inline-block; }
.nav-list > li { display: inline-block; }
.nav-list .link { display: block; }

/* BOUNCE */
.intro-section-1 .bounce {
	position: absolute;
	width: 80px;
	height: 80px;
	left: 50%;
	bottom: 0px;
	text-align: center;
	font-size: 24px;
	margin-left: -40px;
	color: rgba(255,255,255,0.5);
	cursor: pointer;
	z-index: 9;
}
.intro-section-1 .bounce:hover { color: #fff; }
.intro-section-1 .bounce span {
	display: inline-block;
	-webkit-animation:bouncing;
	animation:bouncing;
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}
@-webkit-keyframes bouncing {
	from { -webkit-transform:translateY(0); transform:translateY(0); }
	50% { -webkit-transform:translateY(30px); transform:translateY(30px); }
	to { -webkit-transform:translateY(0); transform:translateY(0); }
}
@keyframes bouncing {
	from { -webkit-transform:translateY(0); transform:translateY(0); }
	50% { -webkit-transform:translateY(30px); transform:translateY(30px); }
	to { -webkit-transform:translateY(0); transform:translateY(0); }
}

/**
*******************************************************************
* INTRO-SECTION
*******************************************************************
*/

.item-section-1 .features-list { margin-bottom: 45px; }
.item-section-1 .features-list .list-1 {
	width: 40%;
	display: inline-block;
	float: left;
}

/**
*******************************************************************
* FOOTER SECTION
*******************************************************************
*/
.footer-section-1 {
	padding: 20px 0;
	background-color: #1f2229;
}
.footer-section-1 .l .vm-item,
.footer-section-1 .c .vm-item,
.footer-section-1 .r .vm-item {
	position: relative;
}
html.ff .footer-section-1 .l .vm-item,
html.ff .footer-section-1 .c .vm-item,
html.ff .footer-section-1 .r .vm-item {
	display: inline-block;
}
.footer-section-1 .r {
	text-align: right;
}
.footer-section-1 .c {
	text-align: center;
}
.footer-section-1 .c .btn {
	border-radius: 30px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.footer-section-1 img {
	margin-bottom: 30px;
	height: 120px;
	opacity: 0.5;
}
.footer-section-1 .copyright {
	margin-bottom: 0;
	color: rgba(255,255,255,0.5);
}