*{margin:0; padding:0;box-sizing:border-box;}
html{    font-size:10px; height: 100%;  min-height: 100%;}
body{margin:0; padding:0; height: 100%;  min-height: 100%;}

@font-face {
    font-family: 'merriweatherregular';
    src: url('../fonts/merriweather-regular-webfont.woff2') format('woff2'),
         url('../fonts/merriweather-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'latoblack';
    src: url('../fonts/lato-black-webfont.woff2') format('woff2'),
         url('../fonts/lato-black-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
	font-family: 'CircularStd-Book';
	src: url('../fonts/CircularStd-Book.eot');
	src: local('☺'), url('../fonts/CircularStd-Book.woff') format('woff'), url('../fonts/CircularStd-Book.ttf') format('truetype'), url('../fonts/CircularStd-Book.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


img{max-width:100%}

h2{ font-size: 4rem;line-height: 4.5rem;font-family: 'latoblack';}
	p{ font-size:16px; line-height:26px;font-family: 'merriweatherregular';}
	ul{ margin:0; padding:0}
	li{ margin:0; padding:0;list-style:none; display:inline-block}
.container{    max-width: 85%;
    margin: 0 auto;
    height: 100%;
    background-size: 50%;}
.tr_logo{display:inline-block;}
.tr_logo img{ max-width:250px; }

.header{    padding: 73px 0 30px;}
.tr_menu{ margin:40px 0 0; list-style:none; font-family:'CircularStd-Book',Sans-Serif;}
.tr_menu li{ margin:0; list-style:none; display:inline-block;    margin: 0 0 0 54px;}
.tr_menu li a{ color:#000; font-size:20px; text-decoration:none;}
.tr_menu li a:hover{color:#EC0018}

.wrapper{   position:relative; width:100%; height:100%;}
.download .wrapperIn{ background: url(../images/113.png) no-repeat; background-size: 65%; background-position:88% bottom;}
.wrapperIn{position:relative; width:100%;height:100%; max-width:90%; margin: 0 auto; }
.contentRight{ position:relative;height:100%; background-size:90%;}
.contentLeft{ margin-top:140px;}
.contentLeft p{ margin:57px 0 40px;}
.btn{ font-size:0; color:transparent; display:block; }
.btn-ios{background: url(../images/appstore.jpg) no-repeat 0 0;width:165px; height:49px;}
.btn-play{background: url(../images/playstore.jpg) no-repeat 0 0;width:170px; height:50px; margin-left:30px;}
.shre{ text-align:center; margin-bottom:40px; }


@media screen and (min-width: 768px) {
	body{}
	h2 { font-size:62px;line-height:70px;}
	.tr_menu{text-align:right; margin:0}
	.download .wrapperIn{background-size:45%; background-position:88% center; }
	.contentLeft p{padding-right:20%; }
	.shre{ text-align:left; }
	.center{ text-align:center;}
	.center p{ padding-right:0}
	.col-md-6,
	.col-md-8, .col-md-12{ width:50%; display:inline-block; vertical-align:middle; padding:0 15px;}
	.col-md-8{ width:60%;}
	.col-md-12{width:100%;}
}
@media screen and (max-width: 767px) {
	.tr_menu li{     margin: 10px 20px 0 0;}
	.wrapperIn,.container{    max-width: 100%;}
	.container{padding:0 20px;}
	.contentLeft {margin-top: 20px;}
	.btn-play{ margin-left:0}
}