/* webkit */
@-webkit-keyframes pulse1 { 0% { -webkit-transform: scale(0); opacity: 0; }
  50% { -webkit-transform: scale(0.3); opacity: .3; }
  100% { -webkit-transform: scale(0.4); opacity: 0.9; } }
@-webkit-keyframes pulse2 { 0% { -webkit-transform: scale(0.1); opacity: 0; }
  50% { -webkit-transform: scale(0.3); opacity: .5; }
  100% { -webkit-transform: scale(0.6); opacity: 0.9; } }
@-webkit-keyframes pulse3 { 0% { -webkit-transform: scale(0.2); opacity: 0; }
  50% { -webkit-transform: scale(0.3); opacity: .7; }
  100% { -webkit-transform: scale(0.8); opacity: 0.9; } }
@keyframes boat-animation { 0% { transform: translate(0px, 0px); }
  50% { transform: translate(-10px, 5px); }
  100% { transform: translate(0px, 0px); } }
fieldset { border: 0px; }

button:focus, a:focus, input:focus, textarea:focus { outline: none; }

::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #bfbfbf; }

:-moz-placeholder { /* Firefox 18- */ color: #bfbfbf; }

input[type="text"], input[type="email"], textarea { background: none; border: 0px; border-bottom: 1px #e1e1e1 solid; margin-bottom: 8px; padding: 15px 0px; width: 100%; font-size: 0.8em; }

body { font-family: 'Montserrat', sans-serif; color: #292929; }

h1 { font-size: 60px; font-weight: 400; }

h2 { font-size: 40px; font-weight: 300; margin: 0 0 30px; text-align: center; color: #515151; }
h2 span { font-weight: 300; display: table; margin: 10px auto; white-space: nowrap; position: relative; font-size: 24px; color: #00c9ff; }

h3 { font-size: 36px; font-weight: 400; margin-bottom: 12px; color: #817e79; }

h4 { font-size: 28px; font-weight: 300; color: #00c9ff; }

h5 { font-size: 18px; font-weight: 300; }

p { font-size: 12px; opacity: 0.6; }

.btn { color: #ffffff; border: 0px solid #fff; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; font-size: 12px; padding: 5px 20px; display: inline-block; background-color: #00a4e2; background-image: -webkit-gradient(linear, left, right, from(#00c9ff), to(#0a89e6)); background-image: -webkit-linear-gradient(left, #00c9ff, #0a89e6); background-image: -moz-linear-gradient(left, #0a89e6, #00c9ff); background-image: -ms-linear-gradient(left, #0a89e6, #00c9ff); background-image: -o-linear-gradient(left, #0a89e6, #00c9ff); background-image: linear-gradient(to right, #0a89e6, #00c9ff); font-weight: 300; font-size: 0.9em; cursor: pointer; }

.btn:hover { background-image: linear-gradient(to right, #00c9ff, #0a89e6); }

.btn-lg { padding: 13px 25px; font-size: 1em; }

.btn-outline { color: #00a4e2; background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0.33, #0a89e6), color-stop(0.67, #00c9ff)); background-image: -moz-linear-gradient(left, right, #0a89e6 33%, #00c9ff 67%); font-weight: 300; font-size: 1em; cursor: pointer; border-radius: 25px; padding: 2px 2px; flex-flow: row wrap; align-content: flex-end; font-weight: 400; border: 0; }
.btn-outline span { background: #ffffff; padding: 5px 30px; border-radius: 25px; display: inline-block; }

.btn.btn-outline:hover { background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0.33, #0a89e6), color-stop(0.67, #00c9ff)); background-image: -moz-linear-gradient(left, right, #0a89e6 33%, #00c9ff 67%); }

.popup { position: absolute; right: 115%; top: 25px; padding: 15px 20px; min-width: 400px; box-sizing: border-box; font-size: 1em; line-height: 1.6; z-index: -1; }
.popup strong { color: #00A5FF; }
@media (min-width: 1920px) { .popup { min-width: 500px; } }
@media (max-width: 1200px) { .popup { display: none; } }
.popup.top:after { top: 50%; right: -20%; position: absolute; content: " "; height: 15px; width: 94px; background: url(../images/line.png) no-repeat 0 0; }
.popup.left { left: 142% !important; min-width: 400px; top: 100px !important; }
.popup.left:after { top: 40%; left: -21%; position: absolute; content: " "; height: 15px; width: 94px; background: url(../images/line.png) no-repeat 0 0; transform: rotate(180deg); }
@media (min-width: 1920px) { .popup.left { left: 116%; min-width: 500px; } }
.popup.right { right: 115% !important; min-width: 400px; top: auto !important; bottom: 25%; text-align: right; }
.popup.right:after { top: 50%; right: -22%; position: absolute; content: " "; height: 15px; width: 94px; background: url(../images/line.png) no-repeat 0 0; transform: rotate(0deg); }
@media (min-width: 1920px) { .popup.right { right: 116%; min-width: 500px; bottom: 20%; } }

.content { overflow: hidden; font-family: 'Lato', sans-serif; font-size: 35px; overflow: hidden; height: 40px; color: #ecf0f1; }
.content__container { font-weight: 600; height: 40px; line-height: 38px; }
.content__container__text { display: inline; float: left; margin: 0; color: #ffffff; font-size: 1em; font-weight: 400; opacity: 1; }
.content__container__list { margin-top: 0; padding-left: 110px; text-align: left; list-style: none; -webkit-animation-name: change; -webkit-animation-duration: 10s; -webkit-animation-iteration-count: infinite; animation-name: change; animation-duration: 10s; animation-iteration-count: infinite; overflow: hidden; }
@media (min-width: 1920px) { .content__container__list { padding-left: 0px; } }
.content__container__list__item { line-height: 36px; margin: 0; }

@-webkit-keyframes opacity { 0%, 100% { opacity: 0; }
  50% { opacity: 1; } }
@-webkit-keyframes change { 0%, 12.66%, 100% { transform: translate3d(0, 0, 0); }
  16.66%, 29.32% { transform: translate3d(0, -25%, 0); }
  33.32%,45.98% { transform: translate3d(0, -50%, 0); }
  49.98%,62.64% { transform: translate3d(0, -75%, 0); }
  66.64%,79.3% { transform: translate3d(0, -50%, 0); }
  83.3%,95.96% { transform: translate3d(0, -25%, 0); } }
@-o-keyframes opacity { 0%, 100% { opacity: 0; }
  50% { opacity: 1; } }
@-o-keyframes change { 0%, 12.66%, 100% { transform: translate3d(0, 0, 0); }
  16.66%, 29.32% { transform: translate3d(0, -25%, 0); }
  33.32%,45.98% { transform: translate3d(0, -50%, 0); }
  49.98%,62.64% { transform: translate3d(0, -75%, 0); }
  66.64%,79.3% { transform: translate3d(0, -50%, 0); }
  83.3%,95.96% { transform: translate3d(0, -25%, 0); } }
@-moz-keyframes opacity { 0%, 100% { opacity: 0; }
  50% { opacity: 1; } }
@-moz-keyframes change { 0%, 12.66%, 100% { transform: translate3d(0, 0, 0); }
  16.66%, 29.32% { transform: translate3d(0, -25%, 0); }
  33.32%,45.98% { transform: translate3d(0, -50%, 0); }
  49.98%,62.64% { transform: translate3d(0, -75%, 0); }
  66.64%,79.3% { transform: translate3d(0, -50%, 0); }
  83.3%,95.96% { transform: translate3d(0, -25%, 0); } }
@keyframes opacity { 0%, 100% { opacity: 0; }
  50% { opacity: 1; } }
@keyframes change { 0%, 12.66%, 100% { transform: translate3d(0, 0, 0); }
  16.66%, 29.32% { transform: translate3d(0, -25%, 0); }
  33.32%,45.98% { transform: translate3d(0, -50%, 0); }
  49.98%,62.64% { transform: translate3d(0, -75%, 0); }
  66.64%,79.3% { transform: translate3d(0, -50%, 0); }
  83.3%,95.96% { transform: translate3d(0, -25%, 0); } }
html, body { overflow-x: hidden; height: inherit !important; }
@media (min-width: 1921px) { html, body { font-size: 110%; } }

a:hover, a:focus { text-decoration: none; outline: 0px; }

ul, li { list-style: none; padding: 0px; }

a[href^="tel"] { color: inherit; text-decoration: none; }

@media screen and (max-width: 767px) { h1 { font-size: 30px; } }
#header { position: relative; z-index: 99999; }
#header .navbar { background: none; border: 0px; padding: 15px 0; }
#header .navbar a { color: #292929; }
#header .navbar a:hover { color: #00c6f3; }
#header .navbar .navbar-brand { padding: 10px; }
@media screen and (max-width: 767px) { #header .navbar .navbar-brand { margin-left: 20px; }
  #header .navbar .navbar-brand img { max-width: 80%; } }
@media screen and (max-width: 767px) { #header .navbar .navbar-collapse { background: #394659; border: 0px !important; box-shadow: none !important; } }
@media screen and (min-width: 991px) { #header .navbar .navbar-nav { float: right; } }
@media screen and (max-width: 991px) { #header .navbar .navbar-nav { font-size: 15px; }
  #header .navbar .navbar-nav span { display: block; line-height: 20px; padding: 15px; } }
@media screen and (min-width: 768px) and (max-width: 1170px) { #header .navbar .navbar-header { width: 100%; text-align: center; float: none; display: block; margin-bottom: 15px; }
  #header .navbar .navbar-header .navbar-brand { float: none; }
  #header .navbar .navbar-header .navbar-brand img:first-child { display: inline-block; }
  #header .navbar #mainmenu { float: none; }
  #header .navbar #mainmenu .navbar-nav { text-align: center; float: none; }
  #header .navbar #mainmenu .navbar-nav li { float: none; display: inline-block; } }
@media screen and (min-width: 768px) and (max-width: 1170px) { #header .navbar { padding-bottom: 0px; }
  #header .navbar-header { margin-bottom: 0px !important; } }
#header .affix { background-color: #ffffff !important; box-shadow: 1px 0 7px 0 rgba(0, 0, 0, 0.4); border-radius: 0px; width: 100%; transition: background .25s ease-in-out; -moz-transition: background .25s ease-in-out; -webkit-transition: background .25s ease-in-out; }
@media screen and (max-width: 767px) { #header .affix .navbar-collapse { background: #ffffff; } }
#header .affix .navbar-header span { background-color: #00a4e2; }
#header .affix a { color: #515151; }
#header .affix a:hover { color: #0b76bc; }
#header .affix li.active a { background: none; color: #00a4e2; }
#header .affix img.bluelogo { display: inline-block; }

#banner { width: 100% !important; background: #ffffff; /* Old browsers */ }
#banner .btn { padding: 10px 30px; display: inline-block; font-size: 22px; color: #ffffff; font-weight: 300; border-radius: 50px; margin-top: 30px; }
#banner .captions { z-index: 99999; text-align: left; display: flex; align-items: center; height: 100%; overflow: hidden; }
#banner .captions .container { display: flex; justify-content: space-between; align-items: center; width: 90%; position: relative; }
#banner .captions .container .pattern { position: absolute; right: -10%; top: 15%; width: 38% !important; }
#banner .captions .container .pattern img { width: 100%; position: relative; }
@media (min-width: 1600px) and (max-width: 1919px) { #banner .captions .container .pattern { width: 50% !important; top: 30%; } }
@media (min-width: 1201px) and (max-width: 1440px) { #banner .captions .container .pattern { width: 40% !important; right: -5%; top: 8%; } }
@media (min-width: 1940px) { #banner .captions .container .pattern { top: 15%; right: 5%; width: 34% !important; } }
@media (max-width: 1170px) { #banner .captions .container .pattern { top: 5% !important; } }
@media (max-width: 1200px) { #banner .captions .container .pattern { width: 50% !important; top: 30%; right: -40px !important; padding-bottom: 100px; } }
#banner .captions .container .text-right { margin-top: 100px; width: 41%; position: relative; overflow: hidden; padding-bottom: 40px; }
#banner .captions .container .text-right img { z-index: 99; position: relative; }
@media (min-width: 1370px) { #banner .captions .container .text-right img { width: 85%; } }
@media (max-width: 1369px) { #banner .captions .container .text-right img { width: 72%; } }
#banner .captions .container .text-right:after { position: absolute; content: " "; background: url(../images/foot-shadow.png) no-repeat 0 0; background-size: contain; height: 30px; width: 100%; bottom: 35px; left: -7%; z-index: 9; }
@media (max-width: 1370px) { #banner .captions .container .text-right:after { left: 10%; } }
@media (min-width: 1920px) { #banner .captions .container .text-right { width: 50%; } }
@media (min-width: 1201px) and (max-width: 1440px) { #banner .captions .container .text-right { width: 60% !important; } }
@media (max-width: 991px) { #banner .captions .container .text-right { overflow: inherit; width: 36%; } }
#banner .captions .container .text-right .iphone { position: relative; top: 0; right: -50%; z-index: 2; width: 277px; height: 541px; background-size: cover; background: url(../images/banner-iphone-2.png) no-repeat 0 0; display: flex; justify-content: flex-end; flex-direction: column; text-align: left; padding: 30px; box-sizing: border-box; line-height: 1.6em; }
@media (min-width: 1920px) { #banner .captions .container .text-right .iphone { background: url(../images/banner-iphone-1.png) no-repeat 0 0; width: 419px; height: 810px; padding: 45px; } }
@media (max-width: 1201px) { #banner .captions .container .text-right .iphone { width: 220px; background-size: contain; height: 400px; right: -20%; }
  #banner .captions .container .text-right .iphone h3 { font-size: 15px !important; } }
@media (min-width: 1201px) and (max-width: 1440px) { #banner .captions .container .text-right .iphone { right: -60%; } }
#banner .captions .container .text-right .iphone h3 { color: #fff; font-weight: 300; font-size: 20px; }
@media (min-width: 1920px) { #banner .captions .container .text-right .iphone h3 { font-size: 30px; } }
#banner .captions .container .text-right .iphone h3:last-child { position: relative; top: -12px; }
#banner .captions .container .text-right .iphone span { color: #fff; font-weight: 400; font-size: 30px; }
@media (min-width: 1920px) { #banner .captions .container .text-right .iphone span { font-size: 45px; } }
@media (min-width: 1920px) { #banner .captions .container .text-right img { position: relative; top: 0; right: 0%; z-index: 2; } }
@media (min-width: 1940px) { #banner .captions .container .text-right { margin-top: 100px; }
  #banner .captions .container .text-right img { right: -20%; } }
@media (max-width: 1200px) { #banner .captions .container .text-right { margin-top: 15%; margin-right: 0%; }
  #banner .captions .container .text-right img { top: 150px; }
  #banner .captions .container .text-right img { right: 2%; top: 5%; width: 100%; } }
@media (max-width: 991px) { #banner .captions .container .text-right { margin-top: 20%; margin-right: 0%; }
  #banner .captions .container .text-right img { width: 125%; right: 0%; } }
#banner .captions .text1 { font-size: 65px; color: #515151; font-weight: 200; margin-bottom: 20px; }
#banner .captions .text2 { font-size: 30px; line-height: 1.1; color: #696969; font-weight: 100; }
#banner .captions .text2 span { color: #00c6f3; font-weight: 400; }
#banner .captions a.btn { padding: 10px 25px; font-size: 20px; }
@media screen and (max-width: 1599px) { #banner .captions .text1 { font-size: 55px !important; display: block; }
  #banner .captions .text2 { font-size: 29px; line-height: 1.1em; margin-top: 25px; }
  #banner .captions .btn { font-size: 18px !important; margin-top: 35px; } }
@media screen and (max-width: 1199px) { #banner .captions { margin-top: 60px; overflow: inherit; } }
@media screen and (max-width: 991px) { #banner .captions .text1 { margin-top: 120px; font-size: 40px !important; }
  #banner .captions .text2 { font-size: 25px; }
  #banner .captions .btn { font-size: 17px !important; padding: 10px 20px; } }
@media screen and (max-width: 767px) { #banner .captions .text1 { font-size: 22px; }
  #banner .captions .text2 { font-size: 27px; font-weight: 700; margin-bottom: 3px; letter-spacing: 1px; } }
@media screen and (max-width: 479px) { #banner .captions .text1 { font-size: 16px; }
  #banner .captions .text2 { font-size: 18px; font-weight: 700; margin-bottom: 3px; } }
@media (max-width: 767px) { #banner { height: 500px; }
  #banner .container { height: 100%; }
  #banner .container .pattern { bottom: 0%; top: auto; }
  #banner .btn { font-size: 15px; } }

#firstapp { margin: 0 0 350px; position: relative; }
@media (max-width: 1170px) { #firstapp { margin: 0 0 50px; } }
#firstapp .extralarge { display: none; }
@media (min-width: 1920px) { #firstapp h2 { margin-right: 200px; } }
@media (min-width: 1940px) { #firstapp { margin: 0 0 350px; }
  #firstapp .largescreen { display: none !important; }
  #firstapp .extralarge { display: block; max-height: 1000px; } }
#firstapp .clip { position: absolute; top: 0; z-index: -1; width: 25%; }
#firstapp .clip img { width: 100%; }
@media (max-width: 1200px) { #firstapp .clip { display: none; } }
#firstapp h2 { text-align: right; margin-bottom: 80px; }
@media (max-width: 1200px) { #firstapp h2 { text-align: center; } }
@media (max-width: 767px) { #firstapp h2 { font-size: 28px; }
  #firstapp h2 i { font-size: 100px !important; top: 30px !important; } }
#firstapp .flexbox { display: flex; }
#firstapp .flexbox .ipad { z-index: 5; position: absolute; right: 57%; }
@media (max-width: 1366px) { #firstapp .flexbox .ipad { position: absolute; left: -20%; }
  #firstapp .flexbox .ipad img { width: 100%; } }
#firstapp strong { font-size: 4em; color: #696969; font-weight: 100; width: 75px; text-align: right; display: block; }
#firstapp ul { text-align: left; margin-top: 100px; width: 55%; margin-left: 45%; }
@media (max-width: 1366px) { #firstapp ul { margin-top: 20px; } }
@media (max-width: 991px) { #firstapp ul { width: 100%; margin-top: 0px; margin-left: 0%; } }
#firstapp ul li { display: flex; align-items: flex-start; margin-bottom: 50px; }
#firstapp ul li img { margin: 0 5%; width: 8%; }
#firstapp ul li p { display: inline-block; font-size: 1.3em; color: #696969; top: 10px; position: relative; font-weight: 400; }
#firstapp ul li p span { color: black; margin-bottom: 10px; display: block; font-size: 1.2em; }
#firstapp ul li:first-child p { left: 10px; }
#firstapp h2 i { font-style: normal; font-size: 200px; position: relative; font-weight: 100; top: 60px; background: -webkit-gradient(linear, left top, right top, from(#009eff), to(#00c6ff)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

#portfolio { padding-top: 100px; margin-bottom: 100px; background: url(../images/first-app-bg.png) no-repeat 0 80px; background-size: 100% 90%; position: relative; }
@media (max-width: 1200px) { #portfolio { padding-top: 60px; } }
#portfolio h2 { margin: 0 0 60px; }
#portfolio .bx-wrapper { padding-bottom: 150px; }
#portfolio .wrapper { margin: 0; display: flex; align-items: center; }
#portfolio .porfileimg { display: inline-block; position: relative; top: 0px; width: 33%; }
@media (min-width: 768px) and (max-width: 1200px) { #portfolio .porfileimg { width: 335px; } }
#portfolio h3 { font-size: 26px; font-weight: 300; color: #ffffff; }
#portfolio h3 strong { font-size: 400; }
#portfolio figcaption { position: relative; vertical-align: top; white-space: normal; width: 70%; padding: 0px; color: #ffffff; margin: auto; }
@media (max-width: 1200px) { #portfolio figcaption { width: 55%; } }
@media (min-width: 768px) and (max-width: 1200px) { #portfolio figcaption { width: 65%; } }
#portfolio figcaption strong { font-weight: 500; }
#portfolio figcaption li { margin-bottom: 15px; font-size: 23px; font-weight: 300; }
#portfolio figcaption li strong { font-weight: 500; display: block; width: 100%; }
#portfolio figcaption li:last-child { margin-bottom: 25px; }
#portfolio figcaption button { font-size: 18px; margin-bottom: 25px; background: #ffffff; color: #00a4e2; }
#portfolio .card { display: flex; justify-content: center; position: relative; align-items: center; }
#portfolio .front { text-align: right; padding: 0 15px 15px; margin-top: 100px; margin-right: 15px; width: 33%; }
@media (min-width: 1921px) { #portfolio .front h3 { font-size: 40px; }
  #portfolio .front li { font-size: 30px; }
  #portfolio .front button { font-size: 25px; } }
@media (max-width: 991px) { #portfolio .front { width: 255px; } }
@media (min-width: 1601px) { #portfolio .front { margin: 0px; } }
#portfolio .back { position: absolute; top: 50px; right: 16%; z-index: 1; padding: 24px; font-size: 17px; font-weight: 300; height: 96%; width: 33%; }
@media (min-width: 1920px) { #portfolio .back { top: 170px; } }
@media (min-width: 1921px) { #portfolio .back { right: 17%; font-size: 22px; top: 170px; height: 66%; } }
@media (max-width: 1200px) { #portfolio .back { margin-top: 110px; width: 35%; right: 5%; font-size: 16px; display: flex; flex-flow: row wrap; align-items: center; } }
#portfolio .back .btn { margin-top: 25px; }
@media (max-width: 1200px) { #portfolio .back { margin-top: 0px; width: 330px; display: flex; flex-flow: row wrap; align-items: center; }
  #portfolio .back .btn { margin-top: -50px; } }
@media (max-width: 991px) { #portfolio .back { height: 90%; width: 270px; right: 0px; margin-top: 40px; } }
#portfolio .porfileimg { z-index: 3; }
#portfolio .gone .back { z-index: 4; }
#portfolio .watch { position: absolute; right: 0; top: -220px; }
@media (max-width: 1200px) { #portfolio .watch { display: none; } }
@media (max-width: 1200px) { #portfolio .clip1 { display: none; } }
#portfolio .globe { position: absolute; left: 100px; bottom: -40px; }
@media (max-width: 1200px) { #portfolio .globe { display: none; } }
#portfolio .globe img { position: relative; z-index: 1; }
#portfolio .globe .pulse { position: absolute; top: -40%; left: -70%; right: 0; bottom: 0; width: 450px; height: 450px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#portfolio .globe .pulse1 { border: 1px solid #00b8ff; -webkit-animation: pulse1 4s linear infinite; -moz-animation: pulse1 4s linear infinite; animation: pulse1 4s linear infinite; }
#portfolio .globe .pulse2 { border: 1px solid #00b8ff; -webkit-animation: pulse2 4s linear infinite; -moz-animation: pulse2 4s linear infinite; animation: pulse2 4s linear infinite; }
#portfolio .globe .pulse3 { border: 1px solid #00b8ff; -webkit-animation: pulse3 4s linear infinite; -moz-animation: pulse3 4s linear infinite; animation: pulse3 4s linear infinite; }
#portfolio .globe .popup { left: auto; right: 0; z-index: 99; }
#portfolio .clip1 { position: absolute; left: 10px; top: 280px; z-index: -1; }
#portfolio .clip2 { position: absolute; right: 0; bottom: 220px; z-index: -1; }
@media (min-width: 768px) and (max-width: 1200px) { #portfolio { padding-top: 0px; background-size: cover; background-position: 0 -65px; margin-bottom: 0px; }
  #portfolio h3 { font-size: 22px; }
  #portfolio li { font-size: 20px !important; }
  #portfolio .bx-wrapper .bx-pager { text-indent: 210px; } }
@media (max-width: 767px) { #portfolio { background: none; margin: 0px; }
  #portfolio figcaption { width: 90%; }
  #portfolio .bx-wrapper .bx-viewport { background: #0096FF; }
  #portfolio .front { margin-top: 65px; }
  #portfolio .front h3 { font-size: 26px; }
  #portfolio .front li { font-size: 18px; }
  #portfolio .back { font-size: 15px; width: 221px; }
  #portfolio .btn { font-size: 15px; }
  #portfolio .bx-controls-direction { display: none; } }

#pricing { padding: 100px 0 100px; text-align: center; }
#pricing ul { display: flex; justify-content: center; align-items: center; margin-top: 30px; }
#pricing li { display: inline-block; margin: 0 25px; -webkit-box-shadow: 4px 4px 8px 3px #f2f2f2; -moz-box-shadow: 4px 4px 8px 3px #f2f2f2; box-shadow: 4px 4px 8px 3px #f2f2f2; border-bottom: 2px #00a4e2 solid; height: 340px; width: 330px; font-size: 1.6em; color: #515151; font-weight: 300; }
@media (min-width: 1921px) { #pricing li { height: 400px; } }
@media (min-width: 1920px) { #pricing li { width: 33%; } }
#pricing li:last-child { margin-right: 0px; }
#pricing li span { display: block; color: #00a4e2; margin-bottom: 40px; font-size: 24px; font-weight: 300; color: #ffffff; padding: 15px 10px; background-color: #00a4e2; background-image: -webkit-gradient(linear, left, right, from(#00c9ff), to(#0a89e6)); background-image: -webkit-linear-gradient(left, #00c9ff, #0a89e6); background-image: -moz-linear-gradient(left, #0a89e6, #00c9ff); background-image: -ms-linear-gradient(left, #0a89e6, #00c9ff); background-image: -o-linear-gradient(left, #0a89e6, #00c9ff); background-image: linear-gradient(to right, #0a89e6, #00c9ff); }
#pricing li strong { display: block; opacity: 0.8; font-size: 2em; font-weight: 600; margin-top: 20px; color: #292929; }
#pricing li .mb9 { margin-bottom: 80px; }
#pricing li.text { font-size: 2.3em; }
#pricing li.text strong { font-size: 1.4em; color: #292929; }
#pricing li .text2 { font-size: 0.8em; }
#pricing li .text2 strong { font-size: 1.8em; }
#pricing p { font-size: 18px; color: #817e79; margin-top: 15px; }
@media (max-width: 1170px) { #pricing { padding: 0px 0 100px; } }
@media (min-width: 768px) and (max-width: 1200px) { #pricing li { margin: 0 5px; height: 280px; }
  #pricing li span { font-size: 18px; margin-bottom: 30px; }
  #pricing li strong { font-size: 1.4em; }
  #pricing li.text { font-size: 1.6em; }
  #pricing li.text strong { font-size: 1.4em; }
  #pricing li .mb9 { margin-bottom: 80px; } }
@media (max-width: 767px) { #pricing ul { flex-flow: row wrap; }
  #pricing ul li { margin-bottom: 25px; } }

#callus { text-align: center; padding: 80px 0; }
#callus span.call { font-size: 3em; font-weight: 300; border-radius: 50px; text-align: center; display: inline-block; color: #00c9ff; }
#callus span { color: #696969; font-size: 3em; display: block; font-weight: 300; }
@media (max-width: 1170px) { #callus { padding: 0px; } }

#services { padding: 100px 0 0; }
#services ul { display: flex; justify-content: center; margin-top: 30px; }
#services li { text-align: center; padding: 40px; display: inline-block; margin: 0 25px 20px; background: #ffffff; -webkit-box-shadow: 0px 0px 6px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 6px 2px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 6px 2px rgba(0, 0, 0, 0.1); width: 50%; box-sizing: border-box; border-bottom: 2px #00a4e2 solid; }
#services li h4 { margin: 0 15% 25px; }
#services li p { font-size: 19px; font-weight: 300; }
@media (min-width: 1921px) { #services li { width: 34%; } }
@media (min-width: 1920px) { #services li { width: 40%; } }
@media (min-width: 768px) and (max-width: 1200px) { #services li { padding: 20px; }
  #services h4 { margin: 0 0 25px; font-size: 24px; }
  #services p { font-size: 18px; } }
@media (max-width: 767px) { #services ul { flex-flow: row wrap; }
  #services ul li { margin-bottom: 25px; width: 100%; } }

#companyinfo { position: relative; padding: 170px 0 230px; }
@media (min-width: 768px) and (max-width: 1200px) { #companyinfo { padding: 100px 0 0; } }
#companyinfo .appletv { position: absolute; right: 0; top: -50px; z-index: -1; }
@media (min-width: 768px) and (max-width: 1200px) { #companyinfo .appletv { text-align: right; }
  #companyinfo .appletv img { max-width: 60%; } }
#companyinfo .flexbox { display: flex; justify-content: space-between; flex-flow: wrap; margin: auto; }
#companyinfo .flexbox .col { width: 47%; text-align: center; margin-bottom: 80px; position: relative; }
#companyinfo .flexbox strong { font-size: 100px; font-weight: 400; display: block; background: -webkit-gradient(linear, left top, right top, from(#009eff), to(#00c6ff)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; line-height: 1; }
#companyinfo .flexbox strong span { font-size: 0.8em; background: -webkit-gradient(linear, left top, right top, from(#009eff), to(#00c6ff)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; left: -25px; top: -40px; }
#companyinfo .flexbox samp { font-size: 4em; background: -webkit-gradient(linear, left top, right top, from(#009eff), to(#00c6ff)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; right: 10px; top: 10px; position: absolute; }
@media (min-width: 1920px) { #companyinfo .flexbox samp { right: 75px; } }
@media (max-width: 991px) { #companyinfo .flexbox samp { right: 50px; } }
#companyinfo .flexbox span { font-size: 1.4em; color: #817e79; text-transform: uppercase; font-weight: 300; }
@media (min-width: 768px) and (max-width: 1200px) { #companyinfo strong { font-size: 80px !important; }
  #companyinfo span { font-size: 1em !important; } }
@media (max-width: 767px) { #companyinfo strong { font-size: 70px !important; }
  #companyinfo samp { font-size: 3em !important; right: -5px; }
  #companyinfo span { font-size: 1em !important; }
  #companyinfo#companyinfo { padding: 100px 0 0; } }

#trustedby { padding: 100px 0; }
@media (min-width: 768px) and (max-width: 1200px) { #trustedby { text-align: center; } }
#trustedby img { margin: 0 18px; }
@media (max-width: 1200px) { #trustedby img { margin-bottom: 15px; } }
@media (max-width: 767px) { #trustedby { text-align: center; } }

#our-strengths { padding: 100px 0; }
#our-strengths h2 { margin-bottom: 30px; }
#our-strengths .flexbox { display: flex; justify-content: space-between; }
#our-strengths .flexbox img { margin-bottom: 10px; }
#our-strengths .flexbox span { margin: 0 10%; color: #696969; font-size: 1.4em; text-align: center; }
@media (max-width: 1200px) { #our-strengths { padding: 0px; }
  #our-strengths span { margin: 0 !important; } }
@media (max-width: 767px) { #our-strengths { padding: 50px 0; } }

#footer { padding-top: 100px; overflow-y: hidden; }
#footer .thank-you { color: green; font-size: 16px; margin: 50px 0; display: none; }
#footer h2 { margin-bottom: 30px; }
#footer label { display: block; margin-bottom: 70px; }
#footer label.last { margin-bottom: 0px; }
#footer label.last span { position: relative; bottom: 5px; }
#footer label input, #footer label textarea { margin-bottom: 0px; font-weight: 400; font-size: 16px; }
@media (min-width: 1921px) { #footer label input, #footer label textarea { font-size: 20px; } }
#footer label input:focus + .separator, #footer label textarea:focus + .separator { transform: scaleX(1) translateY(-2px); opacity: 1; }
#footer label .separator { height: 1px; width: 100%; background: #00a4e2; display: block; transform: scaleX(0) translateY(-2px); transform-origin: 50%; opacity: 0; transition: all .3s linear; }
#footer .info { margin: 3em 0 3em; text-align: left; }
#footer .info li { display: flex; margin-bottom: 35px; font-size: 18px; font-weight: 300; }
#footer .info li span { margin-left: 10px; width: 80%; display: inline-block; }
#footer .footerlogo { margin-top: -120px; }
#footer .footerbottom p { color: #696969; font-size: 14px; opacity: 1; }
#footer .footerbottom { background: #f6f6f6; color: #292929; margin-top: 240px; }
#footer .footerbottom .footerphone { margin-top: -250px; background: url(../images/footer-iphone.png) no-repeat; width: 100%; height: 609px; padding: 0px 27px 20px; box-sizing: border-box; background-size: cover;} 
.ajax-loaders{
  display: none;
  position: relative;
  left: -5px

}
@media screen and (max-width: 1920px) { #footer .footerbottom .footerphone { padding: 0px 38px 20px; } }
@media screen and (min-width: 1921px) { #footer .footerbottom .footerphone { padding: 0px 49px 20px; } }
#footer .footerbottom .footerphone .inner { background: #ffffff; overflow: hidden; display: flex; flex-flow: row wrap; align-items: flex-end; align-content: flex-end; justify-content: center; height: 84%; top: 15%; position: relative; }
@media screen and (min-width: 1920px) { #footer .footerbottom .footerphone .inner { padding-bottom: 25px; height: 77%; top: 28%; } }
#footer .footerbottom .footerphone .inner span.chat { text-align: left; display: block; margin-top: 8px; margin-left: 20px; width: 100%; }
#footer .footerbottom .footerphone .inner span.uchat { text-align: right; display: block; margin-top: 8px; margin-right: 20px; width: 100%; }
#footer .footerbottom .footerphone .inner div.chat { display: block; width: 100%; }
#footer .footerbottom .footerphone .inner div.chat span { background: #EAEAEA; padding: 8px 10px; display: inline-flex; width: auto; margin: 0 10px 15px; font-size: 14px; border-radius: 10px; position: relative; border-bottom-left-radius: 0px; }
@media screen and (min-width: 1921px) { #footer .footerbottom .footerphone .inner div.chat span { font-size: 20px; } }
#footer .footerbottom .footerphone .inner div.chat span:before { position: absolute; bottom: -6px; left: 0px; content: " "; border-top: 8px solid #EAEAEA; border-right: 8px solid transparent; border-left: 0px solid transparent; width: 0; height: 0; }
#footer .footerbottom .footerphone .inner .chat:nth-child(even) span { text-align: right; background: #00ABFF; color: #fff; display: inline-block; float: right; border-bottom-right-radius: 0px; border-bottom-left-radius: 10px; }
#footer .footerbottom .footerphone .inner .chat:nth-child(even) span:before { left: auto; right: 0px; border-top: 8px solid #00ABFF; border-right: 0px solid transparent; border-left: 8px solid transparent; }
#footer .footerbottom .footerphone button { margin-top: 10px; font-size: 1em; padding: 8px 25px; }
#footer .footerbottom .footerphone a { margin-top: 15px; }
#footer .footerbottom .footerphone .btn.btn-outline { padding: 2px 2px !important; cursor: default; }