@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css");

@font-face {

	font-family: helve;

	src: url('../fonts/helveticaneuebold.ttf');

}

a{moz-transition:all .3s;ms-transition:all .3s;o-transition:all .3s;transition:all .3s;webkit-transition:all .3s}

a:hover,a:active,a:focus{text-decoration:none!important;color: #f9ae41;}

img{max-width: 100%;}

body{font-size: 15px;margin:0;font-family: 'Muli', sans-serif;right: 0px;transition: all 0.3s;position: relative;}

body p{font-size:15px;margin:0;font-family: 'Muli', sans-serif;}

.clear60{clear:both;height:60px}

.clear40{clear:both;height:40px}

.clear20{clear:both;height:20px}

.clear10{clear:both;height:10px}

.center{text-align:center}

.left{text-align:left}

.right{text-align:right}

.nopadding{padding:0!important}

.nomargin{margin:0}

.fullwidth{width: 100%;}

.clwhite{color: #fff;}

.clblack{color: #000;}

.clblue{color: #0056b8;}

.bold{font-weight: bold;}

.flex{display: flex;align-items: center;}

.flex-n{display: flex;}

.flex-wrap{display: flex;flex-wrap: wrap;}

.flex-bw{display: flex;align-items: center;justify-content: space-between;}

.show1199{display: none;}

.show991{display: none;}

.show767{display: none;}

.show480{display: none;}

.font-rbt{

	font-family: 'Roboto Condensed', sans-serif;

}

.helve{

	font-family: helve;

	font-weight: bold;

}

.header-top {

    padding: 10px 0;

    background: #f5f5f5;

}

.bold8{

	font-weight: 800;

}

.bold7{

	font-weight: 700;

}

.stylish-input-group .input-group-addon{

    background: white; 

    padding: 0 5px;

    border-radius: 1px;

}

.stylish-input-group .form-control{

	border-left:0; 

	box-shadow:0 0 0; 

	border-color:#ccc;

	padding-left: 0;

	border-radius: 1px;

}

.stylish-input-group button{

    border:0;

    background:transparent;

}

.inquiry a {

    display: flex;

    background: #f9ae41;

    color: #fff;

    width: 150px;

    height: 100%;

    border-radius: 1px;

    align-items: center;

    justify-content: center;

    margin-left: 20px;

    font-weight: 800;

    position: relative;

}

.inquiry a span{

    position: relative;

    z-index: 3;

}

.inquiry a:after{

    right: 0;

    top: 0;

    bottom: 0;

    left: auto;

    background: #d68208;

    position: absolute;

    display: block;

    width: 0;

    content: '';

    z-index: 2;

    transition: all 0.3s;

}

.inquiry a:hover:after{

    width: 100%;

    transition: all 0.3s;

}

.inquiry a i{

	margin-right: 5px;

}

.right-form {

    display: flex;

    justify-content: flex-end;

}

#imaginary_container {

    width: 150px;

}

.header-center {

    padding: 20px 0;

}

.header-bottom {

    background: #005bac;

}

.ul-main-menu{

	list-style-type: none;

	padding: 0;

	margin: 0;

    position: relative;

}

.ul-main-menu > li{

	display: inline-block;

}

.ul-main-menu > li a {

    color: #fff;

    padding: 14px 25px;

    display: inline-block;

    font-weight: 800;

}

.col-2-menu li a {

    display: inline-block;

    width: 100%;

    padding: 0;

    font-weight: unset;

}

.ul-main-menu > li:hover a{

	background: #0096e4;

}

.block-menu{

	margin-bottom: 20px;

}

.relative{

	position: relative;

}

.col-2-menu {

    background: url(../img/backg-menu.jpg) bottom right no-repeat;

    background-size: cover;

}

.ul-sub-menu {

    position: absolute;

    background: #0096e4;

    list-style-type: none;

    padding: 20px 25px;

    width: 100%;

    display: none;

    z-index: 99999;

    left: 0;

}

.ul-sub-menu > li > a{

	display: inline-block;

	width: 100%;

	padding: 0;

	font-weight: unset;

}

.ul-sub-menu > li > a:hover{

	color: #f9ae41;

}

li.has-sub:hover .ul-sub-menu{

	display: block;

}

.ul-sub-menu-2{

	list-style-type: none;

	padding: 0;

}

.ul-sub-menu-2 >li >a {

	padding: 0;

	font-weight: unset;

}

.ul-sub-menu > li.murad{

	margin-bottom: 15px;

}

.ul-sub-menu > li.murad a:hover{

	color: #f9ae41;

}

.col-2-menu li a{

    display: inline-block;

    width: 100%;

    padding: 0;

    font-weight: unset;

}

.col-2-menu li a:hover{

    color: #f9ae41;

}

.col-2-menu li.murad{

    margin-bottom: 15px;

}

.col-2-menu li.murad a:hover{

    color: #f9ae41;

}

.item-banner{

	position: relative;

}

.content-banner{

	position: absolute;

	bottom: 20%;

	left: 10%;

	text-align: left;

	width: 40%;

}

.read-banner a{

	color: #fff;

	font-weight: 800;

	border-radius: 50px;

	border: 2px solid #fff;

	padding: 5px 10px;

}

.tit-ctsl {

    color: #fff;

    margin: 0;

    font-size: 48px;

    position: relative;

}

.spanline {

    width: 8px;

    background: #f9ae41;

    position: absolute;

    left: -17px;

    top: -100px;

    height: 80%;

    max-height: 115px;

    opacity: 0;

}

.item-banner.active .spanline {

    top: -19px;

    opacity: 1;

    transition: all 1s;

}

@-webkit-keyframes moveonertl {

    0%   {left:200px; top:0px;opacity: 0;}

     60%   {left:180px; top:0px;opacity: 0;}

    100% {left:0px; top:0px;opacity: 1;}

}

@-webkit-keyframes moveonertl {

    0%   {left:200px; top:0px;opacity: 0;}

    60%   {left:180px; top:0px;opacity: 0;}

    100% {left:0px; top:0px;opacity: 1;}

}

.item-banner.active .anima-1 {

    position: relative;

    -webkit-animation-name: moveonertl;

    -webkit-animation-duration: 1.5s;

    animation-name: moveonertl;

    animation-duration: 1.5s;

}

@-webkit-keyframes movetwortl {

    0%   {left:200px; top:0px;opacity: 0;}

     60%   {left:180px; top:0px;opacity: 0;}

    100% {left:0px; top:0px;opacity: 1;}

}

@-webkit-keyframes movetwortl {

    0%   {left:200px; top:0px;opacity: 0;}

    60%   {left:180px; top:0px;opacity: 0;}

    100% {left:0px; top:0px;opacity: 1;}

}

.item-banner.active .anima-2 {

    position: relative;

    -webkit-animation-name: movetwortl;

    -webkit-animation-duration: 2s;

    animation-name: movetwortl;

    animation-duration: 2s;

}

@-webkit-keyframes movethreertl {

    0%   {left:200px; top:0px;opacity: 0;}

     60%   {left:180px; top:0px;opacity: 0;}

    100% {left:0px; top:0px;opacity: 1;}

}

@-webkit-keyframes movethreertl {

    0%   {left:200px; top:0px;opacity: 0;}

    60%   {left:180px; top:0px;opacity: 0;}

    100% {left:0px; top:0px;opacity: 1;}

}

.item-banner.active .anima-3 {

    position: relative;

    -webkit-animation-name: movethreertl;

    -webkit-animation-duration: 2.3s;

    animation-name: movethreertl;

    animation-duration: 2.3s;

}



@-webkit-keyframes bottotop {

    0% {top:100px;opacity: 0;}

    100% {top:0px;opacity: 1;}

}

@keyframes bottotop {

    0% {top:100px;opacity: 0;}

    100% {top:0px;opacity: 1;}

}

.fadetotop .ros1 {

    position: relative;

    -webkit-animation-name: bottotop;

    -webkit-animation-duration: 1s;

    animation-name: bottotop;

    animation-duration: 1s;

}

.fadetotop .ros2 {

    position: relative;

    -webkit-animation-name: bottotop;

    -webkit-animation-duration: 2s;

    animation-name: bottotop;

    animation-duration: 2s;

}

.ros3{

    opacity: 0;

    visibility: hidden;

    transform: scale(0);

}

.fadetotop .ros3{

    opacity: 1;

    visibility: visible;

    transform: scale(1);

    transition: all 1.5s;

}

.main-banner .lSSlideOuter .lSPager.lSpg{

	margin: 0 !important;

	position: absolute;

	bottom: 20px;

	width: 100%;

}

.div-banner{

	position: relative;

}

.main-banner .lSSlideOuter .lSPager.lSpg > li a{

	width: 12px;

	height: 12px;

	background: #ddd;

}

.main-banner .lSSlideOuter .lSPager.lSpg > li:hover a, 

.main-banner .lSSlideOuter .lSPager.lSpg > li.active a{

	background: #fff;

}

.prev-banner{

	position: absolute;

	bottom: 17px;

	left: calc(50% - 140px);

	color: #fff;

	cursor: pointer;

    z-index: 9999;

}

.next-banner{

	position: absolute;

	bottom: 17px;

	right:  calc(50% - 140px);

	color: #fff;

	cursor: pointer;

    z-index: 9999;

}

.block-quali{

	background: #f7f7f7

}

.date-day {

    text-align: center;

    font-size: 30px;

    font-weight: bold;

    font-family: helve;

}

.date-moye {

    text-align: center;

}

.date-moye:after{

	content: "";

	display: block;

	width: 15px;

	height: 1px;

	background: #005bac;

	margin: 0 auto;

}

.font17{

	font-size: 17px;

}

.justify{

	text-align: justify;

}

.row-new{

	margin: 0 -3px;

}

.col-new-3{

	width: 33.33333333%;

	padding: 0 3px;

	float: left;

}

.ct-pro{

	text-align: center;

	position: absolute;

	width: 100%;

	bottom: 30px;

	z-index: 9999;

}

.ct-pro a {

    color: #fff;

    font-size: 24px;

    font-weight: 800;

}

.ct-pro a:after{

	content: "";

	height: 5px;

	width: 70px;

	background: #005bac;

	padding-bottom: 5px;

	display: block;

	margin: 0 auto;

	position: relative;

	bottom: -5px;

}

.lindis{

	margin-bottom: 6px;

    overflow: hidden;

}

.lindis:hover img{

    transform: scale(1.1);

    transition: all 1s;

}

.lindis > a{

	display: block;

	position: relative;

}

.lindis > a:after {

    content: "";

    display: block;

    position: absolute;

    width: 100%;

    height: 100%;

    background: linear-gradient(rgba(255, 255, 255, 0) 40%, rgba(0, 0, 0, 0.8) 90%);

    z-index: 9999;

    top: 0;

    left: 0;

}

.col-new-1{

	width: 100%;

	padding: 0 3px;

	float: left;

}

.col-new-2{

	width: 50%;

	padding: 0 3px;

	float: left;

}

.ct-pro-2{

	position: absolute;

	width: calc(100% - 30px);

	bottom: 30px;

	right: 30px;

	text-align: right;

	z-index: 9999;

}

.ct-pro-2 a {

    color: #fff;

    font-size: 24px;

    font-weight: 800;

}

.ct-pro-2 a:after {

    content: "";

    height: 5px;

    width: 70px;

    background: #f9ae41;

    padding-bottom: 5px;

    display: block;

    bottom: -10px;

    float: right;

    position: absolute;

    right: 0;

}

.ct-pro-3{

	position: absolute;

	width: calc(100% - 30px);

	bottom: 30px;

	left: 30px;

	z-index: 9999;

}

.ct-pro-3 a {

    color: #fff;

    font-size: 24px;

    font-weight: 800;

}

.ct-pro-3 a:after {

    content: "";

    height: 5px;

    width: 70px;

    background: #f9ae41;

    padding-bottom: 5px;

    display: block;

    bottom: -10px;

    float: right;

    position: absolute;

    left: 0;

}

.social-p a{

	display: inline-block;

	margin-right: 7px;

	font-size: 20px;

	color: #333;

}

.social-p a:last-child{

	margin: 0;

}

.social-p a:hover{

	color: #f9ae41;

}

.cl3{color: #333;}

.main-footer {

    background: #f2f2f2;

}

.tit-ft{

	color: #0056b8;

	text-transform: uppercase;

	font-weight: 800;

}

.tit-ft:after{

	content: "";

	display: block;

	height: 2px;

	width: 70px;

	background: #f9ae41;

	margin-top: 5px;

}

.block-link{

	margin-bottom: 20px;

}

.block-link p{

	padding-left: 7px;

}

.block-link p:first-child{

	padding-left: 0;

}

.copyright{

	background: #005bac;

	padding: 15px 0;

}

.tit-this-page {

    font-weight: 800;

    text-transform: uppercase;

    font-size: 26px;

    color: #005bac;

    border-left: 5px solid #f9ae41;

    margin: 0;

    padding: 7px 0;

    padding-left: 10px;

    border-bottom: 1px solid #ccc;

}

.breac{

	padding: 10px 0;

	margin-bottom: 20px;

}

.ct-about {

    border-left: 5px solid #f9ae41;

    padding: 30px 0;

    padding-left: 30px;

}

.block-aboutus{

	margin-bottom: 40px;

}

.bd-bot{

	border-bottom: 1px solid #ccc;

}

.tit-aside{

	background: #005bac;

	padding: 7px 0; 

	padding-left: 20px;

	color: #fff;

	font-size: 24px; 

}

.link-dm{

	padding: 7px 0; 

	padding-left: 20px;

	border-bottom: 1px solid #ccc;

}

.link-dm i{

	float: left;

	width: 8px;

	margin-right: 10px;

	position: relative;

    cursor: pointer;

}

.link-dm a.new-lasi{

    width: calc(100% - 18px);

}

.link-dm a.link-left{

    display: block;

    width: calc(100% - 18px);

}

.block-aside-left{

	margin-bottom: 20px;

}

.tit-pub{

	margin: 10px 0 20px 0;

	font-weight: 800;

	color: #2b5f9b;

	font-size: 30px;

}

.share-this {

    background: #f2f2f2;

    padding: 12px 10px 7px 10px;

}

.table-careers table{

	width: 100%;

}

.table-careers table tr td,

.table-careers table tr th{

	padding: 10px 10px;

}

.table-careers table tr:nth-child(odd){

	background: #ebebeb;

}

.form-contact .form-control{

	border-radius: 0;

	border: none;

	border-bottom: 1px solid #707070;

	box-shadow: none;

}

.form-contact input[type="radio"]{

	position: absolute;

	right: 9000px;

}

.form-contact input[type="radio"] + .label-text:before{

	content: "\f10c";

	font-family: "FontAwesome";

	speak: none;

	font-style: normal;

	font-weight: normal;

	font-variant: normal;

	text-transform: none;

	line-height: 1;

	-webkit-font-smoothing:antialiased;

	width: 1em;

	display: inline-block;

	margin-right: 5px;

}

.form-contact input[type="radio"]:checked + .label-text:before{

	content: "\f192";

	color: #8e44ad;

	animation: effect 250ms ease-in;

}

.form-contact input[type="radio"]:disabled + .label-text{

	color: #aaa;

}

.form-contact input[type="radio"]:disabled + .label-text:before{

	content: "\f111";

	color: #ccc;

}

@keyframes effect{

	0%{transform: scale(0);}

	25%{transform: scale(1.3);}

	75%{transform: scale(1.4);}

	100%{transform: scale(1);}

}

.form-contact .form-group{

	margin-bottom: 40px;

}

.form-check {

    display: inline-block;

    margin-right: 50px;

}

.btn-contact {

    background: #f9ae41;

    border-radius: 50px;

    color: #fff;

    padding: 7px 30px;

    box-shadow: none;

    border: none;

    font-weight: 800;

}

.sub-aside {

    padding-left: 15px;

}

.block-down{

	position: relative;

	margin-bottom: 20px;

}

.bdown-a {

    position: absolute;

    bottom: 0;

    width: 100%;

    background: rgba(0, 0, 0, 0.5);

    color: #fff;

    font-size: 18px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding: 10px 20px;

    border-left: 5px solid #f9ae41;

    font-weight: 800;

}

.pagina{

	float: right;

}

.pagina a {

    display: inline-flex;

    width: 40px;

    height: 40px;

    color: #fff;

    align-items: center;

    justify-content: center;

    margin-left: 10px;

    color: #000;

    font-weight: bold;

}

.pagina .a-active, .pagina a:hover {

    background: #2b5f9b;

    color: #fff;

    border-radius: 4px;

}

.new-1 .block-news-event{

	margin-bottom: 20px;

}

.no-mgbt{

	margin-bottom: 0 !important;

}

.list-pro {

    padding: 20px;

}

.back-pub{

	background: #f2f2f2;

	height: 100%;

}

.violet{

	margin-bottom: 20px;

}

.list-pro p i {

    color: #f9ae41;

    float: left;

    width: 10px;

    margin-right: 10px;

    font-size: 10px;

    position: relative;

    top: 5px;

}

.list-pro p span{

	float: left;

	width: calc(100% - 20px);

}

.list-pro p{

	margin-bottom: 10px;

}

.list-pro p:last-child{

	margin-bottom: 0;

}

.sub-aside > .link-dm{

	padding-left: 0;

	position: relative;

	font-weight: normal;

}

.sub-aside > .link-dm a i{

	position: absolute;

	left: -15px;

	top: 10px;

}

.hshow{

	display: block !important;

}

.div-new-lasi,

.div-new-lasi-2{display: none;}

.div-new-lasi > .link-dm:last-child{

	border: none;

}

.div-new-lasi-2 > .link-dm:last-child{

	border: none;

}

.sub-aside > .link-dm .div-new-lasi-2 a i {

    font-size: 8px;

    top: 14px;

}

.info-down a{

	display: flex;

	align-items: center;

	justify-content: space-between;

	padding: 10px;

	background: #88bfde;

	color: #fff;

	height: 56px;

	margin-bottom: 20px;

}

.block-download {

    padding: 20px 20px 0 20px;

    background: #f2f2f2;

}

.tab-pro .nav-tabs>li{

	width: 50%;

	margin-bottom: 10px;

}

.tab-pro .nav-tabs>li>a{

	background: #2b5f9b;

	color: #fff;

	border: none;

	border-radius: 0;

	font-weight: 800;

	height: 100%;

	padding: 15px;

	text-align: center;

}

.tab-pro .nav-tabs>li.active>a, 

.tab-pro .nav-tabs>li.active>a:focus, 

.tab-pro .nav-tabs>li.active>a:hover{

	border: none;

	background: #b7b7b7;

	color: #fff;

}

.tab-pro .nav-tabs{

	border: none;

	display: flex;

	flex-wrap: wrap;

}

.tab-pro .nav-tabs>li:nth-child(odd){

	padding-right: 10px;

}

.tab-pro .nav-tabs>li:nth-child(even){

	padding-left: 10px;

}

.block-rela-info {

    background: #f2f2f2;

    padding: 20px 5px;

}

.a-rela {

    display: block;

    background: #fff;

    border: 1px solid #b7b7b7;

    padding: 10px 15px;

}

#modal-tab .modal-content{

	padding: 20px;

}

.a-close {

    position: absolute;

    right: 10px;

    top: 10px;

    font-size: 20px;

}

.back-to-top {

    cursor: pointer;

    position: fixed;

    bottom: 20px;

    right: 20px;

    display: none;

    background: #4784a1;

    border: none;

    border-radius: 5px;

    height: 50px;

    padding: 0;

    width: 50px;

}

.back-to-top span {

    position: relative;

    top: 15px;

}

.copyright .flex-bw > p:first-child{

    font-size: 10px;

}

.copyright .flex-bw > p:last-child{

    font-size: 12px;

}

.ryo span{

    color: #e30000;

    margin-left: 5px;

    position: relative;

    left: 0;

}

.ryo:hover span{

    left: 10px;

    transition: all 0.3s;

}

.block-news-event > a{

    display: block;

    overflow: hidden;

}

.block-news-event:hover img{

    transform: scale(1.3);

    transition: all 1s;

}

.hoverlindis{

    display: block;

    position: absolute;

    top: 0;

    bottom: 0;

    text-align: center;

    z-index: 6;

    cursor: pointer;

    background: rgba(0,86,185,.9);

    color: #fff;

    visibility: hidden;

    transition: all .5s ease-out;

    -webkit-transition: all .5s ease-out;

    -moz-transition: all ease-out .5s;

    -ms-transition: all ease-out .5s;

    -o-transition: all ease-out .5s;

    transform: scale(.9);

    -webkit-transform: scale(.9);

    -moz-transform: scale(.9);

    -ms-transform: scale(.9);

    -o-transform: scale(.9);

    opacity: 0;

    right: 0;

    left: 0;

    z-index: 10000;

}

.lindis:hover .hoverlindis {

    visibility: visible;

    transform: scale(1);

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -ms-transform: scale(1);

    -o-transform: scale(1);

    opacity: 1;

}

.txtlindis {

    position: absolute;

    width: auto;

    margin: auto;

    left: 0;

    right: 0;

    top: 45%;

    transform: translateY(-45%);

    -webkit-transform: translateY(-45%);

    -moz-transform: translateY(-45%);

    -ms-transform: translateY(-45%);

    -o-transform: translateY(-45%);

    display: block;

    padding: 20px 30px;

}

.btn-round {

    position: absolute;

    bottom: 25px;

    margin: auto;

    transform: translateX(-50%);

    -webkit-transform: translateX(-50%);

    -moz-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    -o-transform: translateX(-50%);

    background: #f9ae41;

    display: inline-block;

    padding: 0 15px;

    line-height: 32px;

    border: 2px solid #f9ae41;

    color: #fff !important;

    font-size: 13px;

    text-transform: uppercase;

    font-weight: 800;

    border-radius: 18px;

    overflow: hidden;

    cursor: pointer;

}

.btn-round:hover {

    border-color: #d68208;

}

.fixed-head .header-top{display: none;}

.fixed-head{

	position: fixed;

	top: 0;

	z-index: 99999;

	left: 0;

	width: 100%;

	background: #fff;

}

.pad-sec{

	margin-top: 164px;

}

.fixed-head .header-center{

	padding: 10px 0;

	transition: all 0.3s;

}

.fixed-head .right-form{

	display: none;

}

.global-site {

    background: #096fad;

    padding: 10px 25px;

    margin: 0 -25px;

    margin-bottom: -20px;

}

.global-site img{

    height: 40px;

}

.tab-request{

    width: 100%;

    border-color: rgba(204, 204, 204, 0.5686274509803921);

}

.tab-request tr td{

    padding: 10px 15px;

    text-align: center;

}

.tab-request tr td.tit-td{

    background: #f4f4f4;

}

.check-block{

    text-align: left;

}

.check-block p{

    margin-bottom: 5px;

}

.sm-request{

    padding: 12px 40px;

    font-size: 20px;

    background-color: #0059af;

    color: #fff;

    border-style: none;

    border-bottom: 2px solid #002f8a;

    cursor: pointer;

}

.contact-office {

    font-size: 20px;

    font-weight: 800;

    background: #f4f4f4;

    border: 1px solid #ddd;

    padding: 5px 15px;

}

.p-country {

    display: flex;

    align-items: center;

}

.p-country span{

    font-size: 26px;

    margin-right: 10px;

}

.p-country img{

    width: 24px;

}

.block-office {

    border: 1px solid #ddd;

    padding: 15px;

}

.tit-country{

    color: #005bac;

    margin: 5px 0;

    text-transform: uppercase;

    font-weight: 800;

}

.editer table tr td{

    padding: 10px;

}









@media (max-width: 1199px){

    .show1199{display: block;}

    .hide1199{display: none;}

}



@media (max-width: 991px){

    .show991{display: block;}

    .hide991{display: none;}

    .sidenav {

        height: 100%;

        width: 0;

        position: fixed;

        top: 0;

        right: 0;

        background-color: #455560;

        overflow-x: hidden;

        transition: 0.3s;

        z-index: 99999;

    }

    .sidenav .closebtn {

        font-size: 25px;

        display: block;

        align-items: center;

        width: 40px;

        background: #f5821f;

        color: #fff;

        margin: 0 auto;

        text-align: center;

        padding: 5px 0;

    }

    .menu-mobile {

        padding: 20px 0;

        text-decoration: none;

        color: #818181;

        transition: 0.3s;

        list-style-type: none !important;

    }

    .menu-mobile li {

        border-bottom: 1px solid rgba(219, 219, 219, 0.21176470588235294);

    }

    .menu-mobile a {

        padding: 15px 0 15px 20px;

        display: inline-block;

        width: calc(100% - 50px);

        color: #fff;

        text-transform: uppercase;

        font-size: 13px;

    }

    .hassub-mb .phelp .a-icon {

        position: absolute;

        right: 15px;

        top: calc(50% - 7.5px);

        z-index: 9999;

        text-align: center;

        width: 20px;

        padding: 0;

    }

    .phelp {

        position: relative;

    }

    .phelp > a:first-child{

        border-right: 1px solid rgba(219, 219, 219, 0.21176470588235294);

    }

    .sub-menu-mb{

        padding: 0;

        list-style-type: none;

        margin: 0;

    }

    .sub-menu-mb > li{

        border-top: 1px solid rgba(219, 219, 219, 0.21176470588235294);

        border-bottom: none;

        background: rgba(255,255,255,.08);

    }

    .sub-menu-mb > li:last-child{

        border-bottom: none;

    }

    .push-left {

        position: relative;

        right: 280px;

        transition: all 0.3s;

    }

    .header-mobile {

        padding: 10px 0;

    }

    #imaginary_container_mb {

        padding: 0 15px;

    }

    .stylish-input-group .form-control{

    	padding: 6px 12px;

    }

    .inquiry{

    	position: fixed;

    	bottom: 10px;

    	left: 10px;

    }

    .inquiry a {

	    width: auto;

	    padding: 10px;

	    margin: 0;

	    font-size: 25px;

	    border-radius: 10px;

	}

    .inquiry a i{

    	margin: 0;

    }

    #modal-tab .form-contact .form-group{

    	margin-bottom: 15px;

    }

    .block-news-event{

    	margin-bottom: 20px;

    }

    .date-day{

    	font-size: 20px;

    }

    .date-moye{

    	font-size: 12px;

    }

    .copyright .flex-bw{

    	display: block;

    	text-align: center;

    }

    .flex-order{

        display: flex;

        flex-wrap: wrap;

    }

    .order-2{

        order: 2;

        width: 100%;

    }

    .order-1{

        order: 1;

        width: 100%;

    }

    #contact_map iframe{height: 500px;}

    .a-rela{margin-bottom: 15px;}

    .block-rela-info .col-md-6:last-child .a-rela{margin-bottom: 0;}

    .hoverlindis{display: none;}

}



@media (max-width: 767px){

    .show767{display: block;}

    .hide767{display: none;}

    .tit-ctsl{font-size: 30px;}

    .tit-ctsl:before{

    	height: 90px;

    }

    .content-banner{

    	width: 60%;

    }

    .date-day{

    	font-size: 30px;

    }

    .date-moye{

    	font-size: 15px;

    }

    .ct-pro a{

    	font-size: 20px;

    }

    .ct-pro-2 a{

    	font-size: 20px;

    }

    .ct-pro-3 a{

    	font-size: 20px;

    }

    .table-careers{

        overflow: auto;

    }

    .table-careers table{

        width: 1140px;

    }

    #contact_map iframe{height: 400px;}

}



@media (max-width: 480px){

    .show480{display: block;}

    .hide480{display: none;}

    .tit-ctsl:before{

    	content: unset;

    }

    .tit-ctsl{

    	font-size: 20px;

    }

    .content-banner{

    	bottom: 50px;

    }

    .read-banner a{

    	font-size: 10px;

    	border: 1px solid #fff;

    }

    .h3, h3{

    	font-size: 20px;

    }

    .col-new-3{

    	width: 100%;

    }

    .col-new-2{

    	width: 100%;

    }

    .ct-pro a{

    	font-size: 17px;

    }

    .ct-pro-2 a{

    	font-size: 17px;

    }

    .ct-pro-3 a{

    	font-size: 17px;

    }

    .ct-pro{

    	bottom: 15px;

    }

    .ct-pro-2{

    	bottom: 20px;

    }

    .ct-pro-3{

    	bottom: 20px;

    }

    .block-aboutus .flex{

        display: block;

    }

    .fwmb{width: 100%;}

    .block-aboutus {

        box-shadow: 0 0 10px #ccc;

    }

    #contact_map iframe{height: 300px;}

    .bdown-a{

        font-size: 15px;

    }

    .tab-pro .nav-tabs>li {

        width: 100%;

        padding-left: 0 !important;

        padding-right: 0 !important;

    }

}