/*--Main Css--*/
@import "bootstrap.min.css";


body{margin: 0px; background: #fff; }
table,div{font-family: 'Roboto', sans-serif;font-size:16px; color:#333333; line-height:1.3;}
a{color: #333333; text-decoration: none; }
a:hover{color: #333333; text-decoration: none;}
a:focus{outline-offset: 0 !important;text-decoration: none !important;}
img{border:none;max-width: 100%;}
p{ margin:10px 0;}
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block}
*{box-sizing: border-box;}
.img_left, #left, #social, .left, #contact-left{float:left;}
.img_right, #top_link, #right, #copy-logo, .right, #contact-right{float:right;}
input,select,textarea,button{font-family: 'Roboto', sans-serif;font-size: 16px;}
button{cursor: pointer;}
h1,h2,h3,h4{margin:10px 0;}
/*Heading*/
h1{font-size:22px;}
h2{font-size:22px;}
h3{font-size:18px;}
h4{font-size:14px;}
	
.img_left{margin-right:10px;}
.img_right{margin-left:10px;}
ul{margin:0; padding:0;}
ul li{list-style-type: none;}

#main{margin:0 auto;}
header{background: url(../images/bg1.jpg)no-repeat center top;background-size: cover;position: relative;padding: 100px 0px;}
.top-btn{float: right;margin-top: -50px;color: #fff;}
.top-btn a{/*background: #fff;*/color: #fff;text-transform: uppercase;padding: 10px 20px;/*margin-right: 10px;*/border-radius: 5px;font-size: 15px;}
.top-btn a:hover{opacity: 0.9;}
#logo{
    margin: 0 auto;
    /*padding: 20px 0;*/
    padding: 0px 0px 20px 0;
}
#logo img{
    width: 350px;
    max-width: 200px;
}
div#logo a {
    display: inline-block;
    border-radius: 10px;
    overflow: hidden;
}

.navbar {height: auto;background: none;border: 0;border-radius: 0;margin: 0;padding: 10px 0;}
.navbar-default .navbar-nav > li a{line-height: 20px;padding: 10px 25px;color: #fff;font-size: 15px;font-weight: 400;text-transform: uppercase;display: block;}
.navbar-default .navbar-nav > li a:focus, .navbar-default .navbar-nav > li a:hover{color: #fff;}
.header-banner {text-align: center;}
.bantxt{}
.bantxt h3{font-size: 18px;margin-top: 30px;font-weight: 300;line-height: 30px;color: #fff;padding-left: 0;margin-bottom: 30px;}
.bantxt h1{font-size: 60px;color: #fff;line-height: 82px;}
.bantxt .btn{/*background: -moz-linear-gradient(left, #d84a49 0%, #ee3c78 100%, #7db9e8 100%);background: -webkit-linear-gradient(left, #d84a49 0%,#ee3c78 100%,#7db9e8 100%);background: linear-gradient(to right, #d84a49 0%,#ee3c78 100%,#7db9e8 100%);font-size: 18px;padding: 10px 30px;border-radius: 3px;color: #fff;*/margin-top: 10px;padding: 0;}
.bantxt .btn a{/*color: #fff;*/}
.bantxt .btn img {
    /* border-radius: 10px; */
    box-shadow: 0 0 15px #000;
    max-width: 170px;
}
.down a{color: #fff;font-size: 50px;}
.iphone{margin-top: 30px;position: relative;}

.math-icon > div{position: absolute;}
.math-icon > div img{width: 100px;}
.icon1{left: 20px;top: 300px;}
.icon2{left: 0;top: -20px;right: 0;margin: 0 auto;text-align: center;}
.icon3{right: 50px;top: 100px;margin: 0;text-align: center;}
.icon3 img{width: 100px;}
.icon4{right: -10px;bottom: 250px;}
.icon4 img{width: 120px;}

.social-icon{}
.social-icon ul li{display: inline-block;line-height: 80px;margin: 0 5px;}
div#getthisapp ul li a img {
    max-width: 170px;
}
.title{font-size: 40px;color: #fff;}
.line{width: 80px;height: 3px;background: #fff;margin: 0 auto 50px auto;}
.textbox{background:#fff url(../images/textbg.png)no-repeat center bottom;}
.textbox p{font-size: 15px;color: #000;line-height: 28px;}
.textbox .title{color: #f6b513;}
.textbox .line{background: #f6b513;margin: 0 0 50px 0;}
.textbox .img > img {
    height: 600px;
}
.textbox ul{margin: 0;padding: 0;}
.textbox .fadeInRight ul li{font-size: 18px;color: #000;line-height: 28px;margin-bottom: 10px;position: relative;padding-left: 30px;}
.textbox .fadeInRight ul.textbox-list li:before{content: '\efad';font-family: 'icofont';color: #f6b513;font-size: 20px;    position: absolute;left: 0;}
.mainboxs{background: #d84a49;display: inline-block;width: 100%;text-align: center;}
.mainboxs p{font-size: 22px;text-align: center;color: #fff;margin-top: 20px;}
.mainboxs .img{font-size: 46px;color: #d84a49;width: 100px;height: 100px;line-height: 100px;background: #fff;display: block;margin: 0 auto;border-radius: 100%;position: relative;}
.mainboxs .img:before{content: '';border: 2px solid #fff;position: absolute;left: -4px;top: -4px;right: -4px;bottom: -4px;border-radius: 100%;}
.gallery{/*background: url(../images/videobg.png)repeat center top;*/}
.gallery .title{color: #f6b513;text-align: center;}
.gallery .line{background: #f6b513;}
.gallery .img{margin-bottom: 25px;position: relative;text-align: center;}
.gallery .img .icon{position: absolute;bottom:25px;left: 25px;transition: all 0.5s ease 0s;}
.gallery .img:hover .icon{transform: scale(1.2);cursor: pointer;}

#content .row{padding-top: 50px;padding-bottom: 50px;}

.get{text-align: center;background: url(../images/get.jpg);padding: 50px 0;}
.get p{font-size: 15px;color: #fff;line-height: 28px;}
.get ul{margin: 0;padding: 0;}
.get ul li{display: inline-block;}
.get img{opacity: 0.8;}
.get img:hover{opacity: 0.5;}
/*.get .btn{background: -moz-linear-gradient(left, #d84a49 0%, #ee3c78 100%, #7db9e8 100%);background: -webkit-linear-gradient(left, #d84a49 0%,#ee3c78 100%,#7db9e8 100%);background: linear-gradient(to right, #d84a49 0%,#ee3c78 100%,#7db9e8 100%);;font-size: 18px;padding: 10px 30px;border-radius: 3px;color: #fff;margin-top: 40px;}
.get .btn a{color: #fff;}*/

footer{background: #1c1918;padding: 40px 0;}
.footer-icon{padding: 0;margin: 0 0 30px 0;text-align: center;}
.footer-icon li{display: inline-block;margin: 0 5px;width:40px;height: 40px;border-radius: 100%;font-size: 18px;line-height: 40px;}
.footer-icon li a{text-align: center;border-radius: 100%;color: #fff;border: 1px solid #fff;display: block;}
.footer-icon li a:hover{background: #d84a49;color: #fff;border-radius: 100%;transition: all 0.5s ease;border: 1px solid #d84a49;}
footer p{font-size: 15px;text-align: center;color: #fff;margin: 0;}
.textbox .bxslider .img img{text-align: center;margin: 0 auto;}

/*other-app*/
.app{background: url(../images/videobg.png)repeat center top;}
.app .title{color: #d84a49;text-align: center;}
.app .line{background: #d84a49;}
.app .box{border: 1px solid #bcbcbc;padding: 12px;display: table;width: 100%;margin-bottom: 12px;background: #fff;}
.app .box a{display: table;width: 100%;}
.app .img{width: 180px;display: table-cell;vertical-align: top;}
.app .img img{border: 1px solid #bcbcbc;}
.app .text{padding-left: 20px;}
.app h1{color: #212121;font-size: 30px;font-weight: normal;}
.app .btn{width: 150px;padding: 0;}
.app .btn a{display: table;color: #fff;padding: 0;}

.affix {background: #000;left: 0;right: 0;z-index: 99;}
.affix #logo img {width: 180px;}
.affix #logo{padding: 10px 0;}
.navbar-default.affix .navbar-nav > li a{line-height: 30px;}

.down {bottom: 20px;left: 0;margin: 0 auto;position: absolute;right: 0;text-align: center;}


#hamburger-navigation{display: none;}
.mobile{display: none;}
#content .gallery .col-md-3 {
    width: 20%;
}
/*--------1366px------------*/
@media only screen and (min-width:1281px) and (max-width:1366px) {
/*#logo {padding: 50px 0 20px;}*/
#logo img {width: 300px;}
.bantxt h1 {font-size: 50px;}
.bantxt h3{font-size: 17px;}
.icon4 {bottom: 140px;}
.bantxt .down {padding-top: 10px;}

}


/*--------1180px------------*/
@media only screen and (min-width:1180px) and (max-width:1280px) {
#logo {padding: 40px 0 20px;}
#logo img {width: 250px;}
.bantxt h1 {font-size: 40px;line-height: 30px;}
.bantxt h3{font-size: 16px;}
.icon4 {bottom: 140px;}
.icon3 {right: 30px;top: 50px;}
header{padding-bottom: 0;}
.bantxt .down {padding-top: 50px;}



}

/*--------960px------------*/
@media only screen and (min-width:960px) and (max-width:1179px) {
#logo {padding: 40px 0 20px;}
#logo img {width: 250px;}
.bantxt h1 {font-size: 32px;line-height: 30px;}
.bantxt h3{font-size: 15px;}
.icon4 {bottom: 100px;}
.icon3 {right: 30px;top: 50px;}
.math-icon > div img {width: 60px;}
.bantxt .btn {margin-top: 20px;}
header{    padding: 0px 0px 100px 0px;}
.bantxt .down {padding-top: 10px;}
.textbox .img > img {height: auto;}	
}

/*---------768px-----------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
/*#logo {padding: 30px 0 0;}*/
#logo img {width: 200px;}
.bantxt h1 {font-size: 32px;line-height: 30px;}
.bantxt h3{font-size: 15px;}
.icon4 {bottom: 100px;}
.icon3 {right: 30px;top: 50px;}
.math-icon > div img {width: 60px;}
.bantxt .btn {margin-top: 20px;}
header{    padding: 60px 0px 120px 0px;}
.icon1 {bottom: 20px;top: auto;}
.bantxt .down {padding-top: 10px;}
header {background: url("../images/bg1.jpg") no-repeat scroll center top;text-align: center;}
.textbox .img > img {height: auto;}
}


/*-----------640px---------*/
@media only screen and (min-width: 640px) and (max-width: 767px) {
#logo {padding: 20px 0;}
#logo img {width: 200px;}
.bantxt h1 {font-size: 32px;line-height: 30px;}
.bantxt h3{font-size: 15px;}
.icon4 {bottom: 100px;}
.icon3 {right: 30px;top: 50px;}
.math-icon > div img {width: 60px;}
.bantxt .btn {margin-top: 20px;}
header{padding-bottom: 0;}
.icon1 {bottom: 20px;top: auto;}
.textbox .bx-wrapper{margin-bottom: 50px;}
.mainboxs .col-xs-12{margin-bottom: 30px;}
.title {font-size: 30px;}
.bantxt .down {padding-top: 10px;}


/*other-app*/
.app .img{width: 150px;}
.app .text {padding-left: 10px;}
.app h1{font-size: 24px;}
.app .btn{width: 110px;}
.app .line{height: 3px;width: 50px;margin: 0 auto 20px;}
header {background: url("../images/bg1.jpg") no-repeat scroll center top;text-align: center;}
header {padding: 20px 0px 110px 0px;}
#content .gallery .col-md-3 {width: 100%;}
.textbox .img > img {height: auto;}

.top-btn{position: absolute;bottom: 37px;width: 100%;}
.top-btn a{float: left;margin-left: 10px;}
.top-btn a:last-child{right:0;float: right;}
}

/*-----------480px---------*/
@media only screen and (min-width: 480px) and (max-width: 639px) {
#logo {padding: 20px 0;}
#logo img {width: 200px;}
.bantxt h1 {font-size: 32px;line-height: 30px;}
.bantxt h3{font-size: 15px;}
.icon4 {bottom: 100px;}
.icon3 {right: 30px;top: 50px;}
.math-icon > div img {width: 60px;}
.bantxt .btn {margin-top: 20px;}
header{padding-bottom: 0;}
.icon1 {bottom: 20px;top: auto;}
.textbox .bx-wrapper{margin-bottom: 50px;}
.mainboxs .col-xs-12{margin-bottom: 30px;}
.title {font-size: 30px;}
.bantxt .down {padding-top: 10px;}

/*other-app*/
.app .img{width: 140px;}
.app .text {padding-left: 15px;}
.app h1{font-size: 21px;}
.app .btn{width: 90px;}
.app .line{height: 3px;width: 50px;margin: 0 auto 20px;}
header {background: url("../images/bg1.jpg") no-repeat scroll center top;text-align: center;}
header {padding: 20px 0px 110px 0px;}
#content .gallery .col-md-3 {width: 100%;}
.textbox .img > img {height: auto;}
.top-btn{position: absolute;bottom: 37px;width: 100%;}
.top-btn a{float: left;margin-left: 10px;}
.top-btn a:last-child{right:0;float: right;}
}

/*----------320px----------*/
@media only screen and (min-width: 320px) and (max-width: 479px) {
#logo {padding: 20px 0;}
#logo img {width: 200px;}
.bantxt h1 {font-size: 26px;line-height: 30px;}
.bantxt h3{font-size: 14px;line-height: 20px;}
.icon4 {bottom: 100px;}
.icon3 {right: 30px;top: 50px;}
.math-icon > div img {width: 60px;}
.bantxt .btn {margin-top: 20px;}
header{padding-bottom: 0;}
.icon1 {bottom: 20px;top: auto;}
.textbox .bx-wrapper{margin-bottom: 50px;}
.mainboxs .col-xs-12{margin-bottom: 30px;}
.title {font-size: 30px;}
.bantxt .btn a {display: block;margin-bottom: 10px;}
.bantxt .down {padding-top: 10px;}
/*other-app*/
.app .box{padding: 6px;margin-bottom: 10px;}
.app .img{width: 85px;}
.app .text {padding-left: 5px;}
.app h1{font-size: 15px;margin-top: 0;}
.app .btn{width: 90px;}
.app .line{height: 3px;width: 50px;margin: 0 auto 20px;}
header {background: url("../images/bg1.jpg") no-repeat scroll center top;text-align: center;}
.title {font-size: 22px;}
.textbox ul li {font-size: 14px;line-height: 22px;}
header {padding: 20px 0px 110px 0px;}
#content .gallery .col-md-3 {width: 100%;}
.textbox .img > img {height: auto;}
.top-btn{position: absolute;bottom: 37px;width: 100%;}
.top-btn a{float: left;margin-left: 10px;}
.top-btn a:last-child{right:0;float: right;}
}