html {height:100%;} html, body {font: 10pt 'Open Sans', 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:#ffffff; padding: 0px 0px 80px 0px!important;} h1, h2, h3, h4, h5, h6, span, p , small {font-family: 'Roboto', sans-serif; color:#000;} h1, h2, h3 {margin-top: 10px;} p {font-family: 'Open Sans', sans-serif; font-size:11pt; line-height:20pt; color:#3d3d3d;} .contact_p, .contact_div{color:#fff; padding: 20px;} p.item  {display:block; min-height:80px;}.title{display:block; } .center h4{display:block; font-size:12pt;} 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:400; margin-bottom:15px;} h4 {color:#000; font-size:14pt; font-weight:400; 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:#28396f; } .b{margin-top:20px; margin-bottom:20px;} .valid{color:red; font-size: 14px;} .tit{font-size: 10pt;font-weight: 100; font-family: "Roboto";} .loop{position:absolute; top:40%; left:0; right:0; color:#28396f; font-size:40pt;} .loop:hover{cursor:pointer; font-size:42pt;}.loop i{color:#28396f;!important} .floatright{float:right;} a:hover{color:#28396f; text-decoration:underline;} *:focus {outline: none;} sup {font-size: 63%;} .clear{float:none; clear:both;} .content {background:#fff; z-index:1; } .row {z-index:2; margin-bottom:50px;} .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;} .separator{border-bottom:1px solid #eeeeee;} .modal-dialog{ width: 40%;} .modal-dialog1{ width: 60%;} .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:#28396f !important;} h2.colored1{font-size: 18pt; font-weight: 400; color: #666 !important;} .color-white {color:#fff;} .colored-bg {background-color:#28396f;} .colored-bg-alt {background-color:#4D5761 !important;}.foot_p{color: #a2a2a2!important; font-weight: 600;}.rubricator{display:none;} .desk-pull-left {float:left;} .desk-pull-right {float:right;} .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;} .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;} .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:#28396f;} .seven-border:hover i {color:#28396f;} .sm-pic {width:70px; height:70px;} .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 {padding:2% 10%; color:#444;} .big-title { color:#4d5762; font-size:30pt; font-weight:300; padding-bottom: 5px; } .big-title1 { color:#ffffff; font-size:40pt; font-weight:300; padding-bottom: 25px; } img.doc{width: 70%; height: auto;} img.company{width:90%; height:auto;} #vmap{width:100%;height: 600px; } img.doc:hover{} .circle_line {color:#000!important; font-size:25pt!important;} .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: 1px;height: 100%;line-height: 100%;width: 60px;display: block; border-top: 1px solid #28396f; height: 1px;} .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-bg-min.jpg) top center no-repeat;} .image-bg { -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;} .navbar {-webkit-backface-visibility: hidden;} .navbar-header {} .navbar-nav {float:none;} .navbar {height:160px; display:block; vertical-align: middle;text-align: center;} .navbar-nav.skrollable {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: 10px 20px; font:400 10pt 'Open Sans'; text-transform:uppercase; } .nav>li>a:hover {background:0; color:#ffffff;} .navbar-nav {float:right; margin-top:30px;} .navbar .navbar-nav > .active > a {background:0; } .navbar .navbar-nav > .active > .hover {opacity:1; margin:2px 20px; height:2px;} .navbar-brand {padding:0; display:table-cell; vertical-align:middle; line-height:60px;} a.navbar-brand  {color: #ffffff;font-size: 24pt;} a.navbar-brand span{font-size: 16pt; vertical-align: sub; color:#ffffff;} .navbar-brand  img {vertical-align:middle;} .phone i{font-size: 22pt;line-height: 45pt; padding: 0px 10px;float: left;} .phone, .phone a{color:#ffffff; font-size: 12pt;} .phone .phone_line{font-size: 10pt; line-height: 15pt; padding: 0px 15px; text-align: left;} .resp-menu {padding: 10px; color:#fff; font-size: 18pt;} .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; } .fullwidthbanner-container {position: relative; overflow:hidden;} .fullwidthbanner {padding-top:210px; background:url(../img/backgrounds/top-img-min.jpg) 0px 0px no-repeat;   -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;background-size: cover; width:100%; height:100%; overflow:hidden; text-align: center;} .lnr-chevron-down{position:absolute; width:90px; height:45px; margin:0 auto; bottom:70px; left:0%; right:0%; font-size: 60pt; color: #fff; z-index:2; } .video_div{position: absolute;left: 30px;bottom: 45px;width: 70px;z-index: 6; height:70px;border-radius: 99em; box-shadow: inset 0 0 0 0.09em #ffffff; display: table;text-align: center; font-size: 25pt; line-height: 60px; color: #ffffff;} .lnr-camera-video{font-size:25pt; color:#ffffff; display: table-cell; vertical-align: middle;} #play:hover{cursor:pointer;} .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:400 37pt 'Open Sans', sans-serif;  margin-bottom:60px;  color:#fff; text-align: center;} .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:#28396f;} .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(255,255,255,1); border-radius: 40px;} a.blue, input.blue{ display:inline-block; padding:8px 25px; border-radius: 40px; background: rgba(40,57,111,1)!important; color:#ffffff!important; border:1px solid rgba(40,57,111,1);} a.blue:hover,  input.blue:hover{ text-decoration:none; border:1px solid #ccc; background: #bcbcbc!important; color:#fff!important; } .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.5; } #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 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 {padding-top:35px;} #howto p {margin: 0px 10px 20px 10px; color:#fff;} #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:#1e2d5a;} .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:#28396f; border-color:#28396f;} .phone-wrap .slide-modal:hover {border-color:#28396f;} .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:#28396f; text-decoration:none;} .phone-menu  li.active:hover .switch {border-color:#fff;} .phone-menu  li:hover .title {color:#28396f !important;} .phone-menu .title:hover {text-decoration:none;} .phone-menu .switch {border: 1px solid #B5B8BE; float: left;} .active .title {color:#28396f;} .active .switch {color:#fff; background:#28396f; border-color:#fff;} .active .switch i {color:#fff !important;} .active .text, .active .dotted  {display:block;} .phone-menu .switch i {color:#28396f;} .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;} .company_span, .company_span span{color:#ffffff;font-weight: 400;    font-size: 11pt; } .company_span span{font-weight: 700;  font-size: 12pt; display: block; line-height: 14pt;} .stat {margin-top:115px;} .stats .text {color:#7b7b7b; display:block; font-size:15pt; font-weight:300;} .very_big {font-size:45pt;font-family: Roboto;} .very_big1 {font-size:16pt;font-family: Roboto;} .stats .fa {padding-right:10px;} .doc_span{text-align: center;font-size: 11pt; line-height: 14pt;position:relative; }.line-circle{position: absolute;  top: 28%; left: 62%; width: 75%; height: 3px;  background: #444;}#form2{color:#ffffff;}.line-circle1{position: absolute;  top: 40%; left: 62%; width: 75%; height: 3px;  background: #444;}.lnr-checkmark-circle {font-size: 48pt; color: #444;} #use {padding-bottom: 25px;} #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;} .faces p {color:#fff;} #use .holder:hover .line-wrap {padding-top:10px !important;} #brands {line-height: 100px;} #brands img {width:135px;} #pricing {z-index:2; min-height: 600px;} .package { position:relative;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:#28396f;} .highlight  {color:#28396f; font-size: 10pt; font-weight: 600;} .inverted  {/* margin-top: 15px; padding:0px 0px 50px 0px; */ background:#28396f;} .inverted .features>li:nth-child(2n+1) {background-color: #28396f;} .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:#28396f !important;} #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;} .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 {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;} #reviews {padding-top:55px; padding-bottom:45px;} .reviews-bg {background:#f7f7f7;} .review-wrap {height:50px;} .review {padding: 20px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;} .review .txt {min-height: 50px; color:#333; font-weight:600; font-size:11pt; text-align:center;line-height:13pt;} .review .source {color:#444; font-weight:600; font-size:12pt; text-indent: 5px; display: inline;} .review .line-wrap {clear:both;} .review .rating  {font-size: 20pt; font-weight:200; color:#696b70; margin-top:10px; text-align:center;} .review .rating .values {font-size: 20pt; font-weight:200; color:#696b70;} .review .rating .colored {font-size: 25pt; font-weight: 900;} .review img {width:150px;} .review:hover {background:#e9e9e9;} .review:hover .line-wrap {padding-top:10px !important;} #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:#28396f; } .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 {bottom:0; margin: 0;  width: 100%; position:fixed; z-index:0;} .footer:after {content:''; clear:both;} .footer .contacts {margin-top: 10px;} .footer-brand, .footer-brand a:hover{text-decoration:none!important; color: #ffffff!important; font-size: 24pt; line-height: 56px;} .phone_footer, .phone_footer a{color: #ffffff; font-size: 14pt;} .phone_footer i {font-size: 22pt;line-height: 45pt; padding: 0px 10px;float: left;} .phone_line_footer{color: #ffffff!important; font-size: 12pt;line-height: 40pt;padding: 0px 15px; text-align: left;} .footer-brand span{font-size: 16pt; vertical-align: sub;color: #ffffff;} .copy {font-size: 9pt; text-align:center; opacity: 0.5; margin:15px 20px 0px 0px;} .footer .sep {height:20px; width:100%;float: left;} .foot{margin-bottom: 0px!important;} .panel-heading {padding: 7px 0px;} img.no-visible{width:100%;} .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;} .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;} .fixed.form-control {width:100%; margin-bottom:10px;} .form-group {width:100%;} input.form-control {border-width:1px;} textarea.form-control {background: transparent;border: none; border-bottom: 1px solid #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 */ color:#fff !important; font-family: 'Open Sans', sans-serif;} :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color:#fff !important; font-family: 'Open Sans', sans-serif;} ::-moz-placeholder { /* Mozilla Firefox 19+ */ color:#fff !important; font-family: 'Open Sans', sans-serif; } :-ms-input-placeholder { /* Internet Explorer 10+ */ color:#fff !important; font-family: 'Open Sans', sans-serif;} .btn {color:#000000; font-weight:700; border:0; background:transparent;} .btn-default {background:transparent; border:1px solid #fff;} .btn-primary {background:transparent; border:1px solid #28396f;} .btn-secondary {background: #28396f;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:10px 40px; -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: #28396f !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: #ffffff !important;background:#28396f; border:1px solid #fff;-webkit-border-radius: 40px;-moz-border-radius: 4px;border-radius: 40px;-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;} 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: 'Open Sans', sans-serif;} .form-register :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color:#EBEBEB !important; font-family: 'Open Sans', sans-serif;} .form-register  ::-moz-placeholder { /* Mozilla Firefox 19+ */ color:#EBEBEB !important; font-family: 'Open Sans', sans-serif; } .form-register  :-ms-input-placeholder { /* Internet Explorer 10+ */ color:#EBEBEB !important; font-family: 'Open Sans', sans-serif;} .form-register:after { content: ''; display: block; clear: both; } .form-register .form-control { border-left: 3px solid #28396f; } .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:#28396f !important; outline: 1px solid #28396f !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 .skrollable-between .nav>li>a:hover { background: 0; color: #303e5b; text-decoration:none; }.prod_a:hover, a.prod_a:hover{color:#428bca!important; text-decoration:none!important;} .solid  .fullwidthbanner   { background: #28396f; } .solid .colored-grey-bg    { background-color: #f6f6f6 !important; } .solid .fullwidthbanner{	background: #f65d9b; } .solid #howto h4{ color: #5d5d5d; } .solid #howto p { color: #545454; } .solid #howto i { color: #f65d9b; } .solid .image2 .overlay{ display: none; } .solid .inverted:hover .features>li:nth-child(2n){ background: #f75e97; } .solid #howto .item:hover h4 { color: #fff!important; border-color:#fff; } img.visible-tablet, img.visible-mobile, img.visible-mobile_big{display:none}  @media only screen and (min-device-width : 768px)  { .navbar-nav {float:none;} } @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%;} .head-title p{padding:2% 0%;} .modal-dialog{width:55%} .modal-dialog1{width:80%} .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 20px;}.mobile_margin{margin-top:-15px;} .copy {text-align: center !important; margin:0;} .navbar, .navbar-brand {line-height:55px; height:59px; background:#28396f; } a.navbar-brand {font-size: 18pt;} .phone{margin-left: -50px; } .navbar-brand img{width:50px;} .desk-pull-left {float:none; margin:0;} .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; } .footer.head-title { margin-bottom: 0px; } .image-bg {background-size:cover !important; background-attachment: scroll !important;} #howto {padding-top: 0px;} .review .txt {min-height: 75px; 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:460px;} .slider-con .nav-tabs {width: 80%;} .footer {position:inherit;} .navbar-nav{margin-top:0px;} .phone, .phone a{font-size: 11pt;} } @media only screen and (min-width: 1024px) and (max-width: 1205px) { .phone{margin-left: -50px; margin-top: 10px;} .phone, .phone a{font-size:11pt;} .navbar-nav{margin-top:0px;} .nav>li>a {padding: 15px 10px;}  } @media only screen and (min-width: 768px) and (max-width: 959px) { .mobile_margin{margin-top:-20px;} .rubricator {display:block; width: 80%; margin: 0 auto; min-height: 50px; } .rubricator p{display:none;} .rubricator  a {display: block; float: left; color:#fff!important; text-transform: uppercase;  width:20%; font-size: 80%;  line-height: 22pt;} .clear{float:none; clear:both;} .navbar, .navbar-brand {line-height:53px; height:58px; background:#28396f; } .navbar-brand img{width:50px;} .navbar-nav {margin-top:0px;} .nav>li>a {font-size: 9pt;} a.navbar-brand{font-size: 14pt;} a.navbar-brand span{font-size: 10pt;} .nav>li>a {padding: 18px 5px;} .phone{margin-left: 0px; margin-right: 0px; padding: 0px!important;} .phone .phone_line {font-size: 0pt; line-height: 12pt;padding: 0px 15px;text-align: left;} .phone i {font-size: 12pt;line-height: 42pt; padding: 0px 4px; float: left;} .md-icon {width: 45px;height: 45px;line-height: 45px;} .head-title { margin-bottom: 25px; } .footer.head-title { margin-bottom: 0px; } .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;} .review img{width:100px;} #vmap{height:400px;} .review .txt {min-height: 100px; font-size: 11pt;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:cover !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;} #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;} img.no-visible{display:none;} img.visible-tablet{display:block; width:100%;} img.visible-mobile, img.visible-mobile_big {display:none;} }  @media only screen and (min-width: 480px) and (max-width: 767px) { body {padding: 0px!important;} .footer {position:inherit;} .modal-dialog{width:80%;}  .modal-dialog1{width:90%;} .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;} .head-title { margin-bottom: 25px; } 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;} img.visible-tablet, img.visible-mobile{display:none} img.visible-mobile_big{display:block; width:100%;} .fullwidthbanner {padding-top: 200px; height: 100%;  background-position:  center ; background-attachment: scroll !important;} .image-bg {background-size:cover !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 {height:auto;} #howto {padding-top: 0px;} #pricing {padding-top: 0px;} #use .holder {margin-bottom: 35px;} #use .line-wrap {padding-top: 25px;} #NewsletterEmail {width:94%;} #brands img {width: 90px; margin-bottom:15px;} #brands {padding-bottom: 10px;} #slider-con{display:none;} .slider-devices img {width:100%; max-width:460px;} .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 #28396f;} .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;} #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;} .navbar, .navbar-brand {line-height:55px; height:60px; background-color:rgba(40,57,111,1);} .navbar-collapse {padding:0; background-color: rgba(255, 255, 255, 1); 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(40, 57, 111, 0.9); line-height: 62px;} .navbar ul li:nth-of-type(4) {margin-left: 0;} .no-visible, img.no-visible{display:none;} img.no-visible{width:100%;} #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 h3 {padding: 0px 10px 0px 10px;} #newsletter .form-group {margin: 15px 10px 0px 10px;} .review {margin-bottom: 45px; height:auto; text-align: center;} .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) { .no-visible {display:none;} 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; padding: 20px 0px;} .stat {margin-top: 130px;} .stats{margin-top:-100px;} .line-wrap {height: 45px;} .very_big {font-size: 20pt;} .head-title { margin-bottom: 25px; } .btn-lg {} p {font-size: 80%; line-height: 15pt;} h1 {font-size: 50pt;} h2 {font-size: 30pt; margin-bottom:0px;} h3 {font-size: 14pt;} h4 {font-size: 16pt;} h5 {font-size: 11pt; line-height: 15pt;} .big-title, .big-title1{font-size:25pt; padding-bottom:20pt;} .fullwidthbanner {padding-top: 200px; height: 100%;  background-position: center ; background-attachment: scroll !important;} .image-bg {background-size:cover; !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; } img.visible-tablet, img.visible-mobile_big{display:none} img.visible-mobile{display:block; width:100%;} #howto {height:auto;} #howto {padding-top: 0px;} #pricing {padding-top: 0px;} #use .holder {margin-bottom: 35px;} #use .line-wrap {padding-top: 25px;} #NewsletterEmail {width:94%;} #brands img {width: 90px; margin-bottom:15px;} #brands {padding-bottom: 10px;} #slider-con{display:none;} .slider-devices img {width:100%; max-width:460px;} .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 #28396f;} .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;} #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;} .navbar, .navbar-brand {line-height:55px; height:60px; background-color:transparent;} .navbar-collapse {padding:0; background-color: rgba(255, 255, 255, 1); margin-top:-10px !important; height: 100vh!important; max-height: 100vh!important; } .navbar-collapse .navbar-nav {margin:0 auto; margin-top: 20px; line-height: 25pt; width:80%;} .navbar-collapse .navbar-nav  li, .navbar-collapse .navbar-nav  li a {width:100%; text-align: left; color: #2a2a2a!important;} .navbar-collapse .navbar-nav  li a:hover, .navbar-collapse .navbar-nav  li a:active{color:#6e85a4;} .phone{width:80%; margin:0 auto; margin-top:20px;padding:20px;color: #2a2a2a!important; border-top:2px solid #9e9e9e;} .phone i{color:#2a2a2a!important;}.phone a{ color:#2a2a2a!important;} .navbar-collapse .navbar-nav  li a {display:block;} a.navbar-brand  {margin-left:5px; line-height:55px !important; font-size:16pt;} a.navbar-brand span{font-size:12pt;} .navbar-brand  img {width: 50px !important; } .phone_line_footer, .phone_footer i{display:inline; float:none;padding:0px;} .rubricator {display:block; width: 80%; margin: 0 auto; } .rubricator p{color:#fff!important;text-transform: uppercase; display:inline-block; width:100%; font-size: 80%;  line-height: 35pt;} .rubricator  a {display: block; float: left; color:#fff!important; text-transform: uppercase;  width:50%; font-size: 80%;  line-height: 22pt;} .navbar-header {position: relative; left: auto; margin: 0px; background-color: rgba(40, 57, 111, 1); line-height: 62px;} .clear{float:none; clear:both;} .navbar ul li:nth-of-type(4) {margin-left: 0;} .navbar-nav {float:none;} .owl-prev{top: 15%; left: 0px;} .owl-next{top: 15%; right: 0px;} img.doc{width: 50%; height: auto;} img.company{width: 100%; height: auto;} .menu_icon_resp{position: absolute; right: -20px; font-size: 18pt; color: #3f3f3f;	} #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 h3 {padding: 0px 10px 0px 10px;} #newsletter .form-group {margin: 15px 10px 0px 10px;} #vmap {height:200px;} .review {margin-bottom: 5px; height:auto; text-align: center;} .review .rating {position:relative;} .review .source {margin: 5px 0px 0px 0px; position:relative;} .review .line-wrap {padding: 25px 0px 25px 0px;} a.blue, input.blue{padding: 8px 20px;} .review:hover .line-wrap {padding-top:25px !important;} .modal-dialog{width:90%;} .modal-dialog1{width:95%;} .review .txt{min-height: 30px;} .mobile_margin{margin-top:-65px;} }



.item.owl-item {
    width: 300px;
    float: left;
}