/*** Stylio v1.0 custom styles ***
*
*
*   Predefined colors for quick change:
*
*	Pink - #ff5f9b
*	Green - #39c8b7
*	Blue - #59bbd7
*	Berry - #fe6760
*	Orange - #ff7200
*
*************************************/

/*==========================================================================
  RESETS AND MASTER STYLES
  ========================================================================== */
  html, body {font: 10pt 'Source Sans Pro', sans-serif; line-height: 1!important; margin: 0px!important;padding: 0px!important;border: 0!important;font-size: 100%!important;vertical-align: baseline!important;}
  body {z-index:0;background:orange; padding: 0px 0px 500px 0px!important;}
  h1, h2, h3, h4, h5, h6, span, p,  #solutions ul>li, small {font-family: 'Source Sans Pro', sans-serif; color:#fff;}
  h4.modal-title{
  	color: rgb(29, 33, 37)!important;
  }
  h1, h2, h3 {margin-top: 10px;}
  p {font-family: 'Source Sans Pro', sans-serif; font-size:11pt; line-height:20pt;}
  i {color:#fff;}
  h1 {color:#fff; font-size:52pt; letter-spacing:-2px; font-weight:300;}
  h2 {color:#fff; font-size:21pt; font-weight:200; margin-bottom:5px;}
  h3 {color:#fff; font-size:16pt; font-weight:600; margin-bottom:15px;}
  h4 {color:#fff; font-size:14pt; font-weight:600; margin-bottom:10px;}
  /*h4 {color:#fff; font-size:14pt; font-weight:600; margin-bottom:20px;}*/
  h5 {font-size:14pt; font-weight:300; line-height:18pt}
  h6{color:#2a2c55; font-size:14pt; font-weight:300;}
  article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
  small {font-size:70%; font-weight:100;}
  a {color:#2a2c55;}/*#ff5f9b; }*/
  a:hover{color:maroon; text-decoration:underline;}
  *:focus {outline: none;}
  sup {font-size: 63%;}

/*==========================================================================
  GENERAL & RE-USABLE ADJUSTMENTS
  ========================================================================== */
.content {background:#fff; z-index:1; /*-webkit-box-shadow: 0px 0px 10px 1px rgba(71,71,71,1);-moz-box-shadow: 0px 0px 10px 1px rgba(71,71,71,1);box-shadow: 0px 0px 10px 1px rgba(71,71,71,1);*/}
.row {z-index:2; margin-bottom:40px;}
.box {background:rgba(0,0,0,0.2); -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
.center {text-align:center;}
.right {text-align:right;}
.left {text-align:left;}
.content {z-index:99; position:relative; overflow: hidden;}
.blink:hover {opacity:0.9;}
.double-offset {margin-bottom:200px !important;}
.half-offset {margin-bottom:25px !important;}
.no-offset {margin:0 !important; padding:0;}
.nobg {background: 0;border:0;}
.no-border {border:0 !important;}
.colored {color:orange!important;} /*#ff5f9b !important;}*/
.color-white {color:#fff;}
.colored-bg {
	background-color:orange !important;
}
.colored-bg-alt {background-color:#4D5761 !important;}
.colored-bg-white {background-color:#FFF !important;}

.desk-pull-left {float:left;} /* ONLY FOR DESKTOP */
.desk-pull-right {float:right;} /* ONLY FOR DESKTOP */

.sm-icon {margin:0 auto; line-height:18px; text-align: center; width:33px; height:32px; display: inline-block; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; color:#fff;}
.sm-wrap {width:36px; height:36px; overflow:hidden;}


/* FIXING WIDTH JITTERS */
.md-wrap {width:60px; height:60px; text-align: center;margin: 0 auto; /*padding: 0.5em 0 0 0.7em;*/ overflow:hidden;}
.md-wrap .md-icon {position:absolute;}
/* JITTERS FIX END */
.md-icon {text-align: center; width:60px; height:60px; line-height:60px;  display:block; color:#fff; box-shadow: 0 0 0 0px rgba(255,255,255,1);overflow: hidden; margin: 0 auto;}
.md-icon:after, .md-icon:before {display: none;}
.sm-icon:hover {background: #ff7701; border-color:transparent; color:#fff; text-decoration:none;}

.lg-wrap {width:90px; height:90px; text-align: center;margin: 0 auto; /*padding: 0.5em 0 0 0.7em;*/ overflow:hidden;}
.lg-wrap .lg-icon {position:absolute;}
.lg-icon {border:2px solid #fff; margin:0 auto; text-align: center; width:90px; height:90px; line-height:90px;  display:block; color:#fff; box-shadow: 0 0 0 0px rgba(255,255,255,0.7);overflow: hidden;}

.seven-border {border:2px solid #fff;text-align: center; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; color:#fff; box-shadow: 0 0 0 0px rgba(255,255,255,1);}
.seven-border:hover {background:#fff; color:orange;}/*#ff5f9b*/
.seven-border:hover i {color:orange;}/*#ff5f9b*/

.sm-pic {width:70px; height:70px;}
.md-pic {width:200px; height:200px; margin-top:12px;}
.lg-pic {width:100%; max-width:355px;}
.icon.pull-left, .icon.desk-pull-left {margin-left: 20px; margin-right: 20px;}

.line-wrap {height: 40px;display: block;padding-top: 12px;}
/* .line-wrap {height: 65px;display: block;padding-top: 35px;} */

.overlay-fix {z-index:10; position:relative;}

.big-line {margin: 0px 0px 0px 0px; opacity: 1;}
.big-line {min-height: 3px;height: 100%;line-height: 100%;display: block;}
.big-line span {min-height: 2px;height: 100%;line-height: 100%;width: 60px;display: block; border-top: 7px solid orange; height: 2px;}
/* .big-line span {min-height: 2px;height: 100%;line-height: 100%;width: 60px;display: block; border-top: 7px solid #ff5f9b; height: 2px;} */
.big-line.center span {margin: 0 auto;}
.no-hover:hover {opacity:1 !important; }

.image1 {background:url(../img/backgrounds/photo-bg1.jpg) bottom center no-repeat;}
.image2 {background:url(../img/backgrounds/photo-bg2.jpg) bottom center no-repeat;}
.image3 {background:url(../img/backgrounds/photo-bg3.jpg) bottom center no-repeat;}
.image4 {background:url(../img/backgrounds/photo-bg4.jpg) bottom center no-repeat;}
.image-bg { background-attachment: fixed;  -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}


/*==========================================================================
  NAVIGATION
  ========================================================================== */

  /*.navbar-brand {position: absolute; left: 50%;margin: 0px; z-index:100;}*/
  .navbar ul {  margin: 0 auto;width: 100%; padding: 0;}
  /*.navbar-header {position: absolute;left: 43.0%;margin: 0px 0 0 -108px;}*/
  .navbar-header {position: absolute; }
  /*.skrollable-after .navbar-header {left: 44.0%;}*/
  .navbar-nav {float:none;}
  .navbar {line-height:160px; height:160px; display:block; vertical-align: middle;text-align: center;}
  .navbar-nav.skrollable {margin-left:150px; position:relative !important;}
	/*.nav li {height:100%; line-height:100%;  float: left;}
	  .nav>li>a {display:table-cell; height:100%; line-height:100%; vertical-align:middle; color:#fff; padding: 15px 18px; font:700 12pt 'Source Sans Pro'; text-transform:uppercase; }
	  */
	  .nav li {height:50px; display:inline-block; padding: 1px 0 0 0;}
	  .nav>li>a {display:table-cell; height:50px; vertical-align:middle; color:#fff; padding: 0 18px; font:700 12pt 'Source Sans Pro';  }
	  .nav>li>a:hover {background:0; color:orange;}/*#ff5f9b*/
	  .navbar-nav {float:right; margin-top:55px;}
	  .navbar .navbar-nav > .active > a {background:0; }
	  .navbar .navbar-nav > .active > .hover {opacity:1; margin:2px 20px; height:7px;}
	  .navbar-brand {padding:0; display:table-cell; vertical-align:middle; line-height:150px;}
	  .navbar-brand  img {vertical-align:middle;}
	  .resp-menu {border: 1px solid #B9B9B9; padding: 10px;}
	  .resp-menu .icon {color:#B9B9B9;}
	  .navbar-toggle {padding:0; margin:0; width: 80px;}
	  .navbar-collapse.in {margin-top:-5px !important;}
	  .navbar-small {line-height:60px; height:60px; background-color:rgba(0,0,0,1); display:block; vertical-align: middle;text-align: center; box-shadow: 2px 3px 5px 0px rgba(1, 1, 1, 0.4);}
	  .navbar-small .navbar-nav {margin-top:5px;}
	  .navbar-small .navbar-brand {padding:0; display:table-cell; vertical-align:middle; line-height:60px;}
	  .navbar-small .navbar-brand  img {vertical-align:middle; }

  /*==========================================================================
  HOME TOP
  ========================================================================== */
  .fullwidthbanner-container {position: relative; overflow:hidden;}
  .fullwidthbanner {padding-top:150px; background:url(../img/backgrounds/top-img.jpg) 0px 0px no-repeat;   -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;background-size: cover; background-attachment: fixed; width:100%; height:860px; overflow:hidden;}
  /*.fullwidthbanner {padding-top:150px; background:url(../img/backgrounds/top-img.jpg) 0px 0px no-repeat;   -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;background-size: cover; width:100%; height:860px; overflow:hidden;}*/
  .header {padding-left: 30px;}
  .top-download.learn {padding:20px 60px; font-weight:600; text-align:center;}
  .header-area {z-index:1;}
  .header-img  {margin:50px 0px 20px 0px;}
  .header-txt  {font:300 20pt 'Source Sans Pro', sans-serif; opacity:0.9; margin-bottom:60px; padding-right:10px; text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8);}
  .header-video-link {position:absolute; top:23%; left:23%; display:block; width:95px; height:95px; }
  .lg-icon {line-height: 90px; border-width:6px; opacity:0.9; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;}
  .header-video-link .lg-icon { text-shadow: 3px 2px 6px rgba(0, 0, 0, 0.6);}
  .header-video-link .lg-icon:hover {background:#fff; text-shadow: none;  opacity:1;}
  .header-video-link .lg-icon:hover i {color:orange;}
  .top-download  {margin-right:15px;}
  .top-download  img {width:45%; max-width:225px; opacity:0.7;}
  .top-download:hover img {opacity:1;}
  .top-download.btn {background: rgba(0,0,0,0.45);}
  .header-img {width: 100%; max-width:685px;}
  /*.header-img {width: 100%; max-width:385px;}*/
  img.phone-in-hand {width: 100%; max-width:720px;}
  .phone-holder {padding-left:0px;}
  .top-overlay {background: url(../img/transparent-top.png) top left repeat-x;height: 150px;width: 100%;z-index: 3;position: absolute;}

  .video-overlay {background: #000; position:absolute; z-index:1; width:100%; height:100%; opacity: 0.15; }
  #video-container {position: absolute;}
  #video-container {top:0%;left:0%;height:100%;width:120%;overflow: hidden;}
  video {position:absolute;z-index:0;}
  video.fillWidth {width: 100%;}


/*==========================================================================
  HOWTO
  ========================================================================== */
  #howto {padding-top:35px;}
  #howto p {margin: 0px 10px 20px 10px;}
  #howto h4 {margin-bottom: 25px;}
  #howto .line-wrap {height:50px; display:block; padding-top:20px;}
  #howto .big-line {margin:0px 0px 0px 0px;}
  #howto .animate:hover .md-icon {background:#ff7701;}
  #howto .item {padding: 15px 0px 10px 0px; margin-bottom: 35px; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
  /*#howto .item:hover{background-color:#F14887;}*/

/*==========================================================================
  PHONE SLIDER
  ========================================================================== */
  .phone-wrap { min-height: 600px; display:inline; float:left;}
  .phone-wrap .left-col {overflow:hidden; padding-top: 50px;}
  .phone-wrap .left-col img {width:93%; max-width:510px; padding-top:250px;}
  .phone-wrap .left-col .phone img {max-width:620px; width:100%;}
  .phone-wrap .right-col {vertical-align:top; padding-top: 50px;}
  .phone-wrap .phone-menu {vertical-align:top; float:left; display:inline; list-style:none; padding: 100px 0px 0px 50px;}
  .phone-wrap .text {font-family:Arial; color:#777; margin-left:80px;margin-bottom:10px; width:220px; display:none;}

  .phone-wrap .left-col .level4 {position:absolute; z-index:4; margin-left: 30px;}
  .phone-wrap .left-col .level3 {position:absolute; z-index:3; margin-left: 30px;}
  .phone-wrap .left-col .level2 {position:absolute; z-index:2; margin-left: 30px;}
  .phone-wrap .left-col .level1 {position:absolute; z-index:1; margin-left: 30px;}

  .phone-wrap .slide-modal {opacity:0; position:absolute; margin-top:325px; margin-left:45%; text-align:center; width:85px; height:85px; line-height:80px; text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.3);}
  .phone-wrap  .left-col div:hover > .slide-modal {opacity:1;}
  .phone-wrap .slide-modal:hover > i {color:#ff5f9b; border-color:#ff5f9b;}
  .phone-wrap .slide-modal:hover {border-color:#ff5f9b;}
  .phone-wrap .phone {padding-top: 25px;}

  .phone-menu {z-index:999;}
  .phone-menu ul {width:100%;}
  .phone-menu li {width:100%; float:left; margin:10px 0px;}
  .phone-menu li .text {width:98%; float:left; text-align:left; margin:0px 0px 0px 85px;}
  .phone-menu .title, .extra-features li{float: left;color: #777;line-height: 45pt;font-size: 21pt;font-weight: 300; padding-left:20px;}
  .extra-features li{list-style: none; margin:0;padding:0;display:block;float:none;line-height:21pt;margin-top:21pt;}
  .feature-detail{display:block;padding:0;line-height:normal;font-size:12pt;color:orange;}

  .phone-menu  li:hover .switch {border-color:orange; text-decoration:none;}/*#ff5f9b*/
  .phone-menu  li.active:hover .switch {border-color:#fff;}
  .phone-menu  li:hover .title {color:orange !important;} /*#ff5f9b*/
  .phone-menu .title:hover {text-decoration:none;}

  .phone-menu .switch {border: 1px solid #B5B8BE; float: left;}
  .active .title {color:orange;}/*#ff5f9b;}*/
  .active .switch {color:#fff; background:orange; border-color:#fff;}/*#ff5f9b; border-color:#fff;}*/
  .active .switch i {color:#fff !important;}
  .active .text, .active .dotted  {display:block;}

  .phone-menu .switch i {color:orange;}/*#ff5f9b;}*/
  .dotted {display:none; background:url('../img/dotted-line.png') center left repeat-x;width: 250px;height: 1px;position: absolute;left: -185px;margin-top: 30px; z-index:99;}
  .resp-show.dotted {display:block;}
  .slide-offset {height:150px; display:none;}
  .slide-default-offset {height:50px; display:none;}

  .stat {margin-top:115px;}
  .stats .text {color:#7b7b7b; display:block; font-size:15pt; font-weight:300;}
  .very_big {font-size:35pt;}
  .stats .fa {padding-right:10px;}


/*==========================================================================
  USE
  ========================================================================== */
  #use {padding-bottom: 25px;}
  #use h3 {padding:50px 0px 20px 0px;}
  #use .title {margin-top: -10px; display: block;}
  .overlay {position:absolute; background:#000; z-index:1; width:100%; height:100%; opacity:0.3;}
  .faces {z-index: 999;position: relative;}
  #use .holder:hover .line-wrap {padding-top:10px !important;}

/*==========================================================================
  BRANDS
  ========================================================================== */
  #brands {padding-top:25px; min-height:90px;}
  #brands img {width:135px;}

/*==========================================================================
  PRICING
  ========================================================================== */
  #pricing {z-index:2; min-height: 700px;padding-top: 80px;}
  .package {background:#eee; padding:0px 0px 20px 0px; margin-top: 30px;}
  .package:last-child {border:0;}
  .package  h1 {margin:0px 0px 0px 0px;}
  .features {list-style:none; margin:15px 0px 10px 0px; padding:0;}
  .features>li {line-height: 40px; font-size: 80%; color:#3d3d3d;}
  .features>li:nth-child(2n+1) {background-color: #f5f5f5;}
  .term  {color:#c2c2c2; font-size:80%;}
  .package .price  {color:orange;}
  .highlight  {color:orange; font-size: 10pt; font-weight: 600;}
  .inverted  {/* margin-top: 15px; padding:0px 0px 50px 0px; */ background:orange;}
  .inverted .features>li:nth-child(2n+1) {background-color: orange;}
  .package.inverted li, .package.inverted h1, .package.inverted h3, .package.inverted h2, .package.inverted sup, .package.inverted .term, .package.inverted .highlight  {color:#fff !important;}
  .inverted .btn-primary {color:#fff !important;}
  .inverted .btn-primary {border:1px solid #fff; color:#fff;}
  .inverted .btn-primary:hover {color:orange !important;}

/*==========================================================================
  SLIDER 2
  ========================================================================== */
  #slider-con {z-index: 10; padding-bottom: 0px; height: 600px;}
  .slider-con {z-index:99; position:relative; padding-top:50px; overflow:hidden;}
  .slider-con .nav-tabs {width: 510px; margin:0 auto;}
  .slider-con h1 {margin:15px 0px 30px 0px;}

/*==========================================================================
  TWITTER
  ========================================================================== */
  #twitter a {font-size:85%; }
  #twitter a:hover {color:#428bca; text-decoration:none;}

/*==========================================================================
  DONWLOAD
  ========================================================================== */
  .download {position: relative; z-index: 999; padding-bottom:35px; padding-top:40px;}
  .download p {color: #fff;font-weight: 200;font-size: 23pt;line-height: 27pt;}
  .download .btn {font-size: 18pt;}

/*==========================================================================
  NEWSLETTER
  ========================================================================== */
  #newsletter {padding-top: 50px;}
  .newsletter-bg {background:url(../img/newsletter-bg.png) #4D5761 top left repeat-x;}
  #newsletter .form-group {margin: 15px 0px 0px 10px;}
  #newsletter #response {display:block;position: absolute;}
  #newsletter .btn { padding: 15px 40px 15px 40px;}
  #newsletter #NewsletterEmail {height:54px;}

/*==========================================================================
  	CASE STUDIES
  	========================================================================== */
  	#casestudies{
  		padding:0 0 10px 0;
  		display:block;
  		overflow:hidden;
  	}

/*==========================================================================
  PARTNERS
  ========================================================================== */
  #partners {padding-top:55px; padding-bottom:45px;}
  .partners-bg {background:#eee;}
  .partner-wrap {height:50px;}
  .partner {padding: 20px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
  .partner .txt {min-height: 160px; color:#696b70; font-weight:200; font-size:18pt; line-height:23pt;}
  .partner .source {color:#696b70; font-weight:200; font-size:17pt; text-indent: 5px; display: inline;}
  .partner .line-wrap {clear:both;}
  .partner .rating  {font-size: 20pt; font-weight:200; color:#696b70; margin-top:10px;}
  .partner .rating .values {font-size: 20pt; font-weight:200; color:#696b70;}
  .partner .rating .colored {font-size: 25pt; font-weight: 900;}
  .partner img {width:100%;}
  .partner:hover {background:#e9e9e9;}
  .partner:hover .line-wrap {padding-top:20px !important;}

/*==========================================================================
  BLOG
  ========================================================================== */
  /* #news {padding-top:50px;} */
  #news article {height:280px; margin-bottom: 45px;}
  #news p {color:#3d3d3d;}
  #news h2 {font-size: 21pt;font-weight: 700;letter-spacing: 0px;margin:0px 0px 5px 0px; text-transform:uppercase; height: 75px;}
  #news h1 {font-size: 52pt;letter-spacing: 0px;margin:0px 0px 30px 0px; height: 75px;}
  #news .date {float: left;color: #696b70;font-weight: 700;font-size: 14pt;}
  #news .thumb {padding:0px 15px 15px 0px;}
  #news .thumb img{width:220px; height:100px;}
  /*#news .thumb img{width:100%; height:auto;}*/
  #news .line-wrap {padding-top:0;}
  #news .big-line span {margin:25px 0px 25px 0px;}

/*==========================================================================
  FOOTER
  ========================================================================== */

  .footer {bottom:0; margin: 0; padding:40px 0px 20px 0px; width: 100%; position:fixed; z-index:0;}
  .footer:after {content:''; clear:both;}
  .footer .contacts {margin-top: 10px;}
  .copy {font-size: 9pt; text-align:center; opacity: 0.5; margin:15px 20px 0px 0px;}
  .footer .sep {height:20px; width:100%;float: left;}

  .panel-heading {padding: 7px 0px;}

  .panel-title {font-size:15pt; font-weight: 100; line-height:18pt; height:25px; background:url(../img/faq-icon.png) top left no-repeat; padding-left:35px;}
  .panel-title > a:hover {color:#fff; text-decoration:underline;}

  .panel-default > .panel-heading, .panel-heading, .panel-body, .panel {background:transparent !important; border:0 !important; box-shadow:none;}
  .panel-body {padding:0px 0px 5px 36px; color:#fff; font-size:11pt; border:0; font-weight: 300;}

  #contactform #comment{margin-left: 15px; width:93%;}
  #contactform  .btn {margin-left: 15px; margin-top:10px; }
  #message { margin-left:15px;}
  #message .error_message {color:#fff;}
  #success_page, #success_page .success {color:#fff;}

/*==========================================================================
  SOCIAL
  ========================================================================== */
  .social a {color:#fff; text-decoration:underline; width:60px; max-width:60px; margin:0px auto; -webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%; overflow:hidden;}
  .social a i {line-height:60px;}
  .social a:hover {text-decoration:none; background:#fff; color:red;}
  .social a:hover > i {color:orange;}
  /*#social a:hover > i {font-size:1.8em;}*/
  .social {padding-top:35px; width: 550px; margin: 0 auto; }
  .social>span{
  	width:100px;
  	line-height:9px;
  	float:left;
  	text-align:center;
  }

/*==========================================================================
  ICONS
  ========================================================================== */
  .fa-1{font-size:1em;}
  .fa-15{font-size:1.5em;}
  .fa-2{font-size:2em;}
  .fa-25{font-size:2.5em;}
  .fa-3{font-size:3em;}
  .fa-35{font-size:3.5em;}
  .fa-4{font-size:4em;}
  .fa-5{font-size:5em;}
  .fa-6{font-size:6em;}
  .fa-7{font-size:7em;}
  .fa-8{font-size:8em;}
  .fa-9{font-size:9em;}
  .fa-10{font-size:10em;}

/*==========================================================================
  ELEMENTS
  ========================================================================== */
  /* FORMS */

  .fixed.form-control {width:100%; margin-bottom:10px;}
  .form-group {width:100%;}

  input.form-control {border-width:1px;}
  #contactform textarea.form-control {background: transparent;border-color: #fff; color:#fff;}

  .form-control {-webkit-border-radius: 1px;-moz-border-radius: 1px;border-radius: 1px;}
  .form-control {height: 44px; }
  .form-group {margin-bottom: 20px;}
  #contactform .form-control:focus {
  	border-color: #fff !important;
  	outline: 0 !important;
  	-webkit-box-shadow: none !important;
  	box-shadow: none !important;

	  /*
	  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6) !important;
			  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6) !important;
			  */
			}

			#contactform ::-webkit-input-placeholder { /* WebKit browsers */ color:#fff !important; font-family: 'Source Sans Pro', sans-serif;}
			#contactform :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color:#fff !important; font-family: 'Source Sans Pro', sans-serif;}
			#contactform ::-moz-placeholder { /* Mozilla Firefox 19+ */ color:#fff !important; font-family: 'Source Sans Pro', sans-serif; }
			#contactform :-ms-input-placeholder { /* Internet Explorer 10+ */ color:#fff !important; font-family: 'Source Sans Pro', sans-serif;}

			/* BUTTONS */
			.btn {color:#fff; font-weight:700; border:0; background:transparent;}

			.btn-default {background:transparent; border:1px solid #fff;}
			.btn-primary {background:transparent; border:1px solid orange;}

			.btn-sm {padding:10px 30px 10px 30px; font-size:90%; -webkit-border-radius: 1px;-moz-border-radius: 1px;border-radius: 1px;}
			.btn-md {padding:12px 40px 12px 40px; font-size:90%; -webkit-border-radius: 1px;-moz-border-radius: 1px;border-radius: 1px;}
			.btn-lg {padding:20px 60px; -webkit-border-radius: 1px;-moz-border-radius: 1px;border-radius: 1px;}

			.btn-link:hover,
			.btn-link:focus { color: #f8862c; text-decoration: underline;background-color: transparent; text-decoration:none;}
			.btn-circle {width:90px; height:90px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background:transparent;}
			.btn-primary:hover,
			.btn-primary:focus,
			.btn-primary:active,
			.btn-primary.active,
			.open .dropdown-toggle.btn-primary {
				color: orange !important;
				background:#fff;
				border:1px solid #fff;

				-webkit-border-radius: 1px;
				-moz-border-radius: 1px;
				border-radius: 1px;

				-webkit-box-shadow: none !important;
				box-shadow: none !important;
			}
			.btn-default:hover,
			.btn-default:focus,
			.btn-default:active,
			.btn-default.active,
			.open .dropdown-toggle.btn-default {
				color: orange !important;
				background:#fff;
				border:1px solid #fff;
				-webkit-border-radius: 1px;
				-moz-border-radius: 1px;
				border-radius: 1px;

				-webkit-box-shadow: none !important;
				box-shadow: none !important;
			}
			.btn.theme-bg, .btn.bg-green, .btn.bg-blue {border:0 !important; background-image:none !important;}

/*==========================================================================
   SOLUTIONS
   remember to fix the media queries later
   ========================================================================== */
   #solutions ul{
   	width: 60%;
   	list-style-type: none;
   	margin: 0 auto;
   	padding: 0;
   }
   #solutions ul>li{
   	padding:4px 0;
   }


   /*** Responsive adjustments, media queries ***/

   @media only screen and (min-device-width : 768px)  { /* iPad horizontal */

   	.navbar-nav {float:none;}
   	/*.fullwidthbanner, .image-bg {background-size:auto;}*/

   }
   @media only screen and (min-device-width : 768px) and (max-device-width : 1024px)  { /* iPad horizontal */
   	body {padding: 0px!important;}
   	.header-video-link {left:24%; top:24%;}
   	.header-video-link, .header-video-link .lg-icon {border-width:4px; width:50px !important; height:50px !important; line-height:45px !important;}
   	.header-video-link .fa-2 {font-size:1em;}
   	.nav>li>a {padding: 15px 28px;}
   	.copy {text-align: center !important; margin:0;}
   	.navbar, .navbar-brand {line-height:55px; height:59px; background:#000;}
   	.navbar-brand img{width:50px;}
   	.desk-pull-left {float:none; margin:0;}
   	.fullwidthbanner, .image-bg {background-size:auto;}
   	.fullwidthbanner {height: 580px; padding-top: 80px;}
   	.top-download img {width: 40%;}
   	.header-txt {margin-bottom: 30px; font-size:16pt;}
   	.header-img {margin-top: 15px;}
   	.image-bg {background-size:auto !important; background-attachment: scroll !important;}
   	#howto {padding-top: 0px;}
   	.partner .txt {min-height: 220px; font-size: 14pt;line-height: 20pt;}
   	.partner .source {font-size: 13pt;}
   	.partner .rating .values, .partner .rating .colored {font-size:16pt;}
   	.phone-menu li .text {width: 85%;}
   	.phone-wrap .left-col img {width: 85%;}
   	.faq {margin-bottom:40px; padding-left:40px;}
   	.image-bg {background-attachment: auto; }
   	.twitter p { text-indent:0;}
   	.twitter i {line-height: 40px;}
   	.slider-devices img {width:100%; max-width:460px;}
   	.slider-con .nav-tabs {width: 80%;}
   	.footer {position:inherit;}
   }

   @media only screen and (min-width: 768px) and (max-width: 959px) { /* iPad vertical */

/*==========================================================================
   GENERAL FIXES
   ========================================================================== */
   /*.navbar, .navbar-brand {line-height:53px; height:58px; background:#000;}*/
   .navbar-brand img{width:50px;}
   .nav>li>a {font-size: 11pt;}
   .nav>li>a {padding: 15px 12px;}
   .md-icon {width: 45px;height: 45px;line-height: 45px;}
   /*.fullwidthbanner, .image-bg {background-size:auto;}*/
   .top-download img {width: 40%;}
   .header-txt {margin-bottom: 35px; font-size:13pt;}
   .header-video-link {width: 85px;height: 85px; top: 23%; left: 17%;}
   .header-video-link .fa-2 {font-size:1em;}
   .header-video-link .lg-icon {width: 55px;height: 55px;line-height: 50px; border-width: 3px;}
   .fullwidthbanner {height: 500px; padding-top: 80px;}
   .header-img {margin-top: 15px;}
   .partner .txt {min-height: 335px; font-size: 14pt;line-height: 20pt;}
   .image-bg {background-attachment: auto; }
   .phone-menu .title {font-size: 16pt;}
   .phone-menu p {font-size: 10pt;}
   .phone-wrap .left-col img {width: 80%;}
   .phone-menu li {margin:0px;}
   .phone-menu .fa-2 {font-size:1.5em;}
   .phone-menu li .text {width: 80%;margin: 0px 0px 0px 70px;}
   .phone-wrap .phone-menu {padding: 85px 0px 0px 5px;}
   .very_big {font-size: 30pt;}
   .faq {margin-bottom:40px; padding-left:40px;}
   #brands img {width: 100px;}
   #brands {padding-bottom: 80px;}
   .left-col .level0, .left-col .level1, .left-col .level2, .left-col .level3, .left-col .level4 {margin-left:0px;}
   .dotted {width: 170px;left: -145px; margin-top: 25px;}
   .image-bg {background-size:auto !important; background-attachment: scroll !important;}
   #use .holder .toggle-profile img {width: 70%; height: 70%;}
   #use .title {min-height: 32px;}
   .slider-devices img {width:100%; max-width:460px;}
   #news h2 {font-size: 18pt;}
   #newsletter h3 {padding-left:35px;}
   #newsletter #response {position: relative;}
   #newsletter .form-group {float:none; margin:0;}
   #newsletter .btn-sm {margin-top:10px;}
   .social {width: 460px;}
   .social a i {line-height: 45px;}
   .twitter p { text-indent:0;}
   .twitter h3 {text-indent: 0px;}
   .twitter i {line-height: 40px;}
   .fa-25 {font-size: 2em;}
   .fa-15{font-size:1em;}
   h1 {font-size: 40pt;}
   h3 {font-size: 13pt;}
   h4 {font-size: 13pt;}
   body {padding: 0px!important;}
   .footer {position:inherit;}
   .phone-wrap .phone {padding-top: 0px;}
}

@media only screen and (min-width: 480px) and (max-width: 767px) { /* iPad vertical, iPhone horizontal */

/*==========================================================================
  GENERAL
  ========================================================================== */
  body {padding: 0px!important;}
  .footer {position:inherit;}
  .md-icon {width: 50px;height: 50px;line-height: 50px;}
  .fa-15 {font-size: 1.2em;}
  .fa-2 {font-size: 1.2em;}
  .fa-25 {font-size: 1.3em;}
  .twitter i {line-height: 0px; float:none !important;}
  .pull-left {margin-right:0;}
  .desk-pull-left {float:none; margin:0;}
  .desk-pull-right {float:none; margin:0;}
  .resp-center {text-align:center;}
  .line-wrap {height: 45px;}
  .very_big {font-size: 20pt;}
  .btn-lg {padding: 20px 35px;}
  p {font-size: 80%;}
  h1 {font-size: 50pt;}
  h2 {font-size: 30pt; margin-bottom:0px;}
  h3 {font-size: 18pt;}
  h4 {font-size: 16pt;}
  h5 {font-size: 11pt; line-height: 15pt;}


/*==========================================================================
   HOME TOP
   ========================================================================== */
   .fullwidthbanner {padding-top: 50px; height: 960px; background-size:auto !important; background-position:  bottom left ; background-attachment: scroll !important;}
   .image-bg {background-size:auto !important; background-attachment: scroll !important;}
   .top-download img {width: 40%;}
   .header-txt {margin-bottom: 20px; font-size:17pt;}
   .phone-holder {margin-top:35px; margin-left: 20px;}
   .header-video-link, .header-video-link .lg-icon {left:32%;border-width:2px; width:60px; height:60px; line-height:60px;}
   .image-bg {background-attachment: auto; }
   img.phone-in-hand {width: 135%;}

/*==========================================================================
   HOWTO
   ========================================================================== */
   #howto {height:auto;}
   #howto {padding-top: 0px;}

/*==========================================================================
   PRICING
   ========================================================================== */
   #pricing {padding-top: 0px;}

/*==========================================================================
   USE
   ========================================================================== */
   #use .holder {margin-bottom: 35px;}
   #use .line-wrap {padding-top: 25px;}
/*==========================================================================
   NEWSLETTER
   ========================================================================== */
   #NewsletterEmail {width:94%;}

/*==========================================================================
   BRANDS
   ========================================================================== */
   #brands img {width: 90px; margin-bottom:15px;}
   #brands {padding-bottom: 10px;}
/*==========================================================================
   SLIDER-2
   ========================================================================== */
   #slider-con{display:none;}
   .slider-devices img {width:100%; max-width:460px;}

/*==========================================================================
   PHONE
   ========================================================================== */
   .phone-wrap {margin-top:0; min-height: 460px;}
   .phone-wrap .right-col {float:left; padding-top: 0px; width: 100%;}
   .phone-wrap .left-col {margin-top: 150px;}
   .phone-wrap .phone-menu {padding: 0px 0px 0px 15px;}
   .phone-menu li {width:51px; margin: 0;}
   .phone-menu .title, .phone-menu .dotted {display:none;}
   .phone-menu li .text {width: 100%; padding:0px 20px; float: left;margin: 75px 0px 0px 5px; position: absolute;left: 0; text-align: left; line-height: 15pt; z-index:99;}
   .phone-wrap .left-col img {width: 80%; padding-top: 90px;}
   .phone-wrap .left-col .phone img {width:93% !important; padding-top:120px !important;}
   .left-col .level0, .left-col .level1, .left-col .level2, .left-col .level3, .left-col .level4 {margin-left:0px !important;}
   .resp-show.dotted {display:none;}
   .active .phone-menu .switch {border:1px solid orange;}
   .active .title {text-transform: uppercase; font-weight: 700; color:#555; display:inline; width:100%; line-height:10pt; font-size:12pt; width:100%; position:absolute; left:0; text-align: left; margin:60px 0px 0px 5px;}
   .phone-menu  li.active:hover .title {color:#555 !important;}
   .slide-offset {height:50px;}
   .slide-default-offset {height:25px;}
   .stats .text {font-size: 11pt;line-height: 15pt;}
   .stats .fa {padding-right: 0px;}
   .phone-wrap .phone {padding-top: 0px;}

/*==========================================================================
   FOOTER
   ========================================================================== */
   #contactform #comment {width: 88%;}
   #contactform .btn {margin-left: 0;}
   .panel-title {font-size: 10pt;}
   .panel-body {font-size: 10pt;}
   .social {width:300px;}
   .social a {margin:0;}
   .contacts {margin-bottom: 25px;}
   .footer-alt p {text-align: center;}
   .copy {text-align:center; margin-right:0;}
   .footer .sep {height: 10px;}

/*==========================================================================
   NAVIGATION
   ========================================================================== */
   /*.navbar, .navbar-brand {line-height:55px; height:60px; background-color:rgba(29,33,37,1);}*/
   .navbar-collapse {padding:0; background-color: rgba(0, 0, 0, 0.9); margin-top:-10px !important; }
   .navbar-collapse .navbar-nav {margin:0 !important; width:100%;}
   .navbar-collapse .navbar-nav  li, .navbar-collapse .navbar-nav  li a {width:100%; text-align:center;}
   .navbar-collapse .navbar-nav  li a {display:block;}
   .navbar-brand  {margin-left:5px;}
   .navbar-brand  img {width: 50px;}
   .navbar-header {position: relative; left: auto; margin: 0px;}
   .navbar ul li:nth-of-type(4) {margin-left: 0;}

/*==========================================================================
   BLOG
   ========================================================================== */
   #news article {height:auto; margin:0;}
   #news h2 {height:auto; margin:0; margin-bottom: 10px;}
   #news p {line-height:17pt; margin-top:10px;}
   #news .thumb {padding:0; margin-bottom:15px; width:100%;}
   #news .date {float:none !important; margin-top:15px;}
   #news .big-line span {margin:0 auto; margin-top: 30px;}

/*==========================================================================
   NEWSLETTER
   ========================================================================== */
   #newsletter h3 {padding: 0px 10px 0px 10px;}
   #newsletter .form-group {margin: 15px 10px 0px 10px;}

/*==========================================================================
   	PARTNERS
   	========================================================================== */
   	.partner {margin-bottom: 45px; height:auto;}
   	.partner .rating {position:relative;}
   	.partner .source {margin: 5px 0px 0px 0px; position:relative;}
   	.partner .line-wrap {padding: 25px 0px 25px 0px;}
   	.partner:hover .line-wrap {padding-top:25px !important;}
   }

   @media only screen and (min-width: 0px) and (max-width: 479px) { /* iPhone vertical */

/*==========================================================================
  GENERAL
  ========================================================================== */
  body {padding: 0px!important;}
  .footer {position:inherit;}
  .md-icon {width: 45px;height: 45px;line-height: 45px;}
  .fa-15 {font-size: 1.2em;}
  .fa-2 {font-size: 1.2em;}
  .fa-25 {font-size: 1.3em;}
  .twitter i {line-height: 0px; float:none !important;}
  .pull-left {margin-right:0;}
  .desk-pull-left {float:none; margin:0;}
  .desk-pull-right {float:none; margin:0;}
  .resp-center {text-align:center;}
  .line-wrap {height: 45px;}
  .very_big {font-size: 20pt;}
  .btn-lg {padding: 20px 35px;}
  p {font-size: 80%;}
  h1 {font-size: 50pt;}
  h2 {font-size: 30pt; margin-bottom:0px;}
  h3 {font-size: 18pt;}
  h4 {font-size: 16pt;}
  h5 {font-size: 11pt; line-height: 15pt;}


/*==========================================================================
   HOME TOP
   ========================================================================== */
   .fullwidthbanner {padding-top: 50px; height: 860px; background-size:auto !important; background-position:  bottom left ; background-attachment: scroll !important;}
   .image-bg {background-size:auto !important; background-attachment: scroll !important;}
   .top-download img {width: 40%;}
   .header-txt {margin-bottom: 20px; font-size:17pt;}
   .phone-holder {margin-top:35px; margin-left: 20px;}
   .header-video-link, .header-video-link .lg-icon {left:31%;border-width:2px; width:45px; height:45px; line-height:45px;}
   .image-bg {background-attachment: auto; }
   img.phone-in-hand {width: 135%;}
   .phone-menu li {width:45px; margin: 0;}

/*==========================================================================
   HOWTO
   ========================================================================== */
   #howto {height:auto;}
   #howto {padding-top: 0px;}

/*==========================================================================
   PRICING
   ========================================================================== */
   #pricing {padding-top: 0px;}

/*==========================================================================
   USE
   ========================================================================== */
   #use .holder {margin-bottom: 35px;}
   #use .line-wrap {padding-top: 25px;}
/*==========================================================================
   NEWSLETTER
   ========================================================================== */
   #NewsletterEmail {width:94%;}

/*==========================================================================
   BRANDS
   ========================================================================== */
   #brands img {width: 90px; margin-bottom:15px;}
   #brands {padding-bottom: 10px;}
/*==========================================================================
   SLIDER-2
   ========================================================================== */
   #slider-con{display:none;}
   .slider-devices img {width:100%; max-width:460px;}

/*==========================================================================
   PHONE
   ========================================================================== */
   .phone-wrap {margin-top:0; min-height: 460px;}
   .phone-wrap .right-col {float:left; padding-top: 0px; width: 100%;}
   .phone-wrap .left-col {margin-top: 150px;}
   .phone-wrap .phone-menu {padding: 0px 0px 0px 5px;}
   .phone-menu li {width:45px; margin: 0;}
   .phone-menu .title, .phone-menu .dotted {display:none;}
   .phone-menu li .text {width: 100%; padding:0px 20px; float: left;margin: 75px 0px 0px 5px; position: absolute;left: 0; text-align: left; line-height: 15pt; z-index:99;}
   .phone-wrap .left-col img {width: 80%; padding-top: 90px;}
   .phone-wrap .left-col .phone img {width:93% !important; padding-top:120px !important;}
   .left-col .level0, .left-col .level1, .left-col .level2, .left-col .level3, .left-col .level4 {margin-left:0px !important;}
   .resp-show.dotted {display:none;}
   .active .phone-menu .switch {border:1px solid orange;}
   .active .title {text-transform: uppercase; font-weight: 700; color:#555; display:inline; width:100%; line-height:10pt; font-size:12pt; width:100%; position:absolute; left:0; text-align: left; margin:60px 0px 0px 5px;}
   .phone-menu  li.active:hover .title {color:#555 !important;}
   .slide-offset {height:50px;}
   .slide-default-offset {height:25px;}
   .stats .text {font-size: 11pt;line-height: 15pt;}
   .stats .fa {padding-right: 0px;}
   .phone-wrap .phone {padding-top: 0px;}

/*==========================================================================
   FOOTER
   ========================================================================== */
   #contactform #comment {width: 85%;}
   #contactform .btn {margin-left: 0;}
   .panel-title {font-size: 10pt;}
   .panel-body {font-size: 10pt;}
   .social {width:300px;}
   .social a {margin:0;}
   .contacts {margin-bottom: 25px;}
   .footer-alt p {text-align: center;}
   .copy {text-align:center; margin-right:0;}
   .footer .sep {height: 10px;}

/*==========================================================================
   NAVIGATION
   ========================================================================== */
   .navbar, .navbar-brand {line-height:55px; height:60px; background-color:rgba(29,33,37,1);}
   .navbar-collapse {padding:0; background-color: rgba(0, 0, 0, 0.9); margin-top:-10px !important; }
   .navbar-collapse .navbar-nav {margin:0 !important; width:100%;}
   .navbar-collapse .navbar-nav  li, .navbar-collapse .navbar-nav  li a {width:100%; text-align:center;}
   .navbar-collapse .navbar-nav  li a {display:block;}
   .navbar-brand  {margin-left:5px;}
   .navbar-brand  img {width: 50px;}
   .navbar-header {position: relative; left: auto; margin: 0px;}
   .navbar ul li:nth-of-type(4) {margin-left: 0;}

/*==========================================================================
   BLOG
   ========================================================================== */
   #news article {height:auto; margin:0;}
   #news h2 {height:auto; margin:0; margin-bottom: 10px;}
   #news p {line-height:17pt; margin-top:10px;}
   #news .thumb {padding:0; margin-bottom:15px; width:100%;}
   #news .date {float:none !important; margin-top:15px;}
   #news .big-line span {margin:0 auto; margin-top: 30px;}

/*==========================================================================
   NEWSLETTER
   ========================================================================== */
   #newsletter h3 {padding: 0px 10px 0px 10px;}
   #newsletter .form-group {margin: 15px 10px 0px 10px;}

/*==========================================================================
   PARTNERS
   ========================================================================== */
   .partner {margin-bottom: 45px; height:auto;}
   .partner .rating {position:relative;}
   .partner .source {margin: 5px 0px 0px 0px; position:relative;}
   .partner .line-wrap {padding: 25px 0px 25px 0px;}
   .partner:hover .line-wrap {padding-top:25px !important;}
}

#casestudies .carousel-inner > .item > img, #casestudies .carousel-inner > .item > a > img{
	width:100%;
}

#casestudies .carousel-indicators li {
	background-color:orange;
}

#casestudies .carousel-indicators .active {
	border-color: orange;
	background-color:#ffffff;
}

.meetus-box{
	display: block;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	float: none;
	z-index: auto;
	/*position: static;*/
	cursor: default;
	opacity: 1;
	margin: 0;
	padding: 15px;
	overflow: hidden;
	border: 1px solid rgba(224,224,224,1);
	-webkit-border-radius: 0;
	border-radius: 0;
	-webkit-box-shadow: 3px 3px 18px 3px rgba(0,0,0,0.14) ;
	box-shadow: 3px 3px 18px 3px rgba(0,0,0,0.14) ;
	text-shadow: none;
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
	-webkit-transform: none;
	transform: none;
	-webkit-transform-origin: 50% 50% 0;
	transform-origin: 50% 50% 0;
}
.meetus-box article{
	height:auto!important;
}
.meetus-v-divider{
	border-right: 1px solid rgba(224,224,224,1);
}
#meetus-contactform{
	/*background-color: red;*/
	display: block;
	overflow: hidden;

}
#meetus-contactform .form-control,
#meetus-contactform .form-control:focus,
#meetus-contactform * {
	color:#3d3d3d!important;
}
#meetus-contactform .form-control, #meetus-contactform .btn-primary{
	border:1px solid #ccc;
	border-radius: 4px;
}
#meetus-contactform .form-group > div:first-child {
	padding-left:0!important;
}
#meetus-contactform .form-group > div:last-child {
	padding-right:0!important;
}
#meetus-contactform  button.btn.btn-primary:hover{
	cursor: pointer !important;
	background-image: -webkit-linear-gradient(90deg, rgba(155,191,40,1) 0, rgba(123,180,0,1) 100%);
	background-image: -moz-linear-gradient(0deg, rgba(155,191,40,1) 0, rgba(123,180,0,1) 100%);
	background-image: linear-gradient(0deg, rgba(155,191,40,1) 0, rgba(123,180,0,1) 100%);
	background-position: 50% 50%;
	-webkit-background-origin: padding-box;
	background-origin: padding-box;
	-webkit-background-clip: border-box;
	background-clip: border-box;
	-webkit-background-size: auto auto;
	background-size: auto auto;
}
#meetus-message .error_message{
	color:red!important;
}
#meetus-message  #success_page .success{
	color:green;
}
@media only screen and (min-width: 768px) {
	.orange-grad{
		display: block;
		-webkit-box-sizing: content-box;
		-moz-box-sizing: content-box;
		box-sizing: content-box;
		float: none;
		z-index: auto;
		width: 59%;
		height: 30%;
		position: absolute;
		left:0;
		cursor: default;
		opacity: 1;
		margin: 0;
		margin-top:1.5%;
		padding: 0;
		overflow: visible;
		border: none;
		-webkit-border-radius: 0;
		border-radius: 0;
		font: normal 16px/normal "Times New Roman", Times, serif;
		color: rgba(0,0,0,0.9);
		-o-text-overflow: clip;
		text-overflow: clip;
		background-image: -webkit-linear-gradient(-90deg, rgba(40,50,10,0.7) 0, rgba(90,50,33,0.9) 100%);
		background-image: -moz-linear-gradient(180deg, rgba(40,50,10,0.7) 0, rgba(90,50,33,0.9) 100%);
		background-image: linear-gradient(180deg, rgba(40,50,10,0.7) 0, rgba(90,50,33,0.9) 100%);
		background-position: 50% 50%;
		-webkit-background-origin: padding-box;
		background-origin: padding-box;
		-webkit-background-clip: border-box;
		background-clip: border-box;
		-webkit-background-size: auto auto;
		background-size: auto auto;
		-webkit-box-shadow: none;
		box-shadow: none;
		text-shadow: none;
		-webkit-transition: none;
		-moz-transition: none;
		-o-transition: none;
		transition: none;
		-webkit-transform: none;
		transform: none;
		-webkit-transform-origin: 50% 50% 0;
		transform-origin: 50% 50% 0;
	}
}