@import url('../fonts/custome/stylesheet.css');
@import url('font-awesome.css');
@import url('nivo-lightbox.css');
@import url('themes/default/default.css');
@import url('flexslider.css');
body { font-family:"titillium Web"; }
a, a:hover, a:focus { color:#5c9b93; }
a:hover { text-decoration:underline; }
.main-banner { background:url(../img/bg/banner_bg.jpg) top center no-repeat; }
.content { background-color:#e4e8ea;  background-image: url(../img/bg/bg3.png); background-position:top; background-repeat:no-repeat;  }
.top-section { text-align:center; color:#fff; }
.brand-icon { display:inline-block; margin:70px auto 15px; }
.brand-icon img { max-width:120px; height:auto; }
h1, h2 { font-weight:200; letter-spacing:-0.03em; }
h1 { font-family:"titillium Web"; font-size:72px; }
h2 { font-family:"titillium Web"; font-size:48px; margin-bottom:20px; font-weight:700; }
h3, h4 { font-family:'Lato', Arial, Helvetica, sans-serif; font-weight:300; }
h3 { font-size:24px; }
h2.text-center, h3, h4, h5, h6, .h3, .h4, .h5, .h6 {
	color:#646a6e;
	font-family: "titillium Web";
}
em { font-family:'OpenSansLightItalic', Arial, Helvetica, sans-serif; }
p { color:#afb0b0; }
hr.min { width:260px; margin:20px auto; border-color:#bec1c3; }
hr.icon { width:600px; position:relative; }
hr.icon:after { width:80px; height:35px; position:absolute; top:-17px; left:50%; margin-left:-40px; }
hr.icon-gallery:after { content:url(../img/icons/gallery_icon.png); background:#e4e8ea; }
.txt-slider { font-family:"titillium Web"; font-size:36px; }
#txt-slider { padding:0; margin:20px auto; }
#txt-slider li {
	list-style:none;
	max-width:800px;
	height:100px;
	margin:0 auto;
	line-height:1.3em;
	font-style: italic;
	font-weight: 200;
}
.video-link { display:block; width:100px; height:100px; position:relative; margin:70px auto 0; border:2px solid #fff; border-radius:50%; background:url(../img/icons/play.png) center center no-repeat rgba(255, 255, 255, 0.1); }
.video-link:after { border-color: #FFFFFF rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); border-style: solid; border-width: 9px 5px 0; bottom: -11px; content: ""; display: block; left: 50px; margin-left: -8px; position: absolute; }
.video-link:hover { background-color:rgba(255, 255, 255, 0.2); }
.app-features, .testimonials { position:relative; left:50%; margin-left:-2px; border-left:2px solid #fff; width:50%; text-align:left; padding:40px 0 40px 60px; }
.features-title { margin-bottom:28px; }
.features-list { padding:0; }
.features-list li { font-family:"titillium Web"; font-size:16px; font-weight:300; color:#d4fffa; list-style:none; padding-left:30px; position:relative; margin-bottom:8px; }
.features-list li i.fa { position:absolute; top:2px; left:0; font-size:18px; color:#fff; }
.download-sec { margin:50px 0 15px; color:#d4fffa; }
.download-sec:after { clear:both; }
.download-sec:after, .download-sec:before { display:table; content:''; }
.btn-primary { background:url(../img/bg/pattern.png) repeat; border:none; border-bottom:1px solid #000; box-shadow:0 1px 2px rgba(0, 0, 0, 0.45); }
.dwn-btn { position:relative; padding: 12px 35px 12px 68px; text-align:left; letter-spacing:-0.02em; float:left; }
.dwn-btn i.fa { font-size:36px; color:#FFFFFF; position:absolute; left:20px; top:14px; }
.dwn-btn strong { font-family:"titillium Web"; font-weight:700; font-size:22px; margin:0; }
.dwn-btn small { font-family:'OpenSansLight', Arial, Helvetica, sans-serif; font-weight:400; font-size:14px; margin-top:-5px; }
.dwn-btn strong, .dwn-btn small { display:block; color:#FFFFFF; }
.btn-primary:hover, .btn-primary:focus { border-bottom-color:#111; opacity:0.95; filter:alpha(opacity=95); background:url(../img/bg/pattern.png) repeat; outline:none; }
input, .btn { border-radius:4px !important; }
.btn-primary2 { background:url(../img/bg/pattern.png) repeat; border:none; border-bottom:1px solid #000; box-shadow:0 1px 2px rgba(0, 0, 0, 0.45); }
.dwn-btn2 { position: absolute; padding: 12px 35px 12px 68px; text-align:left; letter-spacing:-0.02em;  float:left; }
.dwn-btn2 i.fa { font-size:36px; color:#FFFFFF; position:absolute; left:20px; top:14px; }
.dwn-btn2 strong { font-family:"titillium Web"; font-weight:700; font-size:22px; margin:0; }
.dwn-btn2 small { font-family:'OpenSansLight', Arial, Helvetica, sans-serif; font-weight:400; font-size:14px; margin-top:-5px; }
.dwn-btn2 strong, .dwn-btn2 small { display:block; color:#FFFFFF; }
.btn-primary2:hover, .btn-primary2:focus { border-bottom-color:#111; opacity:0.95; filter:alpha(opacity=95); background:url(../img/bg/pattern.png) repeat; outline:none; }
input, .btn2 { border-radius:4px !important; }
.environment { float:left; padding:5px 0 0 20px; }
.environment em {
	font-family:"titillium Web";
	font-size:16px;
	font-style: normal;
}
.env-select { display:block; }
.env-select label { border:none; width:34px; height:34px; margin-right:5px; }
.env-select label.active, .env-select label:hover, .env-select label:focus { background-color:transparent; box-shadow:none; }
.apple { background:url(../img/icons/apple.png) center center no-repeat transparent; }
.apple:hover, .apple:focus, .apple.active { background-image:url(../img/icons/apple_h.png); }
.android { background:url(../img/icons/android.png) center center no-repeat transparent; }
.android:hover, .android:focus, .android.active { background-image:url(../img/icons/android_h.png); }
.windows { background:url(../img/icons/windows.png) center center no-repeat transparent; }
.windows:hover, .windows:focus, .windows.active { background-image:url(../img/icons/windows_h.png); }
.testimonials { border-color:#bec1c3; padding:60px 0 60px 60px; position:relative; margin-bottom:24px; }
.testimonials:after { width:24px; height:24px; border-radius:50%; background:#bec1c3; position:absolute; left:-13px; bottom:-12px; content:''; }
#testimonials { padding:0; }
#testimonials li { display:block; list-style:none; height:75px; clear:both; margin:0 0 5px 0; }
#testimonials li:after { clear:both; }
#testimonials li:after, #testimonials li:before { display:table; content:''; }
#testimonials li img { float:left; border-radius:50%; margin-right:20px; }
#testimonials li blockquote { border:none; background:rgba(202, 207, 210, 0.3); margin:0 0 0 90px; border-radius:6px; padding:13px 20px; position:relative; }
#testimonials li blockquote:after { border-color:  rgba(0, 0, 0, 0) rgba(202, 207, 210, 0.3) rgba(0, 0, 0, 0); border-style: solid; border-width: 7px 11px 7px 0; left:-11px; content: ""; display: block; top: 50%; margin-top: -7px; position: absolute; }
#testimonials li blockquote p {
	font-family:"titillium Web";
	font-size:16px;
	color:#92999d;
	margin:4px;
	font-style: italic;
}
#testimonials li blockquote small { color:#afb0b0; }
.produkt-mockup { width:450px; height:880px; position:absolute; bottom:-20px; left:-510px; background:url(../img/others/image.png) bottom center no-repeat; }
.node { position:absolute; width:26px; height:26px; background:rgba(255, 255, 255, 0.25); border:2px solid #fff; border-radius:50%; }
.node:after { position:absolute; width:10px; height:10px; top:50%; margin-top:-5px; left:50%; margin-left:-5px; background:#fff; border-radius:50%; content:''; }
.node .custome-tooltip {
	position:absolute;
	bottom:26px;
	width:200px;
	padding:15px 10px;
	border-radius:6px;
	left:50%;
	margin-left:-97px;
	opacity:0;
	filter:alpha(opacity=0);
	transition: all 0.5s;
-webkit-transition: all 0.5s; 	text-align:center;
	font-family:'Lato', Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:400;
	z-index:-1;
	background-color: #FFFFFF;
	background-position: 206;
}
.node .custome-tooltip:after { border-color: rgba(206, 211, 214, 0.92) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); border-style: solid; border-width: 9px 5px 0; bottom: -8px; content: ""; display: block; left: 50%; margin-left: -8px; position: absolute; }
.node:hover .custome-tooltip { opacity:1; filter:alpha(opacity=100); bottom:40px; z-index:10000000; }
.node .custome-tooltip i.fa { display:block; margin:5px auto; color:#4494d0; padding:4px; border-radius:50%; box-shadow:0 0 0 1px #4494d0; width:30px; height:30px; line-height:22px; text-align:center; }
.welcome-mesg { margin:60px auto; }
p.intro { width:60%; margin:0 auto; }
.main-features { margin-bottom:60px; }
.main-features .thumbnail { background:none; border:none; text-align:center; }
.main-features .thumbnail img { display:block; width:100px; height:100px; border:2px solid #bec1c3; border-radius:50%; }
#TouchScroller div.scrollableArea *
{
	position: relative;
	display: block;
	float: left;
	padding: 0;
	margin: 0;
}
div.scrollWrapper { position: relative; overflow: hidden; width: 100%; height: 100%; }
div.scrollableArea { position: relative; height: 100%; display:block;}
.touchScroller { width:100%; height: 240px; position: relative; }
.touchScroller div.scrollableArea .gal-thumb { position: relative; display:inline-block; float: left !important; margin: 0; padding: 0; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; cursor:move; width:390px; height:240px;}
.touchScroller div.scrollableArea a img:hover { opacity:0.1; filter:alpha(10); }
.feature-gallery, .plans {
	border:1px solid #dadfe2;
	border-left:none;
	border-right:none;
	background:#f5f5f5;
	padding-top: 40px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
}
.gallery-wrap {
	padding-top: 40px;
	padding-right: 0;
	padding-bottom: 15px;
	padding-left: 0;
}
.gal-thumb * { transition: all 0.5s; -webkit-transition: all 0.5s; }
.gal-thumb .gal-hover {
	opacity:0;
	filter:alpha(opacity=0);
	position:absolute;
	width:100%;
	height:100%;
	z-index:100;
	top:0;
	left:0;
	display:inline-block;
	background-color: #4494d0;
}
.gal-thumb:hover .gal-hover { opacity:0.9; filter:alpha(opacity=90); }
.gal-thumb .gal-hover a { display:block; width:74px; height:74px; margin:40px auto 20px; }
.gal-thumb .gal-hover a:hover { cursor:pointer !important; }
.gal-thumb .gal-hover p { text-align:center; color:#fff; width:80%; margin:0 auto; }
.team { padding:30px 0; }
.team-row { padding:40px 0; }
.team-row .thumbnail { padding:0; text-align:center; border:none; border-radius:0; }
.team-row .thumbnail h3 { margin-top:10px; }
.team-row .desig { display:block; color:#ee5d25; font-family:'HarabaraHandItalic', Arial, Helvetica, sans-serif; font-size:18px; font-weight:600; margin-top:8px; }
.team-row .thumbnail .caption { padding-bottom:20px; }
.team-row .thumbnail .social { padding-top:5px; }
.social a { margin:0 2px; text-align:center; display:inline-block; width:10px; height:10px; }
.social a i { font-size:10px; line-height:27px; color:#cbe9ff; }
.social a:hover { background:#fff; border-color:#ffffff; }
.social a:hover i { color:#4494d0; }
.social2 a { margin:0 2px; text-align:center; display:inline-block; width:31px; height:31px; border:2px solid #cbe9ff; border-radius:50%; margin-bottom:5px; }
.social2 a i { font-size:16px; line-height:27px; color:#cbe9ff; }
.social2 a:hover { background:#fff; border-color:#ffffff; }
.social2 a:hover i { color:#4494d0; }
.plans-img { margin:-40px 0; }
.plans-detail { margin-top:20px; }
.plans .media { padding:10px 20px 0; }
.plans .media .price { width:98px; height:98px; border:2px solid #bec1c3; border-radius:50%; float:left; margin-right:38px; font-size:48px; font-family:'Lato', Arial, Helvetica, sans-serif; color:#1d2627; font-weight:300; text-align:center; line-height:80px; position:relative; }
.plans .media .price:after { position:absolute; width:32px; height:32px; top:-2px; left:-2px; display:block; border:2px solid #fff; border-radius:50%; background:#ee5d25; content:'$'; color:#fff; font-family:'oxygen', Arial, Helvetica, sans-serif; font-weight:400; font-size:20px; line-height:28px; }
.plans .media .price small { display:block; font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:300; color:#646a6e; margin-top:-52px; }
.plans .media-body h3 small em { color:#646a6e; font-size:1.2em; }
.plans .media .media-body { padding:6px 0; }
.plans .media .media-body p { font-size:16px; }
.plans .best-value .price { background:#ee5d25; border-color:#fff; }
.plans .best-value .price, .plans .best-value .price * { color:#fff !important; }
hr.icon-featured:after { content:url(../img/icons/featured_icon.png); background:#f5f5f5; }
.featured-in { padding:40px 0; background-image: url(../img/bg/bg2.jpg); background-position:top; }
.featured-logos { margin-top:10px; }
.featured-logos .flex-control-nav { display:none; }
.contact-map { padding:60px 0; position:relative; background:#5d717e; }
.contact-map iframe { position:absolute; top:0; left:0; opacity:0.65; filter:alpha(opacity=65); }
.contact-map .overlay { width:100%; height:100%; position:absolute; top:0; left:0; }
.contact-map .contact-block { width:570px; padding:20px 30px 30px; background:#f9f9f9; position:relative; z-index:1100; margin:0 auto; box-shadow:3px 3px 2px rgba(0, 0, 0, 0.05); border-radius:4px; }
.contact-map .contact-block i.fa { margin-right:4px; }
.contact-map .contact-block p { font-family:'Oxygen', Arial, Helvetica, sans-serif; }
.contact-map .form-group { margin-bottom:10px; }
.contact-map input.form-control, .contact-map button { height:36px; }
.contact-map .form-control { background:#eee; box-shadow:none; border-color:#ccd3d7; color:#b7b7b7; }
.contact-map .form-control:focus { background:#fafafa; }
footer { background:#1d2627; position:relative; padding:50px 0; font-family:"titillium Web"; font-weight:300; }
footer, footer p { color:#646a6e; }
footer h2, footer h3, footer h4, footer h5, fooger h6 { color:#c9cdcf; margin-bottom:20px; }
.copyright { color:#939698; }
.tweets i.fa { color:#ee5d25; }
footer .form-control { background:#222c2d; border-color:#161d1e; color:#888; }
footer .form-control:hover, footer .form-control:focus { background:#2a3738; border-color:#0a0e0e; box-shadow:none; }
footer .subscription .col-xs-8 { margin-right:-25px; }
footer .social a:hover { background:none; border-color:#eee; }
footer hr { border-color:#121819; }
footer .tweets-list { margin:0; padding:0; }
footer .tweets-list li { list-style:none; margin-bottom:14px; padding-bottom:14px; border-bottom:1px solid #121819; }
footer .tweets-list li:last-child { margin:0; padding:0; border:none; }
footer a:hover, footer a:focus { text-decoration:none; color:#fff; }
.btn.subscribe { background: #ee5d25; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlNWQyNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjZTQzMGYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ee5d25 0%, #ce430f 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee5d25), color-stop(100%, #ce430f)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ee5d25 0%, #ce430f 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ee5d25 0%, #ce430f 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ee5d25 0%, #ce430f 100%); /* IE10+ */ background: linear-gradient(to bottom, #ee5d25 0%, #ce430f 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee5d25', endColorstr='#ce430f', GradientType=0 ); /* IE6-8 */
border-color:#161d1e; color:#fff; box-shadow:0 1px 0 #f48154 inset; }
.btn.subscribe:hover, .btn.subscribe:focus { background: #ce430f; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2NlNDMwZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk5JSIgc3RvcC1jb2xvcj0iI2VlNWQyNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient(top, #ce430f 1%, #ee5d25 99%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #ce430f), color-stop(99%, #ee5d25)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ce430f 1%, #ee5d25 99%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ce430f 1%, #ee5d25 99%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ce430f 1%, #ee5d25 99%); /* IE10+ */ background: linear-gradient(to bottom, #ce430f 1%, #ee5d25 99%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ce430f', endColorstr='#ee5d25', GradientType=0 ); /* IE6-8 */
}
nav { position:fixed; right:20px; top:50%; margin-top:-84px; padding-left:120px; z-index:1000;}
.side-nav { margin:0; padding:0; }
.side-nav li { display:block; list-style:none; margin:8px 0; }
.side-nav li a { width:8px; height:8px; display:block; background:#fff; box-shadow:0 0 0 2px rgba(0, 0, 0, 0.2); border-radius:50%; z-index:1000000000000000; position:relative; }
.side-nav li a:hover, .side-nav li a:focus { outline:none; text-decoration:none; }
.side-nav li a.active { background:none; box-shadow:0 0 0 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(255, 255, 255, 0.3) inset; }
.side-nav .tooltip.left { padding: 0 5px; margin-left: -3px; }


@media (max-width: 1200px){
	.app-features, .testimonials{padding-left:40px;}
	#testimonials li blockquote p, #testimonials li blockquote small{font-size:13px;}
	.team-row .thumbnail img{width:100%; height:auto;}
	.plans-detail, .plans-img{float:none !important;}
	.plans-img{margin-top:0;}
}
@media screen and (max-width: 1024px) {
  h1{font-size:60px;}
  h2{font-size:42px;}
  .txt-slider{font-size:30px;}
  .app-features, .testimonials{border-left:none; padding-left:0; left:40%; width:60%;}
  .iPhone-mockup{left:-430px;}
  .features-list li{font-size:14px;}
  .testimonials:after{background:none;}
  p.intro{width:90%;}
}

@media screen and (max-width: 767px) {
  h1{font-size:48px;}
  h2{font-size:36px;}
  .txt-slider{font-size:24px;}
.btn.subscribe{display:block;}
.app-features, .testimonials{width:100%; left:0;}
.iPhone-mockup{left:auto; position:relative; margin:0 auto;}
.video-link{margin-top:20px;}
hr.icon{width:300px;}
.contact-map .contact-block{width:96%;}
.testimonials{padding-bottom:0;}
}
@media screen and (max-width: 480px) {
.iPhone-mockup{margin-left:-50px; margin-right:-50px;}
#testimonials li blockquote p, #testimonials li blockquote small{font-size:10px;}
#testimonials li blockquote{badding-right:8px; padding-left:8px;}
}