/*-----------------------------------*/
/*------------Reset Styles-----------*/
/*-----------------------------------*/
body, html { margin: 0; padding: 0; outline: none; }
article, aside, footer, header, nav, section { display: block; }
body { color: #616161; font: 200 16px/22px 'Raleway', sans-serif; }
h1, h2, h3, h4 { margin: 0; padding: 0; font-weight: normal; }
strong { font-weight: 800; font-family: 'Raleway', sans-serif;}
p { margin: 0; padding: 0; }
img { border: none; outline: none; }
button { padding: 0; background: transparent; border: none; }
button:focus { outline: none; }
form, input, textarea { margin: 0; padding: 0; outline: none; border: none; border-radius: 0; -webkit-appearance:none; }
input[type="text"], input[type="email"], input[type="search"], select, textarea { font: 200 16px/22px 'Raleway', sans-serif; color: #616161; background: #fafafa; border: 1px solid #e0e0e0; padding: 12px 19px 14px; }
textarea { min-height: 120px; resize: none; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #616161; }
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #616161; }
input:-moz-placeholder, textarea:-moz-placeholder { opacity: 1; color: #616161; }
input::-moz-placeholder, textarea::-moz-placeholder { opacity: 1; color: #616161; }
a, a:hover, a:focus { transition: all 0.3s; color: #616161; text-decoration: none; outline: none; }
a:hover { color: #00b0ff; }
.main-menu, .about-us .links-to-product .follow-us ul, footer .social ul { padding: 0; margin: 0; list-style: none; }
/*-----------------------------------*/
/*------------Custom Buttons---------*/
/*-----------------------------------*/
#back-to-top {  padding-top: 8px; z-index: 5; color: #616161; display: block; width: 40px; height: 40px; text-align: center; position: fixed; bottom: 60px; right: 15px; }
#back-to-top i { font-size: 20px; }
#back-to-top:hover { box-shadow: 0 0 5px 0 rgba(33, 33, 33, 0.5); background: #757575; color: #fff; text-decoration: none; }
/*-----------------------------------*/
/*-----------Success Message---------*/
/*-----------------------------------*/
.success-message { transition: all 0.3s; position: absolute; top: 0; left: 0; width: 100%; overflow: hidden; z-index: 100; }
.success-message .alert { border-radius: 0; background: rgba(0,176,255,0.8); margin: 0; border: 0; color: #fff; }
.success-message .alert .close { color: #fff; text-shadow: none; opacity: 1; }
.success-message .alert .close:hover { color: #616161; }
/*-----------------------------------*/
/*------------Main Styles------------*/
/*-----------------------------------*/
#main { min-width: 320px; position: relative; width: 100%; background: #fff; }
/*-----------------------------------*/
/*---------------Header--------------*/
/*-----------------------------------*/
header { position: fixed; width: 100%; z-index: 5; transition: all 0.3s; padding-top: 43px; }
header h1 { font-weight: 800; color: #fff; font-size: 1.875em; }
header h1 a { color: #fff; }
header h1 a:hover, header h1 a:focus { color: #fff; text-decoration: none; }
header span.dot { display: inline-block; width: 7px; height: 7px; background: #00b0ff; margin-right: 11px; }
header .main-menu { text-align: right; padding-top: 10px; }
header .main-menu li { color: #fff; font-weight: 400; display: inline-block; padding-left: 35px; }
header .main-menu li:first-child { padding-left: 0; }
header .main-menu li a { color: #fff; }
header .main-menu li a:hover { color: #00b0ff; }
header.change-color-header { background: #212121; box-shadow: 0 0 5px 0 rgba(33, 33, 33, 0.5); padding-top: 12px; padding-bottom: 15px; }
/*-----------------------------------*/
/*------------Main-content-----------*/
/*-----------------------------------*/
.main-section .wrapper { position: relative; border-bottom: 1px solid #bdbdbd; padding-top: 81px; padding-bottom: 100px; }
.main-section h2 { font-size: 2.500em; line-height: 70px; font-weight: 400; }
.main-section .section-description { padding-top: 34px; padding-bottom: 49px; }
.wysiwyg p:first-child { padding-top: 0; }
.wysiwyg p { padding-top: 22px; }
.wysiwyg ul { padding-top: 22px; margin: 0; }
.wysiwyg ul li { padding-top: 10px; }
.wysiwyg ul li:first-child { padding-top: 0; }
.form-col { padding-top: 20px; }
.form-col:first-child { padding-top: 0; }
.form-col input, .form-col textarea { width: 100%; }
.form-submit { padding-top: 20px; width: 100%; }
.form-submit input { transition: all 0.3s; min-width: 180px; background: #757575; text-align: center; color: #fff; font-weight: 400; padding: 13px 19px 15px; }
.form-submit input:hover { box-shadow: 0 0 5px 0 rgba(33, 33, 33, 0.5); }
/*-----------------------------------*/
.banner {background: url("../images/backgrounds/banner-bg.png") center 0 no-repeat; z-index: 4; }
.banner-img {padding-top: 100px; position: relative; }
.banner-img img { box-shadow: 0 -10px 20px 0 rgba(33, 33, 33, 0.5); }
.banner-title { display: block; position: absolute; bottom: 40px; left: 40px; background: rgba(33,33,33,0.5); padding: 13px 27px; color: #fff; text-decoration: none; }
.banner-title:hover { background: rgba(33,33,33,0.8); color: #00b0ff; text-decoration: none; box-shadow: 0 5px 15px 0 rgba(33, 33, 33, 0.5); }
.banner-title h2 { font-weight: 400; font-size: 2.500em; line-height: 67px; }
.banner-title strong { display: block; text-transform: uppercase; font-size: 1.250em; }
/*-----------------------------------*/
.about-us .app-icon-container { z-index: 3; position: absolute; right: 40px; top: 0; padding: 100px 45px 35px; background: #00b0ff; text-align: center; color: #fff; }
.about-us .app-icon-container .app-icon-link { display: block; }
.about-us .app-icon-container .app-icon-link:hover { box-shadow: 0 5px 15px 0 rgba(33, 33, 33, 0.5); border-radius: 20px; }
.about-us .app-icon-container .app-icon-link img { max-width: 150px; }
.about-us .app-icon-container .dev-page { padding-top: 15px; font-weight: 400;}
.about-us .app-icon-container .dev-page a { color: #fff; }
.about-us .app-icon-container .dev-page a:hover { color: #616161; text-decoration: none; }
.about-us .links-to-product .download-app a {display: inline-block;}
.about-us .links-to-product .download-app a:hover {box-shadow: 0 0 5px 0 rgba(33, 33, 33, 0.75); border-radius: 8px;}
.about-us .links-to-product .download-app img {max-width: 237px;}
.about-us .links-to-product .follow-us {font-weight: 400; padding-top: 10px;}
.about-us .links-to-product .follow-us .follow-us-label {padding-top: 19px;}
.about-us .links-to-product .follow-us ul {text-align: right; font-size: 0; }
.about-us .links-to-product .follow-us ul li {padding-left: 20px; text-align: center; display: inline-block; }
.about-us .links-to-product .follow-us ul li:first-child {padding-left: 0;}
.about-us .links-to-product .follow-us ul li a {display: block; width: 60px; height: 60px; color: #fff; background: #616161; font-size: 30px; padding-top: 16px;}
.about-us .links-to-product .follow-us ul li a:hover {color: #fff; text-decoration: none; box-shadow: 0 0 5px 0 rgba(33, 33, 33, 0.5);}
.about-us .decor-line { position: absolute; bottom: 100px; left: 0; height: 40px; width: 3px; background: #00b0ff;}
/*-----------------------------------*/
.app-screenshots { background: rgba(255,255,255,1);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(250,250,250,1) 50%, rgba(238,238,238,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(50%, rgba(250,250,250,1)), color-stop(100%, rgba(238,238,238,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(250,250,250,1) 50%, rgba(238,238,238,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(250,250,250,1) 50%, rgba(238,238,238,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(250,250,250,1) 50%, rgba(238,238,238,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(250,250,250,1) 50%, rgba(238,238,238,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0 ); }
.app-screenshots .wrapper { padding-bottom: 145px; }
.app-screenshots h2 { text-align: right; }
.app-screenshots .decor-line { position: absolute; top: 100px; left: 0; height: 3px; width: 40px; background: #00b0ff;}
.app-screenshots .iphone-5-slider { position: absolute; max-width: 359px; top: 285px; left: -21px; }
.app-screenshots .iphone-5-slider .iphone-mockup{  background: url("../images/backgrounds/iphone5.png") no-repeat; padding: 81px 77px 130px 64px; }
.app-screenshots .iphone-6-slider { position: absolute; max-width: 805px; top: 513px; right: -42px; }
.app-screenshots .iphone-6-slider .iphone-mockup{ background: url("../images/backgrounds/iphone6.png") no-repeat; padding: 20px 157px 130px 149px; }
.slider { position: relative; }
.rslides { overflow: hidden; width: 100%; position: relative; list-style: none; padding: 0; margin: 0; }
.rslides li { width: 100%; position: absolute; display: none; left: 0; top: 0; }
.rslides li:first-child { position: relative; float: left; }
.rslides img { float: left; width: 100%; border: 0; }
.app-screenshots .disclaimer {padding-top: 321px; text-align: right; font-weight: 400; }
.app-screenshots .disclaimer a:hover { color: #00b0ff; }
/*-----------------------------------*/
.contact-us { background: #eee; }
.contact-us .wrapper { border-bottom: 0; }
.contact-us .contact-form { margin-top: -20px; }
.contact-us .decor-line { position: absolute; top: 100px; right: 0; height: 3px; width: 40px; background: #00b0ff;}
/*-----------------------------------*/
.disclaimer-page .wrapper { border-bottom: 0; }
.disclaimer-page .decor-line { position: absolute; bottom: 100px; left: 0; height: 3px; width: 40px; background: #00b0ff;}
/*-----------------------------------*/
/*------------Footer-----------------*/
/*-----------------------------------*/
footer { background: #00b0ff; color: #fff; padding-top: 10px; padding-bottom: 10px; }
footer .copyright { font-weight: 400; padding-top: 7px; }
footer .social ul { text-align: right; font-size: 0; }
footer .social ul li { text-align: center; display: inline-block; padding-left: 10px; }
footer .social ul li:first-child { padding-left: 0; }
footer .social ul li a { padding-top: 9px; height: 40px;width: 40px; display: block; font-size: 20px; color: #fff; }
footer .social ul li a:hover { box-shadow: 0 0 5px 0 rgba(33, 33, 33, 0.5); background: #757575; }

/*-----------------------------------------------------------------*/
/*--- Media Queries Styles ---*/
/*-----------------------------------------------------------------*/

/*-----------------------------------------------------------------*/
/*---------- Styles for desktop >767px --------*/
/*-----------------------------------------------------------------*/
@media only screen and (min-width: 768px) {
    #main {margin-left: 0; height: auto; }
    .main-menu { display: block !important; }
    .mobile-menu { display: none !important; }
}
/*-----------------------------------------------------------------*/
/*---------- Styles for desktop 0 - 1265px --------*/
/*-----------------------------------------------------------------*/
@media only screen and (min-width: 0) and (max-width: 1265px) {
    .app-screenshots { overflow: hidden;}
}
/*-----------------------------------------------------------------*/
/*---------- Styles for desktop 0 - 1200px --------*/
/*-----------------------------------------------------------------*/
@media only screen and (min-width: 0) and (max-width: 1200px) {
    body { font-size: 15px; line-height: 20px; }
    .container { padding-left: 15px; padding-right: 15px; }
    input[type="text"], input[type="email"], input[type="search"], select, textarea { font-size: 15px; line-height: 22px; }
    header { padding-top: 33px; }
    header .main-menu li { padding-left: 30px; }
    header.change-color-header { padding-bottom: 13px; }
    /*-----------------------------------*/
    .main-section .wrapper { padding-top: 70px; padding-bottom: 90px; }
    .main-section h2 { line-height: 60px; }
    .main-section .section-description { padding-top: 30px; padding-bottom: 45px; }
    .wysiwyg p { padding-top: 18px; }
    .wysiwyg ul { padding-top: 18px; margin: 0; }
    .wysiwyg ul li { padding-top: 8px; }
    .form-submit input { padding: 14px 19px 16px; }
    /*-----------------------------------*/
    .banner-img {padding-top: 80px; }
    .banner-title h2 { line-height: 60px; }
    /*-----------------------------------*/
    .about-us .app-icon-container { padding: 86px 45px 35px; }
    .about-us .decor-line { bottom: 90px; }
    .about-us .links-to-product .follow-us { padding-top: 20px; }
    .about-us .links-to-product .follow-us ul li a { font-size: 26px; height: 50px; padding-top: 13px; width: 50px; }
    /*-----------------------------------*/
    .app-screenshots .wrapper { padding-bottom: 90px; }
    .app-screenshots .decor-line { top: 86px; }
    .app-screenshots .iphone-5-slider { max-width: 340px; top: 217px; left: 0; }
    .app-screenshots .iphone-5-slider .iphone-mockup{ padding: 72px 88px 123px 57px; background-size: 320px;  }
    .app-screenshots .iphone-6-slider { max-width: 700px; top: 441px; right: -83px; }
    .app-screenshots .iphone-6-slider .iphone-mockup{ padding: 16px 167px 100px 122px; background-size: 660px; }
    .app-screenshots .disclaimer {padding-top: 258px; }
    /*-----------------------------------*/
    .contact-us .decor-line { top: 87px; }
    /*-----------------------------------*/
    .disclaimer-page .decor-line { bottom: 90px; }
    /*-----------------------------------*/
    footer .copyright { font-weight: 400; padding-top: 9px; }
}
/*-----------------------------------------------------------------*/
/*---------- Styles for tablet 0 - 991px --------*/
/*-----------------------------------------------------------------*/
@media only screen and (min-width: 0) and (max-width: 991px) {
    .banner-title { bottom: 15px; left: 15px; padding: 10px 20px; }
    .banner-title h2 {  font-size: 2.400em; line-height: 57px; }
    .banner-title strong { font-size: 1.150em; }
    /*-----------------------------------*/
    .about-us .app-icon-container { right: 15px; padding: 86px 30px 25px }
    .about-us .decor-line { top: 450px; left: auto; right: 0; }
    /*-----------------------------------*/
    .app-screenshots .iphone-5-slider { max-width: 325px; top: 355px; left: -30px; }
    .app-screenshots .iphone-5-slider .iphone-mockup{ padding: 57px 120px 123px 45px; background-size: 260px;  }
    .app-screenshots .iphone-6-slider { max-width: 550px; top: 533px; right: -50px; }
    .app-screenshots .iphone-6-slider .iphone-mockup{ padding: 13px 106px 88px 102px; background-size: 550px; }
    .app-screenshots .disclaimer { padding-top: 204px; }
    .app-screenshots .disclaimer a { padding-right: 10px; }
}
/*-----------------------------------------------------------------*/
/*---------- Styles for mobile 0 - 767px --------*/
/*-----------------------------------------------------------------*/
@media only screen and (min-width: 0) and (max-width: 767px) {
    body { font-size: 14px; line-height: 18px; }
    #back-to-top { bottom: 56px; }
    input[type="text"], input[type="email"], input[type="search"], select, textarea { font-size: 14px; line-height: 18px; padding: 10px 15px 12px; }
    header { padding-top: 10px; padding-bottom: 10px; background: #212121; position: fixed; }
    header h1 { font-size: 1.6em; }
    header span.dot { width: 6px; height: 6px; margin-right: 10px; }
    header .main-menu { padding-top: 6px; }
    header .main-menu li { padding-left: 15px; font-size: 13px; }
    header.change-color-header { padding-bottom: 10px; padding-top: 10px; }
    /*-----------------------------------*/
    .main-section .wrapper { padding-top: 60px; padding-bottom: 70px; }
    .main-section h2 { line-height: 50px; }
    .main-section .section-description { padding-top: 25px; padding-bottom: 40px; }
    .wysiwyg p { padding-top: 15px; }
    .wysiwyg ul { padding-top: 15px; }
    .wysiwyg ul li { padding-top: 6px; }
    .form-submit input { padding: 12px 15px; }
    /*-----------------------------------*/
    .banner { background: #00b0ff; padding-top: 45px; overflow: hidden; }
    .banner .container { padding: 0; }
    .banner-img { min-width: 568px; padding-top: 0; }
    .banner-title { padding: 25px 15px 0 15px; position: static; background: #00b0ff; }
    .banner-title:hover { color: #616161; background: #00b0ff; }
    .banner-title h2 { line-height: 48px; text-align: center; }
    /*-----------------------------------*/
    .about-us .wrapper { padding-top: 0; }
    .about-us .app-icon-container { padding: 20px 15px 30px; position: static; margin-right: -15px; margin-left: -15px; }
    .about-us .app-icon-container .app-icon-link { display: inline-block; }
    .about-us .app-icon-container .app-icon-link img { max-width: 100px; }
    .about-us .app-icon-container .dev-page { padding-top: 10px; }
    .about-us h2 { padding-top: 65px; }
    .about-us .links-to-product .download-app img { max-width: 200px; }
    .about-us .links-to-product .download-app a:hover { border-radius: 14px;}
    .about-us .links-to-product .follow-us { padding-top: 5px; }
    .about-us .links-to-product .follow-us .follow-us-label { padding-top: 17px; }
    /*-----------------------------------*/
    .app-screenshots .wrapper { padding-bottom: 60px; }
    .app-screenshots .decor-line { top: 72px; }
    .app-screenshots .iphone-5-slider { max-width: 294px; top: 141px; left: -23px; }
    .app-screenshots .iphone-5-slider .iphone-mockup{ padding: 44px 136px 70px 35px; background-size: 200px;  }
    .app-screenshots .iphone-6-slider {  position: static; max-width: 706px; padding-top: 30px; }
    .app-screenshots .iphone-6-slider .iphone-mockup{ background-position: center 0; background-size: 520px; padding: 13px 194px 82px 190px; }
    .app-screenshots .disclaimer { padding-top: 0; padding-right: 60px; margin-top: -84px; }
    .app-screenshots .disclaimer a { padding: 0; }
    /*-----------------------------------*/
    .contact-us .decor-line { top: 73px; }
    .contact-form .form-col.sec-col { padding-top: 20px; }
    /*-----------------------------------*/
    .disclaimer-page .decor-line { bottom: 70px; }
    .discl-page .banner-title { padding-bottom: 25px; }
    /*-----------------------------------*/
    footer .copyright { font-size: 12px; padding-top: 10px; }
    footer .social ul li a { height: 36px;padding-top: 8px;width: 36px; }
}
/*-----------------------------------------------------------------*/
/*---------- Styles for mobile 0 - 735px --------*/
/*-----------------------------------------------------------------*/
@media only screen and (min-width: 0) and (max-width: 735px) {
    .app-screenshots .iphone-6-slider {  max-width: 637px; padding-top: 10px;}
    .app-screenshots .iphone-6-slider .iphone-mockup{  padding: 13px 159px 82px 155px; }
    .app-screenshots .disclaimer { padding-top: 0; padding-right: 30px; margin-top: -83px; }

}/*-----------------------------------------------------------------*/
/*---------- Styles for mobile 0 - 666px --------*/
/*-----------------------------------------------------------------*/
@media only screen and (min-width: 0) and (max-width: 666px) {
    .app-screenshots .iphone-5-slider { max-width: 294px; top: 141px; left: -23px; }
    .app-screenshots .iphone-5-slider .iphone-mockup{ padding: 44px 136px 70px 35px; background-size: 200px;  }
    .app-screenshots .iphone-6-slider {  position: static; }
    .app-screenshots .iphone-6-slider .iphone-mockup{ background-position: center 0; background-size: 520px; padding: 13px 109px 82px 105px }
    .app-screenshots .disclaimer { padding-top: 0; padding-right: 60px; margin-top: -65px; }
    .app-screenshots .disclaimer a { padding: 0; }

}
/*-----------------------------------------------------------------*/
/*---------- Styles for mobile 0 - 567px --------*/
/*-----------------------------------------------------------------*/
@media only screen and (min-width: 0) and (max-width: 567px) {
    header span { display: block; }
    header span.dot { display: block; margin-bottom: 5px; }
    header .main-menu-container, header .logo { width: 50%; }
    header .main-menu { padding-top: 0; }
    header .main-menu li { display: block; line-height: 20px; }
    /*-----------------------------------*/
    .banner { padding-top: 80px; }
    .banner-title { width: 568px; }
    /*-----------------------------------*/
    .about-us .links-to-product .download-app, .about-us .links-to-product .follow-us  { width: 100%; }
    .about-us .links-to-product .follow-us { padding-top: 50px; }
    /*-----------------------------------*/
    .app-screenshots h2 { text-align: left; }
    .app-screenshots .section-description { width: 100%; margin-left: 0;}
    .app-screenshots .decor-line { display: none; }
    .app-screenshots .iphone-5-slider { position: static; padding-top: 30px; max-width: 386px; }
    .app-screenshots .iphone-5-slider .iphone-mockup{ background-position: center 0; padding: 64px 104px 105px 94px; background-size: 300px;  }
    .app-screenshots .iphone-6-slider .iphone-mockup{ background-size: 403px; padding: 10px 68px 70px 65px; }
    .app-screenshots .disclaimer { padding-right: 35px; margin-top: -45px; }
}
/*-----------------------------------------------------------------*/
/*---------- Styles for mobile 0 - 413px --------*/
/*-----------------------------------------------------------------*/
@media only screen and (min-width: 0) and (max-width: 413px) {
    .app-screenshots .iphone-5-slider { max-width: 386px; }
    .app-screenshots .iphone-5-slider .iphone-mockup{ background-size: 257px; padding: 54px 97px 85px 88px; }
    .app-screenshots .iphone-6-slider .iphone-mockup{ background-size: 366px; padding: 9px 60px 70px 58px; }
    .app-screenshots .disclaimer { padding-right: 25px; margin-top: -50px; }

}
/*-----------------------------------------------------------------*/
/*---------- Styles for mobile 0 - 374px --------*/
/*-----------------------------------------------------------------*/
@media only screen and (min-width: 0) and (max-width: 374px) {
    .app-screenshots .iphone-5-slider .iphone-mockup{ background-size: 200px; padding: 44px 87px 70px 80px; }
    .app-screenshots .iphone-6-slider .iphone-mockup{ background-size: 305px; padding: 7px 51px 70px 49px; }
    .app-screenshots .disclaimer { padding-right: 25px; margin-top: -50px; }
}