* {
    outline: 0;
    font-family : Open Sans, Arial, Helvetica, sans-serif;
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font-family : Open Sans, Arial, Helvetica, sans-serif;
    vertical-align: baseline
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

body {
    line-height: 1
}

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
    content: '';
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

.clear_0 {
    clear: both;
    font-size: 0;
    line-height: 0;
    display: block;
    width: 100%
}

.last {
    margin: 0!important
}

.pad_last {
    padding: 0!important
}

.no_bg {
    background: 0 0!important
}

.pad_bot {
    padding-bottom: 58px
}

* {
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box
}

a {
    color: #000;
    text-decoration: none;
    outline: 0 none
}

a:hover {
    color: #000;
    text-decoration: none
}

h1 {
    font-size: 24px;    
}

h3 {
    font-size: 18px;    
}

h4 {
    font-size: 16px;    
}

h5 {
    font-size: 14px;   
}

h6 {
    font-size: 12px;   
}

p {
    font-size: 18px;    
}

img {
    width: auto;
    height: auto;
    max-width: 100%;
    vertical-align: middle;
    border: 0;
    -ms-interpolation-mode: bicubic
}

body {
    background-color: #fff;
    color: #000;   
    font-size: 12px;
    line-height: normal
}

.flt_Lt {
    float: left;
    display: inline
}

.flt_Rt {
    float: right;
    display: inline
}

.txt_cnt {
    text-align: center
}

input,
textarea {
    border-radius: 0;
    outline: 0;
    border: 0
}

.clearfix:after,
.clearfix:before {
    content: '';
    display: table
}

.clearfix:after {
    clear: both
}

.table_sec {
    display: table
}

.table_cell {
    display: table-cell;
    vertical-align: middle
}

.pad_30 {
    padding: 30px 0 30px 0
}

.pad_50 {
    padding: 50px 15px 0
}

.mar_top {
    margin-top: 70px!important
}

.split {
    width: 100%
}

.pad_top {
    padding-top: 40px
}

.wrapper {
    margin: 0 auto;
    width: 100%
}

.container {
    position: relative
}

.header {
    background-color: #fff;
    margin: 0 auto;
    width: 100%;
    min-height: 98px;
    position: relative
}

.customer_opinion {
    float: left;
    padding: 7px 37px;
    position: relative
}

.customer_opinion ul {
    float: left;
    padding-top: 2px
}

.customer_opinion ul li {
    float: left;
    line-height: 27px;
    padding-right: 3px
}

.customer_opinion ul li i {
    color: #fcd213;
    font-size: 30px
}

.customer_opinion em {
    float: left;
    font-size: 18px;
    color: #247ee1;
    line-height: 27px;
    padding: 5px 12px;    
}

span.tel {
    float: left;
    color: #fff;
    line-height: 27px;
    font-weight: 700;
    font-size: 17px
}

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

.site_plus {
    background-color: #86c401;
    float: right;
    margin: 10px 15px 10px 0;
    padding: 7px 55px;
    position: relative
}

.site_plus:before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 18px 0 18px 18px;
    border-color: transparent transparent transparent #fff;
    position: absolute;
    left: 0;
    top: 0
}

.site_plus em {
    color: #fff;
    font-size: 17px
}

.header .logo {
    padding: 10px 0;
    text-align: center
}

.header .menu_sec {
    float: right
}

.header .menu_sec ul {
    list-style: none;
    float: right;
    padding: 5px 0
}

.header .menu_sec ul li {
    display: inline-block;
    padding: 5px 12px
}

.header .menu_sec ul li a {
    text-decoration: none;
    color: #247ee1;
    font-size: 17px;
    font-weight: 700;
    text-transform: uppercase
}

.header .menu_sec ul li a:hover {
    color: #86c401;
    transition: .5s ease all
}

.header .menu_sec ul li.current-menu-item a {
    color: #8fb826
}

.header .menu_sec ul li img {
    padding-right: 2px;
    vertical-align: middle
}

.legal_notice {
    display: none;
    width: 30%;
    margin: 0 auto;
    padding: 50px 25px 10px
}

.legal_notice h2 {    
    font-size: 30px;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    color: #454545;
    padding-bottom: 50px;
    padding-bottom: 30px;
    line-height: 35px
}

.legal_notice h3 {
    font-size: 18px;
    font-weight: 400;
    text-align: left;
    font-style: italic;
    color: #454545;
    line-height: 35px
}

.legal_notice h3>em {
    font-weight: 400
}

.legal_notice h4 {
    font-size: 18px;
    font-weight: 400;
    text-align: left;
    color: #454545;
    line-height: 35px
}

.legal_notice h5 {   
    font-size: 18px;
    font-weight: 400;
    text-align: left;
    color: #454545;
    line-height: 35px;
    padding-bottom: 20px
}

.legal_notice p {    
    font-size: 18px;
    font-weight: 400;
    text-align: left;
    color: #454545;
    line-height: 24px;
    padding: 15px 0
}

.legal_notice .cmd_btn {
    display: inline-block;
    margin: 50px auto 20px;
    width: 100%;
    text-align: center
}

.legal_notice .cmd_btn a {
    text-decoration: none;
    color: #fff;
    font-size: 22px;
    font-weight: 700;    
    display: inline-block;
    padding: 6px 30px 8px;
    line-height: 25px;
    outline: 0;
    background-color: #86c401;
    border-radius: 5px
}

.legal_notice .cmd_btn a:hover {
    background-color: #6da301;
    border-radius: 8px
}

.bg_gray {
    color: #c6c6c6!important
}

.mob_menu {
    display: none
}

#toggle {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    cursor: pointer;
    height: auto;
    padding: 0;
    position: absolute;
    right: 7px;
    top: 15px;
    transition: all .1s ease-in;
    width: auto;
    z-index: 1000;
    box-sizing: border-box;
    z-index: 9999;
    display: none;
    transition: all .3s ease-in-out 0s
}

#toggle .patty {
    background: none repeat scroll 0 0 #86c401;
    height: 5px;
    top: 15px;
    margin: 10px 0;
    transition: all .3s ease 0s;
    width: 32px;
    position: relative;
    display: inline-block;
    border-radius: 6px
}

#toggle .patty::after,
#toggle .patty::before {
    background: none repeat scroll 0 0 #86c401;
    content: "";
    display: inline-block;
    height: 5px;
    position: absolute;
    transition: all .3s ease 0s;
    width: 32px;
    z-index: -1;
    border-radius: 6px
}

#toggle .patty::before {
    top: -9px;
    right: 0
}

#toggle .patty::after {
    top: 9px;
    right: 0
}

#toggle:hover {
    opacity: .8
}

#toggle:hover {
    transition: top .4s ease 0s
}

#toggle:hover .patty::before {
    top: -9px
}

#toggle:hover .patty::after {
    top: 9px
}

.open .patty::before {
    background: none repeat scroll 0 0 #86c401!important;
    top: 0!important;
    transform: rotate(-45deg)
}

.open .patty::after {
    background: none repeat scroll 0 0#86c401!important;
    top: 0!important;
    transform: rotate(45deg)
}

#toggle.meact .patty {
    background: 0 0
}

.banner_section {
    position: relative;
    margin: 0 auto;
    width: 100%
}

.banner_section .banner {
    position: relative;
    min-height: 500px;
    max-height: 600px
}

.banner_section .banner img {
    width: 100%;
    object-fit: cover;
    min-height: 500px
}

.banner_section .banner .caption {
    width: 100%;
    left: 0;
    top: 39px;
    position: absolute
}

.banner_section .banner .caption h1 {
    text-align: left;
    font-weight: 700;
    font-size: 40px;
    color: #fff;
    line-height: 1.6em;
    /*text-transform: uppercase;*/
}

.banner_section .banner .caption h2 {
    color: #fff;
    text-align: left;
    font-weight: 400;
    font-size: 24px;
    padding: 5px 0 0px;    
}

.blog_page.banner_section .banner .caption h2{
    font-weight: 400;
}

.banner_section .banner .caption ul {
    list-style: none
}

.banner_section .banner .caption ul li {
    display: block;
    padding: 13px 0;
    text-decoration: none;
    color: #fff;
    font-size: 25px;
    font-weight: 400
}

.banner_section .banner .caption ul li>em {
    color: #86c401
}

.banner_section .banner .caption ul li img {
    width: 25px;
    height: 25px;
    min-height: 25px;
    margin-right: 10px
}

.banner_section .banner .caption .free_div {
    position: absolute;
    top: 60px;
    right: 0;
    width: 40%;
    height: 100%;
    background-size: 100% auto;
    background-image: url(images/shape2.png);
    background-repeat: no-repeat
}

.banner_section .banner .caption .free_div h2 {
    font-size: 35px;
    color: #fff;
    text-align: center;
    margin-left: -142px;
    margin-top: 60px;
    padding-bottom: 0;
    line-height: 24px;
    position: relative
}

.banner_section .banner .caption .free_div h2:after {
    background-image: url(images/cross_line.png);
    width: 78px;
    height: 34px;
    content: '';
    position: absolute;
    left: 50%;
    margin-left: -45px;
    margin-top: -6px
}

.banner_section .banner .caption .free_div h1 {
    font-size: 220px;
    color: #fff;
    font-weight: 400;
    line-height: .7em;
    margin-left: 80px;
    margin-top: 10px;
    letter-spacing: 1px
}

.banner_section .banner .caption .free_div h1>span {
    font-size: 80px;
    margin-left: -35px
}

.banner_section .banner .caption .free_div h1>span.virgule {
    font-size: 200px;
    margin-left: -20px
}

.banner_section .banner .caption .free_div h1>span.euro {
    margin-left: -65px
}

.banner_section .banner .caption .free_div sup {
    font-size: 74px;
    color: #fff;
    margin-left: -115px;
    padding-top: 20px;
    vertical-align: top
}

.banner_section .banner .caption .free_div sup>em {
    color: #5caaff;
    font-size: 50px;
    font-weight: 700;
    vertical-align: top
}

.banner_section .banner .caption .top_img {
    position: absolute;
    top: -65px;
    right: -15px;
    height: 100%;
    width: 50%;
    background-size: 100% auto;
    background-image: url(images/shape1.png);
    background-repeat: no-repeat
}

.banner_section .banner .caption .free_div h3 {
    font-size: 32px;
    color: #fff;
    text-align: center;
    font-weight: 400;
    margin-left: 0;
    line-height: 12px
}

.banner_section .banner .caption .con {
    margin-top: 50px;
    text-align: center
}

.banner_section .banner .caption .con span {
    color: #5caaff;
    font-size: 30px;
    font-weight: 700
}

.banner_section .banner .caption .free_div .cmd_btn {
    display: inline-block;
    background-color: #86c401;
    border-radius: 5px;
    margin: 25px 90px 25px 150px
}

.banner_section .banner .caption .free_div .cmd_btn a {
    text-decoration: none;
    color: #fff;
    font-size: 30px;
    font-weight: 700;
    display: block;
    padding: 13px 10px 15px;
    line-height: 25px
}

.banner_section .banner .caption .free_div .cmd_btn a:hover {
    background-color: #6da301;
    border-radius: 8px
}

.mob_ban {
    display: none!important
}

.cl_logo {
    position: relative;
    margin: 0 auto;
    width: 100%;
    background-color: #fff;
    padding: 20px 0
}

.cl_logo ul {
    list-style: none;
    margin: 0 -15px;
    text-align: center
}

.cl_logo ul li {
    display: inline-block;
    margin: 5px 0;
    text-decoration: none
}

.video_bg {
    position: relative;
    margin: 0 auto;
    width: 100%;
    background-image: url(images/page_banner_02.jpg);
    padding: 30px 0 50px;
    text-align: center;
    min-height: 450px;
    object-fit: cover;
    background-position: center
}

.video_bg h2 {
    font-size: 28px;
    color: #fff;
    text-align: center;
    /*text-transform: uppercase;*/
    padding: 20px 0 30px;
    line-height: 1.2em;
    font-weight: 700
}

.video_bg p {
    color: #fffefe;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    line-height: 1.3em;
    position: relative;
    padding: 0 30px 40px
}

.embed-container {
    position: relative;
    padding-bottom: 404px;
    height: 0;
    overflow: hidden;
    max-width: 734px;
    margin: 0 auto
}

.embed-container embed,
.embed-container iframe,
.embed-container object {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 404px
}

.wp_site {
    position: relative;
    margin: 0 auto;
    width: 100%;
    background-image: url(images/bg1.jpg);
    padding: 30px 0 50px;
    text-align: center;
    min-height: 550px;
    object-fit: cover;
    background-size: 100% 100%
}

.wp_site h2 {
    font-size: 28px;
    color: #247ee1;    
    text-align: center;
    text-transform: uppercase;
    padding: 20px 0 10px;
    line-height: 1.2em;
    font-weight: 700
}

.wp_site p {
    color: #333;
    font-size: 20px;
    font-weight: 400;
    text-align: center;
    line-height: 1.3em;
    position: relative;
    padding: 0 30px
}

.wp_site p:after {
    background: url(images/dash.png);
    content: '';
    width: 49px;
    height: 7px;
    position: absolute;
    left: 50%;
    bottom: -20px;
    margin-left: -25px
}

.wp_site .site_hosting {
    border: 3px solid #247ee1;
    position: relative;
    border-radius: 8px
}

.wp_site .site_hosting .head {
    background-color: #247ee1;
    border-radius: 5px;
    padding: 15px 10px
}

.wp_site .site_hosting .head h3 {
    color: #fff;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 700
}

.wp_site .site_hosting .head h3 i {
    font-size: 32px;
    vertical-align: middle;
    margin: 0 10px
}

.wp_site .site_hosting ul {
    list-style: none;
    text-align: left;
    padding: 20px 40px 50px;
    background-color: #fff
}

.wp_site .site_hosting ul li {
    display: block;
    padding: 7px 0;
    text-decoration: none;
    color: #247ee1;
    font-size: 20px;
    font-weight: 400
}

.wp_site .site_hosting .learn_more {
    position: absolute;
    bottom: 0;
    display: block;
    background-color: #86c401;
    border-radius: 5px;
    left: 50%;
    margin-left: -115px;
    margin-bottom: -20px
}

.wp_site .site_hosting .learn_more a {
    text-decoration: none;
    color: #fff;
    font-size: 25px;
    font-weight: 700;
    display: block;
    padding: 6px 40px 8px;
    line-height: 25px
}

.wp_site .site_hosting .learn_more a:hover {
    background-color: #247ee1;
    border-radius: 5px
}

.main_content {
    position: relative;
    margin: 0 auto;
    width: 100%;
    padding: 30px 0 30px;
    background-color: #fff
}

.main_content .blog .bor-bot h1 {
    font-size: 28px;
    color: #247ee1;
    text-align: center;
    text-transform: uppercase;
    padding: 20px 0 10px;
    line-height: 1.2em;
    font-weight: 700;
    text-align: left
}

.main_content h2 {
    font-size: 28px;
    color: #247ee1;
    text-align: center;
   /* text-transform: uppercase;*/
    padding: 20px 0 10px;
    line-height: 1.2em;
    font-weight: 700
}

.main_content h5 {
    color: #247ee1;
    font-size: 20px;   
    font-weight: 400;
    text-align: center;
    line-height: 1.3em;
    position: relative;
    padding: 0 30px
}

.main_content h5:after {
    background: url(images/dash.png);
    content: '';
    width: 49px;
    height: 7px;
    position: absolute;
    left: 50%;
    bottom: -30px;
    margin-left: -25px
}

.main_content ul {
    padding: 30px 0 0;
    list-style: none
}

.main_content ul li {
    padding: 40px 15px 35px
}

.main_content ul li .img_div {
    padding: 0;
    text-align: center
}

.main_content ul li .img_div img {
    width: auto;
    height: auto
}

.main_content ul li .con_div {
    padding: 0 0 0px 14px
}


.main_content ul li .con_div h3 {
    font-size: 20px;
    color: #247ee1;
    text-align: left;
    font-weight: 700
}

.main_content ul li .con_div p {
    font-size: 18px;
    color: #333;
    text-align: left;
    padding: 5px 0;
    line-height: 1.3em
}

.main_content ul li .con_div p:after {
    display: none
}

.testimonial {
    position: relative;
    margin: 0 auto;
    width: 100%;
    padding: 30px 0 40px;
    background-color: #f6f6f6
}

.testimonial h2 {
    font-size: 28px;
    color: #247ee1;
    text-align: center;
    text-transform: uppercase;
    padding: 20px 0 10px;
    line-height: 1.2em;
    font-weight: 700
}

.testimonial h5 {
    color: #333;
    font-size: 20px;
    font-weight: 400;
    text-align: center;
    line-height: 1.3em;
    position: relative;
    padding: 0 30px
}

.testimonial h5:after {
    background: url(images/dash.png);
    content: '';
    width: 49px;
    height: 7px;
    position: absolute;
    left: 50%;
    bottom: -35px;
    margin-left: -25px
}

.testimonial ul {
    padding: 30px 0 0;
    list-style: none
}

.testimonial ul li {
    padding: 40px 15px 5px;
    position: relative
}

.testimonial ul li .img_div {
    position: absolute;
    top: 50%;
    margin-top: -60px
}

.testimonial ul li .img_div img {
    width: auto;
    height: 120px
}

.testimonial ul li .con_div {
    background-color: #fff;
    float: right;
    position: relative;
    padding: 10px 25px;
    border-radius: 8px;
    box-shadow: -1px 1px 15px 4px #e0e7ed;
    -webkit-box-shadow: -1px 1px 15px 4px #e0e7ed;
    -moz-box-shadow: -1px 1px 15px 4px #e0e7ed;
    -o-box-shadow: -1px 1px 15px 4px #e0e7ed
}

.testimonial ul li .con_div h3 {
    font-size: 18px;
    color: #247ee1;
    text-align: right;
    font-weight: 700;
    padding: 5px
}

.testimonial ul li .con_div p {
    font-size: 18px;
    color: #247ee1;
    text-align: left;
    padding: 5px 0;
    position: relative
}

.testimonial ul li .con_div p:after {
    content: "";
    background: url(images/right_q.png);
    width: 12px;
    height: 11px;
    position: absolute
}

.testimonial ul li .con_div p:before {
    content: "";
    background: url(images/left_q.png);
    width: 12px;
    height: 11px;
    position: absolute;
    left: -13px
}

.testimonial ul li .con_div:after,
.testimonial ul li .con_div:before {
    position: absolute;
    top: 38%;
    left: -50px;
    right: 100%;
    width: 0;
    height: 0;
    display: block;
    content: " ";
    border-color: transparent;
    border-style: solid solid outset;
    pointer-events: none
}

.testimonial ul li .con_div:after {
    border-width: 24px;
    border-right-color: #fff;
    margin-top: 1px;
    margin-left: 2px
}

.testimonial ul li .con_div:before {
    border-right-color: #fff;
    border-width: 25px
}

.cpanel_mng {
    position: relative;
    margin: 0 auto;
    width: 100%;
    background-image: url(images/hebergement-wordpress-france.jpg);
    padding: 25px 0 40px;
    text-align: center;
    min-height: 550px;
    object-fit: cover;
    background-position: center
}

.cpanel_mng h2 {
    font-size: 28px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    padding: 10px 0 10px;
    line-height: 1.2em;
    font-weight: 700
}

.cpanel_mng p {
    color: #fff;
    font-size: 20px;
    font-weight: 400;
    text-align: center;
    line-height: 1.3em;
    position: relative;
    padding: 0 30px
}

.cpanel_mng p:after {
    background: url(images/dash_wd.png);
    content: '';
    width: 46px;
    height: 3px;
    position: absolute;
    left: 50%;
    bottom: -25px;
    margin-left: -25px
}

.cpanel_mng .img_div {
    padding: 55px 0 0;
    position: relative
}

.cpanel_mng .img_div .demo_cp {
    position: absolute;
    bottom: 0;
    display: block;
    background-color: #86c401;
    border-radius: 5px;
    left: 50%;
    margin-left: -115px;
    margin-bottom: -3px
}

.cpanel_mng .img_div .demo_cp a {
    text-decoration: none;
    color: #fff;
    font-size: 33px;
    font-weight: 700;
    display: block;
    padding: 14px 40px 16px;
    line-height: 25px
}

.cpanel_mng .img_div .demo_cp a:hover {
    background-color: #6da301;
    border-radius: 5px
}

.our_service {
    position: relative;
    margin: 0 auto;
    width: 100%;
    padding: 30px 0 30px;
    background-color: #fff
}

.our_service h2 {
    font-size: 28px;
    color: #247ee1;    
    text-align: center;
    text-transform: uppercase;
    padding: 20px 0 10px;
    line-height: 1.2em;
    font-weight: 700
}

.our_service p {
    color: #333;
    font-size: 20px;
    font-weight: 400;
    text-align: center;
    line-height: 1.3em;
    position: relative;
    padding: 0 30px
}

.our_service p:after {
    background: url(images/dash.png);
    content: '';
    width: 49px;
    height: 7px;
    position: absolute;
    left: 50%;
    bottom: -30px;
    margin-left: -25px
}

.our_service ul {
    padding: 30px 0 30px;
    list-style: none;
    text-align: center
}

.our_service ul li {
    padding: 40px 15px 35px;
    width: 19%;
    display: inline-block
}

.faq_sec {
    position: relative;
    margin: 0 auto;
    width: 100%;
    padding: 30px 0 30px;
    background-color: #f6f6f6
}

.faq_sec h2 {
    font-size: 28px;
    color: #247ee1;
    text-align: center;
    /*text-transform: uppercase;*/
    padding: 20px 0 10px;
    line-height: 1.2em;
    font-weight: 700
}

.faq_sec p {
    color: #333;
    font-size: 20px;
    font-weight: 400;
    text-align: center;
    line-height: 1.3em;
    position: relative
}

.faq_sec p:after {
    background: url(images/dash.png);
    content: '';
    width: 49px;
    height: 7px;
    position: absolute;
    left: 50%;
    bottom: -30px;
    margin-left: -25px
}

#accordian {
    padding: 40px 0 10px
}

#accordian h3 {
    color: #247ee1;
    font-size: 25px;
    font-weight: 700;
    text-align: left;
    line-height: 24px;
    padding: 10px 0 0;
    border-radius: 4px;
    cursor: pointer;
    text-overflow: ellipsis
}

#accordian li {
    list-style-type: none;
    padding: 10px 0
}

#accordian ul li p {
    color: #606060;
    text-align: left;
    font-weight: 400;
    text-decoration: none;
    font-size: 20px;
    line-height: 24px;
    display: block;
    padding: 0 15px;
    transition: all .15s
}

#accordian ul li p:after {
    display: none
}

#accordian ul li p {
    display: none;
    padding: 0 0 10px
}

#accordian li.active p {
    display: block
}

.hosting {
    position: relative;
    margin: 0 auto;
    width: 100%;
    padding: 40px 0 40px;
    background-color: #fff
}

.hosting h2 {
    font-size: 22px;
    color: #333;
    font-weight: 700;
    text-align: left;
    text-transform: uppercase;
    padding: 20px 0 10px;
    line-height: 1.2em
}

.hosting .cmd_btn {
    display: inline-block;
    border-radius: 5px;
    text-align: center;
    margin: 0 auto;
    width: 100%
}

.hosting .cmd_btn a {
    text-decoration: none;
    color: #fff;
    font-size: 30px;
    font-weight: 700;
    display: inline-block;
    padding: 13px 10px 15px;
    line-height: 25px;
    text-align: center;
    background-color: #86c401;
    border-radius: 5px
}

.hosting .cmd_btn a:hover {
    background-color: #6da301;
    border-radius: 8px
}

.footer {
    position: relative;
    margin: 0 auto;
    width: 100%
}

.footer .ft_logo {
    text-align: center
}

.footer .ft_logo img {
    opacity: .5;
    max-height: 77px
}

.footer_top {
    background-color: #247ee1;
    position: relative;
    padding: 15px 0
}

.footer_bot {
    background-color: #0560c4;
    padding: 10px 0;
    position: relative;
    min-height: 50px
}

.footer_top .ft_logo a {
    display: block;
    padding: 20px 0
}

.footer_top p {
    font-size: 14px;
    color: #fff;
    line-height: 18px;
    padding: 15px 0 10px;
    font-weight: 400
}

.footer_top ul {
    list-style: none;
    padding: 0;
    width: 100%
}

.footer_top ul li {
    display: inline-block;
    float: left;
    padding: 10px 20px 5px
}

.footer_top ul li:first-child {
    padding-left: 0
}

.footer_top ul li a {
    text-decoration: none;
    color: #fff;
    vertical-align: middle;
    font-size: 18px;    
    display: block;
    padding-bottom: 5px;
    border-bottom: 2px solid transparent;
    font-weight: 400
}

.footer_top ul li a:hover {
    border-bottom: 2px solid #0560c4
}

.footer_bot p {
    color: #fff;
    font-weight: 400;
    font-size: 14px;
    text-align: left;
    padding: 15px 0
}

.footer_bot p>a {
    text-decoration: none;
    color: #fff;
    margin: 0 40px;
    display: inline-block;
    outline: 0;
    cursor: pointer
}

.footer_bot p>a:hover {
    text-decoration: underline
}

.footer_bot ul {
    list-style: none;
    padding: 0
}

.footer_bot ul li {
    display: inline-block;
    float: left;
    padding: 5px 3px 5px
}

.footer_bot ul li a {
    text-decoration: none;
    display: block
}

.footer_bot ul li a:hover {
    opacity: .7
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #606060;
    font-size: 20px
}

input:-moz-placeholder,
textarea:-moz-placeholder {
    color: #606060;
    font-size: 20px
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    color: #606060;    
    font-size: 20px
}

input:-ms-input-placeholder,
textarea:-ms-textarea-placeholder {
    color: #606060;
    font-size: 20px
}

ul.form-style {
    padding: 0
}

ul.form-style li {
    padding: 10px 20px;
    width: 100%;
    margin: 0 auto;
    text-align: center
}

.form-style input[type=text] {
    padding: 10px 15px;
    font-size: 20px
}

.form-style .field-divided {
    width: 49%;
    margin-right: 5px
}

.form-style .field-long {
    width: 100%
}

.form-style .field-textarea {
    height: 245px
}

.form-style input[type=button],
.form-style input[type=submit] {
    background: #86c401;
    border-radius: 5px;
    padding: 8px 38px 14px;
    line-height: 24px;
    border: none;
    font-size: 30px;
    font-weight: 700;
    color: #fff
}

.form-style input[type=button]:hover,
.form-style input[type=submit]:hover {
    background: #6da301;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none
}

.banner_section.inner_page .banner .caption h1 {
    text-align: center
}

.banner_section.inner_page .banner img {
    min-height: 200px
}

.banner_section.inner_page .banner .caption h2 {
    text-align: center;
}

.banner_section.inner_page .banner {
    min-height: 180px
}

.banner_section.inner_page .banner .caption {
    top: 50%;
    transform: translateY(-50%);
}

.banner_section.blog_page .banner img {
    min-height: 300px
}

.banner_section.blog_page .banner .caption {
    top: 50%;
    transform: translateY(-50%);
}

.main_content.about_us ul li {
    position: relative
}

.main_content.about_us ul li .img_div {
    padding: 0 15px;
    position: absolute;
    top: 50%;
    margin-top: -65px
}

.main_content.about_us ul li .con_div {
    float: right
}

.main_content.about_us ul li .con_div h3 {
    /*text-transform: uppercase*/
}

.banner_section.affiliation .banner .caption h1 {
    text-align: center
}

.banner_section.affiliation .banner img {
    min-height: 290px
}

.banner_section.affiliation .banner .caption h2 {
    text-align: center;
    font-weight: 700;
    font-size: 20px;
    
}

.banner_section.affiliation .banner {
    min-height: 280px
}

.banner_section.affiliation .banner .caption {
    top: 40px
}

.banner_section.affiliation .banner .caption .cmd_btn {
    display: inline-block;
    margin: 0 auto;
    width: 100%;
    text-align: center
}

.banner_section.affiliation .banner .caption .cmd_btn a {
    text-decoration: none;
    color: #fff;
    font-size: 30px;
    font-weight: 700;
    display: inline-block;
    padding: 7px 25px 12px;
    line-height: 25px;
    background-color: #86c401;
    border-radius: 5px;
    margin: 35px auto 0
}

.banner_section.affiliation .banner .caption .cmd_btn a:hover {
    background-color: #6da301;
    border-radius: 8px
}

.log_in_sec {
    background-color: #005ac1;
    position: relative;
    margin: 0 auto;
    width: 100%;
    padding: 30px;
}

.log_in_sec ul {
    list-style: none;
    padding: 25px 0
}

.log_in_sec ul li {
    display: inline-block;
    float: left;
    padding: 17px 30px 17px;
    width: 33%;
    text-align: center
}

.log_in_sec ul li a {
    text-decoration: none;
    display: block
}

.log_in_sec .cmd_btn {
    display: inline-block;
    margin: 0 auto;
    padding: 0 10px
}

.log_in_sec .cmd_btn a {
    text-decoration: none;
    color: #fff;
    font-weight: 400;
    display: inline-block;
    margin: 10px auto;
    font-size: 1.5rem;
    background-color: rgb(134, 196, 1);
    color: rgb(255, 255, 255);
    border-radius: 5px;
    padding: 6px 20px;    
}

.affiliation {
    position: relative;
    margin: 0 auto;
    width: 100%;
    background-color: #fff
}

.affiliation h2 {
    font-size: 1.7rem;
    color: #247ee1;
    text-align: center;
    /*text-transform: uppercase;*/
    padding: 20px 0;
    line-height: 1.2em;
    font-weight: 700
}

.affiliation h1 {
    font-size: 28px;
    color: #247ee1;
    text-align: center;
    text-transform: uppercase;
    padding: 20px 0;
    line-height: 1.2em;
    font-weight: 700
}

.affiliation p {
    color: #333;
    font-size: 20px;
    font-weight: 400;
    text-align: center;
    line-height: 1.3em;
    position: relative;
    padding: 0 30px
}

.affiliation h3 {
    font-size: 20px;
    color: #247ee1;
    text-align: center;
    /*text-transform: uppercase;*/
    padding: 20px 0;
    line-height: 1.2em;
    font-weight: 700
}

.affiliation ul {
    padding: 50px 0
}

.affiliation ul li {
    text-align: center
}

.affiliation ul li img {
    height: 170px;
    width: auto;
    text-align: center;
    padding: 10px
}

.affiliation ul li p {
    color: #606060;
    font-size: 18px;
    font-weight: 400;
    text-align: center;
    line-height: 1.3em;
    position: relative;
    padding: 5px 0
}

.affiliation ul li p>strong {
    font-weight: 700
}

.bor_bt {
    border-bottom: 4px solid #247ee1;
    width: 70%;
    margin: 0 auto
}

.affiliation table {
    text-align: center;
    width: 75%;
    margin: 20px auto;
    border: 2px solid #247ee1;
    border-radius: 5px;
    border-collapse: separate
}

.affiliation table>thead>tr {
    background-color: #247ee1!important;
    color: #fff;
    font-weight: 700;
    /*text-transform: uppercase;*/
    font-size: 18px
}

.affiliation table>tbody>tr {
    color: #606060;
    font-size: 20px;
    font-weight: 400
}

.affiliation table>thead>tr>td {
    padding: 15px 8px
}

.affiliation table>tbody>tr>td {
    padding: 12px 8px
}

.affiliation table tr:nth-child(odd) {
    background-color: #e7f5fe
}

.affiliation table tr:nth-child(even) {
    background-color: #fff
}

.affiliation table>tbody>tr>td>em {
    color: #333;
    font-weight: 700
}

.affiliation table tr td:first-child {
    border-right: 4px solid #fff
}

.affiliation table>tbody>tr>td {
    border-top: none
}

.partnership {
    position: relative;
    margin: 0 auto;
    width: 100%;
    background-color: #f6f6f6;
    padding: 30px 0
}

.partnership h2 {
    font-size: 1.7rem;
    color: #247ee1;
    text-align: center;
    /*text-transform: uppercase;*/
    padding: 20px 0;
    line-height: 1.2em;
    font-weight: 700
}

.partnership h2:not(:first-child){
    margin-top: 30px;
}

.partnership p {
    color: #333;
    font-size: 20px;
    font-weight: 400;
    text-align: center;
    line-height: 1.3em;
    position: relative
}

.partnership p>b {
    font-weight: 700
}

.main_content.transfer ul {
    width: 80%;
    margin: 0 auto;
    padding: 10px 0
}

.main_content.transfer ul li {
    padding: 10px 0 35px;
    position: relative
}

.main_content.transfer ul li .img_div {
    padding: 0 15px;
    background-image: url(images/no.png);
    width: 110px;
    height: 118px;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 50%;
    margin-top: -75px
}

.main_content.transfer ul li .con_div {
    padding: 0;
    float: right
}


@media screen and (max-width: 991px) {
    .main_content ul li .con_div,
    .main_content.transfer ul li .con_div {
        padding: 0 0 30px 14px
    }
}

.main_content.transfer ul li .con_div h3 {
    /*text-transform: uppercase*/
}

.main_content.transfer ul li .img_div>span {
    text-align: center;
    font-weight: 700;
    color: #fff;
    font-size: 75px;
    padding: 6px 18px;
    display: inline-block
}

.main_content.transfer h3 {
    text-align: center;
    font-size: 24px;
    color: #333;
    font-weight: 700;
    /*text-transform: uppercase*/
}

.main_content.transfer .cmd_btn {
    display: inline-block;
    margin: 0 auto;
    width: 100%;
    text-align: center
}

.main_content.transfer .cmd_btn a {
    text-decoration: none; 
    font-weight: 400;
    display: inline-block;
    padding: 5px 30px;
    line-height: 38px;   
    margin: 25px auto 0;      
    font-size: 1.375rem;
    background-color: rgb(134, 196, 1);
    color: rgb(255, 255, 255);
    border-radius: 5px;
    margin-bottom : 30px;
}

.main_content.blog_wrap {
    background-color: #f1f1f1
}

.main_content .blog {
    background-color: #fff;
    position: relative;
    padding: 35px 30px
}

.main_content.blog_wrap ul {
    margin: 0 -15px
}

.blog .cat_btn {
    text-transform: uppercase;
    font-weight: 700;
    color: #247ee1;
    font-size: 18px;
    display: inline-block;
    padding: 5px 25px;
    border: 2px solid #247ee1
}

.bor-top {
    border-top: 7px solid #247ee1
}

.bor-bot {
    border-bottom: 1px solid #86c401
}

.blog span {
    color: #737373;
    font-weight: 700;
    display: inline-block;
    font-size: 14px;
    margin: 0 10px;
    vertical-align: bottom
}

.main_content .blog h2 {
    text-align: left
}

.main_content .blog p {
    color: #606060;
    text-align: justify;
    line-height: 1.2em;
    padding: 10px 0 30px;
    font-size: 20px
}

.main_content .blog p:after {
    display: none
}

.blog .cmd_btn {
    display: inline-block;
    margin: 0 auto;
    width: 100%;
    text-align: center
}

.blog .cmd_btn a {
    text-decoration: none;
    color: #fff;
    font-size: 30px;
    font-weight: 700;
    display: inline-block;
    padding: 8px 20px 10px;
    line-height: 25px;
    background-color: #86c401;
    border-radius: 5px;
    margin: 50px auto 0
}

.blog .cmd_btn a:hover {
    background-color: #6da301;
    border-radius: 8px
}

.nov_btn {
    position: absolute;
    left: 0;
    top: 6px;
    display: inline-block
}

.nov_btn a {
    background-color: #247ee1;
    color: #fff;
    font-weight: 700;
    text-decoration: none;
    font-size: 20px;
    padding: 10px 15px;
    text-transform: uppercase
}

.blog_wrap ul li {
    padding: 15px
}

.blog_wrap ul li .article {
    background-color: #fff;
    padding: 0;
    position: relative
}

.blog_wrap ul li .article .ar_bot {
    width: 100%;
    bottom: 0
}

.article img {
    border-bottom: 7px solid #247ee1;
    height: 232px;
    width: 100%
}

@media only screen and (max-width: 767px) {
    .article img{
        height: auto;
    }
}

.article h3 {
    color: #747474;
    text-align: center;
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
    padding: 10px 0
}

.article h2 {
    text-align: left;
    font-size: 20px;
    padding: 10px 30px 0;
    height: 130px;
}

.article h4 {
    color: #737373;
    font-weight: 700;
    display: inline-block;
    font-size: 14px;
    padding: 5px 30px 10px;
    width: 100%
}

.article .cmd_btn {
    display: block;
    margin: 0 auto;
    width: 85%;
    text-align: center;
    border-top: 2px solid #a9a9a9
}

.article .cmd_btn a {
    text-decoration: none;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    display: inline-block;
    padding: 4px 15px 6px;
    line-height: 25px;
    background-color: #86c401;
    border-radius: 5px;
    margin: 15px auto
}

.article .cmd_btn a:hover {
    background-color: #6da301;
    border-radius: 8px
}

.see_more {
    text-align: center;
    color: #247ee1;
    font-weight: 700;
    font-size: 28px;
    text-transform: uppercase;
    margin: 0 auto;
    margin: 20px auto;
    display: block;
    text-decoration: none
}

.main_content .blog p>em {
    float: right;
    margin-left: 30px;
    margin-bottom: 10px
}

.main_content .blog p>em img {
    height: 330px;
    width: auto
}

.share {
    padding: 30px 0
}

.share h3 {
    font-size: 30px;
    font-weight: 700;
    color: #696969;
    text-align: left
}

.share ul {
    padding: 15px 0;
    list-style: none
}

.share ul li {
    display: inline-block;
    padding: 0 3px
}

.share ul li:first-child {
    padding-left: 0
}

.share ul li a {
    text-decoration: none
}

.share ul li a:hover {
    opacity: .6
}

.blog_rh h3 {
    padding: 10px 0;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    background-color: rgb(36, 126, 225);

}

.blog_rh .bloc_sidebar{
    border: 1px solid rgb(36, 126, 225);
    margin : 20px 0;
    background-color : #fff;
}

.categories {
    padding: 50px 0
}

.categories ul {
    padding: 15px 0;
    list-style: none
}

.categories ul li {
    display: block;
    padding: 10px 0;
    position: relative
}

.categories ul li:before {
    content: "\f105";
    display: inline-block;
    color: #86c401;
    font-size: 30px;
    font-weight: 400;
    position: absolute;
    left: 0
}

.categories ul li a {
    text-decoration: none;
    font-size: 30px;
    line-height: 1.2em;
    font-weight: 700;
    color: #86c401;
    display: inline-block;
    padding-left: 20px
}

.categories ul li a:hover {
    color: #6da301
}

.res_article {
    margin: 30px 0 0
}

.res_article ul {
    padding: 0 15px 15px!important;
    list-style: none
}

.res_article ul li {
    display: block;
    padding: 15px 0px 0px 0px !important;
    position: relative;
    width: 100%
}

.res_article ul li a {
    text-decoration: none;
    font-size: 22px;
    line-height: 1.2em;
    font-weight: 700;
    color: #86c401;
    display: inline-block;
    width: 100%;
}

.res_article ul li a>em {
    display: inline-block;
    margin-right: 10px;
    float: left;
    width: 30%
}

.res_article ul li a>span {
    color: #a4a2a2;
    font-weight: 400;
    font-size: 11px;
    vertical-align: top;
    float: right;
    width: 64%
}

.res_article ul li a>span>b {
    color: #696969;
    font-weight: 400;
    font-size: 14px
}

.res_article ul li em {
    display: inline-block;
    margin-right: 10px;
    float: left;
    width: 30%
}

.res_article ul li span {
    color: #a4a2a2;
    font-weight: 400;
    font-size: 11px;
    vertical-align: top;
    float: right;
    width: 60%;
    margin: 0
}

.res_article ul li span>b {
    color: #696969;
    font-weight: 400;
    font-size: 14px
}

.res_article img {
    object-fit: cover;
    width: 100%
}

.nextprev {
    padding: 30px 15px
}

.nextprev a {
    color: #86c401;
    font-weight: 700;
    font-size: 30px;
    text-decoration: none;
    vertical-align: top;
    line-height: 24px
}

.nextprev a:hover {
    color: #6da301
}

.nextprev a>i {
    font-size: 30px;
    margin: 0 30px
}

.nextprev a:first-child>i {
    margin-left: 0
}

@media screen and (max-width: 768px) {
    .nextprev a{
        font-size: 20px;
        line-height: 18px;
    }   
    .nextprev a>i{
        font-size: 20px;
        margin: 0 20px
    }
}

@media screen and (max-width: 498px) {
    .nextprev a{
        font-size: 15px;
        line-height: 1;
    }   
    .nextprev a>i{
        font-size: 15px;
        margin: 0 10px
    }
}

@media screen and (max-width: 321px) {
    .nextprev a{
        font-size: 12px;
        line-height: 1;
    }   
    .nextprev a>i{
        font-size: 12px;
        margin: 0 8px
    }
}

.banner_section.characteristics .banner .caption1 {
    width: 100%;
    left: 0;
    top: 50px;
    position: absolute
}

.banner_section.characteristics .banner {
    min-height: 450px
}

.banner_section.characteristics .banner img {
    min-height: 460px
}

.characteristics .banner .caption1 h2 {
    text-align: center;
    font-weight: 700;
    font-size: 28px;
    color: #fff;
    padding: 5px 0 45px;
    text-transform: uppercase
}

.characteristics .banner .caption1 h1 {
    text-align: center;
    font-weight: 700;
    font-size: 28px;
    color: #fff;
    padding: 5px 0 45px;
    text-transform: uppercase
}

.characteristics .left_div {
    background-color: #fff;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    padding: 20px
}

.characteristics .right_div {
    background-color: #e7f5fe;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    padding: 10px 15px;
    position: relative
}

.characteristics .left_div p {
    color: #606060;
    text-align: left;
    padding: 0;
    line-height: 1.3em;
    font-weight: 400;
    font-size: 20px
}

.characteristics .left_div p>b {
    font-weight: 700
}

.characteristics .left_div ul {
    list-style: none;
    padding: 10px 0;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    align-items: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    flex-wrap: wrap
}

.characteristics .left_div ul li {
    display: inline-block;
    float: left;
    padding: 17px 20px 17px;
    width: 30%;
    text-align: left
}

.characteristics .banner .caption ul li:before {
    display: none
}

.characteristics .left_div ul li a {
    text-decoration: none;
    display: block;
    font-size: 18px;
    color: #606060;
    font-weight: 400
}

.characteristics .left_div ul li a>b {
    font-weight: 700
}

.characteristics .left_div ul li a>em {
    display: inline-block;
    margin-right: 10px;
    float: left
}

.banner_section.characteristics .left_div ul li a img {
    width: auto;
    height: 28px;
    min-height: 28px
}

.banner_section.characteristics .right_div h3 {
    font-size: 27px;
    color: #4b4a4a;
    text-align: center;
    position: relative;
    margin-left: -60px
}

.banner_section.characteristics .right_div h3:after {
    background-image: url(images/cr_black.png);
    width: 53px;
    height: 23px;
    content: '';
    position: absolute;
    left: 50%;
    margin-left: -25px;
    margin-top: 7px
}

.banner_section.characteristics .right_div h2 {
    font-size: 135px;
    color: #333;
    font-weight: 700;
    position: relative;
    padding: 0;
    line-height: .7em
}

.banner_section.characteristics .right_div h4 {
    font-size: 20px;
    color: #4b4b4b;
    text-align: center
}

.banner_section.characteristics .right_div span {
    color: #333;
    font-size: 42px;
    font-weight: 400;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: 30px
}

.banner_section.characteristics .right_div b {
    color: #333;
    font-size: 80px;
    font-weight: 700;
    margin-left: -20px
}

.banner_section.characteristics .right_div sup {
    font-size: 52px;
    font-weight: 400;
    color: #333;
    margin-left: -60px;
    vertical-align: super
}

.right_div .cmd_btn {
    display: block;
    margin: 0 auto;
    width: 100%;
    text-align: center
}

.right_div .cmd_btn a {
    text-decoration: none;
    color: #fff;
    font-size: 30px;
    font-weight: 700;
    display: inline-block;
    padding: 8px 20px 12px;
    line-height: 25px;
    background-color: #86c401;
    border-radius: 5px;
    margin: 15px auto 5px
}

.right_div.cmd_btn a:hover {
    background-color: #6da301;
    border-radius: 8px
}

.right_div .off {
    background-image: url(images/off.png);
    width: 86px;
    height: 87px;
    position: absolute;
    right: 0;
    top: 0
}

.banner_section.characteristics .right_div .off span {
    transform: translateX(-75%) translateY(-100%) rotate(45deg);
    font-size: 30px;
    font-weight: 700;
    color: #fff
}

.main_content.characteristics {
    background-color: #f6f6f6
}

.main_content.characteristics ul.grid {
    padding: 0
}

.main_content.characteristics ul li {
    padding: 20px 15px 20px
}

.grid:after {
    content: '';
    display: block;
    clear: both
}

.grid-item,
.grid-sizer {
    width: 50%
}

.grid-item--width2 {
    width: 100%
}

.grid li .head {
    background-color: #247ee1;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    position: relative;
    padding: 25px
}

.grid li .head .rigth_img {
    position: absolute;
    right: 25px;
    top: 0;
    margin-top: -25px
}

.grid li .head .rigth_img img {
    height: 90px
}

.grid li .head h3 {
    color: #fff;
    text-transform: uppercase;
    font-size: 20px;
    text-align: left;
    font-weight: 700
}

.grid li .head h3>em {
    text-transform: capitalize
}

.grid li .content ul {
    padding: 0
}

.grid li .content {
    border: 3px solid #247ee1;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px
}

.grid li .content table tr td {
    border-top: 0;
    padding: 10px 20px;
    word-break: break-all
}

.grid li .content table>tbody>tr {
    color: #606060;
    font-size: 20px;
    font-weight: 400
}

.grid li .content table tr:nth-child(odd) {
    background-color: #e7f5fe
}

.grid li .content table tr:nth-child(even) {
    background-color: #fff
}

.grid li .content table tr td:first-child {
    text-align: left
}

.grid li .content table tr td:last-child {
    text-align: right;
    font-weight: 700
}

.grid li.grid-item--width2 .content table tr td:last-child {
    text-align: left;
    font-weight: 400
}

.page_temp {
    padding: 30px 0 0
}

.page_temp h1 {
    text-align: center;
    font-weight: 700;
    font-size: 40px;
    color: #247ee1;
    line-height: 1.6em;
    padding: 15px 0
}

.page_temp .blue_sec {
    background-color: #247ee1;
    position: relative;
    margin: 0 auto;
    width: 100%;
    padding: 20px 0
}

.page_temp .blue_sec h2 {
    text-align: center;
    font-weight: 700;
    font-size: 28px;
    color: #fff;
    line-height: 1.6em;
    padding: 0
}

.page_temp .blue_sec h4 {
    text-align: center;
    font-weight: 700;
    font-size: 24px;
    color: #fff;
    line-height: 1.6em;
}

.page_temp .blue_sec h5 {
    text-align: center;
    font-weight: 700;
    font-size: 20px;
    color: #fff;
    line-height: 1.6em;    
}

.page_temp .blue_sec h2>em {
    text-transform: capitalize
}

.page_temp .blue_sec p {
    color: #fff;
    font-size: 14px;    
    font-weight: 400;
    text-align: justify;
    line-height: 1.2em
}

.page_temp .blue_sec p>b {
    font-weight: 700
}

.page_temp .blue_sec p:after {
    display: none
}

.page_temp .white_sec {
    background-color: #fff;
    position: relative;
    margin: 0 auto;
    width: 100%;
    padding: 20px 0
}

.page_temp .white_sec h2 {
    text-align: center;
    font-weight: 700;
    font-size: 28px;
    color: #247ee1;
    line-height: 1.6em;    
}

.page_temp .white_sec h2>em {
    text-transform: capitalize
}

.page_temp .white_sec h3 {
    color: #247ee1;
    font-size: 25px;    
    font-weight: 700;
    text-align: center;
    position: relative;
    padding: 40px 0 10px;
    line-height: 1.5em
}

.page_temp .white_sec h4 {
    line-height: 1.5em;
    text-align: center;    
    color: #333;
    font-size: 22px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 10px 0
}

.page_temp .white_sec h4>em {
    text-transform: capitalize
}

.page_temp .white_sec h5 {
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 20px;
    color: #247ee1;
    line-height: 1.6em;
    padding: 10px 0
}

.page_temp .white_sec h5>em {
    text-transform: capitalize
}

.page_temp .white_sec h6 {
    text-align: center;
    text-transform: uppercase;
    color: #247ee1;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.5em
}

.page_temp .white_sec h6>em {
    text-transform: capitalize
}

.page_temp .white_sec h6>span {
    color: #333;
    font-size: 20px;
    font-weight: 400;
    text-align: center;
    position: relative
}

.page_temp .white_sec h6>span:before {
    background: url(images/dash.png);
    content: '';
    width: 49px;
    height: 7px;
    position: absolute;
    left: 50%;
    bottom: -30px;
    margin-left: -25px
}

.page_temp .white_sec p {
    color: #333;
    font-size: 18px;
    font-weight: 400;
    text-align: justify;
    line-height: 1.2em;
    padding: 15px 0 0
}

.page_temp .white_sec p:after {
    display: none
}

.page_temp .white_sec p>em {
    color: #606060;
    font-size: 20px;
    font-weight: 400;
    text-align: justify;
    line-height: 1.2em;
    padding: 15px 0
}

.page_temp .white_sec p>b {
    font-weight: 700
}

.page_temp .white_sec .cmd_btn {
    display: block;
    margin: 0 auto;
    width: 100%;
    text-align: center
}

.page_temp .white_sec .cmd_btn a {
    text-decoration: none;
    color: #fff;
    font-size: 30px;
    font-weight: 700;
    display: inline-block;
    padding: 8px 25px 10px;
    line-height: 25px;
    background-color: #86c401;
    border-radius: 5px;
    margin: 15px auto
}

.page_temp .white_sec .cmd_btn a:hover {
    background-color: #6da301;
    border-radius: 8px
}

.page_temp .white_sec .grid li .head h3 {
    padding: 0;
    padding-right: 50px
}

.main_content.page_temp .white_sec ul li {
    padding: 20px 15px
}

.main_content.page_temp .grid li.grid-item--width2 .content table tr:nth-child(odd) {
    background-color: #fff
}

.page_temp .white_sec .detail_table {
    border: 2px solid #247ee1;
    position: relative;
    border-radius: 8px;
    margin: 10px 0
}

.page_temp .white_sec .detail_table .head {
    background-color: #247ee1;
    border-radius: 5px;
    padding: 15px 10px
}

.page_temp .white_sec .detail_table .head h3 {
    color: #fff;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 700;
    padding: 0;
    text-align: left
}

.page_temp .white_sec .detail_table .head h3 i {
    font-size: 32px;
    vertical-align: middle;
    margin: 0 10px
}

.page_temp .white_sec .detail_table ul {
    list-style: none;
    text-align: left;
    padding: 20px 40px 20px
}

.page_temp .white_sec .detail_table ul li {
    display: block;
    padding: 7px 0;
    text-decoration: none;
    color: #247ee1;
    font-size: 20px;
    font-weight: 400
}

.page_temp .white_sec .detail_table ul li:before {
    content: "\f00c";
    display: inline-block;
    color: #247ee1;
    font-size: 28px;
    font-weight: 400;
    padding-right: 14px
}

.page_temp .white_sec .table_style table {
    text-align: center;
    width: 75%;
    margin: 20px auto;
    border: 2px solid #247ee1;
    border-radius: 5px;
    border-collapse: separate
}

.page_temp .white_sec .table_style table>thead>tr {
    background-color: #247ee1!important;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 18px
}

.page_temp .white_sec .table_style table>tbody>tr {
    color: #606060;
    font-size: 20px;
    font-weight: 400
}

.page_temp .white_sec .table_style table>thead>tr>td {
    padding: 15px 8px
}

.affiliation table>tbody>tr>td {
    padding: 12px 8px
}

.page_temp .white_sec .table_style table tr:nth-child(odd) {
    background-color: #e7f5fe
}

.page_temp .white_sec .table_style table tr:nth-child(even) {
    background-color: #fff
}

.page_temp .white_sec .table_style table>tbody>tr>td>em {
    color: #333;
    font-weight: 700
}

.page_temp .white_sec .table_style table tr td:first-child {
    border-right: 4px solid #fff
}

.page_temp .white_sec .table_style table>tbody>tr>td {
    border-top: none
}

.main_content.page_temp .white_sec ul li .con_div h3 {
    padding: 0
}

.page_temp .white_sec .details ul {
    padding: 0
}

.page_temp .white_sec .details ul li {
    text-align: center
}

.page_temp .white_sec .details ul li img {
    height: 200px;
    width: auto;
    text-align: center;
    padding: 10px
}

.page_temp .white_sec .details ul li p {
    color: #606060;
    font-size: 18px;
    font-weight: 400;
    text-align: center;
    line-height: 1.3em;
    position: relative;
    padding: 5px 0
}

.page_temp .white_sec .details ul li h3 {
    padding: 10px 0
}

.page_temp .grey_sec {
    background-color: #f6f6f6;
    position: relative;
    margin: 0 auto;
    width: 100%;
    padding: 20px 0
}

.page_temp .grey_sec .comment ul {
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap
}

.page_temp .grey_sec .comment ul li {
    padding: 10px 15px 10px;
    position: relative
}

.page_temp .grey_sec .comment ul li .img_div {
    position: absolute;
    top: 50%;
    margin-top: -60px
}

.page_temp .grey_sec .comment ul li .img_div img {
    width: auto;
    height: 120px
}

.page_temp .grey_sec .comment ul li .con_div {
    background-color: #fff;
    float: right;
    position: relative;
    padding: 10px 25px;
    border-radius: 8px;
    box-shadow: -1px 1px 15px 4px #e0e7ed;
    -webkit-box-shadow: -1px 1px 15px 4px #e0e7ed;
    -moz-box-shadow: -1px 1px 15px 4px #e0e7ed;
    -o-box-shadow: -1px 1px 15px 4px #e0e7ed
}

.page_temp .grey_sec .comment ul li .con_div h3 {
    font-size: 18px;
    color: #247ee1;
    text-align: right;
    font-weight: 700;
    padding: 5px
}

.page_temp .grey_sec .comment ul li .con_div p {
    font-size: 18px;
    color: #247ee1;
    text-align: left;
    padding: 5px 0;
    position: relative
}

.page_temp .grey_sec .comment ul li .con_div p:after {
    content: "";
    background: url(images/right_q.png);
    width: 12px;
    height: 11px;
    position: absolute;
    display: inline-block
}

.page_temp .grey_sec .comment ul li .con_div p:before {
    content: "";
    background: url(images/left_q.png);
    width: 12px;
    height: 11px;
    position: absolute;
    left: -13px
}

.page_temp .grey_sec .comment ul li .con_div:after,
.page_temp .grey_sec .comment ul li .con_div:before {
    position: absolute;
    top: 38%;
    left: -50px;
    right: 100%;
    width: 0;
    height: 0;
    display: block;
    content: " ";
    border-color: transparent;
    border-style: solid solid outset;
    pointer-events: none
}

.page_temp .grey_sec .comment ul li .con_div:after {
    border-width: 24px;
    border-right-color: #fff;
    margin-top: 1px;
    margin-left: 2px
}

.page_temp .grey_sec .comment ul li .con_div:before {
    border-right-color: #fff;
    border-width: 25px
}

.main_content.page_temp .white_sec h5:after {
    display: none
}

.page_temp .grey_sec #accordian {
    padding: 0
}

.page_temp .grey_sec #accordian ul {
    padding: 0 0 0;
    display: block
}

.page_temp .grey_sec #accordian ul li {
    padding: 10px 0
}

.page_temp .grey_sec #accordian h3 {
    padding: 0
}

.page_temp .grey_sec .host_web {
    position: relative;
    padding: 20px 0
}

.page_temp .grey_sec .host_web .head {
    background-color: #247ee1;
    position: relative;
    padding: 20px 0
}

.page_temp .grey_sec .host_web .head h6 {
    text-align: center;
    font-weight: 700;
    font-size: 20px;
    color: #fff;
    line-height: 1.6em;    
}

.page_temp .grey_sec .host_web .content {
    background-color: #fff;
    padding: 20px 0
}

.page_temp .grey_sec .host_web .head:after {
    position: absolute;
    left: 50%;
    top: 100%;
    margin-left: -15px;
    width: 0;
    height: 0;
    display: block;
    content: " ";
    border-color: transparent;
    border-style: solid solid outset;
    pointer-events: none;
    border-width: 15px;
    border-top-color: #247ee1
}

.page_temp .grey_sec .host_web .content .form-style input[type=text] {
    border-radius: 5px
}

.page_temp .grey_sec .host_web .content .form-style input[type=button],
.page_temp .grey_sec .host_web .content .form-style input[type=submit] {
    border-radius: 0;
    font-size: 18px;
    padding: 8px 20px 10px
}

.page_temp .grey_sec .host_web .content .form-style label {
    vertical-align: top;    
    font-size: 13px;
    color: #6d6d6d
}

.page_temp .grey_sec .host_web .content .form-style p {
    font-size: 13px;
    color: #6d6d6d;
    display: inline-block;
    font-weight: 700
}

.page_temp .grey_sec .host_web .content .form-style p>span {
    color: red;
    float: left;
    display: inline-block
}

.cmd_fr {
    position: relative;
    min-height: 500px
}

.cmd_fr .or {
    position: absolute;
    left: 50%;
    top: 40%
}

.defaultContent {
    color: #66899b
}

.defaultContent h1 {
    font-size: 32px;
    line-height: 32px;
    padding: 0 0 10px 0
}

.defaultContent h2 {
    font-size: 24px;
    line-height: 24px;
    padding: 0 0 10px 0
}

.defaultContent h3 {
    font-size: 19px;
    line-height: 18.72px;
    padding: 0 0 10px 0
}

.defaultContent h4 {
    font-size: 16px;
    line-height: 16px;
    padding: 0 0 10px 0
}

.defaultContent h5 {
    font-size: 14px;
    line-height: 13.28px;
    padding: 0 0 10px 0
}

.defaultContent h6 {
    font-size: 11px;
    line-height: 10.72px;
    padding: 0 0 10px 0
}

.defaultContent hr {
    height: 1px;
    background: #000
}

.defaultContent p {
    font-size: 18px;
    padding: 0 0 20px 0;
    margin: 0;
    line-height: 20px
}

.defaultContent p b,
.defaultContent p strong {
    font-weight: 700
}

.defaultContent p em {
    font-style: italic
}

.defaultContent a,
.defaultContent p a {
    color: #b3d66f;
    font-weight: 700
}

.defaultContent blockquote {
    padding: 10px;
    background: #d1dce1;
    text-indent: 15px;
    margin: 0 0 20px 0
}

.defaultContent blockquote p {
    margin: 0;
    padding: 0
}

.defaultContent figure.wp-caption {
    margin: 0;
    background: 0 0
}

.defaultContent figure.wp-caption img {
    margin: 0 0 10px 0
}

.defaultContent figcaption.wp-caption-text {
    text-align: left;
    font-size: 18px;
    line-height: 20px
}

.defaultContent ul {
    margin-bottom: 25px;
    margin-left: 40px
}

.defaultContent ul li {
    padding-bottom: 10px;
    list-style: outside disc
}

.defaultContent ul li a {
    font-size: 18px;
    line-height: 20px;
    color: #66899b
}

.defaultContent ol {
    list-style: decimal inside;
    margin: 0 0 20px 0;
    padding: 0;
    color: #66899b
}

.defaultContent ol li {
    font-size: 18px;
    padding: 0 0 5px 0;
    margin: 0;
    line-height: 20px;
    color: #66899b;
    font-weight: 400
}

.defaultContent ol li a {
    font-size: 18px;
    line-height: 20px;
    color: #66899b;
    font-weight: 400
}

.defaultContent form label {
    display: block;
    font-size: 18px;
    line-height: 20px;
    margin: 0 0 5px 0
}

.defaultContent form input[type=email],
.defaultContent form input[type=number],
.defaultContent form input[type=search],
.defaultContent form input[type=text],
.defaultContent form input[type=url] {
    font-size: 18px;
    width: 80%;
    height: 25px;
    padding: 5px;
    border: 1px solid #d1d1d1;
    margin: 0 0 10px 0;
    background: #fff
}

.defaultContent form textarea {
    border: 1px solid #d1d1d1;
    margin: 0 0 10px 0;
    background: #fff;
    font-size: 18px;
    width: 80%;
    height: 80px;
    padding: 5px
}

.defaultContent input[type=submit] {
    background: #66899b;
    font-size: 18px;
    color: #fff;
    padding: 5px 10px;
    border: 1px solid #66899b;
    border-radius: 2px
}

.defaultContent .navigation.paging-navigation {
    width: 100%
}

.defaultContent .navigation.paging-navigation h1 {
    display: none!important
}

.defaultContent .navigation.paging-navigation a {
    font-size: 18px;
    line-height: 1px;
    color: #fff;
    background: #66899b;
    padding: 4px 10px;
    margin: 0 3px
}

.defaultContent .navigation.paging-navigation span {
    font-size: 18px;
    line-height: 20px;
    color: #fff;
    background: #b3d66f;
    padding: 4px 10px;
    margin: 0 3px
}

.defaultContent .wp-pagenavi span.pages {
    background: #40a35f;
    color: #fff;
    font-size: 18px;
    line-height: 20px;
    padding: 4px 10px;
    margin: 0 5px 0 0
}

.defaultContent .wp-pagenavi a {
    font-size: 18px;
    line-height: 20px;
    color: #fff;
    background: #66899b;
    padding: 4px 10px;
    margin: 0 3px
}

.defaultContent .wp-pagenavi span.current {
    background: #b3d66f;
    color: #fff;
    font-size: 18px;
    line-height: 20px;
    padding: 4px 10px;
    margin: 0 5px 0 0
}

.search-form span.screen-reader-text {
    display: none
}

.defaultContent table {
    font-size: 18px;
    line-height: 20px;
    width: 100%
}

.defaultContent table th {
    font-weight: 700
}

.defaultContent table td,
.defaultContent table th {
    border: 1px solid
}

.defaultContent img,
.defaultContent p img {
    max-width: 100%;
    width: auto;
    height: auto
}

.defaultContent iframe {
    max-width: 100%;
    min-height: 250px
}

.default {
    background-color: #f0f0f0
}

.default .search-form {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding: 20px 0
}

.default .search-form label {
    width: 80%
}

.default .search-form input[type=search] {
    border-radius: 5px;
    padding: 15px 30px;
    width: 100%
}

.default .search-form input[type=submit] {
    color: #fff;
    border-radius: 5px;
    font-size: 20px;
    font-weight: 700;
    background-color: #86c401;
    padding: 15px 40px;
    float: right;
    width: 19%
}

.page_temp article {
    padding: 20px 0
}

.page_temp article h1 {
    text-align: left
}

.page_temp article h1 a {
    color: #247ee1
}

.page_temp .cat-links {
    margin: 10px 0
}

.page_temp .cat-links a {
    font-size: 16px;
    margin: 10px 0;
    line-height: 2em
}

.page_temp .blue_bg .su-column-inner {
    background-color: #247ee1;
    position: relative;
    margin: 0 auto;
    width: 100%;
    padding: 0
}

.page_temp .blue_bg .su-column-inner p {
    color: #fff;
    font-size: 14px;    
    font-weight: 400;
    text-align: justify;
    line-height: 1.2em
}

.page_temp .blue_bg .su-column-inner h2 {
    text-align: center;
    font-weight: 700;
    font-size: 28px;
    color: #fff;
    line-height: 1.6em;    
    padding: 0
}

.page_temp h1 {
    text-align: center;
    font-weight: 700;
    font-size: 40px;
    color: #247ee1;
    line-height: 1.6em;    
    padding: 15px 0
}

.page_temp .box_width .su-column-inner.container {
    position: relative;
    width: 1170px
}

.page_temp .blue_bg .su-column-inner.container {
    position: relative;
    width: 1170px
}

.page_temp .blue_bg {
    background-color: #247ee1;
    position: relative;
    margin: 0 auto;
    width: 100%;
    padding: 20px 0
}

.page_temp .su-column-inner {
    background-color: #fff;
    position: relative;
    margin: 0 auto;
    width: 100%;
    padding: 20px 0
}

.page_temp .su-column-inner h2 {
    text-align: center;
    font-weight: 700;
    font-size: 28px;
    color: #247ee1;
    line-height: 1.6em;    
}

.page_temp .su-column-inner h2>em {
    text-transform: capitalize
}

.page_temp .su-column-inner h3 {
    color: #247ee1;
    font-size: 25px;    
    font-weight: 700;
    text-align: center;
    position: relative;
    padding: 40px 0 10px;
    line-height: 1.5em
}

.page_temp .su-column-inner h4 {
    line-height: 1.5em;
    text-align: center;
    color: #333;
    font-size: 22px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 10px 0
}

.page_temp .su-column-inner h4>em {
    text-transform: capitalize
}

.page_temp .su-column-inner h5 {
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 20px;
    color: #247ee1;
    line-height: 1.6em;
    padding: 10px 0
}

.page_temp .su-column-inner h5>em {
    text-transform: capitalize
}

.page_temp .su-column-inner h6 {
    text-align: center;
    text-transform: uppercase;    
    color: #247ee1;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.5em
}

.page_temp .su-column-inner h6>em {
    text-transform: capitalize
}

.page_temp .su-column-inner h6>span {
    color: #333;
    font-size: 20px;    
    font-weight: 400;
    text-align: center;
    position: relative
}

.page_temp .su-column-inner h6>span:before {
    background: url(images/dash.png);
    content: '';
    width: 49px;
    height: 7px;
    position: absolute;
    left: 50%;
    bottom: -30px;
    margin-left: -25px
}

.page_temp .su-column-inner p {
    color: #333;
    font-size: 18px;
    font-weight: 400;
    text-align: justify;
    line-height: 1.2em;
    padding: 15px 0 0
}

.page_temp .su-column-inner p:after {
    display: none
}

.page_temp .su-column-inner p>em {
    color: #606060;
    font-size: 20px;
    font-weight: 400;
    text-align: justify;
    line-height: 1.2em;
    padding: 15px 0
}

.page_temp .su-column-inner p>b {
    font-weight: 700
}

.page_temp .su-column-inner p {
    color: #333;
    font-size: 18px;
    font-weight: 400;
    text-align: justify;
    line-height: 1.2em;
    padding: 15px 0 0
}

.page_temp .cmd_btn .container {
    display: block;
    margin: 0 auto;
    width: 100%;
    text-align: center
}

.page_temp .cmd_btn .container a {
    text-decoration: none;
    color: #fff;
    font-size: 30px;
    font-weight: 700;
    display: inline-block;
    padding: 8px 25px 10px;
    line-height: 25px;
    background-color: #86c401;
    border-radius: 5px;
    margin: 15px auto
}

.su-spoiler-style-default>.su-spoiler-title {
    color: #247ee1;
    font-size: 25px;
    font-weight: 700;
    text-align: left;
    line-height: 24px;
    padding: 10px 0 0;
    border-radius: 4px;
    cursor: pointer;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.page_temp .grey_sec .su-column-inner.container {
    position: relative;
    width: 1170px;
    background-color: #f6f6f6
}

.top-link,
.top-link:hover,
.top-link:link,
.top-link:visited {
    background: none repeat scroll 0 0 rgba(0, 0, 0, .65);
    border: 1px solid #d7d7d7;
    bottom: 10px;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    right: 5%;
    padding: 5px 8px;
    position: fixed;
    text-decoration: none;
    width: 50px;
    z-index: 10;
    display: none
}

.top-link:before {
    border-bottom: 10px solid #d7d7d7;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    content: "";
    display: block;
    height: 0;
    margin: 0 auto 3px;
    width: 0
}

/** CUSTOM MEDIA MOBILE **/
@media screen AND (max-width: 767px){
    div#slider_reference, div#slider_logo { display: none; }
}

@media (max-width: 880px){
    #video .uk-card-body { width: 95%; }
}


/** Blog Article **/
div.blog div[class^="alert_"] {
	position: relative;
	font-size: 20px;
	line-height: 32px;
	border-radius: 7px;
	padding: 30px;
	margin-bottom: 30px;
}
div.blog div.alert_warning,
div.blog div.alert_success {	padding-left: 75px; }
div.blog div.alert_warning::before,
div.blog div.alert_success::before { position: absolute; content: ''; width: 30px; height: 28px; top: 30px; left: 30px; }

div.blog div.alert_warning {	background: #FFEFE2; border: 2px solid #FF6600; }
div.blog div.alert_warning::before { background: url(images/attention.svg); }
div.blog div.alert_warning a { color: #FF6600; }
div.blog div.alert_warning a:hover { border-bottom: 1px solid #FF6600; }

div.blog div.alert_success {	background: #E4F9F1; border: 2px solid #007847; }
div.blog div.alert_success::before { background: url(images/promo.svg); }
div.blog div.alert_success a { color: #007847; }
div.blog div.alert_success a:hover { border-bottom: 1px solid #007847; }

div.blog div.alert_info { background: #E2F1FF; border: 2px solid #1C469D; }

div.blog div[class^="alert_"] ul { padding: 0; margin-left: 0; }
div.blog div[class^="alert_"] ul li { text-align: left; }
div.blog div[class^="alert_"] *:last-child { padding-bottom: 0; }


/* Tips in article */
div.blog div.alert_more_info { background: #E2F1FF; border: 2px solid #1C469D; text-align: center; }
div.blog div.alert_more_info hr { border: 1px solid rgba(30, 73, 155, 0.4); margin: 30px 0; }

div.blog div.alert_tips { background: #E4F9F1; border: 2px solid #007847; text-align: center; }
div.blog div.alert_tips hr { border: 1px solid rgba(0, 120, 71, 0.4); margin: 30px 0; }

div.blog div.alert_related_readings { background: #EEFAFF; border: 2px solid #1A86E6; text-align: center; }
div.blog div.alert_related_readings hr { border: 1px solid rgba(26, 134, 230, 0.4); margin: 30px 0; }
div.blog div.alert_related_readings a { color: #1A86E6; }

div.blog div.alert_more_info .title,
div.blog div.alert_tips .title,
div.blog div.alert_related_readings .title { font-size: 22px !important; line-height: 34px !important; font-weight: 700 !important; text-align: center; padding: 0; }

div.blog div.alert_more_info .title::before { position: relative; top: 8px; content: url(images/plus_infos.svg); margin-right: 15px; }
div.blog div.alert_tips .title::before { position: relative; top: 6px; content: url(images/trucs_et_astuces.svg); margin-right: 15px; }
div.blog div.alert_related_readings .title::before { position: relative; top: 8px; content: url(images/lectures_associees.svg); margin-right: 15px; }

/* ADD 05/07/22 Bloc Border */
div.bborder { display: block; padding: 30px; margin-bottom: 30px; border: 3px solid; border-radius: 10px; transition: box-shadow 0.5s; }
div.bborder p.title { font-size: 18px; line-height: 32px; font-weight: 600; color: #000; text-decoration: underline; padding: 0; }
div.bborder ul,
div.bborder ol { margin-top: 20px; padding-bottom: 0; }
div.bborder ul li:last-child,
div.bborder ol li:last-child { padding-bottom: 0; }
div.bborder ul + *,
div.bborder ol + * { padding-top: 20px; }
div.bborder *:last-child { padding-bottom: 0; margin-bottom: 0; } 
div.bborder.green { border-color: #03C04A; }
div.bborder.green:hover { box-shadow: 0px 5px 15px rgba(3,192,74,0.25); }
div.bborder.red { border-color: #F00; }
div.bborder.red:hover { box-shadow: 0px 5px 15px rgba(255,0,0,0.25); }
div.bborder.orange { border-color: #F60; }
div.bborder.orange:hover { box-shadow: 0px 5px 15px rgba(255,102,0,0.25); }
div.bborder.blue { border-color: #1E499B; }
div.bborder.blue:hover { box-shadow: 0px 5px 15px rgba(30,73,155,0.25); }

/* ADD 06/07/22 Custom Button */
div.blog a.custom_btn { padding: 8px 40px; margin-bottom: 30px; font-weight: 600; max-width: 100%; margin: auto; display: block; width: fit-content !important; margin-bottom: 30px; text-transform: uppercase; border-radius: 7px; text-decoration: none !important; }
div.blog a.custom_btn:hover { border-bottom: 0; transform: scale(1.05); text-decoration: none !important; }
div.blog a.custom_btn.cb_bg_green { background-color: #28A745; box-shadow: rgba(40, 167, 69, 0.35) 0px 5px 15px }
div.blog a.custom_btn.cb_bg_blue { background-color: #1C469D; box-shadow: rgba(28, 70, 157, 0.35) 0px 5px 15px; }
div.blog a.custom_btn.cb_bg_red { background-color: #DC3545; box-shadow: rgba(220, 53, 69, 0.35) 0px 5px 15px; }
div.blog a.custom_btn.cb_bg_orange { background-color: #F60; box-shadow: rgba(255, 102, 0, 0.35) 0px 5px 15px; }
div.blog a.custom_btn.cb_bg_yellow { background-color: #FFC107; box-shadow: rgba(255, 193, 7, 0.35) 0px 5px 15px; }
div.blog a.custom_btn.cb_bg_white { background-color: #FFF; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; }

/*Enlighter*/
div.blog .enlighter-t-classic .enlighter span { font-weight: 400;}