/*----------------About modules----------------*/
body {
	--color-bg: #fff;
	--color-bg2: #212121;
	--color-bg3: #c13391;
	--color-link2: #212121;
}
.about_cover {
    /*margin-top: 83px;*/
    height: 135px;
    width: 100%;
    background: url(../images/bg_cover.png) center center;
    background-size: cover;
    background-repeat: no-repeat;
    margin-bottom: 20px;
}

.about_cover .logo_bg {
    position: relative;
    max-width: 1280px;
    width: 100%;
    text-align: left;
    padding-left: 10px;
    margin: auto;
}
.about_cover .logo_img {
    position: absolute;
    display: block;
    max-width: 200px;
    width: 100%;
    height: 76px;
    z-index: 10;
    top: 30px;
}

.main_container {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    box-sizing: border-box;
    /*background-color: var(--color-bg);*/
    padding-bottom: 0px;
	overflow: auto;
}

.main_container .rule_container {
    position: relative; padding-bottom: 20px;
}

.about_us_container {
    padding: 20px;
    font-size: 15px;
    color: var(--color-text);
    line-height: 24px;
    max-width: 1280px;
    margin: auto;
	overflow: auto;
}
.about_us_container h1 {
    text-align: center;
	color:#559ac8;
    font-size: 30px;
    line-height: 1.25;
    margin: 0;
    text-transform: uppercase;
}
.about_us_container h1:after {
    content: " ";
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-bottom-color: #e2e2e2;
    margin: auto;
    display: block;
    width: 300px;
    padding-top: 10px;
}

.inner_bg { width: 100%; height: 920px; /*background: url(bg_inner.png) no-repeat top center;*/ position: relative; top: 0px; }
.inner_top { background: #fcfcfc; width: 100%; margin-top: -70%; position: relative; z-index:5; margin-bottom: 20px; }
.inner { min-height: 500px; padding: 20px; }
.inner h1 { font-family: arial; font-size: 30px; color: #7ab0da; line-height: 45px; text-transform: uppercase; font-weight: bold; margin-bottom: 10px; text-align: left; }
.inner_inline { display: inline-block; vertical-align: middle; max-width: 100%; width: 246px; height: 246px; border-radius: 50%; }
.inner_inline_2 { display: inline-block; vertical-align: middle; /*max-width: 78%;padding-left: 50px;*/ width: 100%;  }
.inner p { font-size: 15px; color: var(--color-text); line-height: 18px; text-align: justify; -webkit-margin-before: 0; -webkit-margin-after: 0; }
.inner ul { display: block; text-align: justify; color: var(--color-text); font-size: 18px; line-height: 30px; }
.inner li { font-size: 15px; color: var(--color-text); line-height: 18px; text-align: justify; -webkit-margin-before: 0; -webkit-margin-after: 0; }
.inner h2 { font-family: arial; font-size: 30px; color: var(--color-text3); line-height: 56px; font-weight: bold; /*margin-bottom: 45px;*/ text-align: left; }
.inner h3 { font-family: arial; font-size: 24px; color: var(--color-text3); line-height: 40px; font-weight: bold; text-align: left; /*text-transform: uppercase; */}
.inner_inline_margin { display: block; margin-bottom: 20px; }
/*----------------About modules----------------*/

.right_services h3, .right_services p { text-align: right; }
.right_services { padding-left: 0px; padding-right: 50px; }
.services_title { font-family: arial !important; font-size: 30px !important; color: var(--color-text3); line-height: 45px !important; font-weight: bold !important; text-align: center !important; text-transform: uppercase !important; }
.services p { font-size: 16px; color: var(--color-text); line-height: 24px; }
.services ul { font-size: 16px; color: var(--color-text); line-height: 24px; }
.services .inner_inline { width: 180px; height: 180px; }
.inner_inline img { width: 100%; }
.services .inner_inline_2 { max-width: 75%; }
.hide_services { display: inline-block; }
.show_services { display: none; }

a span { transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; }
a:hover span { opacity: 0.8; }
.inner_d2_margin { margin-bottom: 30px !important; }
.inner_p { font-family: arial !important; font-size: 24px !important; color: var(--color-text);; font-weight: bold !important; text-transform: uppercase !important; margin-bottom: 40px !important; }

@media screen and (max-width: 1100px) {
.inner h1 { font-size: 30px; text-align: center; margin-bottom: 20px; }
.inner_inline,.inner_inline_2 { max-width: none; }
.inner_inline { text-align: center; }
.inner { padding: 20px; }
.inner_inline_2 { padding-left: 0; }
.inner p { font-size: 14px; line-height: 18px; text-align: justify; }
.inner_inline_margin { margin-bottom: 20px; }
.inner h2 { margin-bottom: 15px; font-size: 24px; text-align: left; }
.inner h3 { margin-bottom: 15px; font-size: 20px; text-align: left; }
.inner_top { margin-top: 0px; }
.inner_bg { height: 300px; background-size: cover; }
}

@media screen and (max-width: 880px) {
.inner_bg { display: none; }
.about_cover .logo_img {display: none;}
}