@charset "UTF-8";
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 reset CSS
2.0 Fonts
3.0 Mixin
4.0 Variables
5.0 Basic styles
6.0 Header
	6.1 Menu
7.0 Section Easy to use
8.0 Section Customize as you desire
9.0 Section What people say
10.0 Section Video features
11.0 Section Subscribe to our newsletter
12.0 Section Download the app
13.0 Footer
14.0 @media for tablet 1024px
15.0 @media for mobile 768px
16.0 @media for mobile 420px
17.0 Button BUY ON THEMEFOREST
*/
/* 1.0 reset CSS */
@import url("https://fonts.googleapis.com/css?family=Lato:400,700,900");
@-ms-viewport {
  width: device-width;
  initial-scale: 1; }
@-moz-viewport {
  width: device-width;
  initial-scale: 1; }
@-webkit-viewport {
  width: device-width;
  initial-scale: 1; }
*, :before, :after {
  box-sizing: border-box; }

html, body {
  height: 100%;
  margin: 0;
  padding: 0; }

body {
  min-height: 100%;
  overflow: auto;
  overflow-x: hidden;
  word-wrap: break-word;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -ms-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
  -ms-touch-action: manipulation;
  touch-action: manipulation; }

article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {
  display: block; }

a, input, button, textarea, optgroup, select, fieldset, figure, legend {
  font: inherit;
  color: inherit;
  line-height: inherit;
  text-transform: inherit;
  text-shadow: inherit;
  border: none;
  background: none;
  box-shadow: none;
  border-radius: 0;
  margin: 0;
  padding: 0; }

a, button, [type='button'], [type='submit'] {
  transition: color .25s, background .25s, opacity .25s; }

a {
  cursor: pointer;
  text-decoration: none;
  -webkit-text-decoration-skip: none; }

button {
  overflow: visible;
  -webkit-font-smoothing: inherit;
  letter-spacing: inherit; }

p {
  margin: 0;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto; }

b, strong {
  font-weight: 700; }

img, svg, embed, object, iframe, video, audio, canvas {
  vertical-align: middle;
  max-width: 100%;
  height: auto;
  border: 0; }

img {
  image-rendering: optimizeQuality; }

video, audio, canvas {
  display: inline-block; }

progress {
  vertical-align: baseline; }

svg {
  fill: currentColor; }
  svg:not(:root) {
    overflow: hidden; }

h1, h2, h3, h4, h5, h6 {
  text-rendering: optimizeLegibility;
  font: inherit;
  color: inherit;
  margin: 0; }

ul, ol, menu {
  margin: 0;
  padding: 0;
  -moz-padding: 0;
  -webkit-padding: 0;
  list-style: none; }

input, select, button, button > * {
  vertical-align: middle; }

button, label, select, [type='button'], [type='submit'], [type='reset'], [type='checkbox'], [type='radio'], [type='range'] {
  user-select: none;
  cursor: pointer; }

[type='search'], [type='range'], ::-webkit-search-cancel-button, ::-webkit-search-decoration, ::-webkit-outer-spin-button, ::-webkit-inner-spin-button, ::-webkit-slider-thumb {
  -webkit-appearance: none; }

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit; }

::-webkit-contacts-auto-fill-button {
  visibility: hidden;
  pointer-events: none;
  position: absolute;
  right: 0; }

[type='number'] {
  -moz-appearance: textfield; }

::-ms-clear, ::-ms-reveal {
  display: none; }

input, textarea {
  width: 100%; }

textarea {
  overflow: auto;
  resize: none; }

:active, :hover, :focus {
  outline: 0;
  outline-offset: 0; }

:disabled {
  pointer-events: none; }

::-moz-focus-outer, ::-moz-focus-inner {
  border: 0;
  padding: 0; }

::placeholder, ::-moz-placeholder {
  opacity: 1; }

table {
  border-spacing: 0;
  border-collapse: collapse; }

td, th {
  padding: 0;
  text-align: center; }

article p:not(:empty) {
  margin-top: .7em;
  margin-bottom: .7em; }
article img, article embed, article object, article iframe, article video {
  display: block;
  margin: auto; }
article ul, article ol, article menu {
  margin-top: .7em;
  margin-bottom: .7em; }
  article ul ul, article ul ol, article ul menu, article ol ul, article ol ol, article ol menu, article menu ul, article menu ol, article menu menu {
    margin: 0;
    padding-left: 1em; }
  article ul > li:before, article ol > li:before, article menu > li:before {
    padding-right: .5em; }
  article ul > li p, article ol > li p, article menu > li p {
    display: inline; }
article ul > li:before, article menu > li:before {
  content: '•';
  font-family: Tahoma; }
article ul > li li:before, article menu > li li:before {
  content: '○'; }
article ol {
  counter-reset: count; }
  article ol > li:before {
    content: counter(count) ".";
    counter-increment: count; }

/* 2.0 Fonts */
/* 3.0 Mixin */
/* Browser Prefixes */
/* Rotate */
/* Scale */
/* Translate */
/* Skew */
/* Transform Origin */
header .container:after, nav ul:after, .messaging .mes_row:after, .keep .keep_row:after, .feedback .feedback_row:after, .feedback .people:after, .video .video_row:after, footer .footer_main:after, header .container:before, nav ul:before, .messaging .mes_row:before, .keep .keep_row:before, .feedback .feedback_row:before, .feedback .people:before, .video .video_row:before, footer .footer_main:before {
  content: "";
  display: block;
  clear: both; }

/* 4.0 Variables */
/* 5.0 Basic styles */
html {
  height: 100%; }

body {
  font-family: "Lato", Arial, Helvetica, sans-serif;
  font-weight: 400;
  color: #808080;
  font-size: 18px;
  line-height: 32px;
  height: 100%; }

h1 {
  font-family: "Lato", Arial, Helvetica, sans-serif;
  font-weight: 900;
  color: #ffffff;
  font-size: 60px;
  line-height: 70px; }

h2 {
  font-family: "Lato", Arial, Helvetica, sans-serif;
  font-weight: 900;
  font-size: 60px;
  line-height: 66px;
  color: #363636; }
  h2 span {
    color: #003056; }

h3 {
  font-family: "Lato", Arial, Helvetica, sans-serif;
  font-weight: 400;
  color: #808080;
  font-size: 18px;
  line-height: 32px;
  text-align: center; }

h4 {
  font-family: "Lato", Arial, Helvetica, sans-serif;
  font-weight: 400;
  color: #808080;
  font-size: 24px;
  line-height: 34px; }

h5 {
  font-family: "Lato", Arial, Helvetica, sans-serif;
  font-weight: 400;
  color: #808080;
  font-size: 18px;
  line-height: 32px; }

p {
  font-family: "Lato", Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 32px;
  color: #808080; }

a {
  font-family: "Lato", Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 32px;
  text-decoration: none;
  color: #003056; }
  a:hover {
    color: #26b2fd; }

.container {
  max-width: 1200px;
  padding: 0 15px;
  margin: auto;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box; }

#scrollToTop {
  display: none;
  position: fixed;
  left: 30px;
  bottom: 20px;
  width: 40px;
  height: 40px;
  padding: 0px;
  text-align: center;
  background: #003056;
  color: #ffffff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  #scrollToTop:hover {
    background: #26b2fd;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s; }

/* 6.0 Header */
header {
  overflow: hidden; }
  header .header_bg {
    background: #003056;
    background: -moz-linear-gradient(top, #003056 0%, #26b2fd 100%);
    background: -webkit-linear-gradient(top, #003056 0%, #26b2fd 100%);
    background: -o-linear-gradient(top, #003056 0%, #26b2fd 100%);
    background: -ms-linear-gradient(top, #003056 0%, #26b2fd 100%);
    background: linear-gradient(to bottom, #003056 0%, #26b2fd 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color_a', endColorstr='$color_a_hover',GradientType=0 );
    position: relative;
    height: 721px; }
    header .header_bg::after, header .header_bg:after {
      content: '';
      width: 0;
      height: 0;
      border-bottom: 145px solid #ffffff;
      border-left: 100vw solid transparent;
      position: absolute;
      bottom: 0;
      right: 0; }

.header_top {
  padding-top: 32px;
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 99999999;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  transition: all 0.5s; }

.small_header {
  padding: 10px 0;
  background: #003056;
  background: -moz-linear-gradient(top, #003056 100%, #26b2fd 0%);
  background: -webkit-linear-gradient(top, #003056 100%, #26b2fd 0%);
  background: -o-linear-gradient(top, #003056 100%, #26b2fd 0%);
  background: -ms-linear-gradient(top, #003056 100%, #26b2fd 0%);
  background: linear-gradient(to bottom, #003056 100%, #26b2fd 0%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color_a', endColorstr='$color_a_hover',GradientType=0 );
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  transition: all 0.5s; }

.main_logo {
  float: left;
  position: relative; }
  .main_logo img {
    width: 56px;
    display: inline-block;
    vertical-align: middle; }
  .main_logo p {
    display: inline-block;
    vertical-align: middle; }
  .main_logo a {
    color: #ffffff;
    font-size: 40px;
    line-height: 38px;
    font-weight: 900;
    padding-left: 6px; }
  .main_logo span.logo-text {
    display: block;
    font-size: 13px;
    line-height: 11px;
    color: #ffffff;
    position: absolute;
    left: 67px;
    bottom: -2px;
    white-space: nowrap; }

.header_center {
  padding-top: 200px;
  /*.div_iphone{
  	width: 50%;
  	float: right;
  	margin-right: -28px;
  	margin-top: 4px;
  	padding-left: 40px;
  	text-align: right;
  	@include box-sizing(border-box);
  }*/ }
  .header_center .header_text {
    width: 50%;
    float: left;
    padding-top: 0px;
    padding-right: 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .header_center .header_text img {
      width: 130px;
      margin: 0 auto;
      display: block; }
    .header_center .header_text h1 {
      letter-spacing: 2px;
      padding: 20px 10px; }
    .header_center .header_text p {
      font-size: 24px;
      line-height: 28px;
      color: #ffffff;
      padding: 20px 10px; }
      .header_center .header_text p strong {
        font-weight: 900; }
    .header_center .header_text button {
      background: #ffffff;
      width: 224px;
      height: 50px;
      color: #003056;
      font-weight: 700;
      -webkit-box-shadow: 0px 10px 40px 0px rgba(54, 54, 54, 0.15);
      -moz-box-shadow: 0px 10px 40px 0px rgba(54, 54, 54, 0.15);
      box-shadow: 0px 10px 40px 0px rgba(54, 54, 54, 0.15);
      -webkit-border-radius: 30px;
      -moz-border-radius: 30px;
      -ms-border-radius: 30px;
      border-radius: 30px;
      margin-top: 100px; }
      .header_center .header_text button:hover {
        opacity: 0.8; }
  .header_center .div_iphone {
    width: 50%;
    float: right;
    margin-right: -28px;
    margin-top: 4px;
    padding-left: 40px;
    text-align: right;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    z-index: 1; }
    .header_center .div_iphone .deskyop_view {
      background: url(../images/desktop.png) no-repeat center center;
      height: 550px;
      width: 600px;
      background-size: 598px;
      float: right;
      padding: 55px 47px 279px 46px; }

/* 6.1 Menu */
nav #menu_toggle {
  display: none; }
nav ul {
  display: block;
  float: right;
  padding-top: 12px; }
nav li {
  float: left;
  padding-right: 62px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  nav li:last-child {
    padding-right: 0; }
nav a {
  color: #ffffff;
  font-size: 18px;
  line-height: 28px;
  font-weight: 400;
  text-transform: uppercase;
  display: inline-block; }
  nav a:hover {
    color: #ffffff;
    border-bottom: 1px solid #ffffff;
    padding-bottom: 8px; }
nav .active_a {
  border-bottom: 1px solid #ffffff;
  padding-bottom: 8px; }

/* 7.0 Section Easy to use */
.messaging {
  padding: 60px 0; }
  .messaging h2 {
    font-size: 50px;
    line-height: 55px;
    padding-bottom: 5px; }
  .messaging h4 {
    padding-bottom: 20px;
    font-size: 20px;
    line-height: 25px; }
  .messaging .mes_col {
    float: left;
    width: 50%; }
  .messaging .mes_col_left {
    padding-right: 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  .messaging .mes_col_right {
    padding-top: 180px;
    padding-left: 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }

/* 8.0 Section Customize as you desire*/
.keep {
  padding: 60px 0; }
  .keep h2 {
    font-size: 52px;
    line-height: 55px;
    padding-bottom: 5px; }
  .keep h4 {
    padding-bottom: 20px;
    font-size: 20px;
    line-height: 25px; }
  .keep img {
    -webkit-box-shadow: 0px 0px 25px 7px rgba(0, 0, 0, 0.22);
    -moz-box-shadow: 0px 0px 25px 7px rgba(0, 0, 0, 0.22);
    box-shadow: 0px 0px 25px 7px rgba(0, 0, 0, 0.22); }
  .keep .keep_col {
    float: left;
    width: 50%; }
  .keep .keep_col_left {
    padding-top: 180px;
    padding-right: 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  .keep .keep_col_right {
    text-align: right;
    padding-left: 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }

/* 9.0 Section What people say */
.feedback {
  border-top: 1px dotted #e0e0e0;
  padding-top: 84px;
  padding-bottom: 244px; }
  .feedback h2 {
    text-align: center;
    padding-bottom: 128px; }
  .feedback .feedback_col {
    float: left;
    width: 33.333333333%;
    padding: 0 15px; }
    .feedback .feedback_col:hover .col_text {
      -webkit-box-shadow: 0px 30px 60px 0px rgba(54, 54, 54, 0.15);
      -moz-box-shadow: 0px 30px 60px 0px rgba(54, 54, 54, 0.15);
      box-shadow: 0px 30px 60px 0px rgba(54, 54, 54, 0.15);
      border: 1px dotted #ffffff;
      -moz-transition: all 0.3s ease 0s;
      -ms-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      -webkit-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      top: -30px; }
  .feedback .col_text {
    border: 1px solid #e0e0e0;
    padding: 18px 28px;
    position: relative;
    top: 0;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    position: relative;
    /*&:after, &:before{
    	content: "";
    	width: 0;
    	height: 0;
    	position: absolute;
    	left: 48px;
    	top: 100%;
    	pointer-events: none;
    	border: solid transparent;
    }*/
    /*&:after {
    	border-color: rgba(255, 255, 255, 0);
    	border-top-color: $color_white;
    	border-width: 10px;
    	margin-left: -30px;
    }
    &:before {
    	border-color: rgba(194, 225, 245, 0);
    	border-top-color: #e0e0e0;
    	border-width: 12px;
    	margin-left: -32px;
    	margin-top: 1px;
    }*/ }
    .feedback .col_text h3 {
      text-align: left;
      color: #000000;
      font-weight: 600;
      margin-bottom: 10px; }
    .feedback .col_text p {
      line-height: 30px; }
  .feedback .p_link {
    padding-top: 10px; }
  .feedback .people {
    padding-top: 30px; }
  .feedback .people_text {
    padding-left: 20px;
    padding-top: 8px;
    float: left; }
    .feedback .people_text p {
      font-size: 18px;
      line-height: 24px; }
    .feedback .people_text .p_ceo {
      font-size: 16px;
      line-height: 24px; }
  .feedback .img_peolpe {
    float: left;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%; }

/* 10.0 Section Video features */
.video {
  background: -moz-linear-gradient(top, #003056 0%, #26b2fd 100%);
  background: -webkit-linear-gradient(top, #003056 0%, #26b2fd 100%);
  background: -o-linear-gradient(top, #003056 0%, #26b2fd 100%);
  background: -ms-linear-gradient(top, #003056 0%, #26b2fd 100%);
  background: linear-gradient(to bottom, #003056 0%, #26b2fd 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color_a', endColorstr='$color_a_hover',GradientType=0 );
  height: 518px; }
  .video .video_col {
    height: 518px;
    position: relative; }
    .video .video_col .slider_col_two {
      background: url(../images/slidetwo.png) no-repeat center center;
      height: 699px;
      width: 337px;
      position: absolute;
      padding: 29px 23px 90px 22px;
      top: -89px;
      left: 0;
      right: 0;
      margin: 0 auto;
      overflow: hidden; }
      .video .video_col .slider_col_two .slides > li {
        margin-top: 60px; }
  .video .col_content {
    position: absolute;
    top: 50%;
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  .video .col_center {
    float: left;
    width: 33.333333333%;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 15px; }
  .video .iphone_play {
    position: relative;
    top: 50%;
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%); }
  .video li {
    background-repeat: no-repeat; }
    .video li:nth-child(even) {
      margin-top: 60px; }
    .video li h4 {
      font-size: 22px; }
    .video li p {
      line-height: 24px; }
  .video .conversation {
    background-image: url("../images/doctor.png"); }
  .video .call {
    background-image: url("../images/appoint.png"); }
  .video .picture {
    background-image: url("../images/consultation.png"); }
  .video .your_video {
    background-image: url("../images/report.png"); }
  .video .col_left {
    float: left;
    width: 33.333333333%;
    text-align: right; }
    .video .col_left .col_content {
      padding-right: 28px; }
    .video .col_left li {
      background-position: 100% 0;
      padding-right: 90px; }
  .video .col_right {
    float: left;
    width: 33.333333333%;
    text-align: left;
    display: block; }
    .video .col_right .col_content {
      padding-left: 28px; }
    .video .col_right li {
      background-position: 0 0;
      padding-left: 90px; }
  .video h4 {
    color: #ffffff;
    font-weight: 900;
    letter-spacing: 2px; }
  .video p {
    color: #ffffff;
    opacity: 0.6;
    font-size: 16px;
    line-height: 28px; }

/* 11.0 Section Subscribe to our newsletter */
.subscribe {
  text-align: center;
  padding-top: 214px;
  padding-bottom: 146px; }
  .subscribe h2 {
    padding-bottom: 30px; }
  .subscribe #form {
    position: relative;
    width: 570px;
    margin: auto;
    margin-top: 66px; }
  .subscribe input {
    background-color: #eee;
    width: 570px;
    height: 50px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    border-radius: 30px;
    padding: 0 28px; }
  .subscribe input::-webkit-input-placeholder {
    color: #808080;
    opacity: 1;
    -moz-transition: opacity 0.3s ease;
    -ms-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease; }
  .subscribe input::-moz-placeholder {
    /* Firefox 19+ */
    color: #808080;
    opacity: 1;
    -moz-transition: opacity 0.3s ease;
    -ms-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease; }
  .subscribe input:-moz-placeholder {
    /* Firefox 18- */
    color: #808080;
    opacity: 1;
    -moz-transition: opacity 0.3s ease;
    -ms-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease; }
  .subscribe input:-ms-input-placeholder {
    color: #808080;
    opacity: 1;
    -moz-transition: opacity 0.3s ease;
    -ms-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease; }
  .subscribe input:focus::-webkit-input-placeholder {
    opacity: 0; }
  .subscribe input:focus::-moz-placeholder {
    opacity: 0; }
  .subscribe input:focus:-moz-placeholder {
    opacity: 0; }
  .subscribe input:focus:-ms-input-placeholder {
    opacity: 0; }
  .subscribe button {
    background: -moz-linear-gradient(top, #003056 0%, #26b2fd 100%);
    background: -webkit-linear-gradient(top, #003056 0%, #26b2fd 100%);
    background: -o-linear-gradient(top, #003056 0%, #26b2fd 100%);
    background: -ms-linear-gradient(top, #003056 0%, #26b2fd 100%);
    background: linear-gradient(to bottom, #003056 0%, #26b2fd 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color_a', endColorstr='$color_a_hover',GradientType=0 );
    width: 180px;
    height: 50px;
    color: #ffffff;
    -webkit-box-shadow: 0px 10px 30px 0px rgba(38, 178, 253, 0.3);
    -moz-box-shadow: 0px 10px 30px 0px rgba(38, 178, 253, 0.3);
    box-shadow: 0px 10px 30px 0px rgba(38, 178, 253, 0.3);
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    border-radius: 30px;
    position: absolute;
    top: 0;
    right: 0;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s; }
    .subscribe button:hover {
      background: -moz-linear-gradient(top, #003056 0%, #26b2fd 100%);
      background: -webkit-linear-gradient(top, #003056 0%, #26b2fd 100%);
      background: -o-linear-gradient(top, #003056 0%, #26b2fd 100%);
      background: -ms-linear-gradient(top, #003056 0%, #26b2fd 100%);
      background: linear-gradient(to bottom, #003056 0%, #26b2fd 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color_a_hover', endColorstr='$color_a',GradientType=0 );
      -moz-transition: all 0.3s ease 0s;
      -ms-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      -webkit-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s; }
  .subscribe #email-error {
    padding-left: 26px;
    font-size: 13px;
    line-height: 16px;
    position: absolute;
    top: 55px;
    left: 0;
    color: #003056; }
  .subscribe .thank_you {
    display: none;
    text-align: center;
    padding-top: 38px; }
    .subscribe .thank_you p {
      color: #003056; }

/* 12.0 Section Download the app */
.download {
  border-top: 1px dotted #e0e0e0;
  padding: 60px 0;
  text-align: center; }
  .download h3 {
    padding-top: 36px;
    padding-bottom: 54px; }
  .download .app_store {
    width: 180px;
    display: inline-block;
    margin-right: 24px; }
    .download .app_store:hover {
      opacity: 0.8; }
  .download .google_play {
    width: 180px;
    display: inline-block; }
    .download .google_play:hover {
      opacity: 0.8; }

/* client */
.client {
  padding: 60px 0;
  border-top: 1px dotted #e0e0e0;
  border-bottom: 1px dotted #e0e0e0;
  text-align: center; }
  .client .client-logo {
    display: inline-block;
    margin: 40px 20px; }

/* 13.0 Footer */
footer {
  padding: 10px 0; }
  footer .nav_footer {
    float: left;
    padding-top: 8px; }
    footer .nav_footer p {
      color: #363636;
      font-size: 16px; }
  footer .language {
    float: right;
    background: url(../images/arrow_select.png) no-repeat 90% 22px #f8f8f8;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    border-radius: 30px;
    width: 200px;
    height: 50px; }
    footer .language select {
      background: transparent;
      width: 200px;
      height: 50px;
      padding-left: 24px;
      color: #363636;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      text-transform: uppercase; }
      footer .language select::-ms-expand {
        display: none; }

@media screen and (min-width: 1366px) {
  header .header_bg {
    height: 787px;
    /*height: 795px;*/ } }
@media screen and (max-width: 1366px) {
  header .header_bg {
    height: 795px; } }
@media screen and (max-width: 1179px) {
  header .header_bg {
    height: 797px; } }
/* 14.0 @media for tablet below 1024px */
@media screen and (max-width: 1024px) {
  h2 {
    font-size: 40px;
    line-height: 46px; }

  /* 6.0 Header */
  header .header_bg {
    height: 627px; }
    header .header_bg::after {
      background: transparent; }

  .header_center {
    padding: 158px 0 63px 0; }
    .header_center .header_text {
      padding: 42px 20px 0 0; }
      .header_center .header_text h1 {
        font-size: 32px;
        line-height: 36px; }
      .header_center .header_text p {
        font-size: 20px;
        line-height: 24px;
        padding: 20px 10px; }
      .header_center .header_text button {
        margin-top: 70px; }
    .header_center .div_iphone {
      margin: 50px auto 0; }
      .header_center .div_iphone .deskyop_view {
        height: 331px;
        width: 400px;
        background-size: 398px;
        float: right;
        padding: 19px 32px 163px 31px; }

  /* 6.1 Menu */
  nav li {
    padding-right: 40px; }
    nav li:last-child {
      padding-right: 0; }
  nav a {
    font-size: 16px;
    line-height: 20px; }

  /* 7.0 Section Easy to use */
  .messaging {
    padding: 60px 0; }
    .messaging .mes_col_left {
      padding-right: 20px; }
    .messaging .mes_col_right {
      padding-left: 20px;
      padding-top: 50px; }

  /* 8.0 Section Customize as you desire */
  .keep {
    padding: 60px 0; }
    .keep .keep_col_left {
      padding-right: 20px;
      padding-top: 50px; }
    .keep .keep_col_right {
      padding-left: 20px;
      text-align: center; }

  /* 9.0 Section What people say */
  .feedback {
    padding: 80px 0; }
    .feedback h2 {
      padding-bottom: 60px; }
    .feedback .col_text {
      padding: 10px 14px; }

  /* 10.0 Section Video features */
  .video {
    height: auto;
    padding: 80px 0; }
    .video .video_col {
      height: auto; }
    .video .video_col .slider_col_two {
      position: static; }
    .video .col_content {
      position: relative;
      top: 0;
      -moz-transform: translateY(0);
      -o-transform: translateY(0);
      -ms-transform: translateY(0);
      -webkit-transform: translateY(0);
      transform: translateY(0); }
    .video .col_center {
      float: right;
      width: 50%; }
    .video li {
      background-repeat: no-repeat; }
      .video li:nth-child(even) {
        margin-top: 0px; }
      .video li:first-child {
        margin-top: 0; }
    .video .col_left, .video .col_right {
      width: 50%;
      text-align: left; }
      .video .col_left .col_content, .video .col_right .col_content {
        padding-left: 28px; }
      .video .col_left li, .video .col_right li {
        background-position: 0 0;
        padding-left: 90px;
        padding-right: 0;
        margin-top: 30px; }
        .video .col_left li:first-child, .video .col_right li:first-child {
          margin-top: 0; }
    .video .iphone_play {
      position: relative;
      top: 0;
      -moz-transform: translateY(0);
      -o-transform: translateY(0);
      -ms-transform: translateY(0);
      -webkit-transform: translateY(0);
      transform: translateY(0); }

  /* 11.0 Section Subscribe to our newsletter */
  .subscribe {
    padding: 80px 0; }

  /* 12.0 Section Download the app */
  .download {
    padding: 80px 0; }

  /* 13.0 Footer */
  footer {
    padding: 15px 0; }
    footer .language select {
      font-size: 16px;
      line-height: 20px; } }
@media screen and (max-width: 991px) {
  .main_logo {
    margin-top: -3px; }

  .main_logo a {
    font-size: 25px;
    line-height: 36px; }

  .main_logo img {
    width: 40px; }

  .main_logo span.logo-text {
    left: 0px;
    bottom: -11px;
    font-size: 12px; }

  nav a {
    font-size: 15px; }

  nav ul {
    padding-top: 7px;
    padding-bottom: 5px; }

  h2 {
    font-size: 32px;
    line-height: 40px; }

  .keep h2, .messaging h2 {
    font-size: 42px;
    line-height: 50px; }

  .messaging .mes_col_right {
    padding-top: 5px; }

  .keep .keep_col_left {
    padding-top: 0px; }

  .keep {
    padding: 0 0 40px; }

  .feedback {
    padding: 35px 0 45px; }

  .video li h4 {
    line-height: 28px;
    margin-bottom: 5px; }

  .subscribe {
    padding: 35px 0px; }

  .subscribe #form {
    margin-top: 30px; }

  .download {
    padding: 40px 0; }

  .client {
    padding: 45px 0 12px; }

  .feedback .col_text h3 {
    line-height: 26px; } }
@media screen and (max-width: 900px) {
  /* 6.0 Header */
  header .header_bg {
    height: 614px; } }
/* 15.0 @media for mobile 768px */
@media screen and (max-width: 767px) {
  header .header_bg {
    height: 100%; }

  h2 {
    font-size: 38px;
    line-height: 42px; }

  #scrollToTop {
    display: none; }

  /* 6.0 Header */
  header .header_bg::after, header .header_bg:after {
    display: none; }

  .header_center {
    padding-top: 120px; }
    .header_center .header_text {
      float: none;
      clear: both;
      width: 100%;
      padding: 0;
      text-align: center; }
      .header_center .header_text h1 {
        font-size: 38px;
        line-height: 42px; }
      .header_center .header_text p {
        font-size: 20px;
        line-height: 24px; }
      .header_center .header_text button {
        margin-top: 50px; }
    .header_center .div_iphone {
      width: 100%;
      float: left;
      margin: 20px auto 0;
      padding: 0; }
      .header_center .div_iphone .deskyop_view {
        height: 416px;
        width: 489px;
        background-size: 489px;
        float: none;
        padding: 29px 38px 125px 38px;
        margin: auto; }

  .header_top {
    padding-top: 30px; }

  .small_header {
    padding: 10px 0; }

  .main_logo {
    margin-top: 0px; }
    .main_logo img {
      width: 42px;
      margin-top: -3px; }
    .main_logo a {
      /*font-size: 30px;*/
      line-height: 26px; }
    .main_logo span.logo-text {
      left: 40px;
      bottom: -3px;
      font-size: 11px; }

  /* 6.1 Men*/
  nav {
    /* active (open) menu */
    /* the end active (open) menu */ }
    nav #menu_toggle {
      display: block;
      position: relative;
      overflow: hidden;
      width: 22px;
      height: 18px;
      font-size: 0;
      text-indent: -9999px;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      box-shadow: none;
      border: none;
      cursor: pointer;
      -moz-transition: background margin-top 0.3s;
      -ms-transition: background margin-top 0.3s;
      -o-transition: background margin-top 0.3s;
      -webkit-transition: background margin-top 0.3s;
      transition: background margin-top 0.3s;
      background: transparent;
      padding: 0;
      float: right;
      margin-top: 10px; }
      nav #menu_toggle span {
        display: block;
        position: absolute;
        top: 8px;
        left: 0;
        right: 0;
        height: 2px;
        background: #ffffff;
        -moz-transition: background 0s 0.3s;
        -ms-transition: background 0s 0.3s;
        -o-transition: background 0s 0.3s;
        -webkit-transition: background 0s 0.3s;
        transition: background 0s 0.3s;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        border-radius: 3px; }
      nav #menu_toggle span::before, nav #menu_toggle span::after, nav #menu_toggle span:before, nav #menu_toggle span:after {
        position: absolute;
        display: block;
        left: 0;
        width: 100%;
        height: 2px;
        background-color: #ffffff;
        content: "";
        -moz-transition-delay: 0.3s, 0s;
        -o-transition-delay: 0.3s, 0s;
        -webkit-transition-delay: 0.3s, 0s;
        transition-delay: 0.3s, 0s;
        -moz-transition-duration: 0.3s, 0.3s;
        -o-transition-duration: 0.3s, 0.3s;
        -webkit-transition-duration: 0.3s, 0.3s;
        transition-duration: 0.3s, 0.3s;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        border-radius: 3px; }
      nav #menu_toggle span::before, nav #menu_toggle span:before {
        top: -8px;
        -moz-transition-property: top, transform;
        -o-transition-property: top, transform;
        -webkit-transition-property: top, transform;
        transition-property: top, transform; }
      nav #menu_toggle span::after, nav #menu_toggle span:after {
        bottom: -8px;
        -moz-transition-property: bottom, transform;
        -o-transition-property: bottom, transform;
        -webkit-transition-property: bottom, transform;
        transition-property: bottom, transform; }
    nav #menu_toggle.active span {
      background: none; }
    nav #menu_toggle.active span::before, nav #menu_toggle.active span:before {
      top: 0;
      -moz-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg); }
    nav #menu_toggle.active span::after, nav #menu_toggle.active span:after {
      bottom: 0;
      -moz-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg); }
    nav #menu_toggle.active span::before, nav #menu_toggle.active span::after, nav #menu_toggle.active span:before, nav #menu_toggle.active span:after {
      -moz-transition-delay: 0s, 0.3s;
      -o-transition-delay: 0s, 0.3s;
      -webkit-transition-delay: 0s, 0.3s;
      transition-delay: 0s, 0.3s; }
    nav ul {
      display: none;
      float: none;
      clear: both;
      margin: 0 -15px 0 -15px; }
    nav li {
      float: none;
      clear: both;
      border-bottom: 1px solid rgba(255, 255, 255, 0.5);
      padding: 0; }
      nav li:last-child {
        border-bottom: 0; }
    nav a {
      display: inline-block;
      width: 100%;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      padding: 12px 15px; }
      nav a:hover {
        border-bottom: 0;
        padding: 12px 15px;
        opacity: 0.6; }
    nav .active_a {
      border-bottom: 0;
      padding: 12px 15px;
      opacity: 0.6; }

  .mobile_nav_active {
    background: #003056;
    background: -moz-linear-gradient(top, #003056 100%, #26b2fd 0%);
    background: -webkit-linear-gradient(top, #003056 100%, #26b2fd 0%);
    background: -o-linear-gradient(top, #003056 100%, #26b2fd 0%);
    background: -ms-linear-gradient(top, #003056 100%, #26b2fd 0%);
    background: linear-gradient(to bottom, #003056 100%, #26b2fd 0%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color_a', endColorstr='$color_a_hover',GradientType=0 ); }

  /* 7.0 Section Easy to use */
  .messaging {
    padding: 40px 0; }
    .messaging h2 {
      padding-bottom: 15px; }
    .messaging .mes_col {
      float: none;
      clear: both;
      width: 100%;
      text-align: center; }
    .messaging .mes_col_left {
      margin-top: 60px;
      padding-right: 0; }
    .messaging .mes_col_right {
      padding-top: 60px;
      padding-left: 0; }

  /* 8.0 Section Customize as you desire */
  .keep {
    /*border-top: 1px dotted #e0e0e0;*/
    padding: 30px 0; }
    .keep .keep_col {
      float: none;
      clear: both;
      width: 100%;
      text-align: center; }
    .keep .keep_col_left {
      padding-top: 0;
      padding-right: 0; }
    .keep .keep_col_right {
      text-align: center;
      padding-left: 0;
      margin-top: 60px; }

  /* 9.0 Section What people say */
  .feedback {
    border-top: 0;
    padding: 40px 0 80px 0; }
    .feedback h2 {
      padding-bottom: 0; }
    .feedback .feedback_col {
      float: none;
      clear: both;
      width: 100%;
      padding: 0;
      margin-top: 40px; }

  /* 10.0 Section mobile */
  .video {
    padding: 60px 0; }
    .video .col_center {
      float: none;
      clear: both;
      width: 100%; }
    .video .video_col .slider_col_two {
      position: static;
      margin: 60px auto 0;
      padding: 29px 23px 90px 22px; }
    .video .col_left {
      float: none;
      clear: both;
      width: 100%; }
      .video .col_left .col_content {
        padding: 0; }
      .video .col_left li {
        padding-left: 76px; }
    .video .iphone_play {
      margin-top: 60px; }

  /* 11.0 contact section */
  .subscribe {
    padding: 60px 0;
    /*button{
    	position: relative;
    	top: auto;
    	right: auto;
    	margin-top: 50px;
    }*/ }
    .subscribe #form {
      width: 100%;
      margin-top: 34px; }
    .subscribe input {
      width: 100%; }

  /* 12.0 vedio section */
  .download {
    padding: 60px 0; }
    .download h3 {
      padding-top: 30px; }

  /* Client section */
  .client {
    padding: 60px 0; }

  /* 14.0 Footer */
  footer .nav_footer {
    float: none;
    clear: both;
    width: 100%;
    padding-top: 0;
    text-align: center; }
  footer .language {
    float: none;
    clear: both;
    margin: auto;
    margin-top: 15px; } }
@media screen and (max-width: 499px) {
  .header_center .header_text h1 {
    font-size: 30px;
    line-height: 34px; }
  .header_center .header_text p {
    font-size: 17px;
    line-height: 24px; }
  .header_center .div_iphone .deskyop_view {
    height: 250px;
    width: 300px;
    background-size: 300px;
    float: none;
    padding: 15px 23px 122px 22px; }

  .subscribe button {
    position: relative;
    top: auto;
    right: auto;
    margin-top: 30px; }

  .client {
    padding: 30px 0; }
    .client h2 {
      padding-bottom: 20px; }
    .client .client-logo {
      display: inline-block;
      margin: 10px; } }
/* 16.0 @media for mobile 420px */
@media screen and (max-width: 420px) {
  /* 12.0 Section Download the app */
  .download .app_store {
    width: 180px;
    display: block;
    margin-right: 0;
    margin: auto; }
  .download .google_play {
    width: 180px;
    display: block;
    margin: auto;
    margin-top: 24px; } }
/* 17.0 Button BUY ON THEMEFOREST */
.buy_envato {
  background: -moz-linear-gradient(top, #003056 0%, #26b2fd 100%);
  background: -webkit-linear-gradient(top, #003056 0%, #26b2fd 100%);
  background: -o-linear-gradient(top, #003056 0%, #26b2fd 100%);
  background: -ms-linear-gradient(top, #003056 0%, #26b2fd 100%);
  background: linear-gradient(to bottom, #003056 0%, #26b2fd 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color_a', endColorstr='$color_a_hover',GradientType=0 );
  width: 300px;
  height: 50px;
  color: #ffffff;
  -webkit-box-shadow: 0px 10px 30px 0px rgba(223, 27, 61, 0.3);
  -moz-box-shadow: 0px 10px 30px 0px rgba(223, 27, 61, 0.3);
  box-shadow: 0px 10px 30px 0px rgba(223, 27, 61, 0.3);
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  border-radius: 30px;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  display: block;
  text-align: center;
  margin: auto;
  margin-top: 24px;
  padding: 9px 0; }
  .buy_envato:hover {
    background: -moz-linear-gradient(top, #26b2fd 0%, #003056 100%);
    background: -webkit-linear-gradient(top, #26b2fd 0%, #003056 100%);
    background: -o-linear-gradient(top, #26b2fd 0%, #003056 100%);
    background: -ms-linear-gradient(top, #26b2fd 0%, #003056 100%);
    background: linear-gradient(to bottom, #26b2fd 0%, #003056 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color_a_hover', endColorstr='$color_a',GradientType=0 );
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    color: #ffffff; }

@media screen and (max-width: 375px) {
  .video .col_center {
    margin-top: 40px; }
    .video .col_center .slider_col_two {
      position: static;
      margin: 0 auto;
      padding: 14px 18px 131px 18px;
      width: 270px;
      height: 566px;
      background-size: 270px; } }

/*# sourceMappingURL=style.css.map */