@charset "UTF-8";
/* CSS Document */

.top_header {background: url(../img/slider/BannerBigTitle_about.png) center bottom no-repeat; margin-top: 100px !important; width: 100%; height: 320px !important;}
/*@media screen and (min-width:1920px)  {
.top_header {background: url(../img/slider/about-us-big-title.png) center bottom no-repeat, #ffffff; margin-top: 150PX !important; height: 320px; background-size: contain;}
}*/
@media screen and (max-width:920px)  {
.top_header {background: url(../img/slider/BannerBigTitle2_about.png) center bottom, #ffffff; margin-top: 100PX !important; height: auto; padding-bottom: calc(100% / 1.75); background-size: cover;}
}
.about {margin-top: 80px;}
.c_profile {margin-top: 100px !important; padding: 40px; background: #f9f9f9; border-radius: 20px; cursor: pointer;}
#tt {font-size: 18pt;}
#cp {display: none;}
.g_rev {margin: 100px 0 !important;}
#rev-us {width: 1024px; height: 384px; position: absolute; overflow: hidden !important; left: calc(50% - 512px);}
@media screen and (max-width:1048px)  {
#topArrows {display: none !important;}
#rev-us {width: 512px; height: 768px; position: absolute; overflow: hidden !important; left: calc(50% - 256px);}
}
@media screen and (max-width:640px)  {
.c_profile {border-radius: 0px !important;}
}

@media screen and (max-width:560px)  {
#rev-us {width: 90%; height: calc(((90vw) * 0.75) * 2); position: absolute; overflow: hidden !important; left: 5%;}
#rev-us-img {width: 200%; height: auto;}
#tt {font-size: 14pt;}

}

#happyAbout {display: block; width: 100%; margin-top: 200px; background: url(../img/about.jpg) center no-repeat, lime; height: 600px; background-size: contain;}
@media screen and (max-width:640px)  {
    #happyAbout {display: block; width: 100%; margin-top: 200px; background: url(../img/about.jpg) left no-repeat; height: 600px;}
}