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

/*==========================================================================
  RESETS AND MASTER STYLES 
  ========================================================================== */
	html {height:100%;}
	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:#191c20; padding: 0px 0px 500px 0px!important;}
	h1, h2, h3, h4, h5, h6, span, p , small {font-family: 'Source Sans Pro', sans-serif; color:#fff;}
	h1, h2, h3 {margin-top: 10px;}
	p {font-family: 'Source Sans Pro', sans-serif; font-size:11pt; line-height:20pt; color:#ccc;}
	i {color:inherit;}
	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: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:#f58220; }
	a:hover{color:#f58220; 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:0px;}
	.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:100px !important;}
	.half-offset {margin-bottom:25px !important;}
	.no-offset {margin:0 !important; padding:0;}
	.nobg {background: 0;border:0;}
	.no-border {border:0 !important; border-radius: 0 !important; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important;}
	.colored {color:#f58220 !important;}
	.color-white {color:#fff;}
	.colored-bg {background-color:#f58220 !important;}
	.navbar .colored-bg {background-color:#f58220 !important;}
	.colored-bg-alt {background-color:#4D5761 !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: none; cursor: pointer;}
	.seven-border:hover {background:#fff; color:#f58220;}
	.seven-border:hover i {color:#f58220;}
	
	.sm-pic {width:70px; height:70px;}
	.md-pic {width:100px; height:100px;}
	.lg-pic {width:100%; max-width:355px;}
	.icon.pull-left, .icon.desk-pull-left {margin-left: 20px; margin-right: 20px;}

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

	.overlay-fix {z-index:10; position:relative;}
	.no-sticky { padding:0px !important;}
	
	.head-title p {
        margin-top: 30px;
        padding: 0 0 50px;
        color:#f58220;
        font-size: 22px;
    }
.head-title p a {
    color: #ffffff;
}
.head-title p a:hover {
    color:#f58220;
}
	.big-title { color:#4d5762; font-size:43pt; font-weight:300; padding-bottom: 25px; }
	.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 #f58220; 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-size: 100% 100% !important; }
	

/*==========================================================================
  NAVIGATION
  ========================================================================== */
	
	/*.navbar-brand {position: absolute; left: 50%;margin: 0px; z-index:100;}*/
	.navbar {-webkit-backface-visibility: hidden;}
	.navbar ul {
        margin: 0 auto;
        width: 50%;
        padding: 0;
    }
.navbar-header {
    left: 0;
    margin: 0 !important;
    position: absolute;
    text-align: center;
    width: 100%;
}
	.navbar-nav.left {
        float: left;
        text-align: left;
    }
    .navbar-nav.right {
        float: right;
        text-align: right;
    }
/*
	.navbar ul li:nth-of-type(n+4) {
        float: right;
    }
*/
	.navbar {line-height:160px; height:160px; display:block; vertical-align: middle;text-align: center;}
	.navbar-nav.skrollable {position:relative !important;}

.nav li {
    display: inline-block;
    float: none;
    height: 100%;
    line-height: 100%;
    vertical-align: top;
}
	.nav>li>a {
        display:table-cell; height:100%; line-height:100%; vertical-align:middle; color:#fff;
        padding: 15px 2.5vw;
        font:700 12pt 'Source Sans Pro'; text-transform:uppercase; }
	.nav>li>a:hover,
	.nav>li>a:focus {background:0; color:#f58220;}
	.navbar-nav {float:right; margin-top:55px;}
	.navbar .navbar-nav > .active > a {background:0; }
	.navbar .navbar-nav > .active > .hover {
        opacity:1;
        margin:1px 2.5vw;
        height:7px;
    }
.navbar-brand {
    display: inline-block;
    float: none;
    line-height: 150px;
    margin: 0 !important;
    padding: 0 !important;
    position: relative;
    top: 5px;
    vertical-align: top;
    z-index: 999;
}
	.navbar-brand  img {vertical-align:middle;}
	.navbar-brand:hover img {opacity: 0.8;}
	.resp-menu {border: 1px solid #B9B9B9; padding: 10px;}
	.resp-menu .icon {color:#B9B9B9;}
	.navbar-toggle {padding:0; margin:0; width: 80px; position: absolute; right: 0;}
	.navbar-collapse.in {
        margin-top:-5px !important;
        line-height: 60px;
    }
	.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; }
	.navbar-small .navbar-brand  a:hover img {opacity: 0.8; }

  /*==========================================================================
  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; 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); color:#fff;}
   .header-video-link {position:absolute; top:25%; 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 3px 6px rgba(0, 0, 0, 0.3);}
   .header-video-link .lg-icon:hover {background:#fff; text-shadow: none;  opacity:1;}
   .header-video-link .lg-icon:hover i {color:#f58220;}
.top-download {
    font-size: 18px;
    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.03);}
   .header-img {width: 100%; max-width:385px;}
   img.phone-in-hand {width: 100%; max-width:720px; margin-left: -19%;}
   .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%;}
   

/*==========================================================================
  INNER PAGE
  ========================================================================== */
  .inner-page h1, .inner-page h2 { color: #777; }
  .inner-page { padding-top: 100px; }
  .inner-page .date { color: #696B70; font-weight: 700; font-size: 14pt; padding-bottom: 20px; }
  .inner-page .txt { color: #3d3d3d; font-size: 13pt; margin-bottom: 15px; }
  .line-wrap { height: 40px; display: block; padding-top: 15px; }
  .inner-page .navbar { line-height:60px; height:60px; background-color:rgba(29,33,37,1); }
  .inner-page .navbar-brand { line-height:56px; }
  .inner-page .navbar-brand img { width:50px; }
  .inner-page .navbar-nav { margin-top:1px; }
  .inner-page .footer { padding:40px 0px; position:relative !important; }
	
  
/*==========================================================================
  HOWTO
  ========================================================================== */
   .whyus {padding-top:35px; display: inline-block;}
   .whyus p {margin: 0px 10px 20px 10px; color:#fff;}
   .whyus h4 {margin-bottom: 25px;}
   .whyus .line-wrap {height:50px; display:block; padding-top:20px;}
   .whyus .big-line {margin:0px 0px 0px 0px;}
   .whyus .animate:hover .md-icon {background:#f58220;}
   .whyus .item {padding: 15px 0px 10px 0px; margin-bottom: 35px; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
   .whyus .item:hover{background-color:#f58220;}
 
/*==========================================================================
  PHONE SLIDER
  ========================================================================== */
   .phone-wrap { min-height: 600px; display:inline; float:left; margin-bottom: 50px;}
   .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:#ccc; 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:#f58220; border-color:#f58220;}
   .phone-wrap .slide-modal:hover {border-color:#f58220;}
   .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 {float: left;color: #3d3d3d;line-height: 45pt;font-size: 21pt;font-weight: 300; padding-left:20px;}
   
   .phone-menu  li:hover .switch {border-color:#f58220; text-decoration:none;}
   .phone-menu  li.active:hover .switch {border-color:#fff;}
   .phone-menu  li:hover .title {color:#f58220 !important;}
   .phone-menu .title:hover {text-decoration:none;}
   
   .phone-menu .switch {border: 1px solid #B5B8BE; float: left;}
   .active .title {color:#f58220;}
   .active .switch {color:#fff; background:#f58220; border-color:#fff;}
   .active .switch i {color:#fff !important;}
   .active .text, .active .dotted  {display:block;}
   
   .phone-menu .switch i {color:#f58220;}
   .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; top: 0;}
	.faces {z-index: 999;position: relative;}
	.faces p {color:#fff;}
	#use .holder:hover .line-wrap {padding-top:10px !important;}
	
/*==========================================================================
  BRANDS
  ========================================================================== */	
	#brands {line-height: 100px;}
	#brands img {width:135px;}

/*==========================================================================
  PRICING
  ========================================================================== */
	#pricing {z-index:2; min-height: 600px;}
	.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:#f58220;}
	.highlight  {color:#f58220; font-size: 10pt; font-weight: 600;}
	.inverted  {/* margin-top: 15px; padding:0px 0px 50px 0px; */ background:#f58220;}
	.inverted .features>li:nth-child(2n+1) {background-color: #f58220;}
	.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:#f58220 !important;}
	
/*==========================================================================
  SLIDER 2
  ========================================================================== */
#slider-con {
    height: auto;
    padding: 100px 0 !important;
    z-index: 10;
}
.slider-con {z-index:99; position:relative; overflow:hidden;}

.slider-con .nav-tabs {
    border: 0 none;
    text-align: center;
    width: 80%;
    margin: 0 auto 50px;
}
.slider-con .nav-tabs > li {
    float: none;
    display: inline-block;
    border-left: 1px solid #dddddd;
    margin: 0 -2px 0 -3px;
}
.slider-con h2 {
    font-size: 33pt;
    margin: 0;
}
.slider-con h2.big-title {
    font-size: 43pt;
    font-weight: 300;
    padding-bottom: 25px;
}
.slider-con h3 {
    color: #fff;
    font-size: 22pt;
    font-weight: 300;
    margin-bottom: 30px;
}
.slider-con a:hover img {
    opacity: 0.8;
}
	
/*==========================================================================
  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:20px;}
	.download p {color: #fff;font-weight: 200;font-size: 23pt;line-height: 27pt;}
	.download .btn {font-size: 18pt;}
	
/*==========================================================================
  NEWSLETTER
  ========================================================================== */
	.newsletter-bg {
        background-image:url(../img/newsletter-bg.png), url(../img/newsletter-bg.png);
        background-color: #4D5761;
        background-position: bottom center, top center;
        background-repeat: 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;}
	
/*==========================================================================
  REVIEWS
  ========================================================================== */
	#reviews {padding-top:55px; padding-bottom:45px;}
	.reviews-bg {background:#eee;}
	.review-wrap {height:50px;}
	.review {padding: 20px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
	.review .txt {min-height: 160px; color:#696b70; font-weight:200; font-size:18pt; line-height:23pt;}
	.review .source {color:#696b70; font-weight:200; font-size:17pt; text-indent: 5px; display: inline;}
	.review .line-wrap {clear:both;}
	.review .rating  {font-size: 20pt; font-weight:200; color:#696b70; margin-top:10px;}
	.review .rating .values {font-size: 20pt; font-weight:200; color:#696b70;}
	.review .rating .colored {font-size: 25pt; font-weight: 900;}
	.review img {width:100%;}
	.review:hover {background:#e9e9e9;}
	.review:hover .line-wrap {padding-top:10px !important;}

/*==========================================================================
  BLOG
  ========================================================================== */
	#blog {padding-top:50px;}
	#blog article {height:280px; margin-bottom: 45px;}
	#blog p {color:#3d3d3d;}
	#blog .head h2 {font-size: 21pt;font-weight: 700;letter-spacing: 0px;margin:0px 0px 5px 0px; text-transform:uppercase; height: 75px;}
	#blog .date {float: left;color: #696b70;font-weight: 700;font-size: 14pt;}
	#blog .thumb {padding:0px 15px 15px 0px;} 
	#blog .line-wrap {padding-top:0;}
	#blog .big-line span {margin:25px 0px 25px 0px;}
	
	.blog-image { max-width: 100%; }
	.head-posts {color: #7b7b7b; height:auto; margin-bottom:5px; font-weight: 300;margin-top: 50px;}
	
	.written-by { padding: 0% 15% 5% 15%; }
	.recent-post  { margin-top:25px; }
	.recent-post  h3 { font-size: 15pt; letter-spacing: 0px;margin:0px 0px 5px 0px; text-transform:uppercase; }
	.recent-post img { margin-right: 10px; }
	.recent-post span { font-size: 12pt;color: #696b70; }
	.recent-post .line-wrap { height: 40px; padding-top: 20px; margin-top: 10px; }
	
	.written-by .link { padding-top:25px; }
	.written-by .link .fa { color:#f58220; }
	.written-by .fa:hover { color: #7b7b7b; }
	.written-by .link .fa { margin: 0 4%; }
	.written-by h2, .written-by p { color:#7b7b7b; }
	.written-by h2 { font-size: 17pt; font-weight:300; margin: 10px 0px 5px 0px; }
	
/*==========================================================================
  FOOTER
  ========================================================================== */

	.footer {bottom:0; margin: 0; padding:40px 0px 20px 0px; width: 100%; position:static; z-index:0;}
	.footer:after {content:''; clear:both;}
	.footer .contacts {margin-top: 10px;}
.copy {
    font-size: 9pt;
    opacity: 0.5;
    position: relative;
    text-align: center;
    top: 40px;
}
	.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 {float:left; color:#fff; text-decoration:underline; margin:0px 15px 0px 15px; -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:#f58220;}
	/*#social a:hover > i {font-size:1.8em;}*/
	.social {padding-top:35px; width: 550px; margin: 0 auto; }
	
/*==========================================================================
  ICONS
  ========================================================================== */
	.fa-1{font-size:1em;}
	.fa-12{font-size:1.2em;}
	.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;}
	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;}
	
	.form-control:focus {border-color: #fff !important;outline: 0 !important; -webkit-box-shadow: none !important;box-shadow: none !important;}
	
	.form .form-group { margin-bottom: 25px; }
	.form .form-group:after { content: ''; display: block; clear: both; }
	.form .form-group+.form-group { margin-top: -10px; }
	.form .form-control { height: 50px; border: 1px solid #d1d8dd; border-radius: 0; box-shadow: 0px 0px 0px transparent; background: #fff; font-size: 17px; font-weight: 300; }
	.form .form-group label { text-align: right; line-height: 50px; margin-bottom: 0; }
	input[type=checkbox] { margin: 4px 15px 0 0; -webkit-border-radius:0; border-radius: 0; -webkit-appearance: button; border: 1px solid #d1d8dd; background-color: #fff; color: #000; width:19px; height:19px; cursor: pointer; }
	input[type=checkbox]:checked { color:#000; }
	input[type=checkbox]:checked::before { content: '\2713'; position: relative; top:-2px; left: 3px; font-size: 17px; color: #333;   text-align: center; line-height: 15px; }  
	
	::-webkit-input-placeholder { /* WebKit browsers */ font-family: 'Source Sans Pro', sans-serif;}
	:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ font-family: 'Source Sans Pro', sans-serif;}
	::-moz-placeholder { /* Mozilla Firefox 19+ */ font-family: 'Source Sans Pro', sans-serif; }
	:-ms-input-placeholder { /* Internet Explorer 10+ */ 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 #f58220;}
	.btn-secondary {background: #f58220;color: #fff;}
	.btn-secondary:active {background: #FF81B0;color: #fff;}
    .btn-secondary:hover, .btn-secondary.hovered { background: #FF81B0; color:#fff; }
	
	.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: #f58220 !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: #f58220 !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;}
/*==========================================================================
   Registration form style - register.html
   ========================================================================== */
   body.register-page {background:#fff; padding:0 !important; height:100%;}
   .register-page .navbar { line-height:160px; height:160px; background-color:rgba(0,0,0,0); }
   .register-page .navbar-brand { line-height:130px; }
   .register-page .navbrand img { width:72px; }
   .register-page .navbar-nav  { margin-top:40px; }
   .fullpage-cover {width:100%; height:100%; position:relative; display:block; 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;}

   .form-register { background: #fff; padding: 20px 15px; margin-top: 45%;}
   .form-register input.form-control { color: #545758; }
   
   .form-register ::-webkit-input-placeholder { /* WebKit browsers */ color:#EBEBEB !important; font-family: 'Source Sans Pro', sans-serif;}
   .form-register :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color:#EBEBEB !important; font-family: 'Source Sans Pro', sans-serif;}
   .form-register  ::-moz-placeholder { /* Mozilla Firefox 19+ */ color:#EBEBEB !important; font-family: 'Source Sans Pro', sans-serif; }
   .form-register  :-ms-input-placeholder { /* Internet Explorer 10+ */ color:#EBEBEB !important; font-family: 'Source Sans Pro', sans-serif;}

    .form-register:after { content: ''; display: block; clear: both; }
   .form-register .form-control { border-left: 3px solid #f58220; }
   .form-register .form-group { margin-bottom: 45px; margin-top: 20px; }
   .form-register .form-group .checkbox { margin-bottom: -10px; margin-top: 0px; }
   .form-register .form-group .checkbox label { line-height: 1.42857143; }
   .agree-text { font-size: 13px; line-height: 21px; padding-top: 15px; text-align: center; margin-bottom: 100px; color:#fff; text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8);}
   label.error { color: #FF4040; line-height: 0px !important; }
   
    .form-register .form-group .checkbox {margin-bottom: -10px;margin-top: 0px;}
    .form-register .form-group .checkbox label {line-height: 2;}
   
    .form-register .form-control:focus {border-color:#f58220 !important; outline: 1px solid #f58220 !important;}
   	.form-register input[type=file]:focus, .form-register input[type=radio]:focus, .form-register input[type=checkbox]:focus, .form-register input[type=text]:focus, .form-register input[type=email]:focus, .form-register input[type=password]:focus   {  outline: 0px solid #9AADBB !important; }
   
   /*==========================================================================
   Solid color style - index-color.html
   ========================================================================== */
	.solid .skrollable-between .nav>li>a:hover { background: 0; color: #303e5b; }
    .solid  .fullwidthbanner   { background: #f58220; }
    .solid .colored-grey-bg    { background-color: #f6f6f6 !important; }
	.solid .fullwidthbanner{	background: #F5821F; }

	.solid .whyus h4{ color: #5d5d5d; }
	.solid .whyus p { color: #545454; }
	.solid .whyus i { color: #F5821F; }

	.solid .image2 .overlay{ display: none; }
	.solid .inverted:hover .features>li:nth-child(2n){ background: #F5821F; }
	.solid .whyus .item:hover h4 { color: #fff!important; border-color:#fff; }

/*==========================================================================
   Dark style - index-dark.html
   ========================================================================== */
    .dark .skrollable-between .nav>li>a:hover { background: 0; color: #f58220; }
	.dark .big-title { color: #fff; }
	.dark .block-text{ color: #b5b5b5; }

    .dark .fullwidthbanner { }
	.dark .colored-grey-bg{ background: #20242a; }
    .dark .colored-grey-bg2{ background: #191c20;}

	.dark .whyus p { color: #b5b5b5; }
	.dark .whyus i { color: #f58220; }

	.dark { background: #191c20; }

	.dark .phone-menu .switch, .dark .phone-menu li.active:hover .switch{ border: 2px solid #f58220; }
	.dark .phone-menu .title{ color: #fff; }
	.dark .phone-menu .active .title{ color: #f58220; }

	.dark .package { background: #1F2329; }
	.dark .inverted{ background: #f58220; }
	.dark .package li{ color: #b5b5b5; }
	.dark .package  li:nth-child(2n+1){ background-color: #20242A; }
	.dark .inverted li:nth-child(2n+1){ background-color: #F5821F; }

	.dark .reviews-bg { background: #20242a; }
	.dark .review .txt{ font-size: 20pt; color: #b5b5b5; font-weight: 300;}
	.dark .review:hover { background: #f58220; }
	.dark .review:hover p, .dark .review:hover .big-line span , .dark .review:hover .rating .colored { color: #fff!important; border-color:#fff; }
		
	.dark .newsletter-bg{ background-color: #131619; }
	.dark #blog p{ color: #b5b5b5; }
	.dark .whyus .item:hover h4, .whyus .item:hover p, .whyus .item:hover i{ color: #fff!important; }

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

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

	.navbar-nav {float:none;}
	/*.fullwidthbanner, .image-bg {background-size:auto;}*/+
    .navbar .navbar-nav > .active > .hover {
        height: 7px;
        margin: 1px 1.4vw;
opacity: 1;
}

}
@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 1.4vw;
    }
    .copy {text-align: center !important; margin:0;}
	.navbar, .navbar-brand {line-height:55px; height:59px; background: none;}
	.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;}
	.head-title { margin-bottom: 25px; }
	.image-bg {background-size:auto !important; background-attachment: scroll !important;}
	.whyus {padding-top: 0px;}
	.review .txt {min-height: 220px; font-size: 14pt;line-height: 20pt;}
	.review .source {font-size: 13pt;}
	.review .rating .values, .review .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:256px;}

	.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:none;}
	.navbar-brand img{width:50px;}
	.nav>li>a {font-size: 11pt;}	
	.nav>li>a {
        padding: 15px 1.4vw;
        font-size: 10pt;
    }
    .navbar .navbar-nav > .active > .hover {
        margin: 4px 1.4vw;
    }
	.md-icon {width: 45px;height: 45px;line-height: 45px;}
	.head-title { margin-bottom: 25px; }
	/*.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: 540px;
        padding-top: 130px;
    }
	.header-img {margin-top: 15px;}
	.review .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:256px;}
	#blog 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: 64px;height: 64px;line-height: 64px;}
	.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;}
	.head-title { margin-bottom: 25px; }
	p {
        font-size: 100%;
    }
	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%;}
	.form .form-group label { text-align: left; line-height: 30px; }
	  
/*==========================================================================
   HOWTO
   ========================================================================== */	
	.whyus {height:auto;}	
	.whyus {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: 0;
        margin: 0;
        width: 100%;
        text-align: center;
    }
	.phone-menu li {
        display: inline-block;
        margin: 0;
        float: none;
        width: auto;
    }
	.phone-menu .title, .phone-menu .dotted {display:none;}
	.phone-menu li .text {width: 100%; padding:0px 20px; float: left;
        margin: 120px 0px 0px 5px;
        text-align: center;
        position: absolute;left: 0; 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 #f58220;}
	.active .title {text-transform: uppercase; font-weight: 700; color:#555; display:inline; width:100%; line-height:10pt; width:100%; position:absolute; left:0;
        font-size:14pt;
        text-align: center;
        margin:90px 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:none;}
	.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; line-height:62px !important;}
	.navbar-brand  img {width: 50px !important; }
	.navbar-header {position: relative; left: auto; margin: 0px;  background-color: rgba(0, 0, 0, 0.9); line-height: 62px;}
	.navbar ul li:nth-of-type(4) {margin-left: 0;}

		
/*==========================================================================
   BLOG
   ========================================================================== */
	#blog article {height:auto; margin:0;}
	#blog h2 {height:auto; margin:0; margin-bottom: 10px;}
	#blog p {line-height:17pt; margin-top:10px;}
	#blog .thumb {padding:0; margin-bottom:15px; width:100%;}
	#blog .date {float:none !important; margin-top:15px;}
	#blog .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;}
		
/*==========================================================================
   REVIEWS
   ========================================================================== */		
	.review {margin-bottom: 45px; height:auto;}
	.review .rating {position:relative;}
	.review .source {margin: 5px 0px 0px 0px; position:relative;}
	.review .line-wrap {padding: 25px 0px 25px 0px;}
	.review: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;}
	.head-title { margin-bottom: 25px; }
	.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:40%;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;}
	.form .form-group label { text-align: left; line-height: 30px; }
	  
/*==========================================================================
   HOWTO
   ========================================================================== */	
	.whyus {height:auto;}	
	.whyus {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 #f58220;}
	.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: none;}
	.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; line-height:62px !important;}
	.navbar-brand  img {width: 50px !important; }
	.navbar-header {position: relative; left: auto; margin: 0px; background-color: rgba(0, 0, 0, 0.9); line-height: 62px;}
	.navbar ul li:nth-of-type(4) {margin-left: 0;}
		
/*==========================================================================
   BLOG
   ========================================================================== */
	#blog article {height:auto; margin:0;}
	#blog h2 {height:auto; margin:0; margin-bottom: 10px;}
	#blog p {line-height:17pt; margin-top:10px;}
	#blog .thumb {padding:0; margin-bottom:15px; width:100%;}
	#blog .date {float:none !important; margin-top:15px;}
	#blog .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;}
		
/*==========================================================================
   REVIEWS
   ========================================================================== */		
	.review {margin-bottom: 45px; height:auto;}
	.review .rating {position:relative;}
	.review .source {margin: 5px 0px 0px 0px; position:relative;}
	.review .line-wrap {padding: 25px 0px 25px 0px;}
	.review:hover .line-wrap {padding-top:25px !important;}
}
