@import url('https://fonts.googleapis.com/css?family=Roboto:300,300i,400,500,700,900i');

html, body {
    width: 100%;
    height: 100%;
}

.phoneline {
	display: none;
}

.intro {
    height: calc(100% - 188px);
}

/*@media screen and (min-width:700px ){
    body, #intro {
        min-height: 515px;
    }
}*/


.navbar-top {
    background: none;
    border: none;
}

.intro-section1 {
    background: url("../imgs/bg-1.jpg");
    background-size: cover;
}

.container {
    padding-right: 20px;
    padding-left: 20px;
}

.white_text {
    color: #ffffff;
}

#topInfo {
    padding-top: 20px;
}

.rightInfo {
    float: right;
    padding-left: 0;
    padding-right:0;
    text-align: right;
}

.phone, lang {
    display: inline-block;
}

.phone, span.language {
    font-size: 24px;
}

.phone span
{
  font-weight: 700;
}

.phone div.facebook {
    padding-top: 20px;
}

.phone div.facebook span {
    font-size: 16px;
    font-weight: normal;
}

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

.phone span span
{
  font-weight: normal;

}
.phoneB {
    font-weight: 700;
}

.phoneR {
    font-weight: 400;
}

span.language {
    font-size: 15px;
    font-weight: 300;
    border-bottom: 1px dotted;
}

.earth {
    height: 20px;
    padding-right:10px;
}

.lang {
    line-height: 35px;
    padding-left: 60px;
    display: inline-block;
}

.lang a, .lang a:hover, .lang a:focus, .lang a:visited {
    text-decoration: none;
    color: #ffffff;
}

div.topMenu > ul.nav > li > a:hover {
    color: #d9d9d9;
}

div.topMenu > ul.nav > li > a {
    font-size: 16px;
    font-weight: 700;
    color: #ffffff;
    text-transform: uppercase;
}
div.slogan.slide {
    margin-right:0;
    display: inline-block;
}
div.slogan.slide>div.angl {
     margin-left:15px;
}

.slogan-inner {
	position: relative;
	float: right;
	margin-right: 265px;
	height: 10px;
}

.slogan-inner .item.chg {
    display: none;
    position: absolute;
    
}

.slogan-inner .item.chg.active {
    display: inline-block;
}

.navbar.navbar-top .topMenu {
    text-align: center;
    padding: 20px 0px 0 0px;
}

.topMenu ul.nav.navbar-nav {
    display: inline-block;
    float: none;
}

.slogan {
    display: none;
    padding-left: 15px;
    /* width: 700px; */
}

.slogan span, .section2 div.text1, .phone, span.language, div.topMenu > ul.nav > li > a, .titleBox, .leftItems .item, .rightItems ul li, .rightItems .addText, .addText button, .section3 .listBox .item,.section6 .title span,.section6 .content p,.section7 .menu a,.copyright,.rightItems .inBox .beg,.section6 .more {
    font-family: 'Roboto', sans-serif;
}

.slogan span,.section6 .title span {
    font-size: 34px;
    font-style: italic;
    font-weight: 900;
    color: #000;
    line-height: 56px;
    background: #ffffff;
    display: inline-block;
    z-index: 99;
}
.slogan span,.section6 .title span{
    -webkit-transform: scale(1.0) skewX(15deg);
    -webkit-transform-origin: 0% 0%;
    -moz-transform: scale(1.0) skewX(15deg);
    -moz-transform-origin: 0% 0%;
    -o-transform: scale(1.0) skewX(15deg);
    -o-transform-origin: 0% 0%;
    -ms-transform: scale(1.0) skewX(15deg);
    -ms-transform-origin: 0% 0%;
    transform: scale(1.0) skewX(15deg);
    transform-origin: 0% 0%;
}

#intro div.slogan-inner div.chg.angl {
    margin-top: 5px;
    padding-left: 20px;
    padding-right: 40px;
}

.slogan div.angl, .slogan-inner div.item.chg.active,.section6 div.title {
    z-index: 1;
    padding-left: 30px;
    padding-right:40px;

    background: #ffffff;
    border-radius: 4px;

    -webkit-transform: scale(1.0) skewX(-15deg);
    -webkit-transform-origin: 0% 0%;
    -moz-transform: scale(1.0) skewX(-15deg);
    -moz-transform-origin: 0% 0%;
    -o-transform: scale(1.0) skewX(-15deg);
    -o-transform-origin: 0% 0%;
    -ms-transform: scale(1.0) skewX(-15deg);
    -ms-transform-origin: 0% 0%;
    transform: scale(1.0) skewX(-15deg);
    transform-origin: 0% 0%;

    display: inline-block;
}

.scrollTwo {
    width: 66px;
    margin: 0 auto;
}

.scrollTwo a {
    position: absolute;
    top: 100%;
    margin-top: -31px;
    outline: none !important;
}

.pad35 {
    padding-left: 35px;
    padding-right: 35px;
}

.pad50 {
    padding-left: 50px;
    padding-right: 50px;
}

.section2 div.text1 {
    text-align: center;
    padding: 60px 0;
    font-size: 24px;
    color: #222437;
    font-weight: 500;
}

.titleBox {
    font-size: 34px;
    color: #222437;
    font-weight: 500;
}

.boxGrey {
    padding: 60px 0;
    background: #f3f4f8;
}

.leftItems, .rightItems {
    float: left;
    display: inline-block;
}

.leftItems {
    width: 413px;
    border-radius: 4px;
    box-shadow: 0px 5px 15px 0px rgba(212, 216, 231, 0.004);
}

.rightItems {
    position: relative;
    display: none;
    width: 787px;
    height: 450px;
    margin-top: 26px;
    color: white;

    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.rightItems.active {
    display: block;
}

.rightItems {
    background: url("../imgs/box-show-3.jpg");
    /*position: relative;*/
    z-index: 1;
    background-repeat: no-repeat;
    background-position: right;
}
.rightItems.i1 { background: url("../imgs/advant/1.png") !important; }
.rightItems.i2 { background: url("../imgs/advant/2.png") !important; }
.rightItems.i3 { background: url("../imgs/advant/3.png") !important; }
.rightItems.i4 { background: url("../imgs/advant/4.png") !important; }
.rightItems.i5 { background: url("../imgs/advant/5.png") !important; }
.rightItems.i6 { background: url("../imgs/advant/6.png") !important; }

.direction .rightItems {
    z-index: 1;
    background: url("../imgs/box2-show-3.jpg");
    background-repeat: no-repeat;
    background-position: right;
}
.direction .rightItems.i1 { background: url("../imgs/direct/1.png") !important; }
.direction .rightItems.i2 { background: url("../imgs/direct/2.png") !important; }
.direction .rightItems.i3 { background: url("../imgs/direct/3.png") !important; }
.direction .rightItems.i4 { background: url("../imgs/direct/4.png") !important; }
.direction .rightItems.i5 { background: url("../imgs/direct/5.png") !important; }
.direction .rightItems.i6 { background: url("../imgs/direct/6.png") !important; }

.direction .leftItems .item {
    height:81px;
    overflow: hidden;
}

.rightItems .inBox {
	position: absolute;
	top: 0;
	bottom: 0;
	background: linear-gradient(to right, rgba(0,0,0,0.9), rgba(0,0,0,0));
    padding-top: 115px;
    padding-left: 78px;
    padding-right: 78px;
}
.rightItems .devider {
    position: absolute;
    margin-left:78px;
	z-index: 99;
}

.rightItems ul {
    padding-left: 20px;
    padding-bottom: 0;
    margin-bottom: 0;
}

.rightItems .inBox .beg{
    font-weight: 400;
    font-size: 15px;
    line-height:21px;
    color: #ffffff;
    padding-left: 10px;
}

.rightItems .addText,.rightItems .inBox .beg {
    padding-left: 22px;
    padding-top: 45px;
}

.rightItems .addText p {
    font-size: 22px;
    line-height: 30px;
    font-weight: 400;	margin-bottom: 20px;
}

a.logoPng {
    padding: 0;
}
.boxShow .leftItems li.item span.numb{
    font-size: 14px;
}

.boxShow .leftItems .i1 {
    background: #7686bf;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.boxShow .leftItems .i2 {
    background: #6375b6;
}

.boxShow .leftItems .i3 {
    background: #5165af;
}

.boxShow .leftItems .i4 {
    background: #3f55a6;
}

.boxShow .leftItems .i5 {
    background: #3349a0;
}

.boxShow .leftItems .i6 {
    background: #243d99;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}
.boxShow {
    display: flex;
    overflow: hidden;
}
.leftItems .item {
    color: #ffffff;
    font-weight: 300;
    font-size: 18px;
    line-height: 71px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.27);

}

/*.leftItems .item:last-child{
    border-bottom: none;
}*/
.leftItems ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.leftItems ul .item span.numb {
    line-height: 80px;
    padding: 28px 29px;
}

.leftItems ul li.item {
    overflow: hidden;
}

.leftItems ul li.item.active {
    overflow: inherit;
}

.boxShow .leftItems .item.active {
    height: 102px;

    background: #ffffff;
    color: #232438;
    padding-left: 33px;
    width: 426px;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    line-height: 80px;
    z-index: 10;
    position: relative;
}
.boxShow .leftItems li.item.active span.text {
    padding-left: 0;
}
.boxShow .leftItems .item.active .text {
    line-height: 21px;
    padding-top: 44px;
    max-width:340px;
}
.boxShow .leftItems .item.active .text.medium {
    padding-top: 27px;
}
.direction .boxShow .leftItems .item.active .text.long {
    max-width:340px;
    padding-top: 20px;
    padding-left: 0;
}
.direction .boxShow .leftItems .item.active .descr {
    font-size:15px;
    font-weight: 300;
    color: #747f91;
    position: absolute;
    line-height: 21px;
    bottom: 15px;
}

.boxShow .leftItems .item.active .iconRight {
    background: url("../imgs/arrowRight.svg");
    width: 9px;
    height: 10px;
    display: inline-block;
    background-repeat: no-repeat;
    right: 20px;
    position: absolute;
    top: 48px;
}
.direction .boxShow .leftItems .item.active .iconRight {
    background: url("../imgs/arrowRight2.svg");
    width:30px;
    height:30px;
    top:35px;
    right:34px;
}

.boxShow .leftItems .item span.numb {
    border-right: 1px solid rgba(255, 255, 255, 0.27);
}

.boxShow .leftItems .item.active span.numb {
    display: none;
}

.boxShow .leftItems .item .text {
    padding-left: 33px;
    position: absolute;
    line-height: 21px;
    padding-top: 27px;
    max-width:310px;
}
.boxShow .leftItems .item .descr {
    display: none;
}
.boxShow .leftItems .item.active .descr {
    display: block;
}
.leftItems ul li.item, .leftItems ul li.item span {
    cursor: pointer;
}

.advantages h2.titleBox, .section3 h2.titleBox{
    margin-top:0;
    margin-bottom: 60px;
}

.more {
    text-decoration: none !important;
}

.section6 .more:hover ~ .hov {
    background: url("../imgs/shadowButton.png") no-repeat bottom;
    height: 15px;
    width: 377px;
    opacity: 1;
    float: left;
}
.direction .addText .but {
    height: 60px;
    display: block;
    width: 139px;
    float: left;
    border: none;
}

.direction .addText .more:hover ~ .hov {
    background: url("../imgs/shadowButtonDirect.png") no-repeat bottom;
    height: 15px;
    width: 142px;
    opacity: 1;
    float: right;
}
.section6 .but .hov,.addText .but .hov{
    display: inline-flex;
    opacity: 0;
}
.addText button,.section6 .more {
    font-size: 13px;
    color: #243d99;
    font-weight: bold;
    padding: 0 31px;
    line-height: 40px;
    background: #f2f4f8;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;;
    border: none;
    outline: none !important;
}

.addText button:hover, .addText button:active, .addText button:focus,.section6 .more:hover,.section6 .more:active,.section6 .more:focus {
    background: #ffffff;
}

.section6 .but {
    height:114px;
    float: left;
}
.section3 {
    margin-top: 60px;
    overflow: hidden;
}
.section3 .news {
    padding: 0;
}
.section3 .listBox {
width: 20000px;
    display: inline-flex;
    overflow: hidden;
}

.section3 .listBox .item {
    width: 317px;
    height: 180px;
    border-right: 1px solid #ffffff;
/*    float: left; */
    display: inline-block;
    color: #ffffff;
    padding: 12px 18px;
}

.section3 .listBox .box1 {
    background: url("../imgs/boxBg1.jpg");
}

.section3 .listBox .box2 {
    background: url("../imgs/boxBg2.jpg");
}

.section3 .listBox .box3 {
    background: url("../imgs/boxBg3.jpg");
}

.section3 .listBox .box4 {
    background: url("../imgs/boxBg1.jpg");
}

.section3 .listBox .box5 {
    background: url("../imgs/boxBg2.jpg");
}

.section3 .listBox .box6 {
    background: url("../imgs/boxBg3.jpg");
    border: none;
}

.listBox .item .date {
    font-size: 12px;
    font-weight: 500;
    padding-top: 13px;
    display: inline-block;
}
.listBox .item a.btn {
    float: right;
    padding: 0 20px;
    line-height:34px;
    background: #fff;
    border-radius: 4px;
    border:none;
    color: #243d99;
    font-size: 14px;
    font-weight: 500;
}
.listBox .item a.txt{
    font-size: 16px;
    font-weight: 500;
    color: #ffffff;
    text-decoration: underline;
}
.listBox .item .topInfoBox {
    height:44px;
    margin-bottom:15px;
}
.section4 .titleBox {
    margin-top: 0;
    margin-bottom: 60px;
}
.section5>div {
    /*background: url("../imgs/bgSection5.jpg");*/
}
.section5 h2 {
    margin-top: 60px;
    margin-bottom: 27px;
}
.section5 {
    padding-bottom: 41px;
}
.section6 {
    background: url("../imgs/bgSection6.jpg");
    background-size:cover;
    background-repeat:no-repeat;
    min-height:700px;
    padding-bottom:45px;
}
.section6 .more{
    line-height: 54px;
}
.section6 .inner{
    padding: 0;
    margin-top:58px;
}
.section6 .titleBox7{
    padding-left:15px;
    padding-bottom: 44px;
}
.section6 .titleBox7,.section6  .content{
    margin-left:-5px;
}
.section6 .titleBox7 span{
    color: #222437;
    font-size:34px;
    line-height: 36px;
    padding:11px 0;
}
.section6 .titleBox7 div.pad17{
    margin-top:3px;
}
.section6 .titleBox7 div.m15{
    margin-left:15px;
}
.section6 .content p {
    font-size: 24px;
    font-style: italic;
    font-weight: 300;
    color: #ffffff;
    margin-bottom: 0;
    line-height: 36px;
}
.section6 .content p.next{
    height:36px;
}
.section6 .more {
    font-size: 16px;
    font-weight:700;
    text-transform: uppercase;
    padding:0 114px;
    margin-top:45px;
    float: left;
}
.section7 .nopad {
    padding:0;
}
.section7 div.container{
    padding:60px 0;
}
.section7 .menu a,.rightItems,.section6 .but .hov,.addText .but .hov,.addText button,.section6 .more,.section6 .but  {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.section7 .menu a:hover{
    color: #3d57b8;
}
.section7 .menu a,.section7 .menu span,.section7 .menu li{
    text-decoration: none;
    font-size:16px;
    color: #222437;
    font-weight: 400;
}
.section7 .menu li{
    padding:25px 0 0 0;
}
.section7 .menu li:last-child{
/*    line-height: normal; */
/*    padding-bottom: 0; */
}
.section7 .menu span{
    font-weight: 700;
}
.section7 .menu  ul {
    list-style-type: none;
    padding-left: 0;
}
.copyright {
    background: #222437;
    height:80px;
    color: #ffffff;
    font-size:16px;
    font-weight:400;
    overflow: hidden;
}
.copyright .copy {
    padding-top: 10px;
    float: left;
}
.copyright .copy a {
	font-size: 12px;
	color: #fff;
	text-decoration: underline;
}
.copyright .copy a:hover {
	color: #fff;
	text-decoration: none;
}
.copyright .inlB {
    display: inline-block;
    text-align: left;
}
.copyright .creator {
    float: right;
    line-height: 80px;
}
.copyright .phone .phoneB {
    line-height:80px;
}
.glyphicon.glyphicon-one-fine-full-dot {
    overflow: hidden;
}
.glyphicon.glyphicon-one-fine-full-dot:before {
    content:"\25cf";
    font-size: 5px;
}.work {	font-size: 0;	padding: 0;	margin: 50px auto 0; text-align: center;}.work li {	position: relative;	width: 140px;	height: 275px;	display: inline-block; text-align:left;	color: #232438;	vertical-align: top;	background: url(../imgs/work_det.png) no-repeat right;	padding: 40px 20px;	cursor: default;	-webkit-transition: all 0.3s ease;	-moz-transition: all 0.3s ease;	-o-transition: all 0.3s ease;	-ms-transition: all 0.3s ease;	transition: all 0.3s ease;}.work li:last-of-type {	background: none;}
.work .number {	font: 26px Roboto;	-webkit-transition: all 0.3s ease;	-moz-transition: all 0.3s ease;	-o-transition: all 0.3s ease;	-ms-transition: all 0.3s ease;	transition: all 0.3s ease;}
.work .number span {
	display: none;
}
.work .title {	font: 17px Roboto;	margin-top: 10px;	-webkit-transition: all 0.3s ease;	-moz-transition: all 0.3s ease;	-o-transition: all 0.3s ease;	-ms-transition: all 0.3s ease;	transition: all 0.3s ease;}.work .icon {    position: absolute;    bottom: 0;    left: 0;    right: 0;	opacity: 1;    text-align: center;	-webkit-transition: all 0.3s ease;	-moz-transition: all 0.3s ease;	-o-transition: all 0.3s ease;	-ms-transition: all 0.3s ease;	transition: all 0.3s ease;}
.work .description {	
	display: none;	
	font: 14px Roboto;	
	opacity: 0;	
	margin-top: 40px;	
	-webkit-transition: all 0.3s ease 0.3s;	
	-moz-transition: all 0.3s ease 0.3s;
	-o-transition: all 0.3s ease 0.3s;
	-ms-transition: all 0.3s ease 0.3s;	
	transition: all 0.3s ease 0.3s;
	}

.description.visible {	opacity: 1;	margin-top: 20px;}

.work li.hover {	width: 210px;	padding-top: 10px;}.work li.hover .number {	font: 34px Roboto;	color: #b0b1c6;}.work li.hover .title {	font: 20px Roboto;	color: #3d57b8;}.work li.hover .icon {	opacity: 0;}.work li.nohover {	width: 130px;}

/* Restyled thingth from combining styles with inner page slicing */

.topMenu .menu
{
  padding-left: 0;
  list-style: outside none none;
  margin: 0;
  display: inline-block;
  float: none;
}
.topMenu .menu::after, .topMenu .menu::before
{
  content: " ";
  display: table;
}
.topMenu .menu > li
{
  padding: 0 19px 0 20px;
/*  float: left; */
  display: inline-block;
  position: relative;
}
div.topMenu > ul.menu > li > a
{
  color: #ffffff;
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  padding: 5px;
  line-height: 20px;
  display: block;
  position: relative;
}
div.topMenu > ul.menu > li > a:hover
{
  text-decoration: none;
  color: #d9d9d9;
}

.section7 .menu a.footer_chapter {
  font-weight: 700;
  display: block;
  margin: 25px 0 0 0;
/*  text-transform: capitalize; */
}

.seoh1 {
	display: none;
}
/*socials*/
.phone div.facebook a{
   float: right;
   margin-left: 5px;
}

.lang_changer {
    position: absolute;
    top: 8px;
    left: 230px;
}

.lang_changer.white__changer {
    left: 240px;
}

.lang_changer a {
    font: 16px/24px RobotoBold;
    color: #232438;
}

.lang_changer a.active {
    color: #3c57b7;
}

.lang_changer.white__changer a {
    color: #ffffff;
}

.lang_changer.white__changer a.active {
    font-weight: bold;
    font-size: 17px;
}

.navbar .lang_changer {
    display: none;
}

@media (max-width: 767px) {
    .navbar .lang_changer {
        display: block;
        top: 18px;
        right: 175px;
        left: auto;
    }
}

/*12-01-2018
#stock
.phone
*/
/* Салам с 2023 */
.akra-block {
    display: flex;
    flex-flow: row-reverse;
    align-items: flex-end;
    justify-content: flex-end;
}
/* Салам с 2023 */



.stock-block {
    position: relative;
    border: 2px solid darkblue;
    width: 80%;
    color: #336699;
    margin: 2em auto;
    cursor: pointer;
    display: block;
}
.stock-block .stock_imd {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    float: none;
}
.stock-block .stock_text {
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    justify-content: space-between;
    width: 100%;
    float: none;
}
.stock-block .stock_name {
    padding: 0 10px;
    width: 14%;
}
.stock-block .stock_sum {
    padding: 0 10px;
}

    .facebook > span {text-align: center;display: inline-block;}
    .facebook > span:first-child{margin-bottom: 0em;}
    .facebook .social_links > a{font-size: 2em;margin-left: 0.5em;}
    .facebook .social_links > a:last-child{margin-left: 0;}
    /* div#stock {border: 2px solid darkblue;width: 80%;color: #336699;margin: 2em auto;cursor: pointer;display: block;}
    div#stock > div{width: 25%;float: left;margin: 0;padding: 0;display: inline-block;}
    div#stock .stock_priceinit{text-align: center;}
    div#stock .stock_priceinit div:first-child{margin-top: 10px;}
    div#stock .stock_sum {line-height: 1;}
    div#stock .stock_sum div:first-child, div#stock .stock_name div:first-child{margin-top: 5px;} */
	@media (min-width: 1101px) and (max-width: 1308px) {
		.stock-block .stock_name {
			padding: 7px;
			width: 15%;
		}
		.stock-block .stock_priceinit {
			margin-left: 5%;
		}
	}
    @media (min-width: 1281px) {
        .scrollTwo a{top: 100%}
        .phone div.facebook{float:  left;margin-bottom: 0.5em;}
        .facebook > span{display: block;width: 100%;}
        .facebook .social_links {margin-bottom: 0.5em;}  
        .facebook .social_links > a{display: inline-block;text-align: center;float: none !important;}  
    }
    @media (min-width: 1025px) and (max-width: 1280px) {
        .stock-block {margin-top: 100px;}
        .scrollTwo a{top: 82%}  
        .phone div.facebook{float:  left;margin-bottom: 0.5em;}
        .facebook > span{display: block;width: 100%;}
        .facebook .social_links {margin-bottom: 0.5em;}  
        .facebook .social_links > a{display: inline-block;text-align: center;float: none !important;}
         /* div#stock {position: relative;}
         div#stock .stock_name{position: absolute;left: 0;top: 0;padding: 0 10px;width: 15%;}
         div#stock .stock_priceinit{width: 50%;} */
    }
	@media (min-width: 1025px) and (max-width: 1100px) {
		.akra-block {margin-top: 65px;}
		.akra-block--en iframe {position: absolute;}
		.section2--en div.text1 {margin-top: 65px;}
	}
	@media (min-width: 768px) and (max-width: 1024px) {
		.akra-block {margin-top: 80px;}
		.akra-block--en iframe {position: absolute;}
		.section2--en div.text1 {margin-top: 65px;}
	}
    @media (min-width: 768px) and (max-width: 1100px) {
        div#stock:after{clear: both;}
        div#stock > div{width: 100%;margin: 0 auto; }
        div#stock .stock_imd{text-align: center;}
        div#stock .stock_imd img{width: 100%;}
		.stock-block {margin-top: 100px;}
		.stock-block .stock_text {
			position: relative;
    		flex-direction: column;
		}
		.stock-block .stock_name {
			width: 100%;
			margin: 0 auto;
		}
		.stock-block .stock_priceinit {
			margin: 0 auto;
		}
		.stock-block .stock_name,.stock-block .stock_sum{background: #f3f4f8;text-align: center;}
    }
    @media (min-width: 768px) and (max-width: 1024px) {        
        /* div#stock > div{width: 49%;padding-left: 0; height: 4em;}
        div#stock .stock_name, div#stock .stock_sum{background: #f3f4f8; padding-left: 2%;} */
        .phone div.facebook{float:  left;margin-bottom: 0.5em; padding-top: 0.5em;}
        .facebook > span{display: block;width: 100%;}
        .facebook .social_links {margin-bottom: 0.5em;}  
        .facebook .social_links > a{display: inline-block;text-align: center;float: none !important;}  
    }
    @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
        /* div#stock > div{width: 49%;padding-left: 0; height: 4em;}
        div#stock .stock_name, div#stock .stock_sum{background: #f3f4f8; padding-left: 2%;} */
        .phone div.facebook{float:  left;margin-bottom: 0.5em; padding-top: 0.5em;}
        .facebook > span{display: block;width: 100%;}
        .facebook .social_links > a{display: inline-block;text-align: center;float: none !important;}
		.intro {height: 100vh;} 
        .scrollTwo a {display: none;}
		.akra-block {margin-top: 6%;}   
    }
	@media (min-width: 632px) and (max-width: 767px) {
        div#stock{margin-top: 100px;}
		.akra-block {position: absolute;bottom: -13%;left: 0;width: 100%;}
		.akra-block--en {margin-top: 100px;}
		.akra-block--en iframe {position: absolute;}
		.akra-block--en .mainpage_img_akra {display: block;position: relative;left: 0;top: 0;bottom: 0;}
		.section2--en div.text1 {margin-top: 95px;}
		.scrollTwo--en {display: none;}
	}
	@media (min-width: 632px) and (max-width: 767px) and (orientation: landscape) {
		.intro {height: 100vh;} 
        .scrollTwo a {display: none;}
		.akra-block {margin-top: 6%;} 
	}
    @media (min-width: 481px) and (max-width: 767px) {
        .scrollTwo a{top: 106%}
        div#stock:after{clear: both;}
        div#stock{width: calc(100% - 20px);margin: 0 10px;margin-top: 100px;}
        div#stock > div{width: 100%;margin: 0 auto; }   
        /* div#stock .stock_name,div#stock .stock_sum{background: #f3f4f8;text-align: center;} */
        div#stock .stock_imd{text-align: center;}
        div#stock .stock_imd img{width: 100%;}
		.stock-block .stock_text {
			position: relative;
    		flex-direction: column;
		}
		.stock-block .stock_name {
			width: 100%;
			margin: 0 auto;
		}
		.stock-block .stock_priceinit {
			margin: 0 auto;
		}
		.stock-block .stock_name,.stock-block .stock_sum{background: #f3f4f8;text-align: center;}
        .copyright .creator{margin-bottom: 5px;}
        .copyright .phone {float: none; text-align: center;width: 100%;}
        .phone div.facebook{width: 100%;right: 0 !important;bottom: 0 !important;padding-top: 0;}
        .facebook > span:first-child{display: none;}
        .facebook > span.social_links{margin-top: 0.5em;display: block !important;}  
    }
	@media (min-width: 481px) and (max-width: 631px) {
		.scrollTwo {display: none;}
        div#stock{margin-top: 180px;}
		.akra-block {
			position: absolute;
			flex-direction: column-reverse;
    		align-items: center;
    		justify-content: space-between;
    		bottom: -23%;
			left: 0;
			width: 100%;
		}
		.akra-block a {margin-left: 0px !important; margin-top: 10px;}
		.akra-block--en a {margin-left: 0px !important; margin-top: 0px;}
		.akra-block--en {margin-top: 100px;}
		.akra-block--en iframe {position: absolute;}
		.akra-block--en .mainpage_img_akra {margin-top: 10px;display: block;position: relative;left: 0;top: 0;bottom: 0;}
		.section2--en div.text1 {margin-top: 160px;}
		.scrollTwo--en {display: none;}
	}
	@media (min-width: 481px) and (max-width: 631px) and (orientation: landscape) {
        .scrollTwo a {display: none;}
		.akra-block {bottom: -40%;} 
	}
    @media (min-width: 320px) and (max-width: 480px) {
        .scrollTwo a{top: 106%}
        div#stock:after{clear: both;}
        /* div#stock{width: calc(100% - 20px);margin: 0 10px;}
        div#stock > div{width: 100%;margin: 0 auto; }   
        div#stock .stock_name,div#stock .stock_sum{background: #f3f4f8;text-align: center;}
        div#stock .stock_imd{text-align: center;} */
        div#stock .stock_imd img{width: 100%;}
		.stock-block .stock_text {
			position: relative;
    		flex-direction: column;
		}
		.stock-block .stock_name {
			width: 100%;
			margin: 0 auto;
		}
		.stock-block .stock_priceinit {
			margin: 0 auto;
		}
		.stock-block .stock_name,.stock-block .stock_sum{background: #f3f4f8;text-align: center;}
        .copyright .phone {float: none;text-align: center;width: 100%;}
        .copyright .creator{margin-bottom: 5px;}
        .phone div.facebook{width: 100%;right: 0 !important;bottom: 0 !important;padding-top: 0;}
        .facebook > span:first-child{display: none; }
        .facebook > span.social_links{text-align: center; margin: 0 auto; float: left; width: 100%; display: block !important;}
        .facebook > span.social_links a{text-align: center; margin: 0 auto; float: none; }
		.scrollTwo {display: none;}
        div#stock{margin-top: 180px;}
		.akra-block {
			position: absolute;
			flex-direction: column-reverse;
    		align-items: center;
    		justify-content: space-between;
    		bottom: -23%;
			left: 0;
			width: 100%;
		}
		.akra-block a {margin-left: 0px !important; margin-top: 10px;}
		.akra-block a img {width: 100%;}
		.akra-block--en a {margin-left: 0px !important; margin-top: 0px;}
		.akra-block--en {margin-top: 100px;}
		.akra-block--en iframe {position: absolute;}
		.akra-block--en .mainpage_img_akra {margin-top: 10px;display: block;position: relative;left: 0;top: 0;bottom: 0;}
		.section2--en div.text1 {margin-top: 160px;}
		.scrollTwo--en {display: none;}
    }
	@media (min-width: 320px) and (max-width: 480px) and (orientation: portrait) {
        .scrollTwo a {display: none;}
		.akra-block {bottom: -40%;} 
	}
/*----*/