body {
 font-family:'Lato', arial, sans-serif;
 /*color:#173049;*/
 /*background: linear-gradient(90deg, #ffffff 19px, transparent 1%) center, linear-gradient(#ffffff 19px, transparent 1%) center, #000000;
  background-size: 20px 20px;*/
}
a {
 color:#56bc94;
 -webkit-transition:all 0.4s ease-in-out;
 -moz-transition:all 0.4s ease-in-out;
 -ms-transition:all 0.4s ease-in-out;
 -o-transition:all 0.4s ease-in-out
}
a:hover {
 text-decoration:none;
 color:#3fa07a
}
a:focus {
 text-decoration:none;
 color:#3fa07a
}
.btn {
 -webkit-transition:all 0.4s ease-in-out;
 -moz-transition:all 0.4s ease-in-out;
 -ms-transition:all 0.4s ease-in-out;
 -o-transition:all 0.4s ease-in-out
}
.btn .svg-inline--fa {
 color:#fff;
 margin-right:5px
}
.btn-theme {
 background:#56bc94;
 border:1px solid #56bc94;
 color:#fff
}
.btn-theme:hover {
 background:#3fa07a;
 border:1px solid #3fa07a;
 color:#fff
}
.btn-theme:active,
.btn-theme:focus {
 color:#fff
}
.form-control {
 -webkit-box-shadow:none;
 -moz-box-shadow:none;
 box-shadow:none
}
.form-control:focus {
 border-color:#56bc94;
 -webkit-box-shadow:none;
 -moz-box-shadow:none;
 box-shadow:none
}
blockquote {
 font-size:14px
}
.text-highlight {
 color:#225742
}
.note {
 font-family:'Covered By Your Grace', cursive;
 font-size:22px
}
.row-end {
 margin-right:0;
 padding-right:0
}
.social-icons {
 list-style:none;
 padding:10px 0;
 margin-bottom:0
}
.social-icons li {
 float:left
}
.social-icons li.row-end {
 margin-right:0
}
.social-icons a {
 display:inline-block;
 background:#3fa07a;
 width:48px;
 height:48px;
 text-align:center;
 padding-top:7px;
 -webkit-border-radius:50%;
 -moz-border-radius:50%;
 -ms-border-radius:50%;
 -o-border-radius:50%;
 border-radius:50%;
 -moz-background-clip:padding;
 -webkit-background-clip:padding-box;
 background-clip:padding-box;
 margin-right:8px;
 float:left;
 font-size:22px
}
.social-icons a:hover {
 background:#317b5e
}
.social-icons a .svg-inline--fa {
 color:#fff
}
.social-icons a .svg-inline--fa:before {
 font-size:26px;
 text-align:center;
 padding:0
}
input[type="text"],
input[type="email"],
input[type="password"],
input[type="submit"],
input[type="button"],
textarea,
select {
 appearance:none;
 -webkit-appearance:none
}
::-webkit-input-placeholder {
 color:#999;
 text-transform:uppercase
}
:-moz-placeholder {
 color:#999;
 text-transform:uppercase
}
::-moz-placeholder {
 color:#999;
 text-transform:uppercase
}
:-ms-input-placeholder {
 color:#999;
 text-transform:uppercase
}
.offset-header {
 padding-top:90px
}
.has-pattern {
 background-image:url("../images/patterns/pattern-1.png");
 background-repeat:repeat;
 background-position:left top
}
.delayp1 {
 animation-delay:.1s;
 -moz-animation-delay:.1s;
 -webkit-animation-delay:.1s;
 -o-animation-delay:.1s;
 transition-delay:.1s;
 -webkit-transition-delay:.1s;
 -moz-transition-delay:.1s;
 -o-transition-delay:.1s
}
.delayp2 {
 animation-delay:.2s;
 -moz-animation-delay:.2s;
 -webkit-animation-delay:.2s;
 -o-animation-delay:.2s;
 transition-delay:.2s;
 -webkit-transition-delay:.2s;
 -moz-transition-delay:.2s;
 -o-transition-delay:.2s
}
.delayp3 {
 animation-delay:.3s;
 -moz-animation-delay:.3s;
 -webkit-animation-delay:.3s;
 -o-animation-delay:.3s;
 transition-delay:.3s;
 -webkit-transition-delay:.3s;
 -moz-transition-delay:.3s;
 -o-transition-delay:.3s
}
.delayp4 {
 animation-delay:.4s;
 -moz-animation-delay:.4s;
 -webkit-animation-delay:.4s;
 -o-animation-delay:.4s;
 transition-delay:.4s;
 -webkit-transition-delay:.4s;
 -moz-transition-delay:.4s;
 -o-transition-delay:.4s
}
.delayp5 {
 animation-delay:.5s;
 -moz-animation-delay:.5s;
 -webkit-animation-delay:.5s;
 -o-animation-delay:.5s;
 transition-delay:.5s;
 -webkit-transition-delay:.5s;
 -moz-transition-delay:.5s;
 -o-transition-delay:.5s
}
.delayp6 {
 animation-delay:.6s;
 -moz-animation-delay:.6s;
 -webkit-animation-delay:.6s;
 -o-animation-delay:.6s;
 transition-delay:.6s;
 -webkit-transition-delay:.6s;
 -moz-transition-delay:.6s;
 -o-transition-delay:.6s
}
.delayp7 {
 animation-delay:.7s;
 -moz-animation-delay:.7s;
 -webkit-animation-delay:.7s;
 -o-animation-delay:.7s;
 transition-delay:.7s;
 -webkit-transition-delay:.7s;
 -moz-transition-delay:.7s;
 -o-transition-delay:.7s
}
.delayp8 {
 animation-delay:.8s;
 -moz-animation-delay:.8s;
 -webkit-animation-delay:.8s;
 -o-animation-delay:.8s;
 transition-delay:.8s;
 -webkit-transition-delay:.8s;
 -moz-transition-delay:.8s;
 -o-transition-delay:.8s
}
.delayp9 {
 animation-delay:.9s;
 -moz-animation-delay:.9s;
 -webkit-animation-delay:.9s;
 -o-animation-delay:.9s;
 transition-delay:.9s;
 -webkit-transition-delay:.9s;
 -moz-transition-delay:.9s;
 -o-transition-delay:.9s
}
.delay1s {
 animation-delay:1s;
 -moz-animation-delay:1s;
 -webkit-animation-delay:1s;
 -o-animation-delay:1s;
 transition-delay:1s;
 -webkit-transition-delay:1s;
 -moz-transition-delay:1s;
 -o-transition-delay:1s
}
.delay2s {
 animation-delay:2s;
 -moz-animation-delay:2s;
 -webkit-animation-delay:2s;
 -o-animation-delay:2s;
 transition-delay:2s;
 -webkit-transition-delay:2s;
 -moz-transition-delay:2s;
 -o-transition-delay:2s
}
.header {
 padding:15px 0;
 background:#fff;
 z-index:999;
 -webkit-box-shadow:0 0 4px rgba(0,0,0,0.4);
 -moz-box-shadow:0 0 4px rgba(0,0,0,0.4);
 box-shadow:0 0 4px rgba(0,0,0,0.4)
}
.header .container {
 position:relative
}
.header h1.logo {
 margin-top:0;
 margin-bottom:0;
 text-transform:uppercase;
 font-weight:bold;
 font-size:28px;
 max-height:50px
}
.header h1.logo a {
 color:#173049;
 -webkit-transition:none;
 -moz-transition:none;
 -ms-transition:none;
 -o-transition:none
}
.header h1.logo a img {
 margin-right:5px;
 max-height:50px
}
.header h1.logo .logo-title {
 vertical-align:middle
}
.header .main-nav .navbar-toggler {
 position:absolute;
 right:15px;
 top:4px
}
.header .main-nav .nav .nav-item {
 font-weight:normal;
 text-transform:uppercase;
 margin-right:5px
}

/*.header .main-nav .nav .nav-item a .title {
 margin-bottom:15px;
 color:#fff;
 font-size:18px
}*/
/*.header .main-nav .nav .nav-item .btn {
 font-size:18px;
 padding:15px
 font-weight: 700;
}*/
.header .main-nav .nav .nav-item .btn-theme {
 background:#56bc94;
 border:1px solid #56bc94;
 color:#fff
}
.header .main-nav .nav .nav-item .btn-theme:hover {
 background:#3fa07a;
 border:1px solid #3fa07a;
 color:#fff
}
.header .main-nav .nav .nav-item .btn-theme:active,
.btn-theme:focus {
 color:#fff
}

.header .main-nav .nav .nav-item a {
 color:#173049;
 -webkit-transition:none;
 -moz-transition:none;
 -ms-transition:none;
 -o-transition:none;
 font-size:14px;
 padding:15px 10px
}
.header .main-nav .nav .nav-item a:hover {
 color:#56bc94;
 background:none
}
.header .main-nav .nav .nav-item a:focus {
 outline:none;
 background:none
}
.header .main-nav .nav .nav-item a:active {
 outline:none;
 background:none
}
.header .main-nav .nav .nav-item a.active {
 color:#56bc94;
 background:none
}
.header .main-nav .nav .nav-item.active {
 color:#56bc94
}
.header .main-nav .nav .nav-item.last {
 margin-right:0
}
.footer {
 background:#444;
 color:#fff;
 padding:15px 0
}
.footer .copyright {
 color:#b3b3b3;
 margin-right:15px
}
.footer .links {
 margin-bottom:0;
 font-size:0.85rem
}
.footer .links a {
 color:gray
}
.footer .links a:hover {
 color:#56bc94
}
.flexslider {
 -webkit-border-radius:0;
 -moz-border-radius:0;
 -ms-border-radius:0;
 -o-border-radius:0;
 border-radius:0;
 -moz-background-clip:padding;
 -webkit-background-clip:padding-box;
 background-clip:padding-box;
 -webkit-box-shadow:0 0 0;
 -moz-box-shadow:0 0 0;
 box-shadow:0 0 0;
 border:0
}
.flexslider .flex-control-nav {
 bottom:-35px
}
.flexslider .flex-control-paging li a {
 background:#a1a1a1
}
.flexslider .flex-control-paging li a:hover {
 background:#56bc94
}
.flexslider .flex-control-paging li a.flex-active {
 background:#56bc94
}
.flexslider .slides li {
 position:relative
}
.promo {
 /*background-color:#56bc94;*/
 color:#fff;
 /*background: linear-gradient(90deg, #56bc94 19px, transparent 1%) center, linear-gradient(#56bc94 19px, transparent 1%) center, #000000;
  background-size: 20px 20px;*/
  background: linear-gradient(90deg, #ffffff 19px, transparent 1%) center, linear-gradient(#ffffff 19px, transparent 1%) center, #000000;
  background-size: 20px 20px;
}


.promo .container {
 padding-bottom:15px;
}
.promo .overview {
 margin-top:60px;
 padding-left:30px;
 padding-right:30px;
 color: #173049;
}
.promo .overview h2 {
  font-size: 70px;
  margin-bottom: 35px;
  text-shadow: 0 1px 1px rgba(0,0,0,0.3);
  font-weight: bold;
  padding-top: 60px;
}

.promo .overview .summary {
 margin-bottom:60px;
 margin-left:70px;
 padding-top: 40px;
 padding-bottom: 30px;
}
/*.promo .overview .btn-link {
 color:#225742;
}
.promo .overview .btn-link:hover {
 color:#225742;
}*/
.promo .overview .summary a:hover{
	text-decoration: underline;
}

.promo .overview .summary li {
 margin-bottom:15px;
 list-style:none;
 font-size:20px;
 font-weight:300;
 padding-left:30px;
 background:url("../images/bullet.svg") no-repeat left center
}
.promo .overview .download-area {
 display:inline-block;
 padding-bottom: 80px;
}
.promo .overview .download-area ul {
 margin-left:40px
}
.promo .overview .download-area li {
 padding:0;
 margin-bottom:15px
}
.promo .overview .download-area li a {
 background-color:#317b5e;
 background-repeat:no-repeat;
 background-position:left top;
 -webkit-border-radius:4px;
 -moz-border-radius:4px;
 -ms-border-radius:4px;
 -o-border-radius:4px;
 border-radius:4px;
 -moz-background-clip:padding;
 -webkit-background-clip:padding-box;
 background-clip:padding-box;
 display:block;
 width:200px;
 height:60px;
 text-indent:-9999px;
 margin-right:30px
}
.promo .overview .download-area li a:hover {
 background-color:#225742
}
.promo .overview .download-area li.ios-btn a {
 background-image:url("../images/buttons/btn-app-store.png");
 -webkit-background-size:contain;
 -moz-background-size:contain;
 -o-background-size:contain;
 background-size:contain
}
.promo .overview .download-area li.android-btn a {
 background-image:url("../images/buttons/btn-google-play.png");
 -webkit-background-size:contain;
 -moz-background-size:contain;
 -o-background-size:contain;
 background-size:contain
}
.promo .overview .note {
 position:relative;
 color:#317b5e
}
.promo .overview .note p {
 padding-top:15px
}
.promo .overview .note .left-arrow {
 position:absolute;
 left:60px;
 bottom:15px;
 display:inline-block;
 background:url("../images/arrows/up-arrow-left.png") no-repeat left top;
 -webkit-background-size:contain;
 -moz-background-size:contain;
 -o-background-size:contain;
 background-size:contain;
 width:63px;
 height:69px;
 -webkit-opacity:.5;
 -moz-opacity:.5;
 opacity:.5
}
.promo .overview .note .right-arrow {
 position:absolute;
 right:60px;
 bottom:15px;
 display:inline-block;
 background:url("../images/arrows/up-arrow-right.png") no-repeat right top;
 -webkit-background-size:contain;
 -moz-background-size:contain;
 -o-background-size:contain;
 background-size:contain;
 width:63px;
 height:58px;
 -webkit-opacity:.5;
 -moz-opacity:.5;
 opacity:.5
}
.promo .iphone {
 position:relative
}
.promo .iphone .iphone-holder {
 position:relative;
 width:320px;
 height:600px;
 background-repeat:no-repeat;
 background-position:center top
}
.promo .iphone.iphone-x {
 margin-bottom:30px
}
.promo .iphone.iphone-x .iphone-holder {
 background-image:url("../images/iphone/iphone-x.png")
}
.promo .iphone.iphone-x .iphone-holder .iphone-holder-inner {
 width:233px;
 height:502px;
 left:44px;
 top:43px
}
.promo .iphone.iphone-x .flexslider {
 background:transparent
}
.promo .iphone.iphone-x .flexslider .flex-control-nav {
 bottom:-60px;
 z-index:10
}
.promo .iphone.iphone-x .flex-control-paging li a {
 background:rgba(0,0,0,0.3);
 -webkit-box-shadow:none;
 -moz-box-shadow:none;
 box-shadow:none
}
.promo .iphone.iphone-x .flex-control-paging li a:hover {
 background:rgba(0,0,0,0.2)
}
.promo .iphone.iphone-x .flex-control-paging li a.flex-active {
 background:rgba(0,0,0,0.6)
}
.promo .iphone.iphone-black .iphone-holder {
 background-image:url("../images/iphone/iphone-black.png")
}
.promo .iphone.iphone-white .iphone-holder {
 background-image:url("../images/iphone/iphone-white.png")
}
.promo .iphone .iphone-holder-inner {
 position:absolute;
 width:222px;
 height:394px;
 left:51px;
 top:103px
}
.promo .iphone .flexslider .flex-control-nav {
 bottom:-50px
}
.promo .iphone:before {
 content:"";
 display:block;
 width:500px;
 height:500px;
 background:url("../images/glow.png") no-repeat center top;
 right:0;
 top:0;
 position:absolute
}
.promo .android {
 position:relative
}
.promo .android .android-holder {
 position:relative;
 width:320px;
 height:600px;
 background-image:url("../images/android/android-black.png");
 background-repeat:no-repeat;
 background-position:center top
}
.promo .android .android-holder-inner {
 position:absolute;
 width:254px;
 height:450px;
 left:35px;
 top:72px
}
.promo .android .flexslider .flex-control-nav {
 bottom:-50px
}
.promo .android:before {
 content:"";
 display:block;
 width:500px;
 height:500px;
 background:url("../images/glow.png") no-repeat center top;
 right:0;
 top:0;
 position:absolute
}
.promo .ipad {
 position:relative
}
.promo .ipad .ipad-holder {
 position:relative;
 width:420px;
 height:600px;
 background-repeat:no-repeat;
 background-position:center top
}
.promo .ipad.ipad-black .ipad-holder {
 background-image:url("../images/ipad/ipad-black.png")
}
.promo .ipad.ipad-white .ipad-holder {
 background-image:url("../images/ipad/ipad-white.png")
}
.promo .ipad .ipad-holder-inner {
 position:absolute;
 width:320px;
 height:428px;
 left:51px;
 top:83px
}
.promo .ipad .flexslider .flex-control-nav {
 bottom:-45px
}
.promo .ipad:before {
 content:"";
 display:block;
 width:500px;
 height:500px;
 background:url("../images/glow.png") no-repeat left top;
 right:0;
 top:0;
 position:absolute
}
.promo-landscape {
 padding-bottom:60px
}
.promo-landscape .flex-control-paging li a {
 background:rgba(255,255,255,0.5);
 -webkit-box-shadow:none;
 -moz-box-shadow:none;
 box-shadow:none
}
.promo-landscape .flex-control-paging li a.flex-active {
 background:rgba(0,0,0,0.3)
}
.promo-landscape .overview h2 {
 margin-bottom:0
}
.promo-landscape .overview .summary {
 max-width:600px;
 margin:0 auto;
 margin-bottom:60px;
 padding-left:0
}
.promo-landscape .overview .summary li {
 text-align:left;
 background-image:none;
 padding-left:0
}
.promo-landscape .overview .summary li .svg-inline--fa {
 color:rgba(0,0,0,0.2);
 margin-right:5px
}
.promo-landscape .overview .download-area {
 max-width:600px;
 margin:0 auto;
 text-align:center;
 display:block
}
.promo-landscape .overview .btn-group {
 margin-left:0
}
.promo-landscape .overview .btn-group li:last-child a {
 margin-right:0
}
.promo-landscape .phone {
 padding-top:45px
}
.promo-landscape .iphone {
 position:relative;
 margin-bottom:60px
}
.promo-landscape .iphone .iphone-holder {
 position:relative;
 width:570px;
 height:275px;
 background-repeat:no-repeat;
 background-position:center top
}
.promo-landscape .iphone.iphone-black .iphone-holder {
 background-image:url("../images/iphone/iphone-black-landscape.png")
}
.promo-landscape .iphone.iphone-white .iphone-holder {
 background-image:url("../images/iphone/iphone-white.png")
}
.promo-landscape .iphone .iphone-holder-inner {
 position:absolute;
 width:394px;
 height:222px;
 top:23px;
 left:90px
}
.promo-landscape .iphone .flexslider .flex-control-nav {
 bottom:-60px
}
.promo-landscape .iphone:before {
 content:"";
 display:block;
 width:100%;
 height:500px;
 background:url("../images/glow.png") no-repeat center top;
 top:-60px;
 left:0;
 position:absolute
}
.promo-landscape .android {
 position:relative;
 margin-bottom:60px
}
.promo-landscape .android .android-holder {
 position:relative;
 width:570px;
 height:290px;
 background-image:url("../images/android/android-black-landscape.png");
 background-repeat:no-repeat;
 background-position:center top
}
.promo-landscape .android .android-holder-inner {
 position:absolute;
 width:451px;
 height:254px;
 left:66px;
 top:15px
}
.promo-landscape .android .flexslider .flex-control-nav {
 bottom:-60px
}
.promo-landscape .android:before {
 content:"";
 display:block;
 width:100%;
 height:500px;
 background:url("../images/glow.png") no-repeat center top;
 top:-60px;
 left:0;
 position:absolute
}

/*promo2 section start*/
.promo2 {
 background-color:#ffffff;
 color:#fff;
 /*background: linear-gradient(90deg, #ffffff 19px, transparent 1%) center, linear-gradient(#ffffff 19px, transparent 1%) center, #000000;
  background-size: 20px 20px;*/
}


.promo2 .container {
 padding-bottom:15px
}
.promo2 .overview {
 margin-top:60px;
 padding-left:30px;
 padding-right:30px;
 color: #173049;
}
.promo2 .overview h2 {
 font-size:40px;
 margin-bottom:35px;
 text-shadow:0 1px 1px rgba(0,0,0,0.3);
 font-weight: bold;
}


.promo2 .overview p {
 font-size:20px;
 font-weight:400;
 margin-bottom:15px
 color: #173049;
}
.promo2 .overview .content .title {
 margin-bottom:30px;
 margin-top:0
}

.promo2 .overview .more {
 margin-top:30px
}
.promo2 .overview .more .title {
 margin-bottom:15px;
 color:#173049;
 font-size:18px

}
/*.promo2 .overview .more .btn {
 font-size:18px;
 padding-left:30px
}*/
.promo2 .overview .more .btn-link {
 color:#ffffff;
}
.promo2 .overview .more .btn-link:hover {
 color:#ffffff;
}

.promo2 .overview .summary {
 margin-bottom:60px;
 margin-left:70px
}
.promo2 .overview .summary li {
 margin-bottom:15px;
 list-style:none;
 font-size:20px;
 font-weight:300;
 padding-left:30px;
 /*background:url("../images/bullet_2.png") no-repeat left center;*/
}
.promo2 .overview .download-area {
 display:inline-block
}
.promo2 .overview .download-area ul {
 margin-left:40px
}
.promo2 .overview .download-area li {
 padding:0;
 margin-bottom:15px
}
.promo2 .overview .download-area li a {
 background-color:#317b5e;
 background-repeat:no-repeat;
 background-position:left top;
 -webkit-border-radius:4px;
 -moz-border-radius:4px;
 -ms-border-radius:4px;
 -o-border-radius:4px;
 border-radius:4px;
 -moz-background-clip:padding;
 -webkit-background-clip:padding-box;
 background-clip:padding-box;
 display:block;
 width:200px;
 height:60px;
 text-indent:-9999px;
 margin-right:30px
}
.promo2 .overview .download-area li a:hover {
 background-color:#225742
}
.promo2 .overview .download-area li.ios-btn a {
 background-image:url("../images/buttons/btn-app-store.png");
 -webkit-background-size:contain;
 -moz-background-size:contain;
 -o-background-size:contain;
 background-size:contain
}
.promo2 .overview .download-area li.android-btn a {
 background-image:url("../images/buttons/btn-google-play.png");
 -webkit-background-size:contain;
 -moz-background-size:contain;
 -o-background-size:contain;
 background-size:contain
}
.promo2 .overview .note {
 position:relative;
 color:#317b5e
}
.promo2 .overview .note p {
 padding-top:15px
}
.promo2 .overview .note .left-arrow {
 position:absolute;
 left:60px;
 bottom:15px;
 display:inline-block;
 background:url("../images/arrows/up-arrow-left.png") no-repeat left top;
 -webkit-background-size:contain;
 -moz-background-size:contain;
 -o-background-size:contain;
 background-size:contain;
 width:63px;
 height:69px;
 -webkit-opacity:.5;
 -moz-opacity:.5;
 opacity:.5
}
.promo2 .overview .note .right-arrow {
 position:absolute;
 right:60px;
 bottom:15px;
 display:inline-block;
 background:url("../images/arrows/up-arrow-right.png") no-repeat right top;
 -webkit-background-size:contain;
 -moz-background-size:contain;
 -o-background-size:contain;
 background-size:contain;
 width:63px;
 height:58px;
 -webkit-opacity:.5;
 -moz-opacity:.5;
 opacity:.5
}
.promo2 .iphone {
 position:relative
}
.promo2 .iphone .iphone-holder {
 position:relative;
 width:320px;
 height:600px;
 background-repeat:no-repeat;
 background-position:center top
}
.promo2 .iphone.iphone-x {
 margin-bottom:30px
}
.promo2 .iphone.iphone-x .iphone-holder {
 background-image:url("../images/iphone/iphone-x.png")
}
.promo2 .iphone.iphone-x .iphone-holder .iphone-holder-inner {
 width:233px;
 height:502px;
 left:44px;
 top:43px
}
.promo2 .iphone.iphone-x .flexslider {
 background:transparent
}
.promo2 .iphone.iphone-x .flexslider .flex-control-nav {
 bottom:-60px;
 z-index:10
}
.promo2 .iphone.iphone-x .flex-control-paging li a {
 background:rgba(0,0,0,0.3);
 -webkit-box-shadow:none;
 -moz-box-shadow:none;
 box-shadow:none
}
.promo2 .iphone.iphone-x .flex-control-paging li a:hover {
 background:rgba(0,0,0,0.2)
}
.promo2 .iphone.iphone-x .flex-control-paging li a.flex-active {
 background:rgba(0,0,0,0.6)
}
.promo2 .iphone.iphone-black .iphone-holder {
 background-image:url("../images/iphone/iphone-black.png")
}
.promo2 .iphone.iphone-white .iphone-holder {
 background-image:url("../images/iphone/iphone-white.png")
}
.promo2 .iphone .iphone-holder-inner {
 position:absolute;
 width:222px;
 height:394px;
 left:51px;
 top:103px
}
.promo2 .iphone .flexslider .flex-control-nav {
 bottom:-50px
}
.promo2 .iphone:before {
 content:"";
 display:block;
 width:500px;
 height:500px;
 background:url("../images/glow.png") no-repeat center top;
 right:0;
 top:0;
 position:absolute
}
.promo2 .android {
 position:relative
}
.promo2 .android .android-holder {
 position:relative;
 width:320px;
 height:600px;
 background-image:url("../images/android/android-black.png");
 background-repeat:no-repeat;
 background-position:center top
}
.promo2 .android .android-holder-inner {
 position:absolute;
 width:254px;
 height:450px;
 left:35px;
 top:72px
}
.promo2 .android .flexslider .flex-control-nav {
 bottom:-50px
}
.promo2 .android:before {
 content:"";
 display:block;
 width:500px;
 height:500px;
 background:url("../images/glow.png") no-repeat center top;
 right:0;
 top:0;
 position:absolute
}
.promo2 .ipad {
 position:relative
}
.promo2 .ipad .ipad-holder {
 position:relative;
 width:420px;
 height:600px;
 background-repeat:no-repeat;
 background-position:center top
}
.promo2 .ipad.ipad-black .ipad-holder {
 background-image:url("../images/ipad/ipad-black.png")
}
.promo2 .ipad.ipad-white .ipad-holder {
 background-image:url("../images/ipad/ipad-white.png")
}
.promo2 .ipad .ipad-holder-inner {
 position:absolute;
 width:320px;
 height:428px;
 left:51px;
 top:83px
}
.promo2 .ipad .flexslider .flex-control-nav {
 bottom:-45px
}
.promo2 .ipad:before {
 content:"";
 display:block;
 width:500px;
 height:500px;
 background:url("../images/glow.png") no-repeat left top;
 right:0;
 top:0;
 position:absolute
}
.promo2-landscape {
 padding-bottom:60px
}
.promo2-landscape .flex-control-paging li a {
 background:rgba(255,255,255,0.5);
 -webkit-box-shadow:none;
 -moz-box-shadow:none;
 box-shadow:none
}
.promo2-landscape .flex-control-paging li a.flex-active {
 background:rgba(0,0,0,0.3)
}
.promo2-landscape .overview h2 {
 margin-bottom:0
}
.promo2-landscape .overview .summary {
 max-width:600px;
 margin:0 auto;
 margin-bottom:60px;
 padding-left:0
}
.promo2-landscape .overview .summary li {
 text-align:left;
 background-image:none;
 padding-left:0
}
.promo2-landscape .overview .summary li .svg-inline--fa {
 color:rgba(0,0,0,0.2);
 margin-right:5px
}
.promo2-landscape .overview .download-area {
 max-width:600px;
 margin:0 auto;
 text-align:center;
 display:block
}
.promo2-landscape .overview .btn-group {
 margin-left:0
}
.promo2-landscape .overview .btn-group li:last-child a {
 margin-right:0
}
.promo2-landscape .phone {
 padding-top:45px
}
.promo2-landscape .iphone {
 position:relative;
 margin-bottom:60px
}
.promo2-landscape .iphone .iphone-holder {
 position:relative;
 width:570px;
 height:275px;
 background-repeat:no-repeat;
 background-position:center top
}
.promo2-landscape .iphone.iphone-black .iphone-holder {
 background-image:url("../images/iphone/iphone-black-landscape.png")
}
.promo2-landscape .iphone.iphone-white .iphone-holder {
 background-image:url("../images/iphone/iphone-white.png")
}
.promo2-landscape .iphone .iphone-holder-inner {
 position:absolute;
 width:394px;
 height:222px;
 top:23px;
 left:90px
}
.promo2-landscape .iphone .flexslider .flex-control-nav {
 bottom:-60px
}
.promo2-landscape .iphone:before {
 content:"";
 display:block;
 width:100%;
 height:500px;
 background:url("../images/glow.png") no-repeat center top;
 top:-60px;
 left:0;
 position:absolute
}
.promo2-landscape .android {
 position:relative;
 margin-bottom:60px
}
.promo2-landscape .android .android-holder {
 position:relative;
 width:570px;
 height:290px;
 background-image:url("../images/android/android-black-landscape.png");
 background-repeat:no-repeat;
 background-position:center top
}
.promo2-landscape .android .android-holder-inner {
 position:absolute;
 width:451px;
 height:254px;
 left:66px;
 top:15px
}
.promo2-landscape .android .flexslider .flex-control-nav {
 bottom:-60px
}
.promo2-landscape .android:before {
 content:"";
 display:block;
 width:100%;
 height:500px;
 background:url("../images/glow.png") no-repeat center top;
 top:-60px;
 left:0;
 position:absolute
}

/*promo2 section end*/

/*promo3 section start*/
.promo3 {
 background-color:#ffffff;
 color:#fff;
 /*background: linear-gradient(90deg, #ffffff 19px, transparent 1%) center, linear-gradient(#ffffff 19px, transparent 1%) center, #000000;
  background-size: 20px 20px;*/
}


.promo3 .container {
 padding-bottom:15px
}
.promo3 .overview {
 margin-top:60px;
 padding-left:30px;
 padding-right:30px;
 color: #173049;
}
.promo3 .overview h2 {
 font-size:40px;
 margin-bottom:35px;
 text-shadow:0 1px 1px rgba(0,0,0,0.3);
 font-weight: bold;
}


.promo3 .overview p {
 font-size:20px;
 font-weight:400;
 margin-bottom:15px
 color: #173049;
}
.promo3 .overview .content .title {
 margin-bottom:30px;
 margin-top:0
}

.promo3 .overview .more {
 margin-top:30px
}
.promo3 .overview .more .title {
 margin-bottom:15px;
 color:#173049;
 font-size:18px

}
/*.promo3 .overview .more .btn {
 font-size:18px;
 padding-left:30px
}*/
.promo3 .overview .more .btn-link {
 color:#ffffff;
}
.promo3 .overview .more .btn-link:hover {
 color:#ffffff;
}

.promo3 .overview .summary {
 margin-bottom:60px;
 margin-left:70px
}
.promo3 .overview .summary li {
 margin-bottom:15px;
 list-style:none;
 font-size:20px;
 font-weight:300;
 padding-left:30px;
 /*background:url("../images/bullet_2.png") no-repeat left center;*/
}
.promo3 .overview .download-area {
 display:inline-block
}
.promo3 .overview .download-area ul {
 margin-left:40px
}
.promo3 .overview .download-area li {
 padding:0;
 margin-bottom:15px
}
.promo3 .overview .download-area li a {
 background-color:#317b5e;
 background-repeat:no-repeat;
 background-position:left top;
 -webkit-border-radius:4px;
 -moz-border-radius:4px;
 -ms-border-radius:4px;
 -o-border-radius:4px;
 border-radius:4px;
 -moz-background-clip:padding;
 -webkit-background-clip:padding-box;
 background-clip:padding-box;
 display:block;
 width:200px;
 height:60px;
 text-indent:-9999px;
 margin-right:30px
}
.promo3 .overview .download-area li a:hover {
 background-color:#225742
}
.promo3 .overview .download-area li.ios-btn a {
 background-image:url("../images/buttons/btn-app-store.png");
 -webkit-background-size:contain;
 -moz-background-size:contain;
 -o-background-size:contain;
 background-size:contain
}
.promo3 .overview .download-area li.android-btn a {
 background-image:url("../images/buttons/btn-google-play.png");
 -webkit-background-size:contain;
 -moz-background-size:contain;
 -o-background-size:contain;
 background-size:contain
}
.promo3 .overview .note {
 position:relative;
 color:#317b5e
}
.promo3 .overview .note p {
 padding-top:15px
}
.promo3 .overview .note .left-arrow {
 position:absolute;
 left:60px;
 bottom:15px;
 display:inline-block;
 background:url("../images/arrows/up-arrow-left.png") no-repeat left top;
 -webkit-background-size:contain;
 -moz-background-size:contain;
 -o-background-size:contain;
 background-size:contain;
 width:63px;
 height:69px;
 -webkit-opacity:.5;
 -moz-opacity:.5;
 opacity:.5
}
.promo3 .overview .note .right-arrow {
 position:absolute;
 right:60px;
 bottom:15px;
 display:inline-block;
 background:url("../images/arrows/up-arrow-right.png") no-repeat right top;
 -webkit-background-size:contain;
 -moz-background-size:contain;
 -o-background-size:contain;
 background-size:contain;
 width:63px;
 height:58px;
 -webkit-opacity:.5;
 -moz-opacity:.5;
 opacity:.5
}
.promo3 .iphone {
 position:relative
}
.promo3 .iphone .iphone-holder {
 position:relative;
 width:320px;
 height:600px;
 background-repeat:no-repeat;
 background-position:center top
}
.promo3 .iphone.iphone-x {
 margin-bottom:30px
}
.promo3 .iphone.iphone-x .iphone-holder {
 background-image:url("../images/iphone/iphone-x.png")
}
.promo3 .iphone.iphone-x .iphone-holder .iphone-holder-inner {
 width:233px;
 height:502px;
 left:44px;
 top:43px
}
.promo3 .iphone.iphone-x .flexslider {
 background:transparent
}
.promo3 .iphone.iphone-x .flexslider .flex-control-nav {
 bottom:-60px;
 z-index:10
}
.promo3 .iphone.iphone-x .flex-control-paging li a {
 background:rgba(0,0,0,0.3);
 -webkit-box-shadow:none;
 -moz-box-shadow:none;
 box-shadow:none
}
.promo3 .iphone.iphone-x .flex-control-paging li a:hover {
 background:rgba(0,0,0,0.2)
}
.promo3 .iphone.iphone-x .flex-control-paging li a.flex-active {
 background:rgba(0,0,0,0.6)
}
.promo3 .iphone.iphone-black .iphone-holder {
 background-image:url("../images/iphone/iphone-black.png")
}
.promo3 .iphone.iphone-white .iphone-holder {
 background-image:url("../images/iphone/iphone-white.png")
}
.promo3 .iphone .iphone-holder-inner {
 position:absolute;
 width:222px;
 height:394px;
 left:51px;
 top:103px
}
.promo3 .iphone .flexslider .flex-control-nav {
 bottom:-50px
}
.promo3 .iphone:before {
 content:"";
 display:block;
 width:500px;
 height:500px;
 background:url("../images/glow.png") no-repeat center top;
 right:0;
 top:0;
 position:absolute
}
.promo3 .android {
 position:relative
}
.promo3 .android .android-holder {
 position:relative;
 width:320px;
 height:600px;
 background-image:url("../images/android/android-black.png");
 background-repeat:no-repeat;
 background-position:center top
}
.promo3 .android .android-holder-inner {
 position:absolute;
 width:254px;
 height:450px;
 left:35px;
 top:72px
}
.promo3 .android .flexslider .flex-control-nav {
 bottom:-50px
}
.promo3 .android:before {
 content:"";
 display:block;
 width:500px;
 height:500px;
 background:url("../images/glow.png") no-repeat center top;
 right:0;
 top:0;
 position:absolute
}
.promo3 .ipad {
 position:relative
}
.promo3 .ipad .ipad-holder {
 position:relative;
 width:420px;
 height:600px;
 background-repeat:no-repeat;
 background-position:center top
}
.promo3 .ipad.ipad-black .ipad-holder {
 background-image:url("../images/ipad/ipad-black.png")
}
.promo3 .ipad.ipad-white .ipad-holder {
 background-image:url("../images/ipad/ipad-white.png")
}
.promo3 .ipad .ipad-holder-inner {
 position:absolute;
 width:320px;
 height:428px;
 left:51px;
 top:83px
}
.promo3 .ipad .flexslider .flex-control-nav {
 bottom:-45px
}
.promo3 .ipad:before {
 content:"";
 display:block;
 width:500px;
 height:500px;
 background:url("../images/glow.png") no-repeat left top;
 right:0;
 top:0;
 position:absolute
}
.promo3-landscape {
 padding-bottom:60px
}
.promo3-landscape .flex-control-paging li a {
 background:rgba(255,255,255,0.5);
 -webkit-box-shadow:none;
 -moz-box-shadow:none;
 box-shadow:none
}
.promo3-landscape .flex-control-paging li a.flex-active {
 background:rgba(0,0,0,0.3)
}
.promo3-landscape .overview h2 {
 margin-bottom:0
}
.promo3-landscape .overview .summary {
 max-width:600px;
 margin:0 auto;
 margin-bottom:60px;
 padding-left:0
}
.promo3-landscape .overview .summary li {
 text-align:left;
 background-image:none;
 padding-left:0
}
.promo3-landscape .overview .summary li .svg-inline--fa {
 color:rgba(0,0,0,0.2);
 margin-right:5px
}
.promo3-landscape .overview .download-area {
 max-width:600px;
 margin:0 auto;
 text-align:center;
 display:block
}
.promo3-landscape .overview .btn-group {
 margin-left:0
}
.promo3-landscape .overview .btn-group li:last-child a {
 margin-right:0
}
.promo3-landscape .phone {
 padding-top:45px
}
.promo3-landscape .iphone {
 position:relative;
 margin-bottom:60px
}
.promo3-landscape .iphone .iphone-holder {
 position:relative;
 width:570px;
 height:275px;
 background-repeat:no-repeat;
 background-position:center top
}
.promo3-landscape .iphone.iphone-black .iphone-holder {
 background-image:url("../images/iphone/iphone-black-landscape.png")
}
.promo3-landscape .iphone.iphone-white .iphone-holder {
 background-image:url("../images/iphone/iphone-white.png")
}
.promo3-landscape .iphone .iphone-holder-inner {
 position:absolute;
 width:394px;
 height:222px;
 top:23px;
 left:90px
}
.promo3-landscape .iphone .flexslider .flex-control-nav {
 bottom:-60px
}
.promo3-landscape .iphone:before {
 content:"";
 display:block;
 width:100%;
 height:500px;
 background:url("../images/glow.png") no-repeat center top;
 top:-60px;
 left:0;
 position:absolute
}
.promo3-landscape .android {
 position:relative;
 margin-bottom:60px
}
.promo3-landscape .android .android-holder {
 position:relative;
 width:570px;
 height:290px;
 background-image:url("../images/android/android-black-landscape.png");
 background-repeat:no-repeat;
 background-position:center top
}
.promo3-landscape .android .android-holder-inner {
 position:absolute;
 width:451px;
 height:254px;
 left:66px;
 top:15px
}
.promo3-landscape .android .flexslider .flex-control-nav {
 bottom:-60px
}
.promo3-landscape .android:before {
 content:"";
 display:block;
 width:100%;
 height:500px;
 background:url("../images/glow.png") no-repeat center top;
 top:-60px;
 left:0;
 position:absolute
}

/*promo3 section end*/
/*promo4 section start*/
.promo4 {
 background-color:#ffffff;
 color:#fff;
 /*background: linear-gradient(90deg, #ffffff 19px, transparent 1%) center, linear-gradient(#ffffff 19px, transparent 1%) center, #000000;
  background-size: 20px 20px;*/
}


.promo4 .container {
 padding-bottom:15px
}
.promo4 .overview {
 margin-top:60px;
 padding-left:30px;
 padding-right:30px;
 color: #173049;
}
.promo4 .overview h2 {
 font-size:40px;
 margin-bottom:35px;
 text-shadow:0 1px 1px rgba(0,0,0,0.3);
 font-weight: bold;
}


.promo4 .overview p {
 font-size:20px;
 font-weight:400;
 margin-bottom:15px
 color: #173049;
}
.promo4 .overview .content .title {
 margin-bottom:30px;
 margin-top:0
}

.promo4 .overview .more {
 margin-top:30px
}
.promo4 .overview .more .title {
 margin-bottom:15px;
 color:#173049;
 font-size:18px

}
/*.promo4 .overview .more .btn {
 font-size:18px;
 padding-left:30px
}*/
.promo4 .overview .more .btn-link {
 color:#ffffff;
}
.promo4 .overview .more .btn-link:hover {
 color:#ffffff;
}

.promo4 .overview .summary {
 margin-bottom:60px;
 margin-left:70px
}
.promo4 .overview .summary li {
 margin-bottom:15px;
 list-style:none;
 font-size:20px;
 font-weight:300;
 padding-left:30px;
 /*background:url("../images/bullet_2.png") no-repeat left center;*/
}
.promo4 .overview .download-area {
 display:inline-block
}
.promo4 .overview .download-area ul {
 margin-left:40px
}
.promo4 .overview .download-area li {
 padding:0;
 margin-bottom:15px
}
.promo4 .overview .download-area li a {
 background-color:#317b5e;
 background-repeat:no-repeat;
 background-position:left top;
 -webkit-border-radius:4px;
 -moz-border-radius:4px;
 -ms-border-radius:4px;
 -o-border-radius:4px;
 border-radius:4px;
 -moz-background-clip:padding;
 -webkit-background-clip:padding-box;
 background-clip:padding-box;
 display:block;
 width:200px;
 height:60px;
 text-indent:-9999px;
 margin-right:30px
}
.promo4 .overview .download-area li a:hover {
 background-color:#225742
}
.promo4 .overview .download-area li.ios-btn a {
 background-image:url("../images/buttons/btn-app-store.png");
 -webkit-background-size:contain;
 -moz-background-size:contain;
 -o-background-size:contain;
 background-size:contain
}
.promo4 .overview .download-area li.android-btn a {
 background-image:url("../images/buttons/btn-google-play.png");
 -webkit-background-size:contain;
 -moz-background-size:contain;
 -o-background-size:contain;
 background-size:contain
}
.promo4 .overview .note {
 position:relative;
 color:#317b5e
}
.promo4 .overview .note p {
 padding-top:15px
}
.promo4 .overview .note .left-arrow {
 position:absolute;
 left:60px;
 bottom:15px;
 display:inline-block;
 background:url("../images/arrows/up-arrow-left.png") no-repeat left top;
 -webkit-background-size:contain;
 -moz-background-size:contain;
 -o-background-size:contain;
 background-size:contain;
 width:63px;
 height:69px;
 -webkit-opacity:.5;
 -moz-opacity:.5;
 opacity:.5
}
.promo4 .overview .note .right-arrow {
 position:absolute;
 right:60px;
 bottom:15px;
 display:inline-block;
 background:url("../images/arrows/up-arrow-right.png") no-repeat right top;
 -webkit-background-size:contain;
 -moz-background-size:contain;
 -o-background-size:contain;
 background-size:contain;
 width:63px;
 height:58px;
 -webkit-opacity:.5;
 -moz-opacity:.5;
 opacity:.5
}
.promo4 .iphone {
 position:relative
}
.promo4 .iphone .iphone-holder {
 position:relative;
 width:320px;
 height:600px;
 background-repeat:no-repeat;
 background-position:center top
}
.promo4 .iphone.iphone-x {
 margin-bottom:30px
}
.promo4 .iphone.iphone-x .iphone-holder {
 background-image:url("../images/iphone/iphone-x.png")
}
.promo4 .iphone.iphone-x .iphone-holder .iphone-holder-inner {
 width:233px;
 height:502px;
 left:44px;
 top:43px
}
.promo4 .iphone.iphone-x .flexslider {
 background:transparent
}
.promo4 .iphone.iphone-x .flexslider .flex-control-nav {
 bottom:-60px;
 z-index:10
}
.promo4 .iphone.iphone-x .flex-control-paging li a {
 background:rgba(0,0,0,0.3);
 -webkit-box-shadow:none;
 -moz-box-shadow:none;
 box-shadow:none
}
.promo4 .iphone.iphone-x .flex-control-paging li a:hover {
 background:rgba(0,0,0,0.2)
}
.promo4 .iphone.iphone-x .flex-control-paging li a.flex-active {
 background:rgba(0,0,0,0.6)
}
.promo4 .iphone.iphone-black .iphone-holder {
 background-image:url("../images/iphone/iphone-black.png")
}
.promo4 .iphone.iphone-white .iphone-holder {
 background-image:url("../images/iphone/iphone-white.png")
}
.promo4 .iphone .iphone-holder-inner {
 position:absolute;
 width:222px;
 height:394px;
 left:51px;
 top:103px
}
.promo4 .iphone .flexslider .flex-control-nav {
 bottom:-50px
}
.promo4 .iphone:before {
 content:"";
 display:block;
 width:500px;
 height:500px;
 background:url("../images/glow.png") no-repeat center top;
 right:0;
 top:0;
 position:absolute
}
.promo4 .android {
 position:relative
}
.promo4 .android .android-holder {
 position:relative;
 width:320px;
 height:600px;
 background-image:url("../images/android/android-black.png");
 background-repeat:no-repeat;
 background-position:center top
}
.promo4 .android .android-holder-inner {
 position:absolute;
 width:254px;
 height:450px;
 left:35px;
 top:72px
}
.promo4 .android .flexslider .flex-control-nav {
 bottom:-50px
}
.promo4 .android:before {
 content:"";
 display:block;
 width:500px;
 height:500px;
 background:url("../images/glow.png") no-repeat center top;
 right:0;
 top:0;
 position:absolute
}
.promo4 .ipad {
 position:relative
}
.promo4 .ipad .ipad-holder {
 position:relative;
 width:420px;
 height:600px;
 background-repeat:no-repeat;
 background-position:center top
}
.promo4 .ipad.ipad-black .ipad-holder {
 background-image:url("../images/ipad/ipad-black.png")
}
.promo4 .ipad.ipad-white .ipad-holder {
 background-image:url("../images/ipad/ipad-white.png")
}
.promo4 .ipad .ipad-holder-inner {
 position:absolute;
 width:320px;
 height:428px;
 left:51px;
 top:83px
}
.promo4 .ipad .flexslider .flex-control-nav {
 bottom:-45px
}
.promo4 .ipad:before {
 content:"";
 display:block;
 width:500px;
 height:500px;
 background:url("../images/glow.png") no-repeat left top;
 right:0;
 top:0;
 position:absolute
}
.promo4-landscape {
 padding-bottom:60px
}
.promo4-landscape .flex-control-paging li a {
 background:rgba(255,255,255,0.5);
 -webkit-box-shadow:none;
 -moz-box-shadow:none;
 box-shadow:none
}
.promo4-landscape .flex-control-paging li a.flex-active {
 background:rgba(0,0,0,0.3)
}
.promo4-landscape .overview h2 {
 margin-bottom:0
}
.promo4-landscape .overview .summary {
 max-width:600px;
 margin:0 auto;
 margin-bottom:60px;
 padding-left:0
}
.promo4-landscape .overview .summary li {
 text-align:left;
 background-image:none;
 padding-left:0
}
.promo4-landscape .overview .summary li .svg-inline--fa {
 color:rgba(0,0,0,0.2);
 margin-right:5px
}
.promo4-landscape .overview .download-area {
 max-width:600px;
 margin:0 auto;
 text-align:center;
 display:block
}
.promo4-landscape .overview .btn-group {
 margin-left:0
}
.promo4-landscape .overview .btn-group li:last-child a {
 margin-right:0
}
.promo4-landscape .phone {
 padding-top:45px
}
.promo4-landscape .iphone {
 position:relative;
 margin-bottom:60px
}
.promo4-landscape .iphone .iphone-holder {
 position:relative;
 width:570px;
 height:275px;
 background-repeat:no-repeat;
 background-position:center top
}
.promo4-landscape .iphone.iphone-black .iphone-holder {
 background-image:url("../images/iphone/iphone-black-landscape.png")
}
.promo4-landscape .iphone.iphone-white .iphone-holder {
 background-image:url("../images/iphone/iphone-white.png")
}
.promo4-landscape .iphone .iphone-holder-inner {
 position:absolute;
 width:394px;
 height:222px;
 top:23px;
 left:90px
}
.promo4-landscape .iphone .flexslider .flex-control-nav {
 bottom:-60px
}
.promo4-landscape .iphone:before {
 content:"";
 display:block;
 width:100%;
 height:500px;
 background:url("../images/glow.png") no-repeat center top;
 top:-60px;
 left:0;
 position:absolute
}
.promo4-landscape .android {
 position:relative;
 margin-bottom:60px
}
.promo4-landscape .android .android-holder {
 position:relative;
 width:570px;
 height:290px;
 background-image:url("../images/android/android-black-landscape.png");
 background-repeat:no-repeat;
 background-position:center top
}
.promo4-landscape .android .android-holder-inner {
 position:absolute;
 width:451px;
 height:254px;
 left:66px;
 top:15px
}
.promo4-landscape .android .flexslider .flex-control-nav {
 bottom:-60px
}
.promo4-landscape .android:before {
 content:"";
 display:block;
 width:100%;
 height:500px;
 background:url("../images/glow.png") no-repeat center top;
 top:-60px;
 left:0;
 position:absolute
}
/*promo4 section end*/
/*promo5 start*/
.promo5 {
 background-color:#ECECEC;
 color:#fff;
 /*background: linear-gradient(90deg, #56bc94 19px, transparent 1%) center, linear-gradient(#56bc94 19px, transparent 1%) center, #000000;
  background-size: 20px 20px;*/
  /*background: linear-gradient(90deg, #ffffff 19px, transparent 1%) center, linear-gradient(#ffffff 19px, transparent 1%) center, #000000;
  background-size: 20px 20px;*/
}


.promo5 .container {
 padding-bottom:15px
}
.promo5 .overview {
 /*margin-top:0px;*/
 padding-left:30px;
 padding-right:30px;
 color: #173049;
 margin-bottom: 50px;
}
.promo5 .overview h2 {
  font-size: 70px;
  margin-bottom: 35px;
  text-shadow: 0 1px 1px rgba(0,0,0,0.3);
  font-weight: bold;
}
.promo5 .overview p {
  font-size: 20px;
  margin-bottom: 30px;
}

.promo5 .overview .summary {
 margin-bottom:60px;
 margin-left:70px
}
/*.promo5 .overview .btn-link {
 color:#225742;
}
.promo5 .overview .btn-link:hover {
 color:#225742;
}*/
.promo5 .overview .summary a:hover{
  text-decoration: underline;
}

.promo5 .overview .summary li {
 margin-bottom:15px;
 list-style:none;
 font-size:20px;
 font-weight:300;
 padding-left:30px;
 background:url("../images/bullet.svg") no-repeat left center
}
.promo5 .overview .download-area {
 display:inline-block
}
.promo5 .overview .download-area ul {
 margin-left:40px
}
.promo5 .overview .download-area li {
 padding:0;
 margin-bottom:15px
}
.promo5 .overview .download-area li a {
 background-color:#317b5e;
 background-repeat:no-repeat;
 background-position:left top;
 -webkit-border-radius:4px;
 -moz-border-radius:4px;
 -ms-border-radius:4px;
 -o-border-radius:4px;
 border-radius:4px;
 -moz-background-clip:padding;
 -webkit-background-clip:padding-box;
 background-clip:padding-box;
 display:block;
 width:200px;
 height:60px;
 text-indent:-9999px;
 margin-right:30px
}
.promo5 .overview .download-area li a:hover {
 background-color:#225742
}
.promo5 .overview .download-area li.ios-btn a {
 background-image:url("../images/buttons/btn-app-store.png");
 -webkit-background-size:contain;
 -moz-background-size:contain;
 -o-background-size:contain;
 background-size:contain
}
.promo5 .overview .download-area li.android-btn a {
 background-image:url("../images/buttons/btn-google-play.png");
 -webkit-background-size:contain;
 -moz-background-size:contain;
 -o-background-size:contain;
 background-size:contain
}
.promo5 .overview .note {
 position:relative;
 color:#317b5e
}
.promo5 .overview .note p {
 padding-top:15px
}
.promo5 .overview .note .left-arrow {
 position:absolute;
 left:60px;
 bottom:15px;
 display:inline-block;
 background:url("../images/arrows/up-arrow-left.png") no-repeat left top;
 -webkit-background-size:contain;
 -moz-background-size:contain;
 -o-background-size:contain;
 background-size:contain;
 width:63px;
 height:69px;
 -webkit-opacity:.5;
 -moz-opacity:.5;
 opacity:.5
}
.promo5 .overview .note .right-arrow {
 position:absolute;
 right:60px;
 bottom:15px;
 display:inline-block;
 background:url("../images/arrows/up-arrow-right.png") no-repeat right top;
 -webkit-background-size:contain;
 -moz-background-size:contain;
 -o-background-size:contain;
 background-size:contain;
 width:63px;
 height:58px;
 -webkit-opacity:.5;
 -moz-opacity:.5;
 opacity:.5
}
.promo5 .iphone {
 position:relative
}
.promo5 .iphone .iphone-holder {
 position:relative;
 width:320px;
 height:600px;
 background-repeat:no-repeat;
 background-position:center top
}
.promo5 .iphone.iphone-x {
 margin-bottom:30px
}
.promo5 .iphone.iphone-x .iphone-holder {
 background-image:url("../images/iphone/iphone-x.png")
}
.promo5 .iphone.iphone-x .iphone-holder .iphone-holder-inner {
 width:233px;
 height:502px;
 left:44px;
 top:43px
}
.promo5 .iphone.iphone-x .flexslider {
 background:transparent
}
.promo5 .iphone.iphone-x .flexslider .flex-control-nav {
 bottom:-60px;
 z-index:10
}
.promo5 .iphone.iphone-x .flex-control-paging li a {
 background:rgba(0,0,0,0.3);
 -webkit-box-shadow:none;
 -moz-box-shadow:none;
 box-shadow:none
}
.promo5 .iphone.iphone-x .flex-control-paging li a:hover {
 background:rgba(0,0,0,0.2)
}
.promo5 .iphone.iphone-x .flex-control-paging li a.flex-active {
 background:rgba(0,0,0,0.6)
}
.promo5 .iphone.iphone-black .iphone-holder {
 background-image:url("../images/iphone/iphone-black.png")
}
.promo5 .iphone.iphone-white .iphone-holder {
 background-image:url("../images/iphone/iphone-white.png")
}
.promo5 .iphone .iphone-holder-inner {
 position:absolute;
 width:222px;
 height:394px;
 left:51px;
 top:103px
}
.promo5 .iphone .flexslider .flex-control-nav {
 bottom:-50px
}
.promo5 .iphone:before {
 content:"";
 display:block;
 width:500px;
 height:500px;
 background:url("../images/glow.png") no-repeat center top;
 right:0;
 top:0;
 position:absolute
}
.promo5 .android {
 position:relative
}
.promo5 .android .android-holder {
 position:relative;
 width:320px;
 height:600px;
 background-image:url("../images/android/android-black.png");
 background-repeat:no-repeat;
 background-position:center top
}
.promo5 .android .android-holder-inner {
 position:absolute;
 width:254px;
 height:450px;
 left:35px;
 top:72px
}
.promo5 .android .flexslider .flex-control-nav {
 bottom:-50px
}
.promo5 .android:before {
 content:"";
 display:block;
 width:500px;
 height:500px;
 background:url("../images/glow.png") no-repeat center top;
 right:0;
 top:0;
 position:absolute
}
.promo5 .ipad {
 position:relative
}
.promo5 .ipad .ipad-holder {
 position:relative;
 width:420px;
 height:600px;
 background-repeat:no-repeat;
 background-position:center top
}
.promo5 .ipad.ipad-black .ipad-holder {
 background-image:url("../images/ipad/ipad-black.png")
}
.promo5 .ipad.ipad-white .ipad-holder {
 background-image:url("../images/ipad/ipad-white.png")
}
.promo5 .ipad .ipad-holder-inner {
 position:absolute;
 width:320px;
 height:428px;
 left:51px;
 top:83px
}
.promo5 .ipad .flexslider .flex-control-nav {
 bottom:-45px
}
.promo5 .ipad:before {
 content:"";
 display:block;
 width:500px;
 height:500px;
 background:url("../images/glow.png") no-repeat left top;
 right:0;
 top:0;
 position:absolute
}
.promo5-landscape {
 padding-bottom:60px
}
.promo5-landscape .flex-control-paging li a {
 background:rgba(255,255,255,0.5);
 -webkit-box-shadow:none;
 -moz-box-shadow:none;
 box-shadow:none
}
.promo5-landscape .flex-control-paging li a.flex-active {
 background:rgba(0,0,0,0.3)
}
.promo5-landscape .overview h2 {
 margin-bottom:0
}
.promo5-landscape .overview .summary {
 max-width:600px;
 margin:0 auto;
 margin-bottom:60px;
 padding-left:0
}
.promo5-landscape .overview .summary li {
 text-align:left;
 background-image:none;
 padding-left:0
}
.promo5-landscape .overview .summary li .svg-inline--fa {
 color:rgba(0,0,0,0.2);
 margin-right:5px
}
.promo5-landscape .overview .download-area {
 max-width:600px;
 margin:0 auto;
 text-align:center;
 display:block
}
.promo5-landscape .overview .btn-group {
 margin-left:0
}
.promo5-landscape .overview .btn-group li:last-child a {
 margin-right:0
}
.promo5-landscape .phone {
 padding-top:45px
}
.promo5-landscape .iphone {
 position:relative;
 margin-bottom:60px
}
.promo5-landscape .iphone .iphone-holder {
 position:relative;
 width:570px;
 height:275px;
 background-repeat:no-repeat;
 background-position:center top
}
.promo5-landscape .iphone.iphone-black .iphone-holder {
 background-image:url("../images/iphone/iphone-black-landscape.png")
}
.promo5-landscape .iphone.iphone-white .iphone-holder {
 background-image:url("../images/iphone/iphone-white.png")
}
.promo5-landscape .iphone .iphone-holder-inner {
 position:absolute;
 width:394px;
 height:222px;
 top:23px;
 left:90px
}
.promo5-landscape .iphone .flexslider .flex-control-nav {
 bottom:-60px
}
.promo5-landscape .iphone:before {
 content:"";
 display:block;
 width:100%;
 height:500px;
 background:url("../images/glow.png") no-repeat center top;
 top:-60px;
 left:0;
 position:absolute
}
.promo5-landscape .android {
 position:relative;
 margin-bottom:60px
}
.promo5-landscape .android .android-holder {
 position:relative;
 width:570px;
 height:290px;
 background-image:url("../images/android/android-black-landscape.png");
 background-repeat:no-repeat;
 background-position:center top
}
.promo5-landscape .android .android-holder-inner {
 position:absolute;
 width:451px;
 height:254px;
 left:66px;
 top:15px
}
.promo5-landscape .android .flexslider .flex-control-nav {
 bottom:-60px
}
.promo5-landscape .android:before {
 content:"";
 display:block;
 width:100%;
 height:500px;
 background:url("../images/glow.png") no-repeat center top;
 top:-60px;
 left:0;
 position:absolute
}
/*promo5 end*/

.features {
 padding:80px 0
}
.features .icon {
 position:relative;
 width:90px;
 height:90px;
 border:3px solid #56bc94;
 -webkit-border-radius:50%;
 -moz-border-radius:50%;
 -ms-border-radius:50%;
 -o-border-radius:50%;
 border-radius:50%;
 -moz-background-clip:padding;
 -webkit-background-clip:padding-box;
 background-clip:padding-box;
 display:table;
 margin:0 auto;
 -webkit-transition:-webkit-transform ease-out 0.2s, background 0.3s;
 -moz-transition:-moz-transform ease-out 0.2s, background 0.3s;
 transition:transform ease-out 0.2s, background 0.3s
}
.features .icon .icon-inner {
 display:table-cell;
 text-align:center;
 vertical-align:middle
}
.features .icon:hover {
 background:#56bc94;
 color:#fff
}
.features .icon:hover .svg-inline--fa {
 color:#fff;
 -webkit-transform:scale(.93);
 -moz-transform:scale(.93);
 -ms-transform:scale(.93);
 -o-transform:scale(.93)
}
.features .icon:hover .pe-icon {
 color:#fff;
 -webkit-transform:scale(.93);
 -moz-transform:scale(.93);
 -ms-transform:scale(.93);
 -o-transform:scale(.93)
}
.features .icon .svg-inline--fa {
 color:#56bc94;
 font-size:46px;
 margin-top:18px
}
.features .icon .pe-icon {
 color:#56bc94;
 font-size:48px;
 display:table-cell;
 text-align:center;
 vertical-align:middle
}
.features .content {
 padding:30px
}
.features .content .title {
 color:#56bc94;
 font-size:18px;
 margin-top:0
}
.features .content p {
 font-weight:300
}
.features .feature-row-last {
 margin-top:30px
}
.features .btn-link {
 color:#56bc94
}
.features .btn-link:hover {
 color:#3fa07a
}
.how {
 background-color:#f5f5f5;
 padding:80px 0
}
.how .content {
 padding:0 30px
}
.how .content .title {
 margin-top:0;
 margin-bottom:30px
}
.how .content .intro {
 margin-bottom:30px;
 font-size:16px;
 font-weight:300;
 color:#777
}
.how .content .note {
 position:relative;
 padding-bottom:42px;
 color:#999
}
.how .content .note .left-arrow {
 position:absolute;
 left:60px;
 top:20px;
 display:inline-block;
 background:url("../images/arrows/down-arrow-left.png") no-repeat left top;
 width:30px;
 height:42px
}
.how .content .note .right-arrow {
 position:absolute;
 right:60px;
 top:20px;
 display:inline-block;
 background:url("../images/arrows/down-arrow-right.png") no-repeat right top;
 width:30px;
 height:42px
}
.how .content .qr-codes .item img {
 margin-bottom:15px;
 max-width:150px
}
.how .content .qr-codes .item p {
 color:#777
}
.how .video-container {
 margin-top:50px
}
.faq {
 padding:80px 0
}
.faq .title {
 margin-bottom:60px
}
.faq .item {
 padding:30px;
 background:#f5f5f5;
 margin-bottom:30px;
 -webkit-border-radius:4px;
 -moz-border-radius:4px;
 -ms-border-radius:4px;
 -o-border-radius:4px;
 border-radius:4px;
 -moz-background-clip:padding;
 -webkit-background-clip:padding-box;
 background-clip:padding-box;
 border-bottom:3px solid #c4e7d9
}
.faq .item .question {
 margin-top:0;
 font-size:18px;
 margin-bottom:15px
}
.faq .item .question .svg-inline--fa {
 margin-right:10px;
 color:#7bcaab
}
.faq .item .answer {
 color:#777;
 font-weight:300
}
.faq .more {
 margin-top:30px
}
.faq .more .title {
 margin-bottom:15px;
 color:#999;
 font-size:18px
}
.faq .more .btn {
 font-size:18px;
 padding-left:30px
}
.faq .more .btn .svg-inline--fa {
 margin-left:5px
}
.story {
 background-color:#ffffff;
 color:#173049;
 padding:80px 0;
 margin-top: 60px;
}
.story .content .title {
 margin-bottom:30px;
 margin-top:0
}
.story .content .para_title {
	font-weight:bold;
}

.story .content p {
 font-size:16px;
 font-weight:300;
 margin-bottom:15px
}

#tos .tos_title {
	color:#000000;
	font-weight:bold;
}
#tos .para_title {
	color:#00B0F0;
	font-weight:bold;
}

#tos_tc .tos_title {
	color:#000000;
	font-weight:bold;
}
#tos_tc .para_title {
	color:#00B0F0;
	font-weight:bold;
	font-size:small;
}
#tos_tc p {
	font-size: small;
	line-height:normal;
}
#tos_tc li {
	font-size: small;
	line-height:normal;
}

.story .team {
 font-size:16px
}
.story .team .member img {
 margin-bottom:15px
}
.story .team .member .name {
 color:#225742;
 margin-bottom:0px
}
.story .team .member .title {
 color:#c4e7d9;
 font-weight:300
}
.story .team .connect {
 color:#fff;
 font-size:26px
}
.story .team .connect a {
 color:#317b5e
}
.story .team .connect a:hover {
 color:#1b4434
}
.testimonials {
 padding:80px 0
}
.testimonials .title {
 margin-bottom:60px
}
.testimonials .item {
 margin-bottom:30px
}
.testimonials .item .quote-box {
 background:#f5f5f5;
 padding:30px;
 -webkit-border-radius:4px;
 -moz-border-radius:4px;
 -ms-border-radius:4px;
 -o-border-radius:4px;
 border-radius:4px;
 -moz-background-clip:padding;
 -webkit-background-clip:padding-box;
 background-clip:padding-box;
 border-top:3px solid #c4e7d9;
 position:relative;
 margin-bottom:23px
}
.testimonials .item .quote-box .svg-inline--fa {
 color:#56bc94;
 font-size:18px;
 position:absolute;
 left:30px;
 top:20px
}
.testimonials .item .quote-box:after {
 content:"";
 display:block;
 width:0;
 height:0;
 border-left:10px solid transparent;
 border-right:10px solid transparent;
 border-top:10px solid #f5f5f5;
 position:absolute;
 bottom:-10px;
 left:55px
}
.testimonials .item .quote {
 border:none;
 padding:0;
 padding-left:20px;
 font-size:16px;
 font-weight:300;
 margin-bottom:0
}
.testimonials .item .people {
 margin-left:20px
}
.testimonials .item .people .user-pic {
 max-width:60px;
 max-height:60px
}
.testimonials .item .people .user-pic,
.testimonials .item .people .user-pic *,
.testimonials .item .people .user-pic *:before,
.testimonials .item .people .user-pic *:after {
 -webkit-box-sizing:content-box;
 -moz-box-sizing:content-box;
 box-sizing:content-box
}
.testimonials .item .people .name {
 display:block
}
.testimonials .item .people .title {
 display:block;
 color:#999
}
.testimonials .press .note {
 color:#56bc94;
 margin-bottom:30px
}
.testimonials .press li {
 margin-right:45px;
 margin-bottom:30px
}
.testimonials .press li.last {
 margin-right:0
}
.testimonials .press li a img {
 -webkit-opacity:.6;
 -moz-opacity:.6;
 opacity:.6;
 -webkit-transition:all 0.4s ease-in-out;
 -moz-transition:all 0.4s ease-in-out;
 -ms-transition:all 0.4s ease-in-out;
 -o-transition:all 0.4s ease-in-out
}
.testimonials .press li a:hover img {
 -webkit-opacity:1;
 -moz-opacity:1;
 opacity:1
}
.pricing {
 background-color:#f5f5f5;
 padding:80px 0
}
.pricing .title {
 margin-bottom:60px;
 margin-top:0
}
.pricing .item {
 padding:30px 15px
}
.pricing .item.best-buy {
 top:-15px
}
.pricing .item.best-buy .heading {
 padding-top:45px
}
.pricing .item.best-buy .content {
 padding-bottom:45px
}
.pricing .item .item-inner {
 background:#fff;
 -webkit-border-radius:4px;
 -moz-border-radius:4px;
 -ms-border-radius:4px;
 -o-border-radius:4px;
 border-radius:4px;
 -moz-background-clip:padding;
 -webkit-background-clip:padding-box;
 background-clip:padding-box;
 position:relative
}
.pricing .item .heading {
 margin-top:0;
 padding:30px 15px;
 background:#c4e7d9;
 position:relative;
 -webkit-border-top-right-radius:4px;
 -webkit-border-bottom-right-radius:0;
 -webkit-border-bottom-left-radius:0;
 -webkit-border-top-left-radius:4px;
 -moz-border-radius-topright:4px;
 -moz-border-radius-bottomright:0;
 -moz-border-radius-bottomleft:0;
 -moz-border-radius-topleft:4px;
 border-top-right-radius:4px;
 border-bottom-right-radius:0;
 border-bottom-left-radius:0;
 border-top-left-radius:4px;
 -moz-background-clip:padding;
 -webkit-background-clip:padding-box;
 background-clip:padding-box
}
.pricing .item .heading .title {
 margin-bottom:30px;
 color:#225742;
 padding-bottom:15px;
 font-size:18px
}
.pricing .item .content {
 padding:30px 15px;
 padding-top:80px
}
.pricing .item .price-figure {
 -webkit-border-radius:50%;
 -moz-border-radius:50%;
 -ms-border-radius:50%;
 -o-border-radius:50%;
 border-radius:50%;
 -moz-background-clip:padding;
 -webkit-background-clip:padding-box;
 background-clip:padding-box;
 margin:0 auto;
 width:120px;
 height:120px;
 background:#56bc94;
 color:#fff;
 padding-top:25px;
 border:5px solid #9fd9c2;
 position:absolute;
 bottom:-50%;
 left:50%;
 margin-left:-60px
}
.pricing .item .price-figure .number {
 font-size:28px
}
.pricing .item .price-figure .unit {
 font-weight:300
}
.pricing .item .price-figure .currency {
 top:-5px;
 position:relative
}
.pricing .item .ribbon {
 position:absolute;
 top:-4px;
 right:-4px;
 width:110px;
 height:110px;
 overflow:hidden
}
.pricing .item .ribbon .text {
 font-family:'Lato', arial, sans-serif;
 position:relative;
 left:-8px;
 top:18px;
 width:158px;
 padding:10px 10px;
 font-size:14px;
 font-weight:bold;
 text-align:center;
 text-transform:uppercase;
 color:#fff;
 background-color:#3fa07a;
 -webkit-transform:rotate(45deg) translate3d(0, 0, 0);
 -moz-transform:rotate(45deg) translate3d(0, 0, 0);
 -ms-transform:rotate(45deg) translate3d(0, 0, 0);
 -o-transform:rotate(45deg) translate3d(0, 0, 0)
}
.pricing .item .ribbon .text:before,
.pricing .item .ribbon .text:after {
 content:'';
 position:absolute;
 bottom:-5px;
 border-top:5px solid #225742;
 border-left:5px solid transparent;
 border-right:5px solid transparent
}
.pricing .item .ribbon .text:before {
 left:0
}
.pricing .item .ribbon .text:after {
 right:0
}
.pricing .item .feature-list {
 margin-bottom:30px
}
.pricing .item .feature-list li {
 border-bottom:1px solid #efefef;
 padding:10px
}
.pricing .item .feature-list li .svg-inline--fa {
 margin-right:5px;
 color:#56bc94
}
.pricing .item .feature-list li.disabled {
 color:#999
}
.pricing .item .feature-list li.disabled .svg-inline--fa {
 color:#999
}
.contact {
 background-color:#56bc94;
 color:#fff;
 padding:80px 0;
 margin-top: 60px;
}
.contact .title {
 margin-bottom:30px;
 margin-top:0
}
.contact .intro p {
 font-size:16px;
 font-weight:300;
 padding-bottom: 30px;
}
.contact .intro ul {
 margin-bottom:30px;
 margin-top:30px
}
.contact .intro li {
 margin-bottom:10px;
 color:#317b5e;
 font-size:16px
}
.contact .intro li .svg-inline--fa {
 margin-right:10px
}
.contact .intro li a {
 color:#317b5e
}
.contact .intro li a:hover {
 color:#225742
}
.contact .contact-form .form-control {
 border-color:#fff;
 height:auto;
 padding:10px 15px
}
.contact .contact-form .btn-theme {
 background-color:#317b5e;
 margin-top:15px
}
.contact .social-icons {
 display:inline-block;
 margin:0 auto;
 margin-top:60px
}
.section-404 {
 background-color:#56bc94;
 padding-top:80px;
 padding-bottom:200px;
 color:#fff
}
.section-404 .title-404 {
 font-size:120px;
 color:#fff;
 text-shadow:0 1px 1px rgba(0,0,0,0.3)
}
.section-404 .intro {
 font-size:20px;
 color:#fff
}
.section-404 .guide {
 font-size:16px
}
.section-404 .btn-theme {
 background-color:#317b5e;
 margin-top:30px
}
.modal {
 z-index:10050
}
.modal .modal-header {
 border-bottom:none;
 padding-bottom:30px;
 justify-content:center !important
}
.modal .modal-title {
 color:#56bc94;
 font-size:1.3rem
}
.modal .modal-body {
 padding:30px;
 padding-top:0
}
.modal .modal-footer {
 border-top-color:#efefef
}
.modal .figure {
 text-align:center;
 margin-bottom:30px
}
.modal .figure img {
 margin:0 auto
}
.modal .figure .caption {
 color:#999;
 font-style:italic;
 padding:10px
}
.modal .content ul {
 margin-left:30px
}
.modal .content ul .svg-inline--fa {
 margin-right:5px;
 color:#56bc94
}
.modal .quote {
 margin:15px 0;
 border-left:4px solid #9fd9c2;
 padding-left:15px
}
.modal .quote p {
 font-size:0.9rem;
 color:#777;
 line-height:1.5;
 font-style:italic
}
.modal .quote .svg-inline--fa {
 color:#56bc94;
 margin-right:10px
}
.modal .quote .people {
 margin-top:10px;
 font-size:13px;
 color:#173049;
 font-style:normal
}
.modal .quote .people .name {
 color:#56bc94
}
.modal .close {
 position:absolute;
 right:15px;
 top:12px;
 z-index:10;
 -webkit-opacity:.4;
 -moz-opacity:.4;
 opacity:.4
}
.modal .close:hover {
 -webkit-opacity:.6;
 -moz-opacity:.6;
 opacity:.6
}
@media (max-width: 767px) {
 .navbar-toggle {
  margin-right:0
 }
 .header h1.logo {
  float:none !important
 }
 .header .main-nav {
  padding:0
 }
 .header .navbar-nav {
  padding-top:15px
 }
 .header .main-nav .nav .nav-item a {
  display:block
 }
 .promo .overview h2 {
 font-size:40px;
 padding-top: 0px;
/* margin-bottom:35px;
 text-shadow:0 1px 1px rgba(0,0,0,0.3)*/
}
 .promo .overview .download-area li {
  margin-right:0
 }
 .promo .overview .summary li {
  font-size:18px
 }
 .promo .overview .note .left-arrow {
  left:0
 }
 .promo .overview .note .right-arrow {
  right:0
 }
 .promo .overview .summary {
  margin-left:0;
  padding-top: 0px;
  padding-bottom: 0px;
 }
 .promo .overview {
  text-align:center
 }
 .promo .overview .summary {
  margin-left:0
 }
 .promo .overview .summary li {
  text-align:left
 }
 .promo .overview .download-area {
  margin:0 auto;
  padding-bottom: 0px;
 }
 .promo .phone {
  text-align:center
 }
 .promo .phone .phone-holder {
  margin:0 auto;
  width:auto
 }
 .promo .ipad {
  text-align:center
 }
 .promo .ipad .ipad-holder {
  margin:0 auto
 }
 .promo .iphone .iphone-holder {
  width:260px;
  height:488px;
  -webkit-background-size:contain;
  -moz-background-size:contain;
  -o-background-size:contain;
  background-size:contain;
  margin-bottom:30px
 }
 .promo .iphone .iphone-holder-inner {
  width:181px;
  height:auto;
  left:41px;
  top:83px
 }
 .promo .iphone.iphone-x .iphone-holder .iphone-holder-inner {
  width:189px;
  height:407px;
  left:36px;
  top:35px
 }
 .promo .iphone .flexslider .flex-control-nav {
  bottom:-43px
 }
 .promo .android .android-holder {
  width:260px;
  height:488px;
  -webkit-background-size:contain;
  -moz-background-size:contain;
  -o-background-size:contain;
  background-size:contain;
  margin-bottom:30px
 }
 .promo .android .android-holder-inner {
  width:207px;
  height:auto;
  left:28px;
  top:58px
 }
 .promo .android .flexslider .flex-control-nav {
  bottom:-33px
 }
 .promo .ipad .ipad-holder {
  width:260px;
  height:420px;
  -webkit-background-size:contain;
  -moz-background-size:contain;
  -o-background-size:contain;
  background-size:contain
 }
 .promo .ipad .ipad-holder-inner {
  width:199px;
  height:auto;
  left:31px;
  top:50px
 }
 .promo .ipad .flexslider .flex-control-nav {
  bottom:-33px
 }
 .promo .overview .note .left-arrow {
  -webkit-background-size:30px auto;
  -moz-background-size:30px auto;
  -o-background-size:30px auto;
  background-size:30px auto
 }
 .promo .overview .note .right-arrow {
  -webkit-background-size:30px auto;
  -moz-background-size:30px auto;
  -o-background-size:30px auto;
  background-size:30px auto
 }
 .promo-landscape .iphone .iphone-holder {
  width:260px;
  height:125px;
  -webkit-background-size:contain;
  -moz-background-size:contain;
  -o-background-size:contain;
  background-size:contain
 }
 .promo-landscape .iphone .iphone-holder-inner {
  width:180px;
  height:394px;
  left:41px;
  top:10px
 }
 .promo-landscape .iphone:before {
  -webkit-background-size:contain;
  -moz-background-size:contain;
  -o-background-size:contain;
  background-size:contain
 }
 .promo-landscape .android .android-holder {
  width:260px;
  height:132px;
  -webkit-background-size:contain;
  -moz-background-size:contain;
  -o-background-size:contain;
  background-size:contain
 }
 .promo-landscape .android .android-holder-inner {
  width:207px;
  height:117px;
  left:29px;
  top:6px
 }
 .promo-landscape .android .flexslider .flex-control-nav {
  bottom:-45px
 }
 .promo-landscape .android:before {
  -webkit-background-size:contain;
  -moz-background-size:contain;
  -o-background-size:contain;
  background-size:contain
 }
 .promo .overview .btn-group li {
  display:block
 }
 .promo-landscape .overview .btn-group li a {
  margin-right:0
 }
 .promo-landscape .overview .summary {
  margin-left:auto
 }
 .promo-landscape .overview .summary li {
  text-align:center
 }
 /*promo2 start*/
 .promo2 .overview .download-area li {
  margin-right:0
 }
 .promo2 .overview .summary li {
  font-size:18px
 }
 .promo2 .overview .note .left-arrow {
  left:0
 }
 .promo2 .overview .note .right-arrow {
  right:0
 }
 .promo2 .overview .summary {
  margin-left:0
 }
 .promo2 .overview {
  text-align:center
 }
 .promo2 .overview .summary {
  margin-left:0
 }
 .promo2 .overview .summary li {
  text-align:left
 }
 .promo2 .overview .download-area {
  margin:0 auto
 }
 .promo2 .phone {
  text-align:center
 }
 .promo2 .phone .phone-holder {
  margin:0 auto;
  width:auto
 }
 .promo2 .ipad {
  text-align:center
 }
 .promo2 .ipad .ipad-holder {
  margin:0 auto
 }
 .promo2 .iphone .iphone-holder {
  width:260px;
  height:488px;
  -webkit-background-size:contain;
  -moz-background-size:contain;
  -o-background-size:contain;
  background-size:contain;
  margin-bottom:30px
 }
 .promo2 .iphone .iphone-holder-inner {
  width:181px;
  height:auto;
  left:41px;
  top:83px
 }
 .promo2 .iphone.iphone-x .iphone-holder .iphone-holder-inner {
  width:189px;
  height:407px;
  left:36px;
  top:35px
 }
 .promo2 .iphone .flexslider .flex-control-nav {
  bottom:-43px
 }
 .promo2 .android .android-holder {
  width:260px;
  height:488px;
  -webkit-background-size:contain;
  -moz-background-size:contain;
  -o-background-size:contain;
  background-size:contain;
  margin-bottom:30px
 }
 .promo2 .android .android-holder-inner {
  width:207px;
  height:auto;
  left:28px;
  top:58px
 }
 .promo2 .android .flexslider .flex-control-nav {
  bottom:-33px
 }
 .promo2 .ipad .ipad-holder {
  width:260px;
  height:420px;
  -webkit-background-size:contain;
  -moz-background-size:contain;
  -o-background-size:contain;
  background-size:contain
 }
 .promo2 .ipad .ipad-holder-inner {
  width:199px;
  height:auto;
  left:31px;
  top:50px
 }
 .promo2 .ipad .flexslider .flex-control-nav {
  bottom:-33px
 }
 .promo2 .overview .note .left-arrow {
  -webkit-background-size:30px auto;
  -moz-background-size:30px auto;
  -o-background-size:30px auto;
  background-size:30px auto
 }
 .promo2 .overview .note .right-arrow {
  -webkit-background-size:30px auto;
  -moz-background-size:30px auto;
  -o-background-size:30px auto;
  background-size:30px auto
 }
 .promo2-landscape .iphone .iphone-holder {
  width:260px;
  height:125px;
  -webkit-background-size:contain;
  -moz-background-size:contain;
  -o-background-size:contain;
  background-size:contain
 }
 .promo2-landscape .iphone .iphone-holder-inner {
  width:180px;
  height:394px;
  left:41px;
  top:10px
 }
 .promo2-landscape .iphone:before {
  -webkit-background-size:contain;
  -moz-background-size:contain;
  -o-background-size:contain;
  background-size:contain
 }
 .promo2-landscape .android .android-holder {
  width:260px;
  height:132px;
  -webkit-background-size:contain;
  -moz-background-size:contain;
  -o-background-size:contain;
  background-size:contain
 }
 .promo2-landscape .android .android-holder-inner {
  width:207px;
  height:117px;
  left:29px;
  top:6px
 }
 .promo2-landscape .android .flexslider .flex-control-nav {
  bottom:-45px
 }
 .promo2-landscape .android:before {
  -webkit-background-size:contain;
  -moz-background-size:contain;
  -o-background-size:contain;
  background-size:contain
 }
 .promo2 .overview .btn-group li {
  display:block
 }
 .promo2-landscape .overview .btn-group li a {
  margin-right:0
 }
 .promo2-landscape .overview .summary {
  margin-left:auto
 }
 .promo2-landscape .overview .summary li {
  text-align:center
 }
 /*promo2 end*/

 /*promo3 start*/
 .promo3 .overview .download-area li {
  margin-right:0
 }
 .promo3 .overview .summary li {
  font-size:18px
 }
 .promo3 .overview .note .left-arrow {
  left:0
 }
 .promo3 .overview .note .right-arrow {
  right:0
 }
 .promo3 .overview .summary {
  margin-left:0
 }
 .promo3 .overview {
  text-align:center
 }
 .promo3 .overview .summary {
  margin-left:0
 }
 .promo3 .overview .summary li {
  text-align:left
 }
 .promo3 .overview .download-area {
  margin:0 auto
 }
 .promo3 .phone {
  text-align:center
 }
 .promo3 .phone .phone-holder {
  margin:0 auto;
  width:auto
 }
 .promo3 .ipad {
  text-align:center
 }
 .promo3 .ipad .ipad-holder {
  margin:0 auto
 }
 .promo3 .iphone .iphone-holder {
  width:260px;
  height:488px;
  -webkit-background-size:contain;
  -moz-background-size:contain;
  -o-background-size:contain;
  background-size:contain;
  margin-bottom:30px
 }
 .promo3 .iphone .iphone-holder-inner {
  width:181px;
  height:auto;
  left:41px;
  top:83px
 }
 .promo3 .iphone.iphone-x .iphone-holder .iphone-holder-inner {
  width:189px;
  height:407px;
  left:36px;
  top:35px
 }
 .promo3 .iphone .flexslider .flex-control-nav {
  bottom:-43px
 }
 .promo3 .android .android-holder {
  width:260px;
  height:488px;
  -webkit-background-size:contain;
  -moz-background-size:contain;
  -o-background-size:contain;
  background-size:contain;
  margin-bottom:30px
 }
 .promo3 .android .android-holder-inner {
  width:207px;
  height:auto;
  left:28px;
  top:58px
 }
 .promo3 .android .flexslider .flex-control-nav {
  bottom:-33px
 }
 .promo3 .ipad .ipad-holder {
  width:260px;
  height:420px;
  -webkit-background-size:contain;
  -moz-background-size:contain;
  -o-background-size:contain;
  background-size:contain
 }
 .promo3 .ipad .ipad-holder-inner {
  width:199px;
  height:auto;
  left:31px;
  top:50px
 }
 .promo3 .ipad .flexslider .flex-control-nav {
  bottom:-33px
 }
 .promo3 .overview .note .left-arrow {
  -webkit-background-size:30px auto;
  -moz-background-size:30px auto;
  -o-background-size:30px auto;
  background-size:30px auto
 }
 .promo3 .overview .note .right-arrow {
  -webkit-background-size:30px auto;
  -moz-background-size:30px auto;
  -o-background-size:30px auto;
  background-size:30px auto
 }
 .promo3-landscape .iphone .iphone-holder {
  width:260px;
  height:125px;
  -webkit-background-size:contain;
  -moz-background-size:contain;
  -o-background-size:contain;
  background-size:contain
 }
 .promo3-landscape .iphone .iphone-holder-inner {
  width:180px;
  height:394px;
  left:41px;
  top:10px
 }
 .promo3-landscape .iphone:before {
  -webkit-background-size:contain;
  -moz-background-size:contain;
  -o-background-size:contain;
  background-size:contain
 }
 .promo3-landscape .android .android-holder {
  width:260px;
  height:132px;
  -webkit-background-size:contain;
  -moz-background-size:contain;
  -o-background-size:contain;
  background-size:contain
 }
 .promo3-landscape .android .android-holder-inner {
  width:207px;
  height:117px;
  left:29px;
  top:6px
 }
 .promo3-landscape .android .flexslider .flex-control-nav {
  bottom:-45px
 }
 .promo3-landscape .android:before {
  -webkit-background-size:contain;
  -moz-background-size:contain;
  -o-background-size:contain;
  background-size:contain
 }
 .promo3 .overview .btn-group li {
  display:block
 }
 .promo3-landscape .overview .btn-group li a {
  margin-right:0
 }
 .promo3-landscape .overview .summary {
  margin-left:auto
 }
 .promo3-landscape .overview .summary li {
  text-align:center
 }
 /*promo3 end*/
 /*promo4 start*/
 .promo4 .overview .download-area li {
  margin-right:0
 }
 .promo4 .overview .summary li {
  font-size:18px
 }
 .promo4 .overview .note .left-arrow {
  left:0
 }
 .promo4 .overview .note .right-arrow {
  right:0
 }
 .promo4 .overview .summary {
  margin-left:0
 }
 .promo4 .overview {
  text-align:center
 }
 .promo4 .overview .summary {
  margin-left:0
 }
 .promo4 .overview .summary li {
  text-align:left
 }
 .promo4 .overview .download-area {
  margin:0 auto
 }
 .promo4 .phone {
  text-align:center
 }
 .promo4 .phone .phone-holder {
  margin:0 auto;
  width:auto
 }
 .promo4 .ipad {
  text-align:center
 }
 .promo4 .ipad .ipad-holder {
  margin:0 auto
 }
 .promo4 .iphone .iphone-holder {
  width:260px;
  height:488px;
  -webkit-background-size:contain;
  -moz-background-size:contain;
  -o-background-size:contain;
  background-size:contain;
  margin-bottom:30px
 }
 .promo4 .iphone .iphone-holder-inner {
  width:181px;
  height:auto;
  left:41px;
  top:83px
 }
 .promo4 .iphone.iphone-x .iphone-holder .iphone-holder-inner {
  width:189px;
  height:407px;
  left:36px;
  top:35px
 }
 .promo4 .iphone .flexslider .flex-control-nav {
  bottom:-43px
 }
 .promo4 .android .android-holder {
  width:260px;
  height:488px;
  -webkit-background-size:contain;
  -moz-background-size:contain;
  -o-background-size:contain;
  background-size:contain;
  margin-bottom:30px
 }
 .promo4 .android .android-holder-inner {
  width:207px;
  height:auto;
  left:28px;
  top:58px
 }
 .promo4 .android .flexslider .flex-control-nav {
  bottom:-33px
 }
 .promo4 .ipad .ipad-holder {
  width:260px;
  height:420px;
  -webkit-background-size:contain;
  -moz-background-size:contain;
  -o-background-size:contain;
  background-size:contain
 }
 .promo4 .ipad .ipad-holder-inner {
  width:199px;
  height:auto;
  left:31px;
  top:50px
 }
 .promo4 .ipad .flexslider .flex-control-nav {
  bottom:-33px
 }
 .promo4 .overview .note .left-arrow {
  -webkit-background-size:30px auto;
  -moz-background-size:30px auto;
  -o-background-size:30px auto;
  background-size:30px auto
 }
 .promo4 .overview .note .right-arrow {
  -webkit-background-size:30px auto;
  -moz-background-size:30px auto;
  -o-background-size:30px auto;
  background-size:30px auto
 }
 .promo4-landscape .iphone .iphone-holder {
  width:260px;
  height:125px;
  -webkit-background-size:contain;
  -moz-background-size:contain;
  -o-background-size:contain;
  background-size:contain
 }
 .promo4-landscape .iphone .iphone-holder-inner {
  width:180px;
  height:394px;
  left:41px;
  top:10px
 }
 .promo4-landscape .iphone:before {
  -webkit-background-size:contain;
  -moz-background-size:contain;
  -o-background-size:contain;
  background-size:contain
 }
 .promo4-landscape .android .android-holder {
  width:260px;
  height:132px;
  -webkit-background-size:contain;
  -moz-background-size:contain;
  -o-background-size:contain;
  background-size:contain
 }
 .promo4-landscape .android .android-holder-inner {
  width:207px;
  height:117px;
  left:29px;
  top:6px
 }
 .promo4-landscape .android .flexslider .flex-control-nav {
  bottom:-45px
 }
 .promo4-landscape .android:before {
  -webkit-background-size:contain;
  -moz-background-size:contain;
  -o-background-size:contain;
  background-size:contain
 }
 .promo4 .overview .btn-group li {
  display:block
 }
 .promo4-landscape .overview .btn-group li a {
  margin-right:0
 }
 .promo4-landscape .overview .summary {
  margin-left:auto
 }
 .promo4-landscape .overview .summary li {
  text-align:center
 }
 /*promo4 end*/
 /*promo5 start*/
.promo5 .overview h2 {
 font-size:40px;
/* margin-bottom:35px;
 text-shadow:0 1px 1px rgba(0,0,0,0.3)*/
}
 .promo5 .overview .download-area li {
  margin-right:0
 }
 .promo5 .overview .summary li {
  font-size:18px
 }
 .promo5 .overview .note .left-arrow {
  left:0
 }
 .promo5 .overview .note .right-arrow {
  right:0
 }
 .promo5 .overview .summary {
  margin-left:0
 }
 .promo5 .overview {
  text-align:center
 }
 .promo5 .overview .summary {
  margin-left:0
 }
 .promo5 .overview .summary li {
  text-align:left
 }
 .promo5 .overview .download-area {
  margin:0 auto
 }
 .promo5 .phone {
  text-align:center
 }
 .promo5 .phone .phone-holder {
  margin:0 auto;
  width:auto
 }
 .promo5 .ipad {
  text-align:center
 }
 .promo5 .ipad .ipad-holder {
  margin:0 auto
 }
 .promo5 .iphone .iphone-holder {
  width:260px;
  height:488px;
  -webkit-background-size:contain;
  -moz-background-size:contain;
  -o-background-size:contain;
  background-size:contain;
  margin-bottom:30px
 }
 .promo5 .iphone .iphone-holder-inner {
  width:181px;
  height:auto;
  left:41px;
  top:83px
 }
 .promo5 .iphone.iphone-x .iphone-holder .iphone-holder-inner {
  width:189px;
  height:407px;
  left:36px;
  top:35px
 }
 .promo5 .iphone .flexslider .flex-control-nav {
  bottom:-43px
 }
 .promo5 .android .android-holder {
  width:260px;
  height:488px;
  -webkit-background-size:contain;
  -moz-background-size:contain;
  -o-background-size:contain;
  background-size:contain;
  margin-bottom:30px
 }
 .promo5 .android .android-holder-inner {
  width:207px;
  height:auto;
  left:28px;
  top:58px
 }
 .promo5 .android .flexslider .flex-control-nav {
  bottom:-33px
 }
 .promo5 .ipad .ipad-holder {
  width:260px;
  height:420px;
  -webkit-background-size:contain;
  -moz-background-size:contain;
  -o-background-size:contain;
  background-size:contain
 }
 .promo5 .ipad .ipad-holder-inner {
  width:199px;
  height:auto;
  left:31px;
  top:50px
 }
 .promo5 .ipad .flexslider .flex-control-nav {
  bottom:-33px
 }
 .promo5 .overview .note .left-arrow {
  -webkit-background-size:30px auto;
  -moz-background-size:30px auto;
  -o-background-size:30px auto;
  background-size:30px auto
 }
 .promo5 .overview .note .right-arrow {
  -webkit-background-size:30px auto;
  -moz-background-size:30px auto;
  -o-background-size:30px auto;
  background-size:30px auto
 }
 .promo5-landscape .iphone .iphone-holder {
  width:260px;
  height:125px;
  -webkit-background-size:contain;
  -moz-background-size:contain;
  -o-background-size:contain;
  background-size:contain
 }
 .promo5-landscape .iphone .iphone-holder-inner {
  width:180px;
  height:394px;
  left:41px;
  top:10px
 }
 .promo5-landscape .iphone:before {
  -webkit-background-size:contain;
  -moz-background-size:contain;
  -o-background-size:contain;
  background-size:contain
 }
 .promo5-landscape .android .android-holder {
  width:260px;
  height:132px;
  -webkit-background-size:contain;
  -moz-background-size:contain;
  -o-background-size:contain;
  background-size:contain
 }
 .promo5-landscape .android .android-holder-inner {
  width:207px;
  height:117px;
  left:29px;
  top:6px
 }
 .promo5-landscape .android .flexslider .flex-control-nav {
  bottom:-45px
 }
 .promo5-landscape .android:before {
  -webkit-background-size:contain;
  -moz-background-size:contain;
  -o-background-size:contain;
  background-size:contain
 }
 .promo5 .overview .btn-group li {
  display:block
 }
 .promo5-landscape .overview .btn-group li a {
  margin-right:0
 }
 .promo5-landscape .overview .summary {
  margin-left:auto
 }
 .promo5-landscape .overview .summary li {
  text-align:center
 }
/*promo5 end*/

}
@media (min-width: 768px) {
 .promo .overview {
  text-align:center
 }
 .promo .overview .summary {
  margin-left:60px
 }
 .promo .overview .summary li {
  text-align:left
 }
 .promo .overview .download-area {
  margin:0 auto
 }
 .promo .phone {
  text-align:center
 }
 .promo .phone .phone-holder {
  margin:0 auto
 }
 .promo .ipad {
  text-align:center
 }
 .promo .ipad .ipad-holder {
  margin:0 auto
 }
 .header .main-nav .nav .nav-item a {
  padding:15px 10px
 }
 .promo-landscape .overview .summary {
  margin-left:auto
 }
 .promo-landscape .overview .summary li {
  text-align:center
 }
 /*promo2 start*/
 .promo2 .overview {
  text-align:center
 }
 .promo2 .overview .summary {
  margin-left:60px
 }
 .promo2 .overview .summary li {
  text-align:left
 }
 .promo2 .overview .download-area {
  margin:0 auto
 }
 .promo2 .phone {
  text-align:center
 }
 .promo2 .phone .phone-holder {
  margin:0 auto
 }
 .promo2 .ipad {
  text-align:center
 }
 .promo2 .ipad .ipad-holder {
  margin:0 auto
 }
 .header .main-nav .nav .nav-item a {
  padding:15px 10px
 }
 .promo2-landscape .overview .summary {
  margin-left:auto
 }
 .promo2-landscape .overview .summary li {
  text-align:center
 }
 /*promo2 end*/
/*promo3 start*/
 .promo3 .overview {
  text-align:center
 }
 .promo3 .overview .summary {
  margin-left:60px
 }
 .promo3 .overview .summary li {
  text-align:left
 }
 .promo3 .overview .download-area {
  margin:0 auto
 }
 .promo3 .phone {
  text-align:center
 }
 .promo3 .phone .phone-holder {
  margin:0 auto
 }
 .promo3 .ipad {
  text-align:center
 }
 .promo3 .ipad .ipad-holder {
  margin:0 auto
 }
 .header .main-nav .nav .nav-item a {
  padding:15px 10px
 }
 .promo3-landscape .overview .summary {
  margin-left:auto
 }
 .promo3-landscape .overview .summary li {
  text-align:center
 }
 /*promo3 end*/
 /*promo4 start*/
 .promo4 .overview {
  text-align:center
 }
 .promo4 .overview .summary {
  margin-left:60px
 }
 .promo4 .overview .summary li {
  text-align:left
 }
 .promo4 .overview .download-area {
  margin:0 auto
 }
 .promo4 .phone {
  text-align:center
 }
 .promo4 .phone .phone-holder {
  margin:0 auto
 }
 .promo4 .ipad {
  text-align:center
 }
 .promo4 .ipad .ipad-holder {
  margin:0 auto
 }
 .header .main-nav .nav .nav-item a {
  padding:15px 10px
 }
 .promo4-landscape .overview .summary {
  margin-left:auto
 }
 .promo4-landscape .overview .summary li {
  text-align:center
 }

 /*promo4 end*/
 /*promo5 start*/
.promo5 .overview {
  text-align:center
 }
 .promo5 .overview .summary {
  margin-left:60px
 }
 .promo5 .overview .summary li {
  text-align:left
 }
 .promo5 .overview .download-area {
  margin:0 auto
 }
 .promo5 .phone {
  text-align:center
 }
 .promo5 .phone .phone-holder {
  margin:0 auto
 }
 .promo5 .ipad {
  text-align:center
 }
 .promo5 .ipad .ipad-holder {
  margin:0 auto
 }
 .header .main-nav .nav .nav-item a {
  padding:15px 10px
 }
 .promo5-landscape .overview .summary {
  margin-left:auto
 }
 .promo5-landscape .overview .summary li {
  text-align:center
 }
/*promo5 end*/
}
@media (min-width: 992px) {
 .promo .overview {
  text-align:left
 }
 .promo .overview .summary {
  margin-left:0
 }
 .promo .overview .summary li {
  text-align:left
 }
 .promo .phone {
  text-align:left
 }
 .promo .ipad {
  text-align:left
 }
 .header .main-nav .nav .nav-item a {
  padding:15px 20px
 }
 .modal-lg {
  width:780px
 }
 .promo-landscape .overview {
  text-align:center
 }
 .promo-landscape .overview .summary {
  margin-left:auto
 }
 .promo-landscape .overview .summary li {
  text-align:center
 }
 /*promo2 start*/
 .promo2 .overview {
  text-align:left
 }
 .promo2 .overview .summary {
  margin-left:0
 }
 .promo2 .overview .summary li {
  text-align:left
 }
 .promo2 .phone {
  text-align:left
 }
 .promo2 .ipad {
  text-align:left
 }
 .header .main-nav .nav .nav-item a {
  padding:15px 20px
 }
 .modal-lg {
  width:780px
 }
 .promo2-landscape .overview {
  text-align:center
 }
 .promo2-landscape .overview .summary {
  margin-left:auto
 }
 .promo2-landscape .overview .summary li {
  text-align:center
 }
 /*promo2 end*/
 /*promo3 start*/
 .promo3 .overview {
  text-align:left
 }
 .promo3 .overview .summary {
  margin-left:0
 }
 .promo3 .overview .summary li {
  text-align:left
 }
 .promo3 .phone {
  text-align:left
 }
 .promo3 .ipad {
  text-align:left
 }
 .header .main-nav .nav .nav-item a {
  padding:15px 20px
 }
 .modal-lg {
  width:780px
 }
 .promo3-landscape .overview {
  text-align:center
 }
 .promo3-landscape .overview .summary {
  margin-left:auto
 }
 .promo3-landscape .overview .summary li {
  text-align:center
 }
 /*promo3 end*/
 /*promo4 start*/
 .promo4 .overview {
  text-align:left
 }
 .promo4 .overview .summary {
  margin-left:0
 }
 .promo4 .overview .summary li {
  text-align:left
 }
 .promo4 .phone {
  text-align:left
 }
 .promo4 .ipad {
  text-align:left
 }
 .header .main-nav .nav .nav-item a {
  padding:15px 20px
 }
 .modal-lg {
  width:780px
 }
 .promo4-landscape .overview {
  text-align:center
 }
 .promo4-landscape .overview .summary {
  margin-left:auto
 }
 .promo4-landscape .overview .summary li {
  text-align:center
 }
 /*promo3 end*/
 /*promo5 start*/
.promo5 .overview {
  text-align:left
 }
 .promo5 .overview .summary {
  margin-left:0
 }
 .promo5 .overview .summary li {
  text-align:left
 }
 .promo5 .phone {
  text-align:left
 }
 .promo5 .ipad {
  text-align:left
 }
 .header .main-nav .nav .nav-item a {
  padding:15px 20px
 }
 .modal-lg {
  width:780px
 }
 .promo5-landscape .overview {
  text-align:center
 }
 .promo5-landscape .overview .summary {
  margin-left:auto
 }
 .promo5-landscape .overview .summary li {
  text-align:center
 }
/*promo5 end*/
}
}
.config-wrapper {
 position:absolute;
 top:100px;
 right:0;
 z-index:20
}
.config-wrapper-inner {
 position:relative
}
.config-trigger {
 display:block;
 position:absolute;
 left:-36px;
 width:36px;
 height:36px;
 background:#173049;
 color:#fff;
 text-align:center;
 -webkit-border-top-right-radius:0;
 -webkit-border-bottom-right-radius:0;
 -webkit-border-bottom-left-radius:4px;
 -webkit-border-top-left-radius:4px;
 -moz-border-radius-topright:0;
 -moz-border-radius-bottomright:0;
 -moz-border-radius-bottomleft:4px;
 -moz-border-radius-topleft:4px;
 border-top-right-radius:0;
 border-bottom-right-radius:0;
 border-bottom-left-radius:4px;
 border-top-left-radius:4px;
 -moz-background-clip:padding;
 -webkit-background-clip:padding-box;
 background-clip:padding-box
}
.config-trigger:hover {
 background:#000
}
.config-trigger .svg-inline--fa {
 font-size:22px;
 margin-top:7px;
 display:block;
 color:#fff
}
.config-panel {
 width:190px;
 display:none;
 background:#173049;
 color:#fff;
 padding:15px;
 -webkit-border-top-right-radius:0;
 -webkit-border-bottom-right-radius:0;
 -webkit-border-bottom-left-radius:4px;
 -webkit-border-top-left-radius:0;
 -moz-border-radius-topright:0;
 -moz-border-radius-bottomright:0;
 -moz-border-radius-bottomleft:4px;
 -moz-border-radius-topleft:0;
 border-top-right-radius:0;
 border-bottom-right-radius:0;
 border-bottom-left-radius:4px;
 border-top-left-radius:0;
 -moz-background-clip:padding;
 -webkit-background-clip:padding-box;
 background-clip:padding-box
}
.config-panel h5 {
 font-size:1rem
}
.config-panel h5.device-title {
 margin-bottom:5px
}
.config-panel #color-options {
 margin-bottom:15px
}
.config-panel .device-options {
 margin-bottom:0
}
.config-panel .device-options a {
 color:#56bc94;
 font-size:0.8rem
}
.config-panel .device-options a:hover {
 color:#7bcaab
}
.config-panel .device-options li.active a {
 color:#8dd2b7
}
.config-panel #color-options li a {
 display:block;
 width:20px;
 height:20px;
 border:2px solid transparent
}
.config-panel #color-options li a:hover {
 -webkit-opacity:.9;
 -moz-opacity:.9;
 opacity:.9;
 border:2px solid rgba(255,255,255,0.8)
}
.config-panel #color-options li.active a {
 border:2px solid #fff
}
.config-panel #color-options li.theme-1 a {
 background:#56bc94
}
.config-panel #color-options li.theme-2 a {
 background-color:#28A5A8
}
.config-panel #color-options li.theme-3 a {
 background-color:#7CB75E
}
.config-panel #color-options li.theme-4 a {
 background-color:#286da8
}
.config-panel #color-options li.theme-5 a {
 background-color:#37ba67
}
.config-panel #color-options li.theme-6 a {
 background-color:#f8a842
}
.config-panel #color-options li.theme-7 a {
 background-color:#737F97
}
.config-panel #color-options li.theme-8 a {
 background-color:#DE5A6A
}
.config-panel #color-options li.theme-9 a {
 background-color:#a83f73
}
.config-panel #color-options li.theme-10 a {
 background-color:#7A3FA8
}
.config-panel .close {
 position:absolute;
 right:5px;
 top:5px;
 color:#fff;
 font-size:18px
}
.config-panel .close .svg-inline--fa {
 color:#fff
}