@import url(http://fonts.googleapis.com/css?family=Roboto:300,400,700&subset=latin,cyrillic-ext,greek-ext,greek,latin-ext,cyrillic);

#sectionOverview {
     padding: 0px;
     /*height: 11200px;*/
     width: 100%;
}
#special-sectionOverview p{
	color: #FFFFFF;
}

#special-sectionOverview h2{
	font-size: 33px;
    margin-bottom: 20px;
    line-height: 1.1;
    text-align: left;
    font-family: "Open Sans", "Roboto";
    font-weight: 300;
    color: #33b9ff !important;
}


#rr1{
	text-align: center;
    position: relative;
    margin: 0 auto;
    max-width: 1024px !important;
}
.rr1_box{
	width: 710px;
    margin: 5% 0 0 0;
    position: relative;
}
.rr1_box .mb_mobile{
	display: none;	
	width: 100%;
}
.rr1_box .text_right span{
    text-align: right;
    float: right;
}
.rr1_box .text_left span{
    text-align: left;
}

.rr1_box .product_exb520_tx{
    position: absolute;
    z-index: 2;
}
.rr1_box i{
    display: none
}
.rr1_box span,
.rr1_box.product_exb520_tx p,
.rr1_box.product_exb520_tx ul li{
    font-weight: 500;
    font-size: 15px;
	color: #FFF;;
    margin: 0;
    display: inline-block;
    margin-top: -3px;
    font-family: "Open Sans", "Roboto";
    font-size: 15px;
}
.rr1_box.product_exb520_tx p.stitle{
    font-size: 18px;
    font-weight: bold;
    text-align: left;
    float: left;
}


.rr1_box .product_exb520_tx .text_right .t2 span.box_title{
    font-weight: 500;
    font-size: 15px;
    margin-top: 0;
    margin-left: 7.5em;
}

.rr1_box .product_exb520_tx ul{
    display: inline-block;
    text-align: left;
    clear: both;
    float: left;
    width: 160px;
    margin-left: 16px;
    margin-top: 5px
}
.rr1_box.product_exb520_tx ul li{
    float: left;
    clear: both;
    list-style-type: disc;
    display: list-item;
    margin-top: 5px;
}
.product_exb520_tx.t1{
    top: 67px;
    left: -41px;
}
.product_exb520_tx.t2{
    top: 147px;
    left: -38px;
}
.product_exb520_tx.t3{
    top: 209px;
    left: -43px;
}
.product_exb520_tx.t4{
    top: 242px;
    left: -34px;
}
.product_exb520_tx.t5{
    top: 289px;
    left: -33px;
}
.product_exb520_tx.t6{
    top: 330px;
    left: -45px;
}
.product_exb520_tx.t5 span{
    line-height: 1.2em !important
}
.product_exb520_tx.t7{
    top: 353px;
    left: -32px;
}
.product_exb520_tx.t8{
    top: 450px;
    left: -33px;
}
.product_exb520_tx.t9{
    top: 502px;
    left: -34px;
}
.product_exb520_tx.t10{
    top: 566px;
    left: -34px;
}
.product_exb520_tx.t11{
    top: 606px;
    left: -31px;
}
.product_exb520_tx.t12{
    top: 646px;
    left: -34px;
}
.product_exb520_tx.t13{
    top: 127px;
    right: -204px;
}
.product_exb520_tx.t14{
    top: 300px;
    right: -179px;
}
.product_exb520_tx.t15{
    top: 334px;
    right: -322px;
}
.product_exb520_tx.t16{
    top: 405px;
    right: -159px;
}
.product_exb520_tx.t17{
    top: 480px;
    right: -166px;
}
.product_exb520_tx.t18{
    top: 528px;
    right: -157px;
}
}


#mWrap .des2 p{
	font-size: 16px;
	color: #FFFF;
    max-width: 620px;
}
#mWrap .des4 p{
	font-size: 16px;
	color: #FFFF;
    max-width: 770px;
    margin: 0 auto;
}

.blockR {
    width: 28%;
    padding: 8% 0 0 3%;
}

.blockL {
	padding: 2% 0% 0% 0%;
    width: 50%;
}

.blockL img {
    width: 45%;
    padding: 0 0 0 45%;
}

#rr3{
	color: #FFFF;
	display: inline-flex;
	display: flex;
}
.blockR3 {
    padding: 2% 0% 0% 22%;
    width: 37%;
}
.blockL3 {
    padding: 0% 1% 0% 6%;
    width: 50%;
}

#rr4{
	display: inline-grid;
	margin-top: 5%;
}
.blockT4 {
	text-align: center;
    margin: 0 auto;
}
.blockU4 {
	width: 50%;
    margin: 0 auto;
}
.blockU4 img{
	width: 100%;
    text-align:  center;
}

#rr5{
	color: #FFFF;
	display: inline-flex;
	display: flex;
}

.blockR5 {
    width: 27%;
    padding: 6% 0 0 5%;
}

.blockL5 {
	padding: 2% 0% 0% 7%;
    width: 40%;
}

.blockL5 img {
    width: 50%;
    padding: 0 0 0 45%;
}
#rr6{
	display: inline-grid;
	margin-top:12%;
}
.blockT6 {
	text-align: center;
    margin: 0 auto;
}

#rr7{
	color: #FFFF;
	display: inline-flex;
	display: flex;
}

.blockR7 {
    width: 28%;
    padding: 4% 0 0 2%;
}

.blockL7 {
	padding: 3% 0% 0% 1%;
    width: 50%;
}

.blockL7 img {
    width: 47%;
    padding: 0 0 0 42%;
}

#rr8{
	display: inline-grid;
	margin-top: 3%;
}
.blockT8 {
	text-align: center;
    margin: 0 auto;
}

.blockU8 {
	width: 80%;
    margin: 0 auto;
}
.blockU8 img{
	width: 100%;
    text-align:  center;
}

#rr9{
	display: inline-grid;
	margin-top: 3%;
}
.blockT9 {
	text-align: center;
    margin: 0 auto;
}

.blockU9 {
	width: 22%;
    margin: 0 auto;
}
.blockU9 img{
	width: 100%;
    text-align:  center;
}
#mWrap #rr2{
    color: #FFFF;
    display: flex;
}







#mWrap #rr2 .blockL:last-child {
    display: none;
}
#mWrap #rr5 .blockL5:last-child {
    display: none;
}
#mWrap #rr7 .blockL7:last-child {
    display: none;
}

@media (max-width: 1440px){
    #rr2{
    color: #FFFF;
    display: flex;
    }
	.blockL {
    padding: 4% 0% 0% 0%;
    width: 50%;
	}
	.blockL img {
    width: 55%;
    padding: 0 0 0 35%;
	}
	.blockU9 {
    width: 40%;
    margin: 0 auto;
	}
	.blockR {
    width: 38%;
    padding: 11% 0 0 3%;
	}
	.blockR3 {
    padding: 4% 0% 0% 12%;
    width: 45%;
	}
	.blockL3 {
    padding: 0% 1% 0% 5%;
    width: 50%;
	}
	#rr4 {
    display: inline-grid;
    margin-top: 7%;
	}
	.blockU4 {
    width: 70%;
    margin: 0 auto;
	}
	.blockR5 {
    width: 40%;
    padding: 6% 0 0 2%;
	}
	.blockL5 {
    padding: 4% 0% 0% 0%;
    width: 50%;
	}
	.blockL5 img {
    width: 53%;
    padding: 0px 0 0 30%;
	}
	.blockR7 {
    width: 40%;
    padding: 4% 0 0 2%;
	}
	.blockL7 {
    padding: 3% 0% 0% 1%;
    width: 50%;
	}
	.blockL7 img {
    width: 80%;
    padding: 0 0 0 18%;
	}

}

@media (max-width: 1024px){
	.blockL {
    padding: 4% 0% 0% 0%;
    width: 50%;
	}
	.blockL img {
    width: 70%;
    padding: 0 0 0 10%;
	}
	.blockR {
    width: 50%;
    padding: 11% 2% 0 0%;
	}
	.blockR3 {
    padding: 4% 0% 0% 5%;
    width: 50%;
	}
	.blockL3 {
    padding: 4% 2% 0% 5%;
    width: 47%;
	}
	.blockL3 img{
	width: 100%;
	}
	.blockL5 {
    padding: 2% 0% 0% 0%;
    width: 50%;
	}
	.blockL5 img {
    width: 65%;
    padding: 3% 0 0 13%;
	}
	.blockR5 {
    width: 47%;
    padding: 7% 4% 0 0%;
	}
	#rr6 {
    display: inline-grid;
    margin-top: 6%;
	}
	.blockL7 {
    padding: 3% 0% 0% 1%;
    width: 50%;
	}
	.blockL7 img {
    width: 90%;
    padding: 0 0 0 0%;
	}
	.blockR7 {
    width: 50%;
    padding: 4% 4% 0 0%;
	}

}


@media (max-width: 768px){
.rr1_box .product_exb520_box{
        padding: 0 10px;
    }
    .rr1_box img{
        display: none
    }
    .rr1_box img.mb_mobile{
        display: block;
        width: 100%;
        max-width: 700px !important;
        margin-bottom: 2em
    }
    .rr1_box .product_exb520_box{
        width: 100%;
        text-align: left;
    }
    .rr1_box .product_exb520_tx span{
        float: left;
        text-align: left;
        margin-top: 0;
        color: #FFF;
    }
    .rr1_box .product_exb520_tx{
    position: relative !important;
    left: initial !important;
    right: initial !important;
    top: initial !important;
    bottom: initial !important;
    top: 0\0 !important;
    left: 0\0 !important;
    display: inline-block;
    text-align: left;
    vertical-align: top;
    margin: 10px 5px !important;
    float: none !important;
    font-size: 20px;
    padding: 0 5px 0 40px;
    }
    .rr1_box .product_exb520_tx .box_title{
        text-align: left;
        float: left;
    }
    .rr1_box .product_exb520_tx i{
    	left: 0px;
    	top: -5px;
    	display: block;
    	position: absolute;
    	width: 30px;
    	height: 30px;
    	-moz-border-radius: 100%;
    	-webkit-border-radius: 100%;
    	border-radius: 100%;
    	background: #33b9ff;
    	color: #fff;
    	text-align: center;
    	font-size: 21px;
    	font-weight: 400;
    	line-height: 30px;
   		vertical-align: middle;
    	font-family: "Open Sans", "Roboto";
    }


	.des4 {
    font-size: 16px;
    color: #FFFF;
    max-width: 600px;
    margin: 0;
	}
	#rr2 {
    color: #FFFF;
    display: block;
    margin-top: 5%;
	}
	.blockR {
    width: 93%;
    padding: 10% 0% 0 11%;
	}
	.blockL {
    padding: 0% 0% 0% 6%;
    width: 100%;
	}
	.blockU9 {
    width: 60%;
    margin: 0 auto;
	}
	#rr3 {
    color: #FFFF;
    display: inline-flex;
    display: block;
	}
	.blockR3 {
    padding: 4% 0% 0% 11%;
    width: 90%;
	}
	.blockL3 {
    padding: 0% 2% 0% 5%;
    width: 90%;
	}
	.blockT4 {
    text-align: center;
    margin: 0;
    width: 90%;
    padding: 0 0 0 11%;
	}
	#rr5 {
    color: #FFFF;
    display: block;
	}
	.blockR5 {
    width: 91%;
    padding: 7% 0% 0 11%;
	}
	.blockL5 {
    padding: 0;
    width: 100%;
	}
	.blockT6 {
    text-align: center;
    margin: 0 ;
    width: 80%;
    padding: 0 0 0 11%;
	}
	#rr7 {
    color: #FFFF;
    display: block;
	}
	.blockR7 {
    width: 90%;
    padding: 4% 0% 0 11%;
	}
	.blockL7 {
    padding: 0% 0% 0% 4%;
    width: 100%;
	}
#mWrap #rr2 .blockL:first-child {display: none;}
#mWrap #rr2 .blockL:last-child  {display: block;}
#mWrap #rr5 .blockL5:first-child {display: none;}
#mWrap #rr5 .blockL5:last-child  {display: block;}
#mWrap #rr7 .blockL7:first-child {display: none;}
#mWrap #rr7 .blockL7:last-child  {display: block;}

}
@media(max-width: 719px){
	#rr1 {
    padding: 90px 0 50px !important;
	}
	#rr1 .rr1_box {
    width: 100%;
    text-align: left;
    padding: 0 10px;
    margin: 0 auto;
    position: relative;
	}
	#rr1 .rr1_box .mb_mobile{
	display: block;
    width: 100%;
    max-width: 700px !important;
    margin-bottom: 2em;
	}
	.rr1_box .product_exb520_tx {
    position: relative !important;
    left: initial !important;
    right: initial !important;
    top: initial !important;
    bottom: initial !important;
    top: 0\0 !important;
    left: 0\0 !important;
    display: inline-block;
    text-align: left;
    vertical-align: top;
    margin: 10px 5px !important;
    float: none !important;
    font-size: 20px;
    padding: 0 5px 0 40px;}
    .rr1_box .product_exb520_tx i {
    left: 0px;
    top: -5px;
    display: block;
    position: absolute;
    width: 30px;
    height: 30px;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    background: #33b9ff;
    color: #fff;
    text-align: center;
    font-size: 21px;
    font-weight: 400;
    line-height: 30px;
    vertical-align: middle;
    font-family: "Open Sans", "Roboto";
	}
	.rr1_box.product_exb520_tx span {
    float: left;
    text-align: left;
    margin-top: 0;
	}
}

@media (max-width: 425px){
.rr1_box img.mb_mobile{
	width: 55%
}
.des4 {
    font-size: 16px;
    color: #FFFF;
    max-width: 360px;
    margin: 0;
}
.blockU9 {
    width: 70%;
    margin: 0 auto;
}
.blockR {
    width: 80%;
    padding: 10% 0% 0 10%;
}
.blockL img {
    width: 80%;
    padding: 0 0 0 4%;
}
#rr3 {
    color: #FFFF;
    display: inline-flex;
    display: block;
}
.blockR3 {
    padding: 4% 0% 0% 10%;
    width: 80%;
}
.blockT4 {
    text-align: center;
    margin: 0;
    width: 80%;
    padding: 0 0 0 11%;
}
.blockU4 {
    width: 80%;
    margin: 0 auto;
}
.blockR5 {
    width: 80%;
    padding: 7% 0% 0 11%;
}
.blockR7 {
    width: 80%;
    padding: 4% 0% 0 11%;
}
.blockT9 .des4 {
    font-size: 16px;
    color: #FFFF;
    max-width: 360px;
    margin: 0 0 0 7%;
}


}
