body {font-family: 'Raleway', sans-serif; -webkit-font-smoothing: antialiased; color: #5c5c5c }
h1, h2, h3, h4, h5, h6, .btn {font-family: 'Montserrat', sans-serif; font-weight: 700}
p {font-size: 16px; line-height: 30px} .fw-300 {font-weight: 300}
.fw-400 {font-weight: 400}
.fw-500 {font-weight: 500}
.fw-600 {font-weight: 600}
.fw-700 {font-weight: 700}
.sec-title {font-size: 45px; text-align: center; font-weight: normal; margin-bottom: 30px;}
.btn {border-radius: 0; border-width: 2px; border-style: solid}
.btn:hover  { box-shadow: 0 4px 16px rgba(0,0,0,.24) }
.btn:active { box-shadow:inset 0 4px 8px rgba(0,0,0,.4); }
.btn-default-o { background-color:transparent;  border-color:  #fd6801; color: #fd6801;}
.btn-default-o:hover, .btn-default-o:active, .btn-default-o:focus{ background-color:#fd6801 ; border-color: #fd6801; color: #fff}
.btn-default-f { background-color:#fd6801 ; border-color:  #fd6801; color: #fff}
.btn-default-f:hover, .btn-default-f:active, .btn-default-f:focus{ background-color:#fff ; color: #fd6801;}
.frm_submit .btn-accent-o { background-color:#434343;  border-color:  #434343; color: #434343;}
.btn-accent-o { background-color:transparent;  border-color:  #434343; color: #434343;}
.btn-accent-o:hover, .btn-accent-o:active, .btn-accent-o:focus{ background-color:#434343 ; border-color: #434343; color: #fff}
.btn-accent-f { background-color:#434343 ; border-color:  #434343; color: #fff}
.btn-accent-f:hover, .btn-accent-f:active, .btn-accent-f:focus{ background-color:#6c6c6c ; border-color: #6c6c6c; color: #fff}
.btn-lg  {line-height: 42px}
.btn-default-solid { border: 2px solid #fd6801; background-color:#fd6800; border-radius: 0; color: #fff; padding:10px 50px;}
.btn-default-solid:hover, .btn-default-solid:active, .btn-default-solid:focus{border-color: #e25c00; background-color:#e25c00; color: #fff; text-decoration:none;}
.btn:hover  { box-shadow: 0 4px 16px rgba(0,0,0,.24) }
.th-btn {  padding: 15px 45px; } #main-navigation {background-color: transparent; transition: background-color ease-in-out .3s}
.bg-accent {background-color:#fd6801 ; border-color:  #fd6801; color: #fff}
.bg-accent a{color: #fff}
#main-navigation.affix {background-color: rgba(255,255,255,.96)}
#main-navigation .nav-right{padding-top: 15px}
#main-navigation .nav>li>a {color: #fff; padding: 8px 0; margin: 0 15px;}
#main-navigation .nav>li>a.btn-o {border:1px solid ; padding: 8px 25px; line-height: 20px}
#main-navigation.affix .nav>li>a {color: #243648}
#main-navigation .nav>li>a:focus, 
#main-navigation .nav>li>a:hover {background-color: transparent;  }
#main-navigation .navbar-right {padding-top: 15px}
#main-navigation.affix .navbar-brand,
#main-navigation.affix .navbar-right {padding-top: 8px; padding-bottom: 8px}
.banner-user-img{
max-width: 50px !important;
border-radius: 3px !important;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2) !important;
overflow: hidden !important;
-webkit-border-radius: 50% 50% 50% 50% !important;
-moz-border-radius: 50% 50% 50% 50% !important;
border-radius: 50% 50% 50% 50% !important;
} #accordion .panel {border-radius: 0; border: none; margin-top: 15px;}
#accordion .panel .panel-heading {border-radius: 0; }
#accordion .fa-chevron-up {transition: ease-in-out all .3s; color: #ff5c00}
#accordion .collapsed .fa-chevron-up {transform: rotate(540deg)}
#accordion h4, #accordion1 h4{font-family: 'Raleway', sans-serif !important;}
.ol-std ol{
margin: 0px;
padding: 15px;
font-size: 16px;
line-height: 25px;
} .mega-banner { position: relative; width: 100%; background-color: transparent; color: #fff; text-align: center}
.bgvideo { position: relative; top: 0; left: 0; z-index: 1; width: 100%; height: 100vh;}
.bgvideo video{ object-fit: cover; height: 100vh; width: 100%;}
.mega-banner >div.home-banner .banner-content{ position: relative}  .contact-banner,
.branded-banner,
.nonbranded-banner,
.app-stats { height: 100vh;
background-size: cover; background-position: center; margin-bottom: 50px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
text-align: center;} .tagline { color: #fff; font-size: 24px; font-weight: 300; padding-bottom: 40px; }
.app-ad { font-size: 35px; line-height: 40px; color: #fff; overflow: hidden; max-width: 560px; margin: auto auto 35px; }
.app-ad::before { display: block; content: "The Leading Event App for"; font-size: 24px; margin-bottom: 20px;}
.cliper { font-weight: 600; overflow: hidden; height: 60px; font-family: 'Montserrat', sans-serif;}
.cliper p { margin: 0; font-size:60px; font-weight:600; color:#fff; line-height:1; display: none; }
.cliper ul { text-align: left; list-style: none; 
-webkit-animation: 10s linear 0s normal none infinite change; 
-moz-animation: 10s linear 0 normal none infinite change; 
animation: 10s linear 0s normal none infinite change; margin-left: 0; padding:0; }
.cliper ul li { line-height: 60px; margin: 0; text-align: center; font-weight:600; height: 60px; overflow: hidden;}
.cliper ul li span { color:#fd6800;}
@-webkit-keyframes change {
0%, 5%, 100% { -webkit-transform: translateY(0); }
10%,20%,90%,95% { -webkit-transform: translateY(-20%); }
25%,35%,80%,85% { -webkit-transform: translateY(-40%); }
40%,50%,70%,75% { -webkit-transform: translateY(-60%); }
55%,65% { -webkit-transform: translateY(-80%); }
}
@-moz-keyframes change {
0%, 5%, 100% { -moz-transform: translateY(0); }
10%,20%,90%,95% { -moz-transform: translateY(-20%); }
25%,35%,80%,85% { -moz-transform: translateY(-40%); }
40%,50%,70%,75% { -moz-transform: translateY(-60%); }
55%,65% { -moz-transform: translateY(-80%); }
}
@keyframes change {
0%, 5%, 100% { transform: translateY(0); }
10%,20%,90%,95% { transform: translateY(-20%); }
25%,35%,80%,85% { transform: translateY(-40%); }
40%,50%,70%,75% { transform: translateY(-60%); }
55%,65% { transform: translateY(-80%); }
}
@-webkit-keyframes sdown {
0%, 100% { -webkit-transform: translateY(0); }
50% { -webkit-transform: translateY(32px); }
}
@-moz-keyframes sdown {
0%, 100% { -webkit-transform: translateY(0px); }
50% { -moz-transform: translateY(32px); }
}
@keyframes sdown {
0%, 100% { transform: translateY(0); }
50% { transform: translateY(32px); }
}
@-webkit-keyframes pulsate {
0% {-webkit-transform: scale(0.5, 0.5); opacity: 0.0;}
50% {opacity: 1.0;}
100% {-webkit-transform: scale(4, 4); opacity: 0.0;}
}
@keyframes pulsate {
0% {transform: scale(0.5, 0.5); opacity: 0.0;}
50% {opacity: 1.0;}
100% {transform: scale(4, 4); opacity: 0.0;}
} .comprehensive { background-color: #f3f3f3; padding-top: 20px; padding-bottom: 20px}
.comprehensive .img-responsive { width: 100%; max-width: 820px;}
.comprehensive .relative-container{ position: relative; padding-top: 10px; padding-bottom: 10px; min-height: 320px;}
.relative-container > span {letter-spacing: 1px; font-size: 13px; line-height: 18px; position: absolute;  padding-top: 8px;  letter-spacing: 1.5px;  color: #434343; border-top: 1px solid #ff6500; }
.relative-container > span::before {background-position: bottom left; background-repeat: no-repeat; background-size: auto 24px; position: absolute;  width: 24px; height: 36px; top: -64px;  display: inline-block;  content: ''; }
.relative-container > span strong { position: absolute; top: -24px; display: block; font-size: 16px; letter-spacing: 0;}
.comprehensive .relative-container .meta-lt {width: 380px; top: 135px; left: 0; padding-right: 200px; text-align: left;}
.comprehensive .relative-container .meta-lm {width: 290px; top: 295px; left: 0; padding-right: 130px; text-align: left;}
.comprehensive .relative-container .meta-rt {width: 250px; top: 220px;  right: 0; padding-left: 40px; text-align: right;}
.comprehensive .relative-container .meta-rm {width: 260px; top: 325px; right: 0; padding-left: 65px; text-align: right;}
.comprehensive .relative-container .meta-rb {width: 380px; top: 470px; right: 0; padding-left: 135px; text-align: right;}
.relative-container > span .pulse {
position: absolute; top: -4.5px; display: inline-block;  width: 9px;
height: 9px;  -webkit-animation: pulsate 2s ease-in-out infinite;  animation: pulsate 2s ease-in-out infinite; opacity:0;
border: 1px solid #ff6500; border-radius: 50%; background-color: transparent; 
}
.relative-container > span .dot {
position: absolute;  top: -8px; display: inline-block; box-sizing: content-box;
width: 15px; height: 15px; border: 1px solid #ff6500; border-radius: 50%; background-color: transparent;
}
.relative-container > span .dot::after {
position: absolute; top: 3px; left: 3px; display: inline-block; width: 9px; height: 9px; content: ''; border-radius: 50%;
background-color: rgba(255,101,0,.75); }
.relative-container > span.meta-lt .pulse,
.relative-container > span.meta-lm .pulse {right: -12px; }
.relative-container > span.meta-rt .pulse,
.relative-container > span.meta-rm .pulse,
.relative-container > span.meta-rb .pulse {left: -12px; }
.relative-container > span.meta-lt .dot,
.relative-container > span.meta-lm .dot {right: -16px; }
.relative-container > span.meta-rt .dot,
.relative-container > span.meta-rm .dot,
.relative-container > span.meta-rb .dot {left: -16px; }
.relative-container > span.meta-rt strong,
.relative-container > span.meta-rm strong,
.relative-container > span.meta-rb strong {right: 0; }
.relative-container > span.meta-lt::before { background-image: url(https://nvolv-nbut7k7rwjrop.netdna-ssl.com/wp-content/themes/nvolv/img/ic_graph.png);
background-position: 0 0;
background-size: cover;
height: 25px;
margin: 10px 0 0;
width: 25px}
.relative-container > span.meta-lm::before { background-image: url(https://nvolv-nbut7k7rwjrop.netdna-ssl.com/wp-content/themes/nvolv/img/index.png);
background-position: 0 -69px;
background-size: cover;
height: 22px;
margin: 14px 0 0;
width: 24px;}
.relative-container > span.meta-rt::before {background-image: url(https://nvolv-nbut7k7rwjrop.netdna-ssl.com/wp-content/themes/nvolv/img/index.png);
background-position: 0 0;
background-repeat: no-repeat;
background-size: cover;
height: 24px;
margin: 12px 0 0;
right: 0;
width: 24px;}
.relative-container > span.meta-rm::before { background-image: url(https://nvolv-nbut7k7rwjrop.netdna-ssl.com/wp-content/themes/nvolv/img/index.png);
background-position: 0 -91px;
background-size: cover;
height: 36px;
margin: 5px 0 0;
right: 0;
width: 24px;}
.relative-container > span.meta-rb::before {background-image: url(https://nvolv-nbut7k7rwjrop.netdna-ssl.com/wp-content/themes/nvolv/img/index.png);
background-position: 0 -24px;
background-size: cover;
height: 23px;
margin: 10px 0 0;
right: 0;
width: 24px;}
.comprehensive h2 { font-size:45px; color:#515151; margin-bottom:20px; font-weight:normal;}
.main-logo {
	background-image: url(https://nvolv.co/wp-content/uploads/2017/08/logo_NVOLV_white.png);
	width: 190px;
	height: 34px;
	padding: 0;
	margin: 0;
}
.affix .container .navbar-header .navbar-brand .main-logo {
	background-image: url(https://nvolv.co/wp-content/uploads/2016/07/NVOLV-logo2.png);
	width: 190px;
	height: 34px;
	padding: 0;
	margin: 0;
}
.affix-top .container .navbar-header .navbar-toggle .icon-bar {
	background-color: #fff;
}
.ellipsis_this {
	line-height: 30px;
    margin-top: 30px;
    max-height: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.dropdown-menu > hr {
    border-color: #666;
    margin: 5px 0;
}
.product-cta {
    text-align: left;
    width: 100%;
}
.product-cta .btn {
    margin: 0 20px 0 0;
    padding: 10px 5px;
}
.cta-home {
    margin: -43px 0 150px;
    position: relative;
    z-index: 100;
}
.cta-home a {
    margin: 0 15px;
}
.cta-home-top {
	margin: 0;
}
.bg-dark {
    background: #434343 none repeat scroll 0 0;
    color: #fff;
    padding: 30px 0;
    margin-top: 30px;
}
.foter_widget {
	
}
.foter_widget h3 {
	font-size: 18px;
	margin: 0 0 15px;
}
.foter_widget ul {
	list-style: outside none none;
    margin: 0;
    padding: 0;
}
.foter_widget ul li {
    margin: 0 0 5px;
}
.foter_widget ul li.social {
    margin: 10px 0 0;
}
.foter_widget ul li a {
    color: #fff;
}
.cta-home-top a {
    margin-top: 35px;
}
@media only screen and (max-width:1200px) {
.relative-container > span {display: none}
} 
.app-intro h2 {font-size:45px; color:#515151; margin-bottom:20px; margin-top:0; font-weight:normal;}
.app-intro p { padding-bottom: 20px; line-height: 30px;}
.app-featuers h2 {font-size:30px; color:#515151; margin-bottom:20px; font-weight:700;} .tour-content-title { display:none;}
.tour-content-0,
.tour-content-1 { margin-top: 100px; }
.fix_this_height {
	min-height: 200px;
}
.img_max_height {
	max-height: 500px;
	float: right;
}
.img_max_height_big {
	max-height: 550px;
	float: right;
}
.carousel-indicators {
    margin-left: 1%;
    text-align: left;
}
.participation-cm {
	padding-top: 10vh;
}
.new_white_button {
	border: 1px solid #fff;
    color: #fff;
    margin-top: 2em;
    line-height: 1.5;
    border-radius: 5em;
    padding: 8px 40px;
}
.content_margin_cs {
	margin-top: 85px;
}
.tour-content-1 { margin-bottom: 100px; }
section#themo_tour_1_0{ padding-top:15px !important; padding-bottom:0px !important; height:560px !important; background-size: cover; background-position: 100% 100%; }
.stat .number { font-size:100px !important; font-family: Montserrat; color:#666 !important; opacity:50; font-weight:bold;}
.statistics .stat { margin:0 !important;}
.stat .count-title { font-size:30px !important;} .app-testimonial { position:relative;}
.app-testimonial .caret-1-shadow { top: 90%; left: 0; border-width: 13px; border-right-color: #ddd; border-top-color: #ddd; filter: blur(3px); }
.app-testimonial .caret-1 { top: 50%; left: 0; border-width: 13px; border-right-color: #fd6801; border-top-color: #fd6801; }
.app-testimonial .caret-2 { top: 100%; left: 60px; border-width: 9px; border-left-color: #e5e5e5; border-bottom-color: #e5e5e5; }
.app-testimonial .caret-3 { top: 40%; left: 60px; border-width: 19px; border-right-color: #fd6801; border-bottom-color: #fd6801;  }
.app-testimonial .caret-3-shadow { top: 60%; left: 60px; border-width: 25px; border-right-color: #ddd; border-bottom-color: #ddd; filter: blur(3px);  }
.app-testimonial .caret-4 { top: 100%; right: 60px; border-width: 30px; border-left-color: #e5e5e5; border-bottom-color: #e5e5e5;  }
.app-testimonial .caret-5 { top: 50%; right: 110px; border-width: 9px; border-left-color: #fd6801; border-bottom-color: #fd6801;  }
.app-testimonial .caret-5-shadow { top: 70%; right: 110px; border-width: 13px; border-left-color: #ddd; border-bottom-color: #ddd; filter: blur(3px); }
.carousel-inner .item { height:345px;}
#carousel-example-generic .carousel-inner .item {height:500px;}
#carousel-example-generic .btn-for{margin: 25px 0px; padding: 0px 20px; }
#carousel-example-generic .btn-default-o{ background-color: transparent; border-color: #fff;  color: #fff;}
#carousel-example-generic .btn-default-o:hover{ background-color:#fd6801 ; border-color: #fd6801; color: #fff}
.blog-car-hng:active, .blog-car-hng:focus, .blog-car-hng:hover, .blog-car-hng{text-decoration: none; color: #fff; text-shadow:none; }
#carousel-example-generic .carousel-caption {padding-bottom: 50px;}
.blg-dtl-banner, .blg-dtl-banner:hover, .blg-dtl-banner:active, .blg-dtl-banner:focus{color: #fff; text-decoration: none;}
#carousel-example-generic .carousel-inner .item {background-color: #000}
#carousel-example-generic .carousel-inner .item img{opacity: .5}
#carousel-example-generic .carousel-indicators li {border:1px solid #fff}
#carousel-example-generic .carousel-indicators li.active {background-color: #fff}
.testi-img { text-align:center; filter: grayscale(); transition: filter ease-in-out .3s;}
.testi-img:hover { text-align:center; filter: none}
.carousel-indicators li { border:1px solid #fd6801;}
.carousel-indicators li.active { background:#fd6801; }
.item h4 { color:#fd6801; font-weight:600;}
.app-testimonial .qq { position: relative}
.app-testimonial h2 { font-size:45px; margin-bottom:20px; font-weight: normal; position: relative; z-index: 2}
.app-testimonial .text { color: #000; font-size: 20px; margin: 10px 0 30px; line-height: 30px; }
.app-testimonial .qq::before {position: absolute; content: open-quote; width: 0px; top: -80px; font-size: 250px; color:#eee;
opacity: 0.6; z-index: 0; left: 50%; margin-left: -47px; font-family: Raleway, sans-serif; z-index: 1;}    #iphone_slider {position: relative;  } #iphone_slider h1{font-size: 45px; line-height: 56px; margin-bottom: 30px}
#iphone_slider p{font-size: 20px; line-height: 40px; margin-bottom: 50px;}
#iphone_slider .slide-body { min-height: 220px}
#iphone_slider .mask_iphone { z-index: 0; width: 100%; padding-top: 20px;}
#iphone_slider .mask_iphone .img-clipper {position: relative;}
#iphone_slider .mask_iphone .clips-container { position: absolute; top: 62px; left: 50%; margin-left: -110px; overflow: hidden; width: 219px; height: 393px; }
#iphone_slider .mask_iphone .clips-container .clips {transition: all .3s ease-in-out; background-color: #fff; min-height: 473px}
.clips .nav>li>a>img {max-width: 220px;}
#iphone_slider nav { margin: 230px -30px auto auto;  position: relative; width: 20px;}
.clips .nav>li>a { padding: 0 !important;}
.clips .nav>li {transition: top .3s ease-in-out; position: absolute; top: 474px}
.clips .nav>li.active {top: 0}
.clips .nav>li:first-child { top: 0 } .img-responsive {margin-left: auto; margin-right: auto}
.slide-footer .col-sm-6{ margin-bottom: 20px}
.nav-indicators li a { padding: 5px 0; }
.nav-indicators li a:hover,.nav-indicators li a:focus { background-color: transparent }
.nav-indicators li a span {border:1px solid #fd6801; display: block; width: 12px; height: 12px; border-radius: 50%; }
.nav-indicators li.active a span {background-color: #fd6801}
.nav-indicators li a:hover {background-color:transparent !important}
.nav-indicators li a:hover span {background-color: #fd6801}
*[class*="caret-"] { position: absolute; content: ""; width: 0; height: 0; border-style: solid; border-color: transparent; transition: all 0.5s ease-in-out; }
#iphone_slider .caret-1 {top: 60px; left: 0; border-width: 15px; border-left-color: #e5e5e5; border-bottom-color: #e5e5e5; transition: all 0.5s ease-in-out; }
#iphone_slider .caret-2-shadow {top: 50px; right: 0; border-width: 13px; border-left-color: #eee; border-bottom-color: #eee; filter: blur(3px); transition: all 0.5s ease-in-out; }
#iphone_slider .caret-2 {top: 20px; right: 0; border-width: 9px; border-left-color: #fd6801; border-bottom-color: #fd6801; transition: all 0.5s ease-in-out; }
#iphone_slider .caret-3-shadow { top: 320px;  right: 0; border-width: 26px;    border-right-color: #eee;   border-top-color: #eee; filter: blur(3px); transition: all 0.5s ease-in-out; }
#iphone_slider .caret-3 {top: 280px; right: 0; border-width: 19px; border-right-color: #fd6801; border-top-color: #fd6801; transition: all 0.5s ease-in-out; }
#iphone_slider .caret-4-shadow {top: 540px; left: 28px; border-width: 13px; border-right-color: #eee; border-bottom-color: #eee; filter: blur(2px); transition: all 0.5s ease-in-out; }
#iphone_slider .caret-4 {top: 500px; left: 40px; border-width: 9px; border-right-color: #fd6801; border-bottom-color: #fd6801; transition: all 0.5s ease-in-out; }
#iphone_slider .caret-5 {top: 600px; right: 0; border-width: 15px; border-left-color: #e5e5e5; border-bottom-color: #e5e5e5; transition: all 0.5s ease-in-out; }
#iphone_slider .caret-6 {top: 960px; left: 0; border-width: 15px; border-left-color: #e5e5e5; border-bottom-color: #e5e5e5; transition: all 0.5s ease-in-out; }
#iphone_slider .caret-7-shadow {top: 970px; right: 0; border-width: 13px; border-left-color: #eee; border-bottom-color: #eee; filter: blur(3px); transition: all 0.5s ease-in-out; }
#iphone_slider .caret-7 {top: 920px; right: 0; border-width: 9px; border-left-color: #fd6801; border-bottom-color: #fd6801; transition: all 0.5s ease-in-out; }
#iphone_slider .caret-8-shadow { top: 1330px;  right: 0; border-width: 26px;    border-right-color: #eee;   border-top-color: #eee; filter: blur(3px); transition: all 0.5s ease-in-out; }
#iphone_slider .caret-8 {top: 1280px; right: 0; border-width: 19px; border-right-color: #fd6801; border-top-color: #fd6801; transition: all 0.5s ease-in-out; }
#iphone_slider .caret-9-shadow {top: 1670px; left: 28px; border-width: 13px; border-right-color: #eee; border-bottom-color: #eee; filter: blur(2px); transition: all 0.5s ease-in-out; }
#iphone_slider .caret-9 {top: 1570px; left: 40px; border-width: 9px; border-right-color: #fd6801; border-bottom-color: #fd6801; transition: all 0.5s ease-in-out; }
#iphone_slider .caret-10 {top: 1900px; right: 0; border-width: 15px; border-left-color: #e5e5e5; border-bottom-color: #e5e5e5; transition: all 0.5s ease-in-out; }
.gettouch .form-control  {height: auto; box-shadow: none; border-radius: 0; background-color:transparent; display: block; border-width: 0 0 1px 0; border-bottom-color: #434343; width: 100%; font-size: 24px}
.gettouch .form-control:active,
.gettouch .form-control:focus  { box-shadow: none; border-bottom-color: #fd6801; outline: none}
.gettouch .form-control { padding-left: 44px;}
.gettouch label {position: absolute; left: 45px; top: 4px; pointer-events: none; color: #aaa; -webkit-transition: all 0.2s ease-out 0s;  transition: all 0.2s ease-out 0s;}
.gettouch label > span {
margin-right: 10px;
}
.gettouch .error.form-control, .gettouch .error.form-control:active, .gettouch .error.form-control:focus {border-bottom-color: #d00}
.gettouch label.error {color: #d00; font-weight: 400; padding-right: 2px; padding-top: 2px; position: static; text-align: right; width: 100%; }
.gettouch .form-group  img { position: absolute; left: 1px; top: -2px}
.gettouch .form-group .form-control:focus + label,
.gettouch .form-group .form-control.has-value + label {top: -10px; }
.gettouch .form-group .form-control:focus + label + img,
.gettouch .form-group .form-control.has-value + label + img {top: 10px; }
.gettouch .form-group  { position: relative; min-height:48px }
.gettouch .form-group  .btn { background-color:#434343; color: #fff}
.copyrights {padding: 30px 0 20px; }
.copyrights a{text-decoration: none; color: #434343}
.copyrights a:hover{text-decoration: underline}
.copyrights a img{max-width: 32px; height: auto; opacity: .7 }
.copyrights a:hover img{opacity: 1 }
.branded-page {background-image: url(https://nvolv-nbut7k7rwjrop.netdna-ssl.com/wp-content/themes/nvolv/img/bg_01.png)}
.branded-page2 {background-image: url(https://nvolv-nbut7k7rwjrop.netdna-ssl.com/wp-content/themes/nvolv/img/bg_02.png)}
.branded-page p,
.branded-page2 p { line-height: 30px; margin-top: 30px; text-align: justify; width: 80%; }
.branded-page2 h2,
.branded-page2 p { margin-left: 100px; } 
.spotlight, .discover, .graph, .menu, .smartphone,
.facebook, .linkedin, .nvolv, .twitter, .email,
.message, .phone, .name
{ display: inline-block; background: url(https://nvolv-nbut7k7rwjrop.netdna-ssl.com/wp-content/themes/nvolv/img/index.png) no-repeat; overflow: hidden; text-indent: -9999px; text-align: left; }
.spotlight { background-position: -0px -0px; width: 54px; height: 54px; }
.discover { background-position: -0px -54px; width: 50px; height: 52px; }
.graph { background-position: -0px -106px; width: 50px; height: 50px; }
.menu { background-position: -0px -156px; width: 50px; height: 50px; }
.smartphone { background-position: -0px -206px; width: 44px; height: 78px; }
.facebook { background-position: -0px -284px; width: 32px; height: 32px; }
.linkedin { background-position: -0px -316px; width: 32px; height: 32px; }
.nvolv { background-position: -0px -348px; width: 32px; height: 32px; }
.twitter { background-position: -0px -380px; width: 32px; height: 32px; }
.email { background-position: -0px -412px; width: 30px; height: 22px; }
.message { background-position: -0px -434px; width: 30px; height: 30px; }
.phone { background-position: -0px -464px; width: 30px; height: 31px;}
.name { background-position: -0px -495px; width: 28px; height: 28px;}
section {background-size: cover; background-position: left center; background-repeat: no-repeat}
.marketing-content h2 {color: #fff;}
.branded-page {border-bottom: 1px solid #ddd}
#footer_contact { position: relative; overflow: hidden; }
#footer_contact .caret-1-shadow { top: 90%; left: 0; border-width: 13px; border-right-color: #ddd; border-top-color: #ddd; filter: blur(3px); transition: all 0.5s ease-in-out; }
#footer_contact .caret-1 { top: 50%; left: 0; border-width: 13px; border-right-color: #fd6801; border-top-color: #fd6801; transition: all 0.5s ease-in-out; }
#footer_contact .caret-2 { top: 100%; right: 0; border-width: 9px; border-left-color: #e5e5e5; border-bottom-color: #e5e5e5; transition: all 0.5s ease-in-out; }
#footer_contact .caret-3 { top: 50%; right: 60px; border-width: 19px; border-right-color: #fd6801; border-bottom-color: #fd6801; transition: all 0.5s ease-in-out; }
#footer_contact .caret-3-shadow { top: 85%; right: 60px; border-width: 25px; border-right-color: #ddd; border-bottom-color: #ddd; filter: blur(3px); transition: all 0.5s ease-in-out;  }
#footer_contact .caret-4 { top: 120%; left: 0px; border-width: 30px; border-left-color: #e5e5e5; border-bottom-color: #e5e5e5; transition: all 0.5s ease-in-out; }
#footer_contact .caret-5 { top: 130%; right: 110px; border-width: 9px; border-left-color: #fd6801; border-bottom-color: #fd6801; transition: all 0.5s ease-in-out; }
#footer_contact .caret-5-shadow { top: 168%; right: 110px; border-width: 13px; border-left-color: #ddd; border-bottom-color: #ddd; filter: blur(3px); transition: all 0.5s ease-in-out; }
#branded1 .caret-1 {top: 550px; right:-135px; border-width: 15px; border-right-color: #e5e5e5; border-top-color: #e5e5e5; transition: all 0.5s ease-in-out; } #branded1 .caret-3 {top: 0px; left: 0px; border-width: 19px; border-right-color: #fd6801; border-top-color: #fd6801; transition: all 0.5s ease-in-out; }
#branded1 .caret-4-shadow {top: 410px; left:0; border-width: 11px; border-right-color: #eee; border-bottom-color: #eee; filter: blur(3px); transition: all 0.5s ease-in-out; }
#branded1 .caret-4 {top: 240px; left:0; border-width: 9px; border-right-color: #fd6801; border-bottom-color: #fd6801; transition: all 0.5s ease-in-out; }
#branded1 .caret-5 {top: 500px; right: 0; border-width: 15px; border-left-color: #e5e5e5; border-bottom-color: #e5e5e5; transition: all 0.5s ease-in-out; }
#branded2 .caret-1 {top: 360px; left:630px; border-width: 15px; border-left-color: #e5e5e5; border-bottom-color: #e5e5e5; transition: all 0.5s ease-in-out; }
#branded2 .caret-2 {top: 280px; right: 0; border-width: 9px; border-left-color: #fd6801; border-bottom-color: #fd6801; transition: all 0.5s ease-in-out; }
#branded2 .caret-2-shadow {top: 480px; right: 0; border-width: 11px; border-left-color: #eee; border-bottom-color: #eee; filter: blur(3px); transition: all 0.5s ease-in-out; }
#branded2 .caret-3 {top: 280px; right: -40px; border-width: 19px; border-right-color: #fd6801; border-top-color: #fd6801; transition: all 0.5s ease-in-out; }
#branded2 .caret-4 {top: 320px; left:-170px; border-width: 9px; border-left-color: #e5e5e5; border-top-color: #e5e5e5; transition: all 0.5s ease-in-out; }
*[class*="tri-"] { position: absolute; transition: all 0.5s ease-in-out; }
.triangles { display: block; position: relative; transition: all 0.5s ease-in-out; }
.tri-2 { top: 0px; left: 50px; z-index: 99; }
.tri-2-s { top: 20px; left: 0; }
.tri-1 { top: 20px; right: 170px; z-index: 99; }
.tri-1-s { top: 10px; right: 140px; }
.tri-3 { top: 250px; right: 50px; z-index: 99; }
.tri-3-s { top: 260px; right: 20px;}
.tri-4 { top: 100px; left: 25px; z-index: 99; }
.tri-4-s { top: 150px; left: 0; }
.tri-5 { top: -200px; right: 280px; z-index: 99; }
.tri-5-s { top: -240px; right: 260px; }
.tri-6 { top: 200px; right: 60px; z-index: 99; }
.tri-6-s { top: 200px; right: 30px;}
#intercom-container .intercom-launcher-frame {bottom:85px !important}
.pricing-column {color: #fff; text-align: center;}
.pricing-cost { font-size: 46px; font-weight: 600; padding-bottom: 20px; padding-top: 30px;}
.pricing-cost *{ font-size: 16px}
.pricing-title {font-size: 20px; font-weight: 600; padding-bottom: 20px;}
.features { padding: 0; margin: 0; height: 100px !important;}
.pricing-features {padding-bottom: 30px;}
.btn-standard { border-color: #fff; background: transparent; color: #fff;}
.btn-standard:hover { background-color: #fff; color: #fd6801; }
.pricing-column > *{background-color: #fd6801; padding-left: 15px; padding-right: 15px;} .statistics{padding: 20px 0; background: rgba(0,0,0,0.45); background-size: cover;position: relative;}
.statistics .stat{display: inline-block; margin: 35px 25px; line-height: 1.4;}
.statistics h3{text-align: center;z-index: 2;position: relative;}
.statistics .stat span{margin-bottom: 10px;}
.stat .stat-icon, .stat .number, .stat .count-title{display: block; width: 100%; text-align: center;}
.stat .number, .stat .count-title{font-size: 1.4em}
.stat .number{color: olive; font-size: 25px;}
.statistics-inner{padding: 200px 3%; text-align: center;z-index:2; position: relative;}
.statistics .stat .fa, .statistics .stat .count-title{color: #444;}
.statistics .sec-title{margin-bottom: -20px;}
.stat .fa{font-size: 36px}
.stat .count-title {font-size: 16px}
.statistics.n3 .stat .fa, .statistics.n4 .stat .fa{display: none;}
.statistics.n5 .stat .count-title, .statistics.n6 .stat .count-title{display: none;}
.statistics.n7 .stat .count-subtitle{font-size: 13px;}
.statistics { background:none !important; position: relative; }
.statistics h3 {  color:#fff; font-size:3em; position:relative; top:505px; text-align:center; }
.statistics h3:before, .statistics h3:after{position: absolute; content: ""; width: 0; height: 0;  }
.statistics h3:after { content: ""; position: absolute; width: 2px; height: 64px; background-color: #fff;left: 50%; top:58px;}
.statistics-inner #tfNumber1 { position: relative; top:-120px;}
.statistics-inner #tfNumber1:before, .statistics-inner #tfNumber1:after{position: absolute; content: ""; width: 0; height: 0;  }
.statistics-inner #tfNumber1:before { top:-120px; }
#tfNumber1 .count-title { position:absolute; color:#fff !important; top:50px;}
#tfNumber0 .count-title { position:absolute; top:50px; color:#fff !important;}
#tfNumber2 .count-title { position:absolute; top:50px; color:#fff !important; }
.statistics-inner #tfNumber0,
.statistics-inner #tfNumber1,
.statistics-inner #tfNumber2 { width: 300px; }
.statistics-inner #tfNumber0 { position: relative;}
.statistics-inner #tfNumber0:before, .statistics-inner #tfNumber0:after{position: absolute; content: ""; width: 0; height: 0;  }
.statistics-inner #tfNumber0:before { top:-120px; }
.statistics-inner #tfNumber2 { position: relative;}
.statistics-inner #tfNumber2:before, .statistics-inner #tfNumber2:after{position: absolute; content: ""; width: 0; height: 0;  }
.statistics-inner #tfNumber2:before { top:-120px; }
span.count-title { position: relative;}
span.count-title:after { content: ""; position: absolute; width: 2px; height: 280px; background-color: #fff;left: 50%; top:40px;
}
.tour-content-title { display:none;}
.tour-content-0 {  margin-top: 100px; }
.tour-content-1 {  margin-bottom: 100px; }
section#themo_tour_1_0{ padding-top:15px !important; padding-bottom:0px !important; height:560px !important; background-size: cover; background-position: 100% 100%; }
.stat .number { font-size:100px !important; font-family: Montserrat; color:#666 !important; opacity:50; font-weight:bold;}
.statistics .stat { margin:0 !important;}
.stat .count-title { font-size:30px !important;} .footer-sticky-bar {opacity:0; padding-top: 15px; padding-bottom: 15px; min-height: auto; height: auto; transition:all ease-in-out .3s; position:absolute; bottom:0; width:100%; background-color:#fff; border-top:1px solid #ddd;}
.footer-sticky-bar .form-group{margin-bottom: 0}
.footer-sticky-bar .form-control{border-radius:0; box-shadow: none }
.footer-sticky-bar .cta{border-width:1px; margin-left: 8px;}
.footer-sticky-bar.affix { display:block; width:100%; position:fixed; opacity:1;} .footer-sticky-bar .error { color: red} .entry-content > p:first-child::first-letter {color: #fd6800; font-size: 85px; float: left; line-height: 80px; padding-right: 8px;  margin-left: -5px; }
.entry-content p { line-height: 30px; margin-top: 30px; }
.entry-content blockquote{padding: 0; border-left: 0;  text-align: center; max-width: 80%; margin:15px auto; }
.entry-content blockquote p{font-style: italic; line-height: 50px; font-size: 30px; color: #fd6800; }
.entry-content blockquote p::before{ content: open-quote; }
.entry-content blockquote p::after{ content: close-quote; }
.entry-content q { font-style: italic; line-height: 50px; font-size: 30px; text-align: center; max-width: 80%; margin:15px auto; color: #fd6800; display: block;}
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h3,
.entry-content h5,
.entry-content h6 { font-size: 36px; font-weight: normal; line-height: 50px; }
.entry-content ol { font-size: 16px; list-style-position: outside; padding-left: 14px; }
.entry-content ul { font-size: 16px; list-style-position: outside; padding-left: 20px; }
.entry-content ol li, .entry-content ul li{ margin-bottom: 20px; padding-left: 15px; }
.abh_tab_content { padding: 0px 12px 30px !important; }
.blog-post-content { padding:50px 0px;}
.post-img { text-align:center; margin:20px 0px;}
.post-img img { width:100%;}
.post-meta {font-size: 13px; color: #8b8b8b; margin:20px 0px;}
.rel-post-list .post-list-title { width:100%; padding-bottom:0px; text-align:center; margin-top:30px;}
.post-list-title h5 { font-size:25px;} .author-page .author-ul { border-bottom:1px solid #cbcbcb;}
.author-page .author-tl { border-top:1px solid #cbcbcb; padding:20px 0px;}
.author-bio { margin:50px 0px;}
.author-bio .author-img { width:20%; float:left;}
.author-name { padding-top:5px;}
.blog-list .author-identity { width:100%; padding-bottom:50px; text-align:center; margin-top:-40px;}
.author-identity h2 { text-transform:uppercase;}
.rel-post-inner .rel-post-title { font-size:20px; padding:0px 10px; text-align:center; font-weight:600; margin-bottom:20px; height:45px; overflow:hidden; color:#fd6800;}
.rel-post-inner .rel-post-title a {color:#fd6800;}
.abh_tabs { display:none;}
.abh_box {padding: 0px 0px 25px 0px !important; border-top: 1px solid #ccc; margin-top: 40px;}
.abh_tab_content { border-bottom:none !important;}  .blog-list .post-inner { text-align:center; padding:20px;}
.post-inner .post-category {position: relative}
.post-category a, .post-category a:hover { color:#5c5c5c; text-decoration:none;}
.post-inner .post-title { font-size:20px; font-weight:600; margin-bottom:20px; height:60px; overflow:hidden; color:#fd6800;}
.post-inner .post-title a {color:#fd6800; line-height: 30px;}
.load-blog .btn-load { padding:15px 60px; border:2px solid #fd6800 ; background:transparent;}
.load-blog a { color:#fd6800;}
.load-blog a:hover { background:#fd6800; color:#fff;}
#content-title { display: block; margin-top: 100px; }
#content-title h3 { font-size: 45px; font-weight: normal; }
#main-content { display: block; margin-top: 30px; }
#main-content h5 { font-size: 25px; font-weight: normal; line-height: 30px; }
#main-content p { font-size: 16px; line-height: 35px; }
#main-content ul li { font-size: 16px; line-height: 30px; margin: 10px 0; }

.open-positions .position-title { margin-bottom: 5px; line-height: 1 }
.open-positions .position-meta { margin-bottom: 15px; color: #999 }

.open-positions .position-meta span{ padding-right: 12px; display: inline-block; word-break: break-all }

.open-positions .position-cate-group { margin-bottom: 15px; border-bottom: 1px solid #e5e5e5 }
.open-positions .position-cate-group:last-child { border-bottom: none }

.tour-feature {padding-top:60px; padding-bottom:60px}
.tour-feature:nth-child(2n) {background-color: #f2f2f2}

.team-cards .card{background-color: #f2f2f2; border-radius: 4px; margin: 15px;}
.team-cards .card .card-header{padding: 30px 15px; background-color: #fd6800; color: #fff;}
.team-cards .card .card-body{padding: 15px; min-height: 320px;}

.card {position: relative}
.card-media {position: relative}
.card-footer {padding: 8px 16px;}
.app-icon {border-radius: 17.5%; display: inline-block; box-shadow: 0 2px 8px rgba(0,0,0,0.16); position: absolute; right: 16px; bottom:-36px}


.cs-meta-item {min-height:110px; padding: 25px 20px 10px; text-align: center;  border: 1px solid #ccc; border-radius: 3px; margin-bottom: 30px}
.cs-meta-item label{color: #aaa}
.label-meta {font-size: 28px; margin-bottom: 0}

.cs-tour {position: relative; padding-top: 30px}
.cs-tour .img-out{position: relative; height: 360px; overflow: hidden; padding-top: 40px;}
.cs-tour .img-out [zindex="1"] {position: absolute;  z-index: 1;}
.cs-tour .img-out [zindex="2"] {position: absolute; z-index: 2; left: 80px; top: 0;}

.cs-tour .cta-tour  .btn{line-height: 72px; height: 72px; font-size: 24px; width: 75%; padding: 0; border-radius: 3px; margin-top: 128px}

.ptb-70 {padding: 70px 0}

.cs-marketing .col-md-offset-1 {padding-top: 30px; padding-bottom: 30px; background: url(../images/logo-icon.png) no-repeat center center; background-size: contain }
.cs-marketing .col-md-offset-1 a{text-decoration: underline }
.cs-marketing .col-md-offset-1 a:hover{text-decoration: none }
.cs-gallery {position: relative;}
.cs-gallery .ss-gallery{position: absolute; right: 0; top: 90px}
.cs-gallery .img-out{position: relative; height: 612px; overflow: hidden; padding-bottom: 40px;}
.cs-gallery .img-out [zindex="1"] {position: absolute;  z-index: 3;}
.cs-gallery .img-out [zindex="2"] {position: absolute; z-index: 2; left: 180px; top: 40px;}
.cs-gallery p.loud {margin: 80px 0; font-weight: bold; line-height: 2; font-size: 18px}

.gallery-stats {font-family: Montserrat, sans-serif}
.gallery-stats p{font-size: 48px; font-weight: bold; font-family: Montserrat, sans-serif}
.gallery-stats .col-sm-4{margin-bottom: 20px}

.client-logo {display: inline-block; margin:16px 16px 0; filter: grayscale(100%); opacity: .3; transition: all ease-in-out .3s}
.our-clients .col-md-12:hover .client-logo {filter: unset; opacity: 1; }

 @media only screen and (max-width:640px) {
 .ptb-50 { padding-top:25px; padding-bottom:25px}    
 .ptb-50 h3{ padding-bottom:20px}    
.triangles { display: block; position: relative; transition: all 0.5s ease-in-out; min-height: 550px; }
*[class*="tri-"] { width: 40%; transition: all 0s ease-in-out; }
.tri-2 { top: 65px; left: 5%; z-index: 99; }
.tri-2-s { top: 70px; left: 3%; }
.tri-1 { top: 5px; right: 25%; z-index: 99; }
.tri-1-s { top: 0; right: 23%; }
.tri-3 { top: 240px; right: 4%; z-index: 99; }
.tri-3-s { top: 252px; right: 0;}
.tri-4 { top: 200px; left: 8%; z-index: 99; }
.tri-4-s { top: 215px; left: 6%; }
.tri-5 { top: -120px; right: 46%; z-index: 99; }
.tri-5-s { top: -140px; right: 44%; }
.tri-6 { top: 150px; right: 6%; z-index: 99; }
.tri-6-s { top: 150px; right: 3%;}
.copyrights .pull-right {float: left; }
.app-testimonial .carousel-indicators {bottom: -30px}
.app-testimonial h2 {font-size: 40px}
.testi-img img { height: 96px;}
.carousel-inner .item { height: 315px;}
.cliper ul li { font-size:38px; text-align: center;}
.cliper p {display: none }
.cliper ul {margin-left: 0; padding-left: 0; }
.app-ad {max-width: 288px;}
.app-ad::before {font-size: 28px; margin-bottom: 10PX}
.app-testimonial {padding: 20px 0}

.app-intro ,
.app-featuers ,
.contact-map ,
.iphone-scroll ,
.blog-list ,
.branded-price {padding: 50px 0}
.slide-container img{border: 1px solid #ddd} .blog-banner .banner-content,
.mega-banner >div.home-banner .banner-content { padding-top: 150px;  padding-bottom: 150px; min-height:300px}
.sec-title,
.marketing-content h2 {font-size: 38px;}
#iphone_slider h1{font-size: 40px; line-height: 48px; margin-bottom: 25px}
#iphone_slider p{font-size: 17px; line-height: 32px}
*[class*="caret-"] { display: none}
.home-banner { background-image: url(https://nvolv-nbut7k7rwjrop.netdna-ssl.com/wp-content/themes/nvolv/img/xs/indoor-event-3.jpg);}
.contact-banner{background-image: url(https://nvolv-nbut7k7rwjrop.netdna-ssl.com/wp-content/themes/nvolv/img/xs/indoor-event-3.jpg);}
.branded-banner {background-image: url(https://nvolv.co/wp-content/uploads/2017/08/nvolv-branded-app-2-1.jpg);}
.nonbranded-banner{background-image: url(https://nvolv.co/wp-content/uploads/2017/08/non-branded-nvolv.jpg);}
.blog-banner{background-image: url(https://nvolv-nbut7k7rwjrop.netdna-ssl.com/wp-content/themes/nvolv/img/xs/de-focused.jpg);background-size: cover;}
.app-stats { background-image: url(https://nvolv-nbut7k7rwjrop.netdna-ssl.com/wp-content/themes/nvolv/img/xs/bg_counter.jpg);}
.pull-right, .pull-left {float: none}
.copyrights  {text-align: center}
.copyrights .pull-right {padding-top: 20px;}
.copyrights a {line-height: 24px;}
#carousel-example-generic .carousel-inner .item img {    
max-width: none;
max-height: none;
height: 500px;
}
.slide-container{height: auto !important; margin-bottom: 20px; text-align: center;}
.branded-page p, .branded-page2 p{
width: 100%;
text-align: center !important;  
}
.brandCont h2, .branded-page2 h2, .branded-page2 p{margin-left: 0px !important; text-align: center;}
}
@media only screen and (min-width:641px) {
     .ptb-50 { padding-top:50px; padding-bottom:50px}    
     .ptb-50 h3{ padding-bottom:40px}    

.timeline { position: relative }
.timeline::before { content: ""; position: absolute; top: 30px; bottom: 50px; left: 50%; margin-left: -1px;  border-left: 1px solid #a1a1a1; display: block; }

.timeline > div {margin-bottom: 30px; position: relative}

.timeline > div::after,
.timeline > div::before{position: absolute; left: 50%; content: "●"; }
.timeline > div::after{ top: 18px; margin-left: -6px; font-size: 21px; color: #fff}
.timeline > div::before{ top: 0;  margin-left: -13px; font-size: 45px; color: #999}

.timeline > div:last-child {background-color: #fff; }
.timeline > div:last-child::after,
.timeline > div:last-child::before{display: none }

.timeline .item-title { font-size: 24px; font-weight: bold; color: #fd6800; }
.timeline .item-body { padding-top: 20px; padding-bottom: 30px; }
.timeline .item-title strong {padding-top: 20px; padding-bottom: 40px; display: inline-block; background-repeat: no-repeat}

.timeline .item-center .item-title { padding-top: 30px; top: -40px; text-align: center;}
.timeline .item-left .item-title { padding-right: 30px; left: 0%; text-align: right;}
.timeline .item-left .item-body { padding-left: 30px; right: 0%; text-align: left;}
.timeline .item-right .item-title { padding-left: 30px; left: 50%; text-align: left;  }
.timeline .item-right .item-body { padding-right: 30px; right: 50%; text-align: right;}

.timeline .item-center .item-title strong {background-position: calc(50% - 11px) center; padding: 40px; text-align: center; background-image: url(../images/Poly5.png);}
.timeline .item-left .item-title strong{background-position: bottom right;  padding-left: 120px; padding-right: 30px; background-image: url(../images/Poly1.png);  }
.timeline .item-right .item-title strong{background-position: bottom left;  padding-left: 30px; padding-right: 120px; background-image: url(../images/Poly2.png);  }


.open-positions { position: relative}
.open-positions .panel-accent { background-color: #f9f9f9; border-width: 0}
.open-positions .panel-accent .panel-heading{ background-color: #fd6800; color: #fff; padding: 20px; font-weight: bold}
.open-positions .panel-accent .panel-body{ padding: 20px; min-height: 320px}
.open-positions .panel-accent .position-cate{ margin-bottom: 30px; }
.open-positions .panel-accent .position-cate p{ font-size: 14px; line-height: 20px }
.open-positions .panel-accent .position-cate a{ color: #243648 }



.blog-car-hng:active, .blog-car-hng:focus, .blog-car-hng:hover, .blog-car-hng{line-height: 50px; font-size: 50px; }
#main-navigation .navbar-nav > li > a  { position: relative}
#main-navigation .navbar-nav > li > a:after {
position: absolute;
bottom: 0px;    left: 0;    content: '';    width: 2px;    height: 0;    background-color: #fff;
-webkit-transition: all 0.2s linear;    transition: all 0.2s linear;
}
#main-navigation.affix .navbar-nav > li > a:after {
background-color: #353c40;
}
.navbar-nav > li > .dropdown-menu {background-color: #353c40; border-radius: 0; left: -10px; padding: 12px 0;}
.navbar-nav > li > .dropdown-menu li>a{color: #fff; line-height: 32px; opacity: .8}
.navbar-nav > li > .dropdown-menu li>a:hover{background-color: #353c40; opacity: 1}
#main-navigation .nav>li:last-child>a {margin-right: 0; margin-left: 0;}
#main-navigation .navbar-nav > li > a:hover:after, 
#main-navigation .navbar-nav > li.active > a:after, 
#main-navigation .navbar-nav > li.active > a:hover:after, 
#main-navigation .navbar-nav > li.active > a:focus:after { width: 100%; height: 1px;}
#main-navigation .navbar-nav > li.dropdown:hover .dropdown-menu { display: block}
.blog-list .blog-post { min-height:595px;}

.mega-banner .bgvideo::after {z-index: 999; 
-webkit-animation: sdown 2s infinite; 
-moz-animation: sdown 2s infinite; 
animation: sdown 2s infinite; 
display: block; width: 32px; height: 18px; content: url(https://nvolv-nbut7k7rwjrop.netdna-ssl.com/wp-content/themes/nvolv/img/ic_arrow_down_white.png); position: absolute; top: 100%; margin-top: -100px; left: 50%; margin-left: -16px;}

.cliper ul li { font-size:60px; }
.cliper p { float: left; }
.app-testimonial {padding: 50px 0}
.app-intro {padding: 50px 0;}

.app-featuers ,
.contact-map ,
.iphone-scroll ,
.blog-list ,
.branded-price {padding: 100px 0}
.slide-container {min-height: 600px}
.blog-banner .banner-content { padding-top: 200px; padding-bottom: 20px; min-height:600px}
.mega-banner >div.home-banner .banner-content{ padding-top: 13%; }
.marketing-content h2 {font-size: 45px;}
#iphone_slider .mask_iphone { position: absolute; }
.slide-container {padding-top: 160px}
.slide-container .btn{min-width: 220px} .slide-container {padding-bottom:100px}
.mega-banner >div {background-size: cover; background-attachment: fixed; overflow: hidden;}
.blog-banner {position: relative; z-index: 0}
.blog-banner::before { content: "";  position: absolute;  top: 0;  left: 0;  right: 0;  bottom: 0; background-color: #000; opacity: .3; }
.mega-banner >div.home-banner { position:absolute ; top: 0; left: 0; z-index: 2; width: 100%; height: 100%}
.contact-banner{background-image: url(https://nvolv-nbut7k7rwjrop.netdna-ssl.com/wp-content/themes/nvolv/img/indoor-event-3.jpg); height: 500px;}
.branded-banner{background-image: url(https://nvolv.co/wp-content/uploads/2017/08/nvolv-branded-app-2-1.jpg); height: 500px;}
.nonbranded-banner{background-image: url(https://nvolv.co/wp-content/uploads/2017/08/non-branded-nvolv.jpg); height: 500px;}
.blog-banner{background-image: url(https://nvolv-nbut7k7rwjrop.netdna-ssl.com/wp-content/themes/nvolv/img/de-focused.jpg); height: 500px;}
.app-stats { background-image: url(https://nvolv-nbut7k7rwjrop.netdna-ssl.com/wp-content/themes/nvolv/img/bg_counter.jpg);}
.our-team { background-image: url(../images/bg-hero-career.jpg); color: #fff; position: relative; }
.our-team::before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; content: ""; display: block; background-color: rgba(255,101,0,.85)}
}
@media only screen and (max-width:360px) {
.triangles { min-height: 350px;}
.tri-3 { top: 190px; right: 4%; z-index: 99; }
.tri-3-s { top: 200px; right: 0;}
#iphone_slider .col-sm-5, 
#iphone_slider .mask_iphone .col-lg-10{ padding-left: 0 !important; padding-right: 0 !important}
.slide-container {padding-top: 40px}
}

@media (max-height: 460px) {
.navbar-fixed-top.affix { position: static !important; }
.affix #iphone_slider{position: static !important;  }
.content_margin_cs {
    margin: 0 0 50px;
    text-align: center;
}
}
@media only screen and (max-width: 767px) {
.footer-sticky-bar .form-group{display: inline-block}
.footer-sticky-bar .form-control{display: inline-block; max-width: 220px; min-width: 180px;}
.footer-sticky-bar .text-right{text-align: center}
.footer-sticky-bar .col-sm-8 {display: none}
.blog-car-hng:active, .blog-car-hng:focus, .blog-car-hng:hover, .blog-car-hng{line-height: 40px; font-size: 36px; }
#carousel-example-generic .carousel-caption {left: 5%; right: 5%;}
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
    background-color: #aaa;
}
#main-navigation .nav li > a {  line-height: 2; color: #fff}
#main-navigation.affix .nav > li > a {  color: #fff;}
.navbar-main{ background-color: #353c40; padding-bottom: 15px;}
.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse { max-height: 420px;}
.navbar-collapse .dropdown{ background-color: rgba(255,255,255,.1);}
.navbar-nav > li > .dropdown-menu { display: block; position: static; width: 100%; float: none; background-color: rgba(255,255,255,.1);
border: none;  box-shadow: none;}
#main-navigation .nav > li > a.btn-o {text-align: center; font-weight: 600}
#main-navigation .nav>.drop-down {margin-top: 15px;}
#main-navigation .nav>li:last-child>a {margin-top: 15px;}
.app-intro .btn {margin-bottom: 20px}  
.navbar-toggle .icon-bar { background-color: #fd6800 }
.slide-container {min-height: 440px}
.statistics-inner {padding: 0;}
.statistics h3 {font-size: 2.3em; top: 470px;}
.statistics-inner #tfNumber0, .statistics-inner #tfNumber2 {top: 0 !important;}
.statistics-inner .stat {min-height: 150px;}
.statistics-inner .stat {width: 100% !important; overflow: hidden;}
#tfNumber0 .count-title, #tfNumber1 .count-title, #tfNumber2 .count-title {top: 30px;}
.stat .count-title {font-size: 25px !important;}
.stat .count-title:after {background-color: transparent;}
.statistics-inner #tfNumber1 {top: 0;}
.stat .number { font-size:70px !important;}
#footer_contact .caret-1 {display:none;}
#footer_contact .caret-2 {display:none;}
#footer_contact .caret-3 {display:none;}
#footer_contact .caret-4 {display:none;}
#footer_contact .caret-5 {display:none;}
.branded-page2 { background-position:80% center;}
.branded-page2 h2,
.branded-page2 p { margin-left: 30px; }
.content_margin_cs {
    margin: 0 0 50px;
    text-align: center;
}
}
@media only screen and (min-width:768px) and (max-width:992px) {

*[class*="tri-"] { width: 35%; transition: all 0s ease-in-out; }
.tri-2 { top: 170px; left: 40px; z-index: 99; }
.tri-2-s { top: 180px; left: 20px; }
.tri-1 { top: 36px; right: 90px; z-index: 99; }
.tri-1-s { top: 27px; right: 70px; }
.tri-3 { top: 254px; right: 30px; z-index: 99; }
.tri-3-s { top: 260px; right: 20px;}
.tri-4 { top: 390px; left: 35px; z-index: 99; }
.tri-4-s { top: 400px; left: 25px; }
.tri-5 { top: -40px; right: 157px; z-index: 99; }
.tri-5-s { top: -50px; right: 150px; }
.tri-6 { top: 300px; right: 20px; z-index: 99; }
.tri-6-s { top: 300px; right: 0;} .blog-banner  .banner-content ,
.mega-banner >div.home-banner .banner-content { padding-top: 200px; padding-bottom: 200px; min-height:400px}  .statistics { padding:0px; position:relative;}
.statistics h3 {font-size: 2.3em; top: 500px;}
.statistics-inner {padding: 0; height: auto;}
.statistics-inner #tfNumber0, .statistics-inner #tfNumber2 {top: 0 !important;}
.statistics-inner .stat {width: 100% !important; overflow: hidden; min-height: 150px;}
.statistics-inner #tfNumber1 {top: 0;}
.statistics-inner #tfNumber2 {position: relative;}
span.count-title:after {height: 300px; top:55px; }
#tfNumber0 .count-title, #tfNumber1 .count-title, #tfNumber2 .count-title {top: 30px;}
.stat .number {font-size: 70px !important;}
#footer_contact .caret-1 { top: -35px; left: 45px; border-width: 13px; border-right-color: #fd6801; border-top-color: #fd6801; transition: all 0.5s ease-in-out; }
#footer_contact .caret-2 { top: 25%; right: 10px; border-width: 9px; border-left-color: #e5e5e5; border-bottom-color: #e5e5e5; transition: all 0.3s ease-in-out; }
#footer_contact .caret-3 { top: -50px; right: 20px; border-width: 19px; border-right-color: #fd6801; border-bottom-color: #fd6801; transition: all 0.4s ease-in-out; }
#footer_contact .caret-4 { top: 450px; left: 25px; border-width: 30px; border-left-color: #e5e5e5; border-bottom-color: #e5e5e5; transition: all 0.5s ease-in-out; }
#footer_contact .caret-5 { top: 400px; right: 110px; border-width: 9px; border-left-color: #fd6801; border-bottom-color: #fd6801; transition: all 0.5s ease-in-out; }
.branded-page2 { background-position:80% center;}
.branded-page2 h2,
.branded-page2 p { margin-left: 30px; } 
#branded1 { display:none;}
#branded2 { display:none;}
.tour-content-0 h2 { margin-top:40px; margin-bottom:20px;}
.tour-content-1 h2 { margin-top:40px; margin-bottom:20px;}
.tour-content-0 { margin-top:0px;}
}
@media (min-width: 641px) and  (max-width: 800px) {
.ptb-50 { padding-top:35px; padding-bottom:35px}    
.ptb-50 h3{ padding-bottom:25px}    
.app-icon {
    border-radius: 17.5%;
    bottom: -23px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.16);
    display: inline-block;
    position: absolute;
    right: 6px;
    width: 50px;
}
.carousel-indicators {
    margin-left: -7%;
    text-align: left;
    top: -12%;
}
.participation.diagonal h2 {
    font-size: 2.6em;
    text-align: left;
}
.carousel-indicators.nav-fab {
    top: -63px !important;
}
.sponsor {
    min-height: 63vh !important;
}
.innovative {
    min-height: 66vh !important;
}
.management {
    min-height: 65vh !important;
}
.img_max_height {
    float: none;
    max-height: 315px;
}
.mask_iphone .col-sm-1 {width:20px; padding-left:0}
}
.yuzo_related_post.style-1.testClass {display: none;}
.show-yozo-related .yuzo_related_post.style-1.testClass {display: block !important;}

.our-team .img-out { position: relative; margin-bottom:-25%}

/* Tour Page */
.diagonal-content p{font-size: 18px; line-height: 2; padding:1em 0 1.5em }

body {overflow: hidden; height: 100%; overflow-y: auto;} /* Hack for prevent horizontal scrollbar coz of extra space */

.tour-banner {position: relative; z-index: 0; width: 100%; height: 75vh}
.tour-banner::before { content: "";  position: absolute;  top: 0;  left: 0;  right: 0;  bottom: 0; background-color: #f60; opacity: .9; }

.tour-banner .cta,
.no-diagonal .cta,
.diagonal .cta {border-radius: 5em; padding: 8px 40px; }
.tour-banner .btn-lg,
.no-diagonal .btn-lg,
.diagonal .btn-lg {line-height: 1.5}
.tour-banner .btn-default-o {background-color: transparent; border:1px solid #fff; color: #fff; margin-top: 2em}

.tour-banner p{font-size: 1.3em; font-weight: 600}

.diagonal-content-page {background-color: #fafafa}
.bg-grey { position: relative; background: #fafafa; color: #434343; min-height: 100%}
.bg-dgrey {position: relative; background: #6a6a6a; color: #fff; min-height: 100%}

.no-diagonal,
.diagonal { z-index: 1; padding: 3em 0 6em; }
footer.no-diagonal {padding-bottom: 1em}
.diagonal::before { height: 75%; background: inherit; position: absolute; content:''; -webkit-transform: rotate(-3deg); -webkit-transform-origin: 3% 0; transform: rotate(-3deg);  transform-origin: 3% 0; display: block; top: 0; left: -25%; width: 150%; z-index: -1;}

.bg-grey.diagonal::before { background: #fafafa; }
.bg-dgrey.diagonal::before { background: #6a6a6a; }

.no-diagonal h2,
.diagonal h2 {position: relative; padding-bottom: 1em; font-weight: 400; margin: 0; }

.no-diagonal h2::after,
.diagonal h2::after {content: ""; position: absolute; bottom: 20px; left: 25%; width: 50%; border-bottom: 1px solid; opacity: .3}

.no-diagonal h4,
.diagonal h4 {font-size: 1.8em}

.bg-dgrey h4 {color: #fff}

.btn-dgrey:hover,
.btn-dgrey {background-color: #434343; color: #fff}
.btn-accent {background-color: #ff6500; color: #fff}
.btn-white {background-color: #fff; color: #434343}

.tour-banner .banner-content {padding-top: 20vh}

.logo-footer {margin: 10px 0 24px}
.logo-footer img{max-height: 24px; width: auto}

.footer-content h5 {padding-left: 15px; font-size: 1.4em}
.footer-content a {color: #434343; font-size: 16px}
.footer-content a img{border-radius: 50%; max-width: 32px; height: auto}
.copyrights {border-top: 1px solid #eae9e9}

.tour-banner::after {z-index: 999; content: " | "; display: block; position: absolute; left: 48.5%; bottom: 48px;
width: 30px; height: 46px; border:2px solid #fff; border-radius: 15px; text-align: center; padding-top: 4px; 
-webkit-animation: sdown 2s infinite; 
-moz-animation: sdown 2s infinite; 
animation: sdown 2s infinite;
}

.carousel-indicators.nav-fab li {position: relative; margin: 0; padding: 0; border: 0 none transparent; outline: none !important}
.carousel-indicators.nav-fab li.active,
.carousel-indicators.nav-fab li:active,
.carousel-indicators.nav-fab li:focus,
.carousel-indicators.nav-fab li:hover{background-color: transparent}
.carousel-indicators.nav-fab li img{position: absolute; top: 0; left: 0; transition: ease-in-out .3s opacity; max-width: 100%}
.carousel-indicators.nav-fab li img + img{opacity: 0}
.carousel-indicators.nav-fab li:hover img{opacity: 0}
.carousel-indicators.nav-fab li:hover img + img{opacity: 1}
.carousel-indicators.nav-fab li.active img{opacity: 0}
.carousel-indicators.nav-fab li.active img + img{opacity: 1}

/* Tour Sections */
.engagement .nav a p {padding: 0}
.engagement .nav a,
.engagement .nav .active a:hover,
.engagement .nav .active a{color: #434343; padding: 10px 24px;}
.engagement .nav .active a h4{color: #f60}
.engagement .nav .active a, 
.engagement .nav .active a:focus, 
.engagement .nav .active a:hover{color: #434343; background-color: #fff; box-shadow: 0 0 15px rgba(0,0,0,.16)}

.management .nav{ border-bottom: 0; margin-bottom: 3em}
.management .nav li {position: relative }
.management .nav li a{border-radius: 0; border: 0 none transparent; padding: 1em 2.4em; font-size: 1.6em; font-weight: 600; background-color: transparent; color: #fff}
.management .nav li a:hover,
.management .nav li.active a,
.management .nav li.active a:hover {box-shadow: 0 6px 12px rgba(0,0,0,.24); border: 0 none transparent; background-color: #f60; color: #fff}

#main-navigation.affix .navbar-brand ,
#main-navigation.affix .navbar-brand img {filter: unset}

.carousel-control.right, .carousel-control.left {background: none}

.doted.carousel-indicators li,
.doted.carousel-indicators li.active {width: 16px; height: 16px; margin: 4px;}
.doted.carousel-indicators li {border: 1px solid #8e8e8e; background-color: #8e8e8e}
.doted.carousel-indicators li.active {border: 1px solid #eaeaea; background-color: #eaeaea}

.participation .carousel-control,
.innovative .carousel-control,
.essentials .carousel-control {display: none}

@media (min-width: 668px) {
    .col-md-20 {float: left; width: 20%; padding: 0 15px;} 

    .diagonal-content .col-md-6 + .col-md-6{padding-top: 5vh;}

    .sponsors_roi_content {
    	padding-top: 15vh !important;
	}
    
    /* .pos-abs.controlls {position: absolute; z-index: 999; width: 50%; left: 50%} */
    #main-navigation {transition: all ease-in-out .3s}
    #main-navigation.affix {opacity: 0; transform: scaleY(.5); transform-origin: top center}
    #main-navigation.affix:hover {opacity: 1; transform: scaleY(1); }

    /* .wrap-slides {max-height: 560px; overflow: hidden} */
    .essentials .wrap-slides {max-height: 550px; overflow: hidden}

  .carousel-fade .carousel-inner .item { opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.carousel-indicators.nav-fab li {width: 96px; height: 96px;}

.carousel-fade .carousel-inner .active { opacity: 1;}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right { left: 0; opacity: 0;  z-index: 1; }
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right { opacity: 1; }
.carousel-fade .carousel-control { z-index: 2; }

.carousel-indicators.nav-fab  {position: absolute; z-index: 999; width: 50%; left: 50%; bottom: auto; top: 17px; margin-left: 0; text-align: left;}
.engagement .cta{ margin-left: 35%}

.no-diagonal h2,
.diagonal h2 {text-align: center; font-size: 3.5em}

.participation.diagonal h2 {text-align: left}
.participation.diagonal h2::after {bottom: auto; left: auto; top: 25%; right: 0; width: 64%; }

.logos-container .client-logo { margin: 0; }

}


@media (min-width: 668px) and (max-width: 1160px){
.carousel-indicators.nav-fab { width: 100%; left: 0; top: -58px; text-align: center; }
.carousel-inner {
    margin: 50px 0 0;
}
.carousel-indicators.nav-fab li { width: 76px;  height: 76px; }
.diagonal-content .col-md-6 + .col-md-6 {padding-top: 1vh}
.carousel-indicators { bottom: 0; }
.sponsors_roi_content {
    	padding-top: 2vh !important;
}
.management .nav li a { padding: .5em 1em;  font-size: 1.5em; }
.diagonal::before {
	display: none;
}
.product-cta .btn {
    margin: -30px 10px 0 0;
    min-width: 145px;
    padding: 10px 5px;
}
.cta-home {
    margin: 47px 0 0;
}
}

@media (max-width: 667px) {
    .tour-banner .banner-content {
    padding-top: 15vh;
	}
	.position-cta {
    margin: 0 0 20px;
    text-align: left;
    padding-left: 15px;
    padding-right: 15px;
}
.cs-gallery p.loud {
    margin: 10px 0;
}
.product-cta {
    text-align: center;
}
.ptb-70 {
    padding: 20px 0;
}
.cta-home {
    margin: 22px 0 0 -1px;
}
.cta-home a {
	padding: 5px 10px;
}
    .carousel .carousel-inner{}
    .nav-tabs,
    .carousel-indicators {text-align: center;position: absolute; z-index: 999; width: 100%; left: 0%; bottom: auto; top: 0; margin-left: 0;}
    .tab-pane,
    .carousel .item{}
    footer .col-xs-6 {min-height: 280px} 
    .no-diagonal,
    .diagonal { z-index: 1; padding: 1em 0 3em; }
    .diagonal-content .col-md-6 + .col-md-6{text-align: center}
    .carousel-indicators.nav-fab li {width: 72px; height: 72px; }
.sec-title, .marketing-content h2 {font-size: 32px}
.tour-banner::after {
	display: none;
}
.diagonal::before {
	height: 0;
	width: 80%;
	left: 0;
}
.img_max_height {
	max-height: 500px;
	float: none;
}
.participation-cm {
    padding-top: 0vh;
}
.img_max_height_big {
	max-height: 550px;
}
.innovative {
    min-height: 160vh;
}
.essentials {
    min-height: 180vh;
}
.participation {
    min-height: 172vh;
}
.sponsor {
    min-height: 162vh;
}
.management {
    min-height: 135vh;
}
.engagement {
    min-height: 245vh;
}
.engagement-mobile {
	position: inherit !important;
}
.management-mobile {
	position: inherit !important;
}
.management-mobile li {
	float: none;
}
.no-diagonal, .diagonal {
    padding: 3em 0;
}
.carousel-inner .item {
    height: auto;
    margin: 70px 0 20px;
}

.no-diagonal h2,
.diagonal h2 {text-align: center; font-size: 2.4em}

.no-diagonal h4,
.diagonal h4 {font-size: 1.6em}

.no-diagonal p,
.diagonal p {font-size: 17px}

.logo-footer {margin-bottom: 0}
.social-links{float: right; position: relative; top: -25px}
.copyrights {display: none}

.logos-container .client-logo {margin: 0 1.25%; }

}

.case-gfx-1 {top: -324px}

@keyframes slideMe {
0% { left: 0%; }
20% { left: 0%; }
25% { left: -50%; }
45% { left: -50%; }
50% { left: -100%; }
70% { left: -100%; }
75% { left: -50%; }
95% { left: -50%; }
100% { left: 0%; }
}
.logos-container { overflow: hidden; }
.logos-container .client-logo {width: 2.5%; float: left; }
.logos-container .logos img{ max-width: 100%;}
.logos-container .logos {  text-align: center; white-space: nowrap;
  position: relative;
  width: 500%;
  margin: 0;
  left: 0;
  font-size: 0;
  animation: 30s slideMe infinite; 
}
.logo-home {
    filter: none !important;
    margin: 50px 16px 0 !important;
    opacity: 1 !important;
}