@font-face {
  font-family: 'Roboto';
  src: url('../font/Roboto-Regular.ttf');
}
.rb {font-family: 'Roboto';}

@font-face {
  font-family: 'Roboto Medium';
  src: url('../font/Roboto-Medium.ttf');
}
.rbM {font-family: 'Roboto Medium';}

@font-face {
  font-family: 'Roboto Light';
  src: url('../font/Roboto-Light.ttf');
}
.rbL {font-family: 'Roboto Light';}

@font-face {
  font-family: 'Roboto Thin';
  src: url('../font/Roboto-Thin.ttf');
}
.rbT {font-family: 'Roboto Thin';}

@font-face {
  font-family: 'Roboto Bold';
  src: url('../font/Roboto-Bold.ttf');
}
.rbB {font-family: 'Roboto Bold';}

body{
	font-family: 'Roboto', sans-serif;
	min-width: 991px;
}


.row{
	margin-left: auto; 
	margin-right: auto;
}

#main_block_section{
	min-height: 80vh;
	position: relative;
}

.mbs_apps{
	width: 100%;
	height: 200px;
	position: fixed;
	position: absolute;
	bottom: 0px;
	background: #fff;
	z-index: 10;
}

.mbs_top{
	/*background: url("../images/main_bg.jpg");*/
	background: url("../images/main_bg.png");
	background-size: cover;
	background-position: center;
	height: calc(80vh - 200px);
	width: 100%;
	position: relative;
}

.mbs_top_text{
	position: absolute;
	bottom: 5vw;
	/*bottom: 3vw;*/
	padding-left: 0;
}

.mbs_top_image{
	position: absolute;
	bottom: -170px;
	/*right: 15%;*/
	right: -30px;
	width: 40%;
	z-index: 999;
}

.mbs_top_image img{
	/*max-width: 100%;*/
	float: right;
	/*width: 100%;*/
	height: calc(80vh - 150px);
	min-height: 500px;
}

.mbs_top_text h1{
	color: #fff;
	/*font-size: 11em;*/
	font-size: 7.7em;
	padding-bottom: 0px;
	margin-bottom: 0px;
	font-family: 'Roboto Bold';
}

.mbs_top_text h2{
	color: #fff;
	/*font-size: 3em;*/
	font-size: 2.1em;
	padding-top: 0px;
	/*margin-top: 0px;*/
	font-weight: 100;
	letter-spacing: 0.05em;
	/*font-family: 'Roboto Thin';*/
	font-family: 'Roboto Light';
    line-height: 1.4em;
    color: #c8c8dc;
    margin-top: 15px;
    opacity: 0.9;
}

.mbs_apps_image{
	margin-top: 30px;
}

.mbs_apps_image img{
	max-width: 100%;
}

.mbs_apps_rating h3{
	text-align: center;
	margin-top: 10px;
}

.mbs_apps_rating i{
	/*color: #f5a623;*/
	color: #ffd800;
}

.mbs_full_space{
	width: 100%;
	height: 100%;
	position: relative;
}

#download_us_full{
	padding: 60px 0px;
	width: 100%;
	background: #fff;
}

#download_us_full h2{
	text-align: center;
	margin-bottom: 20px;
	font-size: 2.6em;
	color: #4a4a4a;
}

#download_us_full img{
	margin: 20px;
}

#we_best{
	width: 100%;
	padding-top: 40px;
}

#we_best h2{
	/*padding-bottom: 20px;*/
	padding-bottom: 0px;
}

#we_best p{
	font-size: 1.5em;
	font-family: 'Roboto Light';
	padding: 0px;
	margin: 0px;
}

#we_best p b{
	font-family: 'Roboto';
	font-weight: 400;
}

#we_best .row{
	background: #eeeeff;
	/*padding: 30px;*/
}

.we_best_padding{
	/*margin-bottom: 80px;*/
	margin-bottom: 100px;
}

.we_best_item{
	display: table-cell;
	width: 100%;
	vertical-align: middle;
}

.we_best_item_left, .we_best_item_right{
	float: left;
	vertical-align: middle;
}

#read_any_format {
    /*background: url(../images/BG_2.png);*/
    background-size: 100% 120%;
    margin-top: 50px;
    background-position-y: 40%;
    background: #eeeeff;
    padding-bottom: 30px;
}

#read_any_format h3{
	text-align: left;
	/*font-size: 7em;*/
	/*font-weight: 600;*/
	font-size: 5.1em;
	font-family: 'Roboto Bold';
	color: #f54a66;
	margin-top: 80px;
}

#read_any_format h3 span{
	color: #000;
}

#read_any_format p{
	font-size: 2em;
	color: #a0a0a1;
	padding-bottom: 10px;
}

#read_any_format h4{
	text-align: left;
	/*font-size: 3em;*/
	/*font-weight: 600;*/
	font-size: 2.5em;
	font-family: 'Roboto Bold';
	color: #4a4a4a;
	padding-bottom: 15px;
	margin-top: -15px;
	padding-top: 0px;
	padding-left: 25px;
}

#read_any_format h2, #look_awesome h2, #we_best h2, #talk_and_show h2, #carousel h2{
	/*font-size: 4em;*/
	font-size: 3.6em;
	color: #4a4a4a;
	font-family: 'Roboto Bold';
}

#read_any_format h2{
	margin-bottom: 65px;
}


#read_any_format h2::before, #look_awesome h2::before, #we_best h2::before, #talk_and_show h2::before, #carousel h2::before {
    content: "— ";
    margin-left: -1em;
}

#read_any_format p{
	color: #8e8e95;
	/*font-size: 2em;*/
	font-size: 1.8em;
	/*font-family: 'Roboto Thin';*/
	font-family: 'Roboto Light';
}

.raf_br{
	margin-bottom: 65px;
	padding-bottom: 0px;
}

.raf_also{
	margin-left: -20px;
	margin-bottom: 90px;
}

.desktop_book_formats h4{
	margin-bottom: 33px;
}

.left_vert_line{
	border-left: 8px solid #262644;
}

.left_vert_line h4{
	margin-left: -8px;
}

.how_to_button{
	background: #f54a66;
	border-radius: 5px;
	padding: 20px 20px;
	margin-top: 10px;
	cursor: pointer;
	margin-right: -10px;
	margin-left: 30px;
	width: 105%;
}

.how_to_button p{
	color: #fff !important;
	font-size: 1em !important;
	padding: 0px !important;
	margin: 0px !important;
	text-align: center;
}

#look_awesome{
	background: #eeeeff;
	margin-bottom: 250px;
	padding-top: 30px;
}

#look_awesome img{
	margin-bottom: -200px;
	max-width: 100%;
}

#look_awesome h2{
	padding-bottom: 40px;
}

#feedback_section{
	background: url("../images/telegram_bg.png");
	background-size: cover;
	background-position: left;
	padding: 90px 0px 100px 0px;
}

#feedback_section h2{
	color: #fff;
	text-align: center;
	/*font-size: 4.2em;*/
	font-size: 3.3em;
	font-family: 'Roboto Bold';
	letter-spacing: 0.05em;
	padding-bottom: 30px;
}

#feedback_section p {
    color: #fff;
    text-align: center;
    /* font-size: 2.6em; */
    font-size: 1.8em;
	/*font-family: 'Roboto Thin';*/
	font-family: 'Roboto Light';
    letter-spacing: 0.05em;
    font-weight: 100;
    line-height: 1.6em;
    margin-top: 10px;
    margin-bottom: 55px;
}

#talk_and_show{
	padding: 70px 0;
}


#talk_and_show p{
	color: #8e8e95;
	/*font-size: 2em;*/
	font-size: 1.8em;
	font-family: 'Roboto Light';
}

.footer_no_active{
    border: 1px solid #292944;
    border-radius: 5px;
    overflow: hidden;
    margin-right: 20px;
    padding: 10px 20px;
}


.footer_active{
    border: 1px solid #f54a66;
    border-radius: 5px;
    overflow: hidden;
    margin-right: 20px;
    padding: 10px 20px;
}

.howtoloadbooks{
    border-radius: 5px;
    overflow: hidden;
    margin-right: 20px;
    padding: 10px 20px;	
    color: #fff;
    font-size: 40px;
    padding: 0px;
    font-family: 'Roboto Bold';
}

.htlbItems{
    border-radius: 5px;
    overflow: hidden;
    margin-left: 30px;
    padding: 10px 0px;	
    color: #fff;
    font-size: 40px;
    padding: 0px;
    font-family: 'Roboto Bold';
    float: right;
}

.htlbItems:hover{
	border-bottom: 3px solid #f54a66;
	border-radius: 0px;
}

.htlbItems>a{
	font-size: 1em !important;
}

.htlbItems_active{
	border-bottom: 3px solid #f54a66;
	border-radius: 0px;	
}

.navbar-nav>li>a, .navbar-nav>li>a:hover {
    padding: 0px;
    margin: 0px;
    color: #fff;
    text-shadow: none;
    background-color: #292944;
    font-size: 1.2em;
}

#howto_slider{
	margin-top: -80px;
}

#howto_slider h3{
	padding: 10px 20px;
	font-family: 'Roboto Light';
}

#howto_slider_item_bg{
	padding: 10px 20px;
	font-family: 'Roboto Light';
	background: #e9e9ec;
	border-radius: 5px;
}

.fix-howToSlider{
	position: fixed;
	top: 0px;
	width: 100%;
	z-index: 999;
	background: #fff;
	margin-top: 0px !important;
}

#howto_slider a, #howto_slider a:hover, #howto_slider a:focus, #howto_slider a:active{
	text-decoration: none;
	color: #4A4A4A;
}

/*
.multiple_slider_item{
	float: left;
	width: 50%;
	display: inline-block;
}

.multiple_slider{
	width: 100%;
	overflow: hidden;
}

.multiple_slider_inner{
	width: 200%;
}*/

footer{
	background: #292944;
	padding: 30px;
	padding-bottom: 20px;
}

.navbar{
	margin-bottom: 0px;
}

.navbar-nav>li {
    cursor: pointer;
}

.navbar_img{
	margin-top: 0px;
	float: right; 
	height: 4em;
	margin-top: -10px;
}

.carousel-inner h3{
	padding-top: 30px;
	margin-top: 0px;
	padding-bottom: 35px;
}


/*-------------------------------*/
/*      Code snippet by          */
/*      @maridlcrmn              */
/*-------------------------------*/

.quote {
    color: rgba(0,0,0,.1);
    text-align: center;
    margin-bottom: 30px;
}

/*-------------------------------*/
/*    Carousel Fade Transition   */
/*-------------------------------*/

#fade-quote-carousel.carousel, #fade-quote-carousel1.carousel  {
  padding-bottom: 60px;
}
#fade-quote-carousel.carousel .carousel-inner .item, #fade-quote-carousel1.carousel .carousel-inner .item {
  opacity: 0.9;
  -webkit-transition-property: opacity;
      -ms-transition-property: opacity;
          transition-property: opacity;
}
#fade-quote-carousel.carousel .carousel-inner .active, #fade-quote-carousel1.carousel .carousel-inner .active  {
  opacity: 1;
  -webkit-transition-property: opacity;
      -ms-transition-property: opacity;
          transition-property: opacity;
}
#fade-quote-carousel.carousel .carousel-indicators, #fade-quote-carousel1.carousel .carousel-indicators {
  bottom: 10px;
}
#fade-quote-carousel.carousel .carousel-indicators > li, #fade-quote-carousel1.carousel .carousel-indicators > li {
  background-color: #e84a64;
  border: none;
}
#fade-quote-carousel blockquote, #fade-quote-carousel1 blockquote {
    text-align: center;
    border: none;
}
#fade-quote-carousel .profile-circle, #fade-quote-carousel1 .profile-circle {
    width: 100px;
    height: 100px;
    margin: 0 auto;
    border-radius: 100px;
}

.testimonials_avatar{
	float: left;
}

.testimonials_desc{
	float: left;
	margin-left: 15px;
}

.testimonials_desc p{
	font-size: 1.3em;
	padding-bottom: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	margin-top: 0px;
	color: #4a4a4a;
}

.testimonials_desc span{
	font-size: 0.9em;
	font-weight: 100;
}

.testimonials_desc i{
	font-size: 0.9em;
	color: #9b9b9b;
}

.testimonials_src{
	float: right;
}

.carousel-inner blockquote p{
	text-align: left;
	/*font-size: 1.3em;*/
	/*font-size: 1.7em;*/
	font-size: 1.4em;
	line-height: 1.7em;
	/*font-family: 'Roboto Thin';*/
	font-family: 'Roboto Light';
	color: #4a4a4a;
	text-align: center;
}

#carousel{
	padding: 33px 0;
}

.carousel_additional_info {
	text-align: right; 
	color: #c8c8c8; 
	font-size: 1.3em; 
	font-weight: 100;
	padding-top: 30px;
	/*font-family: 'Roboto Thin';*/
	font-family: 'Roboto Light';
}

#fade-quote-carousel.carousel .carousel-indicators > li, #fade-quote-carousel1.carousel .carousel-indicators > li  {
    background-color: #4a4a4a;
    border: none;
    margin: 0 3px;
}

#fade-quote-carousel.carousel .carousel-indicators .active, #fade-quote-carousel1.carousel .carousel-indicators .active  {
    background-color: #f54a66;
    border: none;
}

.mobile_bestapp{
	display: none;
}

.carousel-indicators li{
	width: 8px;
	height: 8px;
}

.carousel-indicators .active{
	width: 8px;
	height: 8px;
}

.mobile_watch_img{
	display: none;
}

.mobile_book_formats{
	display: none;
}

.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

.mobile_badges{
	display: none;
}

.mobile_header{
	display: none;
}

.mobile_free_space{
	display: none;
}

.mbs_top_image_mobile{
	display: none;
}

.mbs_desktop{
	height: calc(100% - 80px); 
	display: block;
}

.we_best_icons_desktop{
	width: min-content;
}

.navbar_lang{
	text-align: right;
    padding: 0px;
    margin: 0px;
    color: #fff;
    text-shadow: none;
    font-size: 1.2em;
	border: 1px solid #29294400;
    border-radius: 5px;
    overflow: hidden;
    padding: 10px 20px;
    padding-right: 0px;
    font-family: 'Roboto Light';
}

.navbar_lang img{
	height: 1em; 
	margin-right: 10px;
	margin-top: -3px;
}

.header-nav>li>a, .header-nav>li>a:hover, .header-nav>li>a:active, .header-nav>li>a:focus {
    background: none;
}

.header-nav .footer_no_active{
	border: 1px solid #29294400;
}

.header-nav{
	/*margin-top: 3vh;*/
	margin-top: 30px;
}

#mobileMenu{
	display: none;
}

.homeIcon{
    border: none;
    padding: 0px;
    margin-top: 5px;
    margin-right: 60px;
    position: fixed !important;
    left: 20px;
    top: 3vh;
    display: none !important;
}

.langIcon{
    border: none;
    padding: 0px;
    margin-top: 5px;
    margin-right: 0px;
    position: fixed !important;
    right: 20px;
    top: 3vh;
}

.langIcon p{
	margin-top: 0px;
	padding-top: 0px;
}

.desktopNavbar{
	display: block;
}

.main_block_section_new{
	/*background: url('../images/main_bg.jpg'); */
	background: url('../images/main_bg.png'); 
	/*background: url('../images/ny_bg_img.jpg');*/
	background-size: cover; 
	background-position: top; 
	/*height: calc(100vh - 330px); */
	height: calc(100vh - 260px);
	/*min-height: 450px;*/
	min-height: 410px;
}

.fb_htb p{
	font-family: 'Roboto Bold' !important;
	font-size: 1.8em !important;
}

.fb_htb{
    padding: 15px 20px;
    margin-top: 0px;
    margin-right: 0px;
    margin-left: 0px;
    width: 80%;
    margin: auto;
    border-radius: 10px;
    margin-top: 35px;
}


.noTopMargin h3{
	margin-top: 0px !important;
}

#talk_and_show h3{
	font-size: 2.5em;
	color: #4a4a4a;
	height: 4em;
}

.under_badges_space{
	clear: both; 
	height: 100px;
}

.how_to_button_p{
	font-size: 2.4em !important; 
	padding: 30px 0px !important;
}

#read_any_format h3 span {
    color: #030423;
    font-size: 2em;
    line-height: 0em;
}

#read_any_format h2::before, #look_awesome h2::before, #we_best h2::before, #talk_and_show h2::before, #carousel h2::before {
    content: "— ";
    margin-left: -1.4em;
    margin-right: 0.5em;
}

.we_best_row{
	padding: 75px 0; 
	margin-top: 30px;
}


.mobile_bestapp img{
	float: right; 
	height: 6em; 
	margin-top: 10px;
}

#read_any_format h4 span {
    color: #4a4a4a;
    font-size: 2em;
    line-height: 0em;
}

.how_to_button_mobile{
	display: none;
}

.wb_h_desk{
	display: block;
}

.wb_h_mob{
	display: none;
}

.carArrow {
	opacity: 0.5;    
	transition-duration: 0.2s;
	cursor: pointer;
}


/*.carArrow:hover{
	opacity: 1;
    transition-duration: 0.2s;
}*/

.opacity20{
	opacity: .2;
}

#carousel blockquote{
	/*height: 17em;*/
	padding-left: 0;
	padding-right: 0;
	height: 10em;
}

#carousel .item{
    /*background: #fafafafa;*/
    /*padding: 45px 50px 50px 50px;*/
    padding: 45px 60px 50px 0px;
/*    border-radius: 10px;
    border: 1px solid #cacaca;*/
}

.dropdown, .dropup {
    position: relative;
    width: inherit;
    float: right;
}

.open>.dropdown-menu {
    display: block;
    background: none;
    border: none;
    box-shadow: none;
}

.navbar_lang a{
	color: #fff;
    text-decoration: none;
}

.dropdown-toggle{
    text-decoration: none !important;
}

#textTest{
	font-size: 1em;
	text-align: center;
	margin-bottom: 0px;
}

.other_lang{
	float: right;
}
.navbar li{
	list-style-type: none;
}

.ui-loader-default{
	display: none;
}

.howto_main_section{
	height: initial;
	min-height: initial;
	background: linear-gradient(to bottom, #232348, rgba(3, 4, 35, 0.93));;
}

.slider_iphone{
	background: url(../images/howto/iphone.png);
	background-size: cover;
	background-position: center;
	width: 100%;
	overflow: hidden;
}

.slider_phone_inner{
	margin: auto;
	border-radius: 3px;
	overflow: hidden;
    border: 1px solid #e4e4e4;
}

.slider_imac_inner{
    margin: auto;
    border-radius: 1px;
    overflow: hidden;
    border: 1px solid #424242;
}

.slider_phone_inner_pano{
	width: 400%;
	height: 100%;
}

.slider_phone_inner_pano_item, .slider_imac_inner_pano_item{
	width: 25%;
	height: 100%;
	float: left;
	overflow: hidden;
}

#howto_from_airdrop .slider_phone_inner_pano{
	width: 200%;
	height: 100%;
}

#howto_from_airdrop .slider_phone_inner_pano_item{
	width: 50%;
	height: 100%;
	float: left;
	overflow: hidden;
}


#howto_from_imac .slider_phone_inner_pano{
	width: 300%;
	height: 100%;
}

#howto_from_imac .slider_imac_inner_pano_item{
	width: calc(100% / 3);
	height: 100%;
	float: left;
	overflow: hidden;
}

.howto_instruction_item_active p{
	font-family: 'Roboto Medium' !important;
}

#howto_slider h3{
	font-size: 20px;
}

.slider_phone_inner_pano_item img{
	width: 100%;
	height: 100%;
}

.slider_imac{
	background: url(../images/howto/imac.png);
	background-size: cover;
	background-position: center;
	width: 100%;
	overflow: hidden;	
}


.slider_imac_inner_pano_item img{
	width: 101%;
	height: 100%;
}

.howto_item h2{
	font-family: 'Roboto';
	font-size: 3.5em;
	margin-top: 0px;
	margin-bottom: 0px;
	color: #4A4A4A;
	padding-bottom: 1em;
}

.howto_instruction_item p{
	font-family: 'Roboto Light';
	font-size: 1.3em;
	margin-top: 0px;
	margin-bottom: 0px;
	color: #4A4A4A;
	padding: 1.5em 0.5em;
}
/*
.howto_instruction_item p:hover{
	background: #FDECEF;
	border-radius: 10px;
	overflow: hidden;
}*/

.howto_instruction_item_bg{
	background: #FDECEF;
	border-radius: 10px;
	overflow: hidden;
	width: 100%;
	height: 30px;	
}

#howto_from_airdrop .howto_instruction_item p, #howto_from_imac .howto_instruction_item p{
	text-align: center;
}

#sp_howto_from_android .container{
	padding: 50px 15px;
    margin-top: 30px;
}

#sp_howto_from_browser .container{
	padding: 100px 15px;
    margin-top: 30px;
	background: url("../images/howto/howto_safari.png");
    background-repeat: no-repeat;
    background-position: calc(100% - 30px) top;
}


#sp_howto_from_airdrop .container{
	padding: 0 15px 100px;
	background: url("../images/howto/howto_airdrop.png");
    background-repeat: no-repeat;
    /*background-position: 70% top;*/
    background-position: calc(100% - 30px) top;
}

#howto_from_android .container{
	padding: 60px 0px;
    background-repeat: no-repeat;
    background-position: right top;
}

#sp_howto_from_cloud .container{
	padding: 130px 15px 100px;
    margin-top: -100px;
	background: url("../images/howto/howto_cloud.png");
    background-repeat: no-repeat;
    background-position: 23% top;
}

#sp_howto_from_imac .container{
	padding: 0 15px 100px;
	background: url("../images/howto/howto_imac.png");
    background-repeat: no-repeat;
    background-position: 30px top;
}

#howto_from_airdrop .container{
	padding: 0 15px 100px;
	background: url("../images/howto/howto_airdrop.png");
    background-repeat: no-repeat;
    /*background-position: 70% top;*/
    background-position: calc(100% - 30px) top;
}

#howto_from_imac .container{
	padding: 0 15px 100px;
	background: url("../images/howto/howto_imac.png");
    background-repeat: no-repeat;
    background-position: 30px top;
}

#mobileAnimatedMenu, .cta{
	display: none;
}

.guides_main_block_section{
	display: block;
}

#guidesMobileMenu{
	display: none;
}

.navbar_desktop{
	display: block;
}

.footer_nav_market{
	float: right;
	margin-right: 20px;
	max-width: 25%;
}

.footer_market_img{
	height: 4em; margin-top: -10px;
}

@media (max-height: 740px) {
	.main_block_section_new{
		/*background: url('../images/ny_bg_img.jpg');*/
		/*background: url('../images/main_bg.jpg'); */
		background: url('../images/main_bg.png'); 
		background-size: cover; 
		background-position: top; 
		height: calc(100vh - 60px);
		min-height: 410px;
	}
}


/*767, 991*/
@media (max-width: 991px) {

	.desktopNavbar{
		display: none !important;
	}

	#guidesMobileMenu{
		display: block;
		width: 100%; 
		z-index: 999; 
		height: inherit; 
		padding: 20px; 
		background: linear-gradient(to bottom, #232348, rgba(3, 4, 35, 0.93));
	}

	.howtoloadbooks{
		font-size: 4em;
	}

	.htlbItems{
		font-size: 4em;
		display: inline-block;
		text-align: center;
		float: none;
	}

	#guidesMobileMenu .header-nav{
		margin-top: 0;
	}


	.guides_main_block_section{
		display: none;
	}

	#mobileAnimatedMenu, .cta{
		display: block;
	}

	#sp_howto_from_browser .container{
		background: none;
		padding: 50px 0px 100px;
	}

	#sp_howto_from_cloud .container{
		background: none;
		padding: 100px 0px;
	}

	#howto_from_airdrop .container{
		background: none;
		padding: 100px 0px;
	}

	#sp_howto_from_airdrop .container{
		background: none;
		padding: 100px 0px;
	}

	#howto_from_imac .container{
		background: none;
		padding: 100px 0px;
	}	

	#sp_howto_from_imac .container{
		background: none;
		padding: 100px 0px;
	}


	.footer_market_img{
		height: 5em; margin-top: 5px;
	}

	.footer_market_img.fullHeight{
		height: 4.8em; margin-top: -10px;
	}

	.footer_nav_market{
		float: left;
		margin-right: 20px;
	}

	.navbar_desktop{
		display: none;
	}

	.navbar_img{
		height: 7em;
	}

	.navbar-nav>li>a, .navbar-nav>li>a:hover {
	    font-size: 1.7em !important;
	    padding: 1em .5em .5em !important;
	}

	.navbar_lang {
	    margin-top: 9px !important;
	}

	#carousel blockquote{
		/*height: 17em;*/
		padding-left: 0;
		padding-right: 0;
		height: 35em;
	}

	.other_lang{
		font-size: 1.9em !important;
		margin-top: 0.5em;
		float: right;
	}

	#read_any_format h2::before, #look_awesome h2::before, #we_best h2::before, #talk_and_show h2::before, #carousel h2::before {
	    content: "— ";
	    margin-left: -1.4em;
	    margin-right: 0em;
	}

/*	#we_best h2::before{
	    content: "— ";
	    margin-left: -.7em !important;
	}*/

	#we_best h2{
	    padding-left: 0.5em;
	    padding-bottom: 60px;
	    padding-top: 20px;
	}


	.wb_h_desk{
		display: none;
	}

	.wb_h_mob{
		display: block;
	}

	.tas_h_mob h2{
		margin-left: 0.6em;
	}


	.desktopNavbar{
		display: none;
	}

	.container { width: 95%;} 


	#talk_and_show .container{
		width: 100%;
	}

	.mbs_desktop{
		display: none;
	}

	.we_best_icons_desktop{
		width: 20%;
	}

	#read_any_format h2::before, #look_awesome h2::before, #we_best h2::before, #talk_and_show h2::before, #carousel h2::before {
	    content: "— ";
	    margin-left: -1em;
	}



	#read_any_format h2, #look_awesome h2, #we_best h2, #talk_and_show h2, #carousel h2{
		/*font-size: 4em;*/
		font-size: 6.3em;
		color: #4a4a4a;
		font-family: 'Roboto Bold';
	}

	.mobile_bestapp{
		display: block;
	}

	.mobile_bestapp img{
		height: 10em;
		margin-top: 80px;
		float: right; height: 12em;
		margin-bottom: 50px;
		margin-right: calc(50% - 22em);
	}

	.carousel_additional_info i{
		/*font-size: 2.3em;*/
		font-size: 1.6em;
		letter-spacing: 0.04em;
	}

	.carousel_additional_info {
	    padding-bottom: 60px;
	}

	.desktop_bestapp{
		display: none;
	}

	.desktop_watch_img{
		display: none;
	}

	.mobile_watch_img{
		display: block;
		width: 90%;
	}

	.carousel-inner blockquote p {
	    font-size: 2.5em;
	    line-height: 1.5em;
	}
	.testimonials_desc p{
		/*font-size: 2.3em;*/
		/*font-size: 3em;*/
		font-size: 2.5em;
	}

	.testimonials_avatar {
	    height: 10em;
	}

	.mobile_testimonials_rating{
		font-size: 1.5em !important;
		margin-top: 0.3em !important;
	}

	.mobile_testimonials_date{
    	font-size: 2.1em !important;
	}

	.testimonials_src img{
		margin-top: 15px;
	}

	.testimonials_avatar img{
	    /*height: 100%*/
	    height: 130%;
	    display: none;
	}

	#feedback_section .container{
		padding: 50px;
	}


	.raf_br{
		padding-left: 20px;
		padding-right: 20px;
		font-size: 3.1em !important;
		padding-top: 0px;
		color: #4a4a4a !important;
		letter-spacing: 0.03em;
		line-height: 1.7em;
	}

	.raf_mob_fc h3{
		padding-left: 0.6em;
	}

	.raf_mob_sc h3{
		padding-left: 0.3em;
	}


	.mobile_also_p{
		font-size: 2em;
		margin-top: 40px;
		margin-bottom: 0px;
	}

	#read_any_format h2{
		margin-bottom: 30px;
	}


	.how_to_button p{
		font-size: 3em !important;
	}

	.navbar-nav>li>a, .navbar-nav>li>a:hover {
	    font-size: 2em;
	}

	#download_us_full{
		padding: 120px 0px;
	}

	#download_us_full h2{
		/*font-size: 5em;*/
		font-size: 5.3em;
		font-weight: 'Roboto Light';
		line-height: 1.5em;
		margin-bottom: 60px;
		font-family: 'Roboto Bold';
	}

	#download_us_full img{
		width: 40%;
	}

	#look_awesome {
	    padding-top: 72px;
	}

	#look_awesome h2{
		padding-bottom: 60px;
		font-size: 5.3em;
	}

	footer {
	    background: #292944;
	    padding: 50px 0px;
	    /*padding-bottom: 100px;*/
	}

	#feedback_section h2{
	    font-size: 5em;
	    /*font-family: 'Roboto Bold';*/
	    margin-top: 30px;
	    letter-spacing: 0.04em;
	    font-family: 'Roboto';
	    padding-bottom: 40px;
	}

	.fb_htb{
		width: 80%;
		margin: auto;
		border-radius: 15px;
		font-family: 'Roboto';
	}

	.fb_htb p{
		font-size: 2.8em !important;
	}

	#feedback_section {
	    padding: 30px 0px 30px 0px;
	}

	#feedback_section p{
		font-size: 3.4em;
		font-family: 'Roboto Light';
		padding-bottom: 30px;
		line-height: 1.4em;
	}

	.desktop_book_formats{
		display: none;
	}

	#talk_and_show p{
		font-size: 3.7em;
		font-family: 'Roboto Light';
	}

	.mobile_book_formats{
		display: block;
	}

	.mobile_book_formats p {
	    text-align: center;
	    /*font-size: 3em !important;*/
	    font-size: 2em !important;
	    margin-top: 10px;
	}

	#read_any_format p {
	    color: #8e8e95;
	    /*font-size: 3em;*/
		font-size: 3.7em;
		font-family: 'Roboto Light';
	}

	#read_any_format h3 {
	    font-size: 8.7em;
	    font-family: 'Roboto Bold';
	    margin-left: -30px;
	}

	#read_any_format h4 {
	    text-align: center;
	    /*font-size: 5em;*/
	    font-family: 'Roboto Bold';
    	padding-left: 0px;
    	font-size: 4.1em;
	}

	.htbp_mobile{
		display: none;
	}

	.how_to_button_mobile{
		padding-bottom: 40px;
		padding-top: 40px;
		background-color: #f54a66;
		display: block;
		border-radius: 15px;
		cursor: pointer;
	}

	.how_to_button_mobile p{
		color: #fff !important;
		font-size: 3em !important;
		padding: 0px;
		margin: 0px;
		padding-top: 0.2em;
		text-decoration: underline;
	}

	.how_to_button_mobile img{
		height: 5em;
		margin-left: 1em;
	}

	#read_any_format {
	    /*background: url(../images/BG_2.png);*/
		background-size: 100% 100%;
		margin-top: 150px;
		background-position-y: 0%;
		padding-bottom: 50px;
		background: #eeeeff;
/*	    background: url(../images/BG_2.png);
	    background-size: 100% 100%;
	    margin-top: 150px;
	    background-position-y: 0%;*/
	}

	#we_best{
		padding-top: 80px;
	}

	#we_best p {
	    font-size: 3.3em;
	    color: #4a4a4a;
	}

	#we_best img {
	    width: 90%;
	}

	.we_best_row{
		padding: 120px 0; 
		margin-top: 30px;
	}

	.we_best_padding_mobile{
		/*margin-bottom: 80px;*/
		margin-bottom: 120px;
	}

	.mobile_badges{
		display: block;
	}

	.we_best_padding {
	    /* margin-bottom: 80px; */
	    margin-bottom: 120px;
	}

	.mobile_left_badge img{
		height: 130px;
		float: left;
		margin-left: 20px;
	}


	.mobile_right_badge img{
		height: 130px;
		float: right;
		margin-right: 20px;
	}

	.mobile_header{
		display: block;
		padding-bottom: 50px;
		margin-top: 70px;
	}

	.mobile_header h1{
		text-align: center;
		color: #fff;
		/*font-size: 11em;*/
		font-size: 13em;
		font-family: 'Roboto Bold';
		padding-bottom: 0px;
		margin-bottom: 0px;
	}

	.mobile_header h2{
		text-align: center;
		color: #fff;
		/*font-size: 3em;*/
		font-size: 3.7em;
		font-family: 'Roboto Light';
		padding-top: 0px;
		margin-top: 0px;
		font-weight: 100;
		letter-spacing: 0.05em;
		color: #c8c8dc;
		line-height: 1.5em;
	}

	.desktop_badges{
		display: none;
	}

	.mobile_free_space{
		width: 100%;
		height: 300px;
		display: block;
	}

	.mbs_top_image_mobile{
		display: block;
		padding-top: 100px;
	}

	.mbs_top_image_mobile img{
		padding-left: 60px;
		width: 65%;
	}

	#mobileMenu{
		display: block;
	}

	.menu_opened{
		/*background: rgba(245, 74, 102, 0.9);*/
		background: rgb(3,4,35);
		width: 100%;
	}

	#sandwich i{
		color: #fff;
		font-size: 5vh;
	}

	#sandwich img {
	    height: 90%;
	    margin-left: 5%;
	}

	#mobileMenu .navbar{
		display: none;
	}

	#mobileMenu .navbar {
	    display: none;
	    margin-top: 2vh;
	    margin-left: 6vh;
	    /* margin-bottom: -3vh; */
	    font-size: 1.3em;
	    font-family: 'Roboto Light';
	}

	#mobileMenu .navbar-nav>li>a, .navbar-nav>li>a:hover {
	    padding: 2vh 1vh 1vh 1vh;
	    margin-top: -1vh;
	    background: none;
	}

	.navbar_lang{
		font-size: 2em;
		margin-right: 1em;
	}

	.langIcon{
		/*margin-right: 2vh;*/
	}

	.footer_no_active {
	    border: 1px solid #29294400;
	}
}

@media only screen 
and (device-width : 375px) 
and (device-height : 812px) 
and (-webkit-device-pixel-ratio : 3) { 
	.main_block_section_new{
		height: calc(100vh - 650px);
		min-height: 200px;
	}
}


/* ----------- iPhone X ----------- */
/* Portrait and Landscape */
@media screen 
and (max-width: 991px) 
and (orientation: landscape) { 
	.mobile_header, .mobile_badges, .mbs_top_image_mobile, .mobile_free_space, .mobile_watch_img, #sandwich{
		display: none;
	}
	.mbs_desktop, .desktop_badges, .desktop_watch_img, .navbar{
		display: block;
	}

	#read_any_format{
		margin-top: 30px;
	}

	#read_any_format h2, #look_awesome h2, #we_best h2, #talk_and_show h2, #carousel h2 {
	    font-size: 3.2em;
	}

	#read_any_format p {
	    font-size: 1.8em;
	}

	#read_any_format h3 {
	    font-size: 4.4em;
	    margin-left: 1em;
	    margin-top: 40px;
	}

	#read_any_format h4 {
	    font-size: 3em;
	}

	.how_to_button_p{
	    font-size: 1.9em !important;
		padding: 10px 0px !important;
	}

	.testimonials_desc p {
	    /* font-size: 2.3em; */
	    font-size: 1.5em;
	}

	.testimonials_avatar img {
	    height: 7em;
	}

	.carousel-inner blockquote p {
	    font-size: 1.5em;
	}

	.carousel_additional_info i {
	    font-size: 1.2em;
	}

	#we_best{
		padding-top: 10px;
	}

	#download_us_full {
	    padding: 50px 0px;
	}

	#download_us_full h2 {
	    font-size: 2.7em;
	}

	#download_us_full img {
	    width: 30%;
	}

	#feedback_section h2 {
	    font-size: 2.6em;
	}

	#feedback_section p {
	    font-size: 1.7em;
	}

	#talk_and_show p {
	    font-size: 1.8em;
	}

	#talk_and_show h3 {
	    font-size: 1.8em;
	}

	.navbar-nav>li>a, .navbar-nav>li>a:hover {
	    font-size: 1.3em;
	}

	#we_best img {
	    width: 5em;
	    float: right;
	}

	#we_best p {
	    font-size: 2em;
	}

	iframe{
		height: 70vh;
	}


	.mobile_book_formats p {
	    font-size: 2em !important;
	}
}

/* ----------- iPad Pro ----------- */
/* Landscape */
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
		.mbs_top_image img {
		    height: calc(80vh - 450px);
		}

		.mbs_top_image img {
		    height: calc(80vh - 150px);
		}

		.how_to_button p {
		    font-size: 0.9em !important;
		}
}

@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
	.mbs_top_image img {
	    height: calc(80vh - 450px);
	}


	.main_block_section_new{
		/*background: url('../images/main_bg.jpg'); */
		background: url('../images/main_bg.png'); 
		background-size: cover; 
		background-position: center; 
		height: calc(100vh - 700px); 
		min-height: 450px;
	}



	.how_to_button p{
		font-size: 0.9em !important;
	}

}


/*@media (min-width: 551px) and (max-width: 991px) and (orientation: portrait) { 
  	#read_any_format{
  		margin-top: 80vw;
  	}
  }*/


@media (max-width: 991px) and (orientation: portrait) { 
	.main_block_section_new{
		/*height: calc(12em + 119vw);
		min-height:  calc(12em + 119vw);
		max-height: calc(12em + 119vw);*/

		height: calc(12em + 135vw);
		min-height:  calc(12em + 135vw);
		max-height: calc(12em + 135vw);
	}


	.guides_main_block_section{
		min-height: inherit;
	}



		.mobile_books_formats p {
		    font-size: 0.9em !important;
		}

}

@media only screen and (min-width:1200px){.container{width:970px !important;}}



/*********************************************** LANDING PAGE MOBILE MENU ***********************************************/

	.cta {
	  height: 150px;
	  width: 200px;
	  cursor: pointer; 
	  position: fixed;
	  left: 0px;
	  top: 0px;
	  z-index: 99999;
	}

	.toggle-btn {
	  height: 8px;
	  width: 100px;
	  background-color: #f54a66;
	  position: relative;
	  top: 50%;
	  left: 0;
	  margin: auto;
	  transition: all 0.3s ease-in-out; }
	  .toggle-btn:before {
	    content: "";
	    height: 8px;
	    width: 100px;
	    box-shadow: 0 -28px 0 0 #f54a66;
	    position: absolute;
	    top: 0;
	    left: 0;
	    transition: all 0.3s ease-in-out; }
	  .toggle-btn:after {
	    content: "";
	    height: 8px;
	    width: 100px;
	    box-shadow: 0 28px 0 0 #f54a66;
	    position: absolute;
	    top: 0;
	    left: 0;
	    transition: all 0.3s ease-in-out; }
	    
	.active .toggle-btn {
	  background-color: transparent;
	  transition: all 0.2s ease-in-out; }
	  .active .toggle-btn:before {
	    top: 0;
	    transition: all 0.3s ease-in-out; }
	  .active .toggle-btn:after {
	    top: 0;
	    transition: all 0.3s ease-in-out; }
	.active .type1:before {
	  left: 24px;
	  transform: translateY(20px) rotate(-45deg); }
	.active .type1:after {
	  top: 0;
	  left: 24px;
	  transform: translateY(-20px) rotate(45deg); }





	#mobileAnimatedMenu{
		position: fixed; 
		top: 0px; 
		left: 0px; 
		z-index: 99998; 
		height: 101vh; 
		width: 100vw; 
		background: rgba(0,0,0,.9); 
		display: none;
	}

	.mobileAnimatedMenu__List{
		color: #fff;
		text-align: center;
		list-style-type: none;
		margin-top: calc(50vh - 25em);
	}

	.mobileAnimatedMenu__Lang{
		color: #fff;
		margin-top: 100px;
		text-align: center;
		list-style-type: none;
		/*margin-top: 20vh;*/
		position: absolute;
		bottom: 0px;
		width: 100%;
	}

	.mobileAnimatedMenu__List li, .mobileAnimatedMenu__Lang li{
		font-size: 3.5em;
		margin: 1em auto;
	}

	#mobileAnimatedMenu a, #mobileAnimatedMenu a:hover, #mobileAnimatedMenu a:active, #mobileAnimatedMenu a:visited{
		color: #fff;
		text-decoration: none;
	}

	#mobileAnimatedMenu a > img{
		height: 1em;
		margin-right: .5em;
	}

	.border_menu{
		border: 2px solid #f54a66;
		border-radius: 10px;
		overflow: hidden;
		width: 80%;
		padding: .2em 0;
		z-index: 99999;
	}

	.mobileAnimatedMenu__Lang_Text{
		font-size: 3em; 
		margin-top: 3em; 
		opacity: .75;		
	}

	.mobileAnimatedMenu__Lang_Selector{
		font-size: 5em;
	}

	.mobileAnimatedMenu__Lang_Selector img{
		height: 1em;
	}

	@media screen and (orientation:landscape) {
		.mobileAnimatedMenu__List li, .mobileAnimatedMenu__Lang li {
		    font-size: 2.5em;
		    margin: 1em auto;
		}

		.mobileAnimatedMenu__List {
		    color: #fff;
		    text-align: center;
		    list-style-type: none;
		    margin-top: calc(50vh - 11em);
		}

		.mobileAnimatedMenu__Lang_Selector{
			font-size: 2.5em;
		}


		.mobileAnimatedMenu__Lang li{
			display: inline-block;
		}

		.mobileAnimatedMenu__Lang_Text{
			margin-right: 20px !important;
		}




		.cta {
		  height: 100px;
		  width: 150px;
		  cursor: pointer; 
		  position: fixed;
		  left: 0px;
		  top: 0px;
		  z-index: 99999;
		}

		.toggle-btn {
		  height: 4px;
		  width: 50px;
		  background-color: #f54a66;
		  position: relative;
		  top: 50%;
		  left: 0;
		  margin: auto;
		  transition: all 0.3s ease-in-out; }
		  .toggle-btn:before {
		    content: "";
		    height: 4px;
		    width: 50px;
		    box-shadow: 0 -14px 0 0 #f54a66;
		    position: absolute;
		    top: 0;
		    left: 0;
		    transition: all 0.3s ease-in-out; }
		  .toggle-btn:after {
		    content: "";
		    height: 4px;
		    width: 50px;
		    box-shadow: 0 14px 0 0 #f54a66;
		    position: absolute;
		    top: 0;
		    left: 0;
		    transition: all 0.3s ease-in-out; }
		    
		.active .toggle-btn {
		  background-color: transparent;
		  transition: all 0.2s ease-in-out; }
		  .active .toggle-btn:before {
		    top: 0;
		    transition: all 0.3s ease-in-out; }
		  .active .toggle-btn:after {
		    top: 0;
		    transition: all 0.3s ease-in-out; }
		.active .type1:before {
		  left: 12px;
		  transform: translateY(10px) rotate(-45deg); }
		.active .type1:after {
		  top: 0;
		  left: 12px;
		  transform: translateY(-10px) rotate(45deg); }
	}

/****************************************** END OFLANDING PAGE MOBILE MENU ****************************************** /