html {
    overflow-y: scroll;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}

body {
    line-height: 23px;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}

a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,caption,canvas,center,cite,code,dd,del,details,dfn,dialog,div,dl,dt,em,embed,fieldset,figcaption,figure,form,footer,header,hgroup,h1,h2,h3,h4,h5,h6,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,tt,table,tbody,textarea,tfoot,thead,time,tr,th,td,u,ul,var,video {
    font-family: 'Lato',sans-serif;
    font-size: 15px;
    font-weight: inherit;
    font-style: inherit;
    vertical-align: baseline;
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    background: transparent
}

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

ol,ul {
    list-style: none
}

blockquote,q {
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    quotes: none
}

figure {
    margin: 0
}

:focus {
    outline: 0
}

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

img {
    border: 0;
    -ms-interpolation-mode: bicubic;
    vertical-align: middle
}

legend {
    white-space: normal
}

button,input,select,textarea {
    font-size: 100%;
    margin: 0;
    max-width: 100%;
    vertical-align: baseline;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

button,input {
    line-height: normal
}

input,textarea {
    background-image: -webkit-linear-gradient(hsla(0,0%,100%,0),hsla(0,0%,100%,0))
}

button,input[type="button"],input[type="reset"],input[type="submit"] {
    line-height: 1;
    cursor: pointer;
    -webkit-appearance: button;
    border: none
}

input[type="checkbox"],input[type="radio"] {
    padding: 0
}

input[type="search"] {
    -webkit-appearance: textfield
}

input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}

button::-moz-focus-inner,input::-moz-focus-inner {
    border: 0;
    padding: 0
}

*,*:before,*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

*,*:before,*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

body {
    font-weight: 400;
    background-color: #fff;
    color: #1d1d1d
}

a {
    color: #354c5e;
    text-decoration: none;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

a:hover,a.active,a:focus {
    color: #ffaa30;
    text-decoration: none;
    outline: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

ul,ol {
    padding: 0
}

img {
    max-width: 100%;
    height: auto
}

.post .entry-image img {
    height: 220px;
    width: 300px
}

.img-left {
    margin: -10px 50px 0 0 !important;
    float: left
}

.img-right {
    margin: 0 0 0 50px !important;
    float: right
}

b,strong {
    font-weight: 900
}

.entry-page p {
    margin-bottom: 25px
}

h1 {
    font-size: 26px;
    font-weight: 700
}

h2 {
    font-size: 22px
}

h3 {
    font-size: 20px
}

h4 {
    font-size: 18px
}

h5 {
    font-size: 16px
}

h6 {
    font-size: 14px
}

h1,h2,h3,h4,h5,h6 {
    font-family: "Montserrat",sans-serif;
    font-style: normal;
    color: #000000;
    margin-bottom: 10px;
    #box-shadow:0 0 7px #000;#background-color:#3b5998;line-height: 1
}

button {
    border: none
}

button,input[type="button"],input[type="reset"],input[type="submit"] {
    font-family: "Montserrat",sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    color: #ffffff;
    background-image: none;
    height: 50px;
    background: linear-gradient(90deg,#fdb825 0%,#fca31a 100%);
    line-height: 50px;
    padding: 0 24px 0 32px;
    cursor: pointer;
    white-space: nowrap;
    border: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    display: inline-block;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out
}

select,textarea,input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"] {
    border: 1px solid #e5e5e5;
    height: 50px;
    font-size: 12px;
    line-height: 19px;
    color: #333333;
    max-width: 100%;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    width: 100%;
    padding: 12px 35px;
    padding-top: 12px;
    padding-right: 35px;
    padding-bottom: 12px;
    padding-left: 20px
}

textarea:focus,input[type="text"]:focus,input[type="password"]:focus,input[type="datetime"]:focus,input[type="datetime-local"]:focus,input[type="date"]:focus,input[type="month"]:focus,input[type="time"]:focus,input[type="week"]:focus,input[type="number"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="color"]:focus {
    border: 1px solid #ffaa30;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

textarea {
    width: 100%;
    height: 200px;
    padding: 14px 20px
}

input[type="checkbox"] {
    display: inline
}

textarea:-moz-placeholder,textarea::-moz-placeholder,input:-moz-placeholder,input::-moz-placeholder {
    font-size: 12px;
    line-height: 19px;
    color: #b1b1b1;
    opacity: 1
}

input:-ms-input-placeholder {
    font-size: 12px;
    line-height: 19px;
    color: #b1b1b1
}

textarea::-webkit-input-placeholder,input::-webkit-input-placeholder {
    font-size: 12px;
    line-height: 19px;
    color: #b1b1b1;
    opacity: 1
}

@-webkit-keyframes pop-scale {
    0% {
        -webkit-transform: scale(0.7)
    }

    100% {
        -webkit-transform: scale(1)
    }
}

@-moz-keyframes pop-scale {
    0% {
        -moz-transform: scale(0.7)
    }

    100% {
        -moz-transform: scale(1)
    }
}

@keyframes pop-scale {
    0% {
        transform: scale(0.7)
    }

    100% {
        transform: scale(1)
    }
}

.btn {
    background-image: none
}

textarea,input[type="text"],input[type="submit"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"],.uneditable-input,.dropdown-menu,.navbar .nav > .active > a,.navbar .nav > .active > a:hover,.navbar .nav > .active > a:focus {
    -webkit-appearance: none;
    text-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    color: #333333
}

.bold {
    font-weight: 700
}

.cl-orange {
    color: #ffaa30
}

.blog-single .entry p {
    margin-bottom: 30px
}

.go-top {
    position: fixed !important;
    right: -35px;
    bottom: 47px;
    width: 40px;
    height: 40px;
    cursor: pointer;
    background-color: #428bdc;
    line-height: 40px;
    text-align: center;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0
}

.go-top i {
    color: #fff
}

.go-top.show {
    right: 15px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    visibility: visible;
    z-index: 9999
}

.go-top.show:hover {
    background: #ffaa30
}

.course-meta.review.style2 {
    margin-bottom: 62px
}

.course-meta.review.style2 li {
    float: left;
    padding-top: 1px;
    line-height: 25px;
    font-size: 12px;
    position: relative;
    padding-right: 50px
}

.course-meta.review.style2 li:last-child {
    padding-right: 0
}

.course-meta.review.style2 li.review-stars {
    padding-right: 15px
}

.course-meta.review.style2 li:after {
    content: "";
    position: absolute;
    top: 0;
    right: 19px;
    width: 1px;
    height: 37px;
    background: #e5e5e5
}

.course-meta.review.style2 li.review-stars:after,.course-meta.review.style2 li:last-child:after {
    content: none
}

.course-meta.review.style2 .thumb {
    float: left;
    margin-right: 15px
}

.course-meta.review.style2 .thumb img {
    width: 55px;
    border-radius: 55px
}

.course-meta.review.style2 .text {
    float: left
}

.course-meta.review.style2 a {
    font-size: 14px;
    line-height: 23px;
    font-family: Montserrat,sans-serif
}

.course-meta.review.style2 p {
    font-size: 12px;
    line-height: 23px;
    margin-bottom: 0
}

.page-title {
    position: relative
}

.page-title .overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    opacity: 0.7;
    filter: alpha(opacity=70)
}

.page-title .page-title-heading h2 {
    font-family: "Montserrat",sans-serif;
    font-size: 35px;
    line-height: 40PX;
    font-weight: 700;
    color: #fff;
    text-align: center;
    letter-spacing: 0.1px;
    text-transform: uppercase;
    margin-bottom: 9px
}

.breadcrumbs {
    text-align: center;
    #padding-bottom:96px}

.breadcrumbs ul li,.breadcrumbs ul li a {
    font-size: 14px;
    line-height: 22px;
    font-family: Helvetica Neue;
    color: #fff
}

.breadcrumbs ul li {
    display: inline-block;
    padding: 0px 15px 0 0;
    color: #fff
}

.category .breadcrumbs {
    text-align: left;
    margin: 15px 0
}

.category .breadcrumbs ul li a {
    color: rgba(18,54,66,1);
    font-size: 16px;
    line-height: 18px;
    font-weight: 500;
    font-family: Helvetica Neue
}

.breadcrumbs ul li a:hover {
    color: #ffaa30
}

.breadcrumbs ul li a {
    position: relative
}

.breadcrumbs ul li a:after {
    position: absolute;
    top: 0;
    right: -12px;
    font-family: "FontAwesome",sans-serif;
    content: "\f105";
    font-size: 14px
}

.blog-pagination .flat-pagination li,.blog-pagination .pagination li {
    border: 1px solid #dfdfdf;
    color: #000;
    border-radius: 4px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

.blog-pagination .flat-pagination li:hover,.blog-pagination .pagination li:hover {
    border: 1px solid #ffaa30;
    border-radius: 4px
}

.blog-pagination .flat-pagination li,.blog-pagination .pagination li {
    display: inline-block;
    margin-left: 1px
}

.blog-pagination .flat-pagination li a,.blog-pagination .pagination li a,.blog-pagination .pagination li.disabled span {
    display: inline-block;
    line-height: 23px;
    font-size: 14px;
    padding: 8px 15px;
    font-family: "Montserrat",sans-serif;
    color: #333;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

.blog-pagination .flat-pagination .active,.blog-pagination .pagination .active {
    line-height: 23px;
    font-size: 14px;
    padding: 8px 16px
}

.blog-pagination .flat-pagination li a:hover,.blog-pagination .flat-pagination .active,.blog-pagination .pagination li a:hover,.blog-pagination .pagination .active {
    color: #fff;
    background-color: #ffaa30;
    border-radius: 4px;
    display: inline-block
}

.blog-pagination .flat-pagination li.next a:hover,.blog-pagination .pagination li.next a:hover {
    color: #fff
}

.blog-pagination .flat-pagination li.next i,.blog-pagination .pagination li.next i {
    font-weight: 700;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

.blog-pagination .flat-pagination li,.blog-pagination .pagination li {
    border: 1px solid #dfdfdf;
    color: #000;
    border-radius: 4px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

.blog-pagination .flat-pagination li:hover,.blog-pagination .pagination li:hover {
    border: 1px solid #ffaa30;
    border-radius: 4px
}

.blog-pagination .flat-pagination li,.blog-pagination .pagination li {
    display: inline-block;
    margin-left: 1px
}

.blog-pagination .flat-pagination li a,.blog-pagination .pagination li a {
    display: inline-block;
    line-height: 23px;
    font-size: 14px;
    padding: 8px 15px;
    font-family: "Montserrat",sans-serif;
    color: #333;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

.blog-pagination .flat-pagination .active,.blog-pagination .pagination .active {
    line-height: 23px;
    font-size: 14px;
    padding: 8px 16px
}

.blog-pagination .flat-pagination li a:hover,.blog-pagination .flat-pagination .active,.blog-pagination .pagination li a:hover,.blog-pagination .pagination .active {
    color: #fff;
    background-color: #ffaa30;
    border-radius: 4px;
    display: inline-block
}

.blog-pagination .flat-pagination li.next a:hover,.blog-pagination .pagination li.next a:hover {
    color: #fff
}

.blog-pagination .flat-pagination li.next i,.blog-pagination .pagination li.next i {
    font-weight: 700;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

.sidebar {
    padding-left: 32px
}

.sidebar .widget {
    position: relative
}

.sidebar .widget:before {
    position: absolute;
    top: 0;
    left: -35px;
    width: 1px;
    height: 100%;
    content: "";
    background-color: #e5e5e5
}

.sidebar .widget:after {
    position: absolute;
    top: 0;
    left: -35px;
    width: 3px;
    height: 50px;
    content: "";
    z-index: 999
}

.widget .widget-title {
    position: relative;
    font-family: 'Montserrat',sans-serif;
    color: #1d1d1d;
    font-size: 18px;
    line-height: 23px;
    text-transform: uppercase;
    margin-bottom: 30px;
    padding-top: 7px;
    margin-top: 5px
}

.widget .widget-title:before {
    position: absolute;
    left: 0;
    bottom: -18px;
    content: "";
    width: 35px;
    height: 1px;
    background-color: #333
}

.sidebar .widget {
    margin-bottom: 46px
}

.sidebar .widget li {
    border-bottom: 1px solid #e5e5e5;
    padding: 0 0 11px 3px;
    margin-bottom: 15px;
    font-weight: 600
}

.sidebar .widget li:first-child {
    padding-top: 0
}

.sidebar .widget li:last-child {
    border-bottom: none
}

.sidebar .widget ul.flat-socials li {
    border-bottom: none;
    padding: 0 17px 0 0
}

.sidebar .widget ul.flat-socials li a {
    padding: 0
}

.sidebar .widget ul.flat-reviews li {
    border-bottom: none;
    padding: 0
}

.sidebar .widget .featured-courses-news li,.sidebar .widget .popular-news li,.sidebar .widget .blog-news li {
    position: relative;
    float: left;
    display: block
}

.sidebar .widget .blog-news li {
    width: 100%
}

.widget .featured-courses-news li .thumb,.widget .popular-news li .thumb {
    float: left;
    margin-right: 18px
}

.widget .popular-news li .thumb img {
    border-radius: 4px
}

.widget .featured-courses-news li .text,.widget .popular-news li .text {
    overflow: hidden;
    color: #666
}

.widget .featured-courses-news li .text a,.widget .popular-news li .text a {
    font-family: 'Montserrat',sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: #333;
    font-weight: 700
}

.widget .featured-courses-news li .text a {
    display: block;
    margin-bottom: 4px
}

.widget .featured-courses-news .widget-title {
    margin-bottom: 58px
}

.widget .featured-courses-news li .text a:hover,.widget .popular-news li .text a:hover {
    color: #ffaa30
}

.widget .popular-news li .text p {
    font-family: 'Montserrat',sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: #b1b1b1
}

.widget-categories ul li a {
    color: #666
}

.widget-categories ul li a:hover {
    color: #ffaa30
}

.sidebar .widget ul li span {
    color: #b1b1b1
}

.footer {
    background: #222;
    color: #9c9c9c;
    padding: 30px 0px 0
}

.footer .footer-widgets {
    padding-bottom: 31px
}

.footer .widget .recent-courses-news ul.flat-reviews li {
    position: relative;
    float: left;
    display: block
}

.footer .widget .recent-courses-news li .text {
    overflow: hidden;
    color: #666
}

.footer .widget .recent-courses-news li .text a {
    font-family: 'Montserrat',sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: #333
}

.footer .widget .recent-courses-news li .text a:hover {
    color: #ffaa30
}

.footer .footer-widgets .flat-contact-form .flat-button {
    background: #428bdc;
    border-color: #428bdc
}

.footer .footer-widgets .flat-contact-form .flat-button:hover {
    background: #ffaa30;
    border-color: #ffaa30
}

.footer .footer-widgets .col-md-3:first-child {
    padding-top: 6px
}

.footer .widget-text img {
    border-radius: 4px;
    margin-bottom: 26px
}

.footer .widget-text li {
    position: relative;
    padding-left: 16px
}

.footer .widget-text li.email {
    padding-left: 22px
}

.footer .widget-text li,.footer .widget-text li a {
    font-size: 14px;
    color: #9c9c9c;
    line-height: 29px
}

.footer .widget-text li a:hover {
    color: #ffaa30
}

.footer .widget-text li:before {
    position: absolute;
    top: 0px;
    left: 0px;
    font-family: "FontAwesome";
    content: "\f041";
    font-size: 14px
}

.footer .widget-text li.phone:before {
    content: "\f095"
}

.footer .widget-text li.email:before {
    content: "\f0e0"
}

.footer .widget .widget-title {
    text-transform: none;
    color: #fff;
    margin-bottom: 56px
}

footer .widget.widget_tweets .widget-title {
    margin-bottom: 47px
}

.footer .widget .widget-title:before {
    background-color: #4e4e4e;
    bottom: -17px
}

footer .widget_tweets ul li a {
    font-size: 12px;
    line-height: 32px;
    color: #9c9c9c;
    font-weight: 600
}

footer .widget_tweets ul li a:hover {
    color: #ffaa30
}

footer .widget_tweets .link-left {
    float: left
}

footer .widget_tweets .link-right {
    float: right
}

.recent-courses-news .text a {
    margin-right: 10px
}

.recent-courses-news .text {
    margin-bottom: 7px
}

footer .widget_recent-courses {
    margin-right: -15px
}

footer .widget_recent-courses ul li .thumb {
    float: left;
    margin-right: 20px
}

.footer .widget .recent-courses-news li.star {
    margin-bottom: 0
}

.footer .widget .recent-courses-news li .text a {
    color: #9c9c9c
}

.footer .widget .recent-courses-news li .text a:hover {
    color: #ffaa30
}

.footer .widget.widget_recent-courses li {
    border-bottom: 1px solid #323232;
    padding: 19px 0 8px
}

.footer .widget.widget_recent-courses li:first-child {
    padding-top: 0
}

.footer .widget.widget_recent-courses .review-rating ul li {
    border-bottom: none;
    padding: 0
}

.widget-quick-contact textarea {
    height: 120px
}

.widget-quick-contact input[type="email"] {
    margin-bottom: 10px;
    background: #222;
    width: 100%
}

.widget-quick-contact textarea,.widget-quick-contact input[type="email"] {
    color: #fff;
    border-radius: 4px;
    border: 1px solid #393939;
    padding: 15px 19px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

.widget-quick-contact textarea:focus,.widget-quick-contact input[type="email"]:focus {
    border: 1px solid #ffaa30
}

.widget-quick-contact button {
    position: absolute;
    bottom: 32px;
    right: 16px;
    height: 30px;
    line-height: 30px;
    width: 50px;
    padding: 0;
    border-radius: 4px 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

.widget-quick-contact .flat-button:hover {
    background-color: #ffaa30;
    border-color: #ffaa30
}

.bottom {
    background: #222;
    color: #9c9c9c;
    text-align: center
}

.bottom .container-bottom {
    position: relative;
    overflow: hidden;
    border-top: 2px solid #393939;
    width: 100%
}

.bottom .container-bottom span a {
    color: #428bdc
}

.bottom .container-bottom span a:hover {
    color: #ffaa30
}

.container-bottom .copyright {
    padding: 10px 0 15px
}

@media (max-width: 720px) {
    .container-bottom .copyright {
        padding-bottom:50px
    }
}

.bottom .flat-socials-v1 li a,.container-bottom .copyright p {
    color: #9c9c9c
}

.parallax {
    width: 100%;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
    padding-top: 160px
}

@media ( max-width: 720px) {
    .parallax {
        padding-top:10px
    }
}

.parallax1 {
    background-image: url(/static/web/img/parallax/bg-parallax1.jpg)
}

.tp-banner-container {
    max-height: 700px !important;
    width: 100% !important;
    position: relative;
    overflow: hidden !important;
    padding: 0;
    background-color: #fff;
    float: left
}

.title-course {
    letter-spacing: -0.4px;
    padding-right: 20px
}

.header-inner-pages p {
    margin-bottom: 0
}

.flat-lh-25 {
    line-height: 25px
}

.flat-pdr-100 {
    padding-right: 100px
}

.flat-row.course {
    border-bottom: 1px solid #efefef
}

.flat-row.popular-course {
    padding: 0px 0 98px
}

.flat-row.popular-course .featured-post {
}

.flat-row.join-us,.flat-row.about-us {
    padding: 0
}

.flat-row.join-us .counter-content {
    margin-bottom: 26px;
    text-align: center
}

.flat-row.join-us .numb-counter {
    display: inline-block
}

.flat-row.join-us .numb-count {
    color: #ffaa30;
    font-size: 60px;
    font-family: 'Montserrat',sans-serif
}

@media (max-width: 720px) {
    .flat-row.join-us .numb-count {
        font-size:32px
    }
}

.flat-row.join-us .counter-content span {
    font-size: 20px;
    color: #888888
}

.flat-row.join-us p {
    font-size: 18px;
    color: #fff;
    line-height: 30px;
    text-align: center;
    padding: 0 124px;
    letter-spacing: -0.2px;
    margin-bottom: 35px
}

.flat-row.join-us .flat-button {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    - ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    padding: 0 30px;
    color: #fff
}

.flat-row.join-us .overlay.bg-222,.flat-row.about-us .overlay.bg-222 {
    background-color: rgba(34,34,34,0.9);
    padding: 93px 0 85px
}

.flat-row.lastest-new {
    padding: 92px 0 72px;
    border-bottom: 1px solid #efefef
}

.post-lastest-new .title-post {
    padding: 0 15px 0 15px;
    line-height: 22px;
    overflow: hidden;
    min-height: 70px
}

.post-lastest-new .title-post a {
    font-family: "Montserrat",sans-serif;
    font-size: 18px;
    line-height: 22px
}

.post-lastest-new .entry-image {
    margin-bottom: 31px;
    overflow: hidden
}

.post-lastest-new .content-post {
    line-height: 22px
}

.post-lastest-new .entry-meta.style1 p {
    margin-bottom: 0px
}

.post-lastest-new .entry-meta.style1 a {
    color: #428bdc
}

.post-lastest-new .entry-meta.style1 a:hover {
    color: #ffaa30
}

.post-lastest-new .post .date-post {
    padding-bottom: 6px
}

.post-lastest-new .post .date-post span.numb {
    margin-bottom: 5px
}

.post-lastest-new .content-post .entry-content {
    margin-bottom: 30px
}

.post-lastest-new .content-post .entry-content:before {
    bottom: -17px
}

.flat-title-section .title a {
    font-size: 20px
}

.post .date-post {
    float: left;
    border: 2px solid #ffaa30;
    padding: 12px 10px 9px;
    text-align: center
}

.post .date-post span {
    display: block;
    font-family: "Montserrat",sans-serif;
    font-size: 14px;
    line-height: 22px;
    color: #ffaa30;
    text-transform: uppercase
}

.post .date-post span.numb {
    font-size: 30px
}

.flat-row.partners {
    padding: 20px 0 15px
}

.flat-row.partners h2.title {
    color: #1A70C5;
    font-size: 16px;
    margin: 0 0 19px;
    font-family: Helvetica Neue
}

.flat-row.partners h2.title span {
    color: #999999;
    font-size: 14px
}

.flat-row.partners p.contest {
    color: #354D5F;
    font-size: 15px;
    margin-bottom: 31px;
    font-family: Helvetica Neue
}

.flat-row.partners .content {
    display: flex;
    flex-direction: column;
    margin: 20px 0
}

.flat-row.partners .contentTop {
    padding: 0 0 10px
}

.flat-row.partners .contentBottom {
    padding-bottom: 20px;
    border-bottom: 1px solid #EFF1F2;
    font-size: 14px
}

.flat-row.partners .contentBottom span {
    color: #999999;
    font-size: 12px;
    margin-left: 12px
}

.flat-row.partners .contentTop p {
    color: #354D5F;
    font-size: 15px
}

.partners-slider li {
    text-align: center
}

.flat-row.testimonial {
    background: url("/static/web/img/index/bg-testimonial.jpg") no-repeat;
    padding: 93px 0 96px
}

.flat-row.testimonial .testimonial-content {
    font-size: 16px;
    line-height: 27px;
    color: #333;
    margin-bottom: 37px;
    padding-top: 89px;
    position: relative;
    letter-spacing: 0px;
    font-weight: 500
}

.flat-row.testimonial .testimonial-content blockquote {
    cursor: e-resize
}

.flat-row.testimonial .testimonial-content:before {
    content: "";
    top: 0;
    background: url(/static/web/img/index/testimonial-icon.png) no-repeat;
    position: absolute;
    width: 66px;
    height: 54px;
    text-align: center;
    transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    - ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%)
}

.flat-row.testimonial .testimonial-author {
    margin-bottom: 27px
}

.flat-row.testimonial .testimonial-author .author-name {
    font-size: 18px;
    font-weight: 600;
    line-height: 27px;
    font-family: "Montserrat",sans-serif
}

.flat-row.testimonial .testimonial-author .author-info {
    font-size: 14px;
    line-height: 27px;
    color: #999;
    font-family: "Montserrat",sans-serif
}

.flat-row.news-letter {
    padding-bottom: 0
}

.have-question {
    text-align: center;
    margin: 20px 0
}

.have-question h2 {
    margin-bottom: 20px
}

.have-question p {
    margin-bottom: 24px
}

.have-question p,.have-question .read-more {
    font-weight: 300;
    font-size: 20px;
    line-height: 28px
}

.have-question .read-more {
    padding-left: 30px
}

.news-letter-form {
    min-height: 646px;
    background: url(/static/web/img/index/bg-news-letter.webp);
    position: relative;
    background-position: center
}

.news-letter-form .widget-mailchimb {
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    - ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    text-align: center
}

.news-letter-form .widget-mailchimb h1 {
    margin-bottom: 20px
}

.news-letter-form .widget-mailchimb p {
    font-size: 14px;
    line-height: 22px;
    color: #666;
    margin-bottom: 30px
}

.news-letter-form .widget-mailchimb input[type="email"] {
    width: 75%
}

.news-letter-form .widget-mailchimb button {
    padding: 0 21px 0 29px
}

#subscribe-content {
    float: left;
    width: 100%
}

.input-wrap {
    float: left;
    width: 70%
}

.button-wrap {
    float: left;
    width: 30%
}

.contact .comment-form .name-container,.flat-contact-form .input-wrap.name {
    width: 32%;
    float: left;
    margin-right: 2%
}

.flat-contact-form .input-wrap,.flat-contact-form .textarea-wrap {
    position: relative
}

.comment-respond.style2 h1.comment-title {
    margin-bottom: 60px;
    text-align: center
}

.flat-row.flat-about {
    padding-bottom: 94px
}

.content-tab .flat-title h1 {
    letter-spacing: -0.1px
}

.flat-row.about-us .overlay.bg-222 {
    padding-bottom: 103px
}

.flat-certified {
    text-align: center
}

.flat-certified img {
    margin-bottom: 33px
}

.flat-certificates .owl-stage-outer {
    margin-bottom: 32px
}

.main-content .course-grid {
    padding-top: 105px
}

.main-content.course-grid,.main-content.course-list {
    padding-top: 10px
}

.main-content.course-grid .flat-course {
    margin-bottom: 33px;
    padding: 0 15px;
    float: left;
    width: 32%
}

.main-content.course-grid .blog-pagination {
    text-align: center
}

.main-content .post-warp {
    margin-bottom: 21px
}

.main-content.course-list .post-warp {
    margin-bottom: 0
}

.main-content.course-grid.have-sidebar .blog-pagination {
    text-align: left
}

.main-content.course-grid .container,.main-content.course-list .container {
    position: relative
}

.main-content.course-grid .flat-post-ordering,.main-content.course-list .flat-post-ordering {
    position: absolute;
    top: 2px;
    right: 0
}

.main-content.course-grid .flat-course .course-content {
    padding-bottom: 19px;
    height: 175px
}

.main-content.have-sidebar .flat-post-ordering {
    top: -90px;
    right: 39px;
    position: absolute
}

.main-content.course-list.have-sidebar .flat-post-ordering {
    right: 60px
}

.blog-title-single {
    float: left;
    width: 100%
}

.blog-title-single h4 {
    margin: 10px
}

.course-single {
    margin-top: 150px
}

.sidebar {
    width: 28.4%;
    float: right
}

.course-single .sidebar {
    width: 29%;
    min-width: 300px;
    float: left
}

@media ( max-width: 720px) {
    .course-single .sidebar {
        width:100%
    }

    .course-single {
        margin-top: 0
    }
}

.have-sidebar .post-content {
    width: 70%;
    float: left;
    position: relative
}

.main-content.course-grid.have-sidebar .flat-course {
    padding: 0;
    margin: 5px
}

.main-content.course-grid.have-sidebar .flat-course:nth-of-type(even) {
    #margin-left:50px}

.main-content.course-grid .course-meta.review .author,.main-content.course-grid .flat-button {
    display: none
}

.main-content.course-single .blog-title-single h1 {
    margin-top: 10px;
    letter-spacing: -0.2px;
    margin-bottom: 20px
}

.main-content.course-single .course-meta.review.style2 {
    margin-bottom: 25px
}

.main-content.course-single .course-widget-price {
    float: left;
    margin-right: 40px
}

.main-content.course-single .course-widget-price {
    width: 38.96103896103896%
}

.main-content.course-single .bt-course {
    margin-bottom: 28px
}

.main-content.course-single .feature-post {
    margin-bottom: 50px
}

.main-content.course-single .entry-content {
    margin-top: -2px;
    line-height: 22px;
    margin-bottom: 67px
}

.main-content.course-single .flat-list {
    overflow: hidden;
    margin-bottom: 32px
}

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

.info .text {
    overflow: hidden
}

.info .text h6 {
    margin-bottom: 0;
    text-transform: uppercase
}

.info .text p {
    line-height: 50px;
    margin-bottom: 0
}

.flat-socials > li.facebook {
    padding-left: 0
}

.style-v1 {
    padding-top: 170px;
    background: #f3f3f3
}

.jjfa_show {
    background: #FFF;
    width: 100%;
    float: left
}

.jjfa_show .pic {
    float: left
}

.jjfa_show .pic img {
}

.jjfa_show .txt_box {
    float: right;
    padding-right: 30px;
    position: relative
}

.jjfa_show .txt_box .title {
    line-height: 38px;
    font-size: 28px;
    padding-top: 20px;
    color: #29415d;
    font-weight: bold
}

.jjfa_show .txt_box .course-info {
    clear: both
}

.jjfa_show .xsmf {
    float: left;
    padding: 10px 20px;
    width: 100%
}

.jjfa_show .xsmf input {
    width: 44%;
    margin: 0 2.5%
}

.jjfa_show .xsmf .bg-red {
    border-radius: 60px;
    color: #ffffff
}

.course-info .tag {
    font-size: 14px;
    color: #0958ce;
    padding: 2px 6px;
    border: solid 1px #0958ce;
    margin-right: 8px
}

.course-info .online,.offline {
    font-size: 14px;
    line-height: 40px;
    color: #333
}

.course-info .service {
    text-align: justify;
    color: #666;
    margin: 20px 0 10px;
    line-height: 24px;
    clear: both
}

.course-info .btn-div {
    text-align: right;
    clear: both
}

.course-info .btn-div .btn {
    display: inline-block;
    font-size: 18px;
    padding: 6px 25px;
    border: solid 1px #0958ce;
    margin-left: 20px;
    color: #0958ce
}

.course-info .btn-div .btn:hover {
    color: #fff;
    background-color: #0958ce
}

.course-info .btn-div .btn.bg {
    color: #fff;
    padding: 7px 25px;
    background: #ff9c00;
    border: 0px
}

.course-info .btn-div .btn.bg:hover {
    background: #ff7200
}

.jjfa_show .txt_box .xzfx_box {
    position: absolute;
    left: 0;
    bottom: 30px
}

.jjfznr_box {
    overflow: hidden;
    padding: 30px 0;
    padding-bottom: 10px
}

.jjfznr_con {
    width: 1150px;
    margin: 0 auto
}

.jjfznr_left {
    float: left;
    min-height: 600px;
    padding: 0 15px;
    background: url(/static/web/img/zise.gif) #FFF right 0 no-repeat
}

.jjfznr_right {
    float: right;
    min-height: 600px;
    padding: 0 15px;
    background: url(/static/web/img/fengse.gif) #FFF right 0 no-repeat
}

.jjfznr_left .lan {
    height: 60px;
    line-height: 60px;
    border-bottom: solid 1px #dfdfdf
}

.jjfznr_right .lan {
    height: 100px;
    padding-top: 20px;
    float: left;
    width: 100%
}

.jjfznr_left .lan .name_cn {
    height: 60px;
    font-size: 18px;
    color: #3c6b93;
    display: block
}

.jjfznr_right .lan .name_cn {
    height: 50px;
    font-size: 18px;
    line-height: 50px;
    text-align: center;
    background: url(../images/lanbgb.gif) center center no-repeat
}

.jjfznr_right .lan .name_en {
    height: 20px;
    line-height: 20px;
    text-align: center;
    color: #b9b9b9;
    text-transform: uppercase
}

.jjfznr_wqhg {
}

.jjfznr_wqhg ul li {
    float: left;
    width: 100%;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: dotted 1px #dbdbdb
}

.jjfznr_wqhg ul li .pic {
    height: 70px;
    float: left;
    width: 30%
}

.jjfznr_wqhg ul li .pic img {
    height: 70px
}

.jjfznr_wqhg ul li .miaosu {
    float: left;
    margin-left: 10px;
    width: 60%
}

.jjfznr_wqhg ul li .miaosu1 {
    float: left;
    margin-left: 10px;
    width: 100%
}

.jjfznr_wqhg ul li .title {
    line-height: 25px;
    overflow: hidden
}

.jjfznr_wqhg ul li .xinxi {
    height: 40px;
    line-height: 20px;
    overflow: hidden;
    color: #7b7b7b
}

.show_conbox {
    line-height: 200%;
    font-size: 15px;
    padding: 20px 0;
    min-height: 300px
}

.show_conbox img {
    max-width: 820px;
    width: 100%
}

.tab-pane ul {
    margin: 0 15px
}

.tab-pane ul li {
    list-style: disc
}

.tag-wireless ul {
    margin: 0 15px
}

.tag-wireless ul li {
    list-style: disc
}

.tag-wireless .circle {
    list-style: circle
}

.bg_shadow {
    background-color: #fff;
    border-radius: 20px;
    padding: 40px 15px
}

.bg_shadow p {
    color: #516e84
}

.vd-top-des {
    margin-bottom: 50px;
    margin-top: 50px;
    text-align: center
}

.vd-top-des p:first-child {
    font-size: 24px;
    color: #354D5F;
    font-weight: bold
}

.vd-top-des p:last-child {
    margin-top: 20px;
    margin-bottom: 25px;
    font-size: 18px;
    font-family: Helvetica Neue;
    font-weight: 400;
    color: #354D5F
}

.vd-top-seach {
    margin: 20px auto;
    text-align: center
}

.vd-top-seach input {
    height: 50px;
    background: #FBFCFF;
    border: 1px solid #EFF1F2;
    border-right: none;
    font-size: 16px;
    border-radius: 25px 0 0 25px;
    margin-right: -1px
}

.vd-top-seach span {
    width: 105px;
    height: 48px;
    color: #fff;
    background: #46B847;
    border-radius: 0 25px 25px 0;
    border: none;
    margin-left: -1px
}

.vd-top-seach input::-webkit-input-placeholder {
    color: #666666;
    font-size: 16px;
    font-family: Helvetica Neue;
    font-weight: 400
}

.vd-top-seach input:-moz-placeholder {
    color: #666666;
    font-size: 16px;
    font-family: Helvetica Neue;
    font-weight: 400
}

.vd-top-seach input::-moz-placeholder {
    color: #666666;
    font-size: 16px;
    font-family: Helvetica Neue;
    font-weight: 400
}

.vd-top-seach input:-ms-input-placeholder {
    color: #666666;
    font-size: 16px;
    font-family: Helvetica Neue;
    font-weight: 400
}

.vd-swp-title {
    height: 50px;
    line-height: 50px
}

.vd-swp-title span:first-child {
    float: left;
    font-size: 18px;
    color: #354D5F
}

.vd-swp-title span:last-child {
    float: right;
    display: block;
    font-size: 16px;
    color: #1A70C5;
    text-decoration: underline
}

.vd-swp .swiper-wrapper {
    padding: 0 0 40px 0
}

.vd-swp .swiper-slide {
    width: 99%;
    border-radius: 5px;
    box-shadow: 0 0 5px #999
}

.vd-swp .swiper-slide a {
    width: 100%;
    color: #1A70C5;
    font-size: 16px;
    height: 160px
}

.vd-swp .swiper-slide img {
    width: 100%;
    border-radius: 5px 5px 0 0;
    height: 160px
}

.vd-swp .swiper-slide p.text-area {
    height: 90px;
    line-height: 24px;
    text-align: left;
    padding: 10px;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical
}

.vd-info {
    width: 100%;
    margin-bottom: 30px;
    min-height: 370px;
    background: #FBFCFF;
    border: 1px solid #F4F5F8;
    border-radius: 4px;
    display: inline-block
}

.vd-info .cover {
    float: left;
    height: 370px;
    width: 370px
}

.vd-info .cover a {
    width: 300px;
    height: 280px;
    display: block;
    margin: 45px 35px
}

.vd-info .cover img {
    width: auto;
    height: 280px;
    display: block
}

.vd-info .intro {
    float: right;
    min-height: 370px;
    width: calc(100% - 370px)
}

.vd-info .intro .title {
    color: #354D5F;
    font-size: 22px;
    margin-top: 50px;
    line-height: 30px;
    font-weight: bold;
    font-family: Helvetica Neue
}

.vd-info .intro .star {
    margin-top: 5px;
    margin-bottom: 5px
}

.vd-info .intro .desc {
    color: #354D5F;
    font-size: 16px;
    font-family: Helvetica Neue
}

.vd-info .intro .btgroup {
    margin-top: 30px;
    margin-bottom: 20px
}

.vd-info .intro .btgroup a:first-child {
    width: 180px;
    height: 50px;
    background: #46B847;
    border-radius: 4px;
    box-shadow: 0px 4px 14px 0px rgba(36,128,36,0.21);
    line-height: 50px;
    color: #ffffff;
    text-align: center;
    font-size: 22px;
    display: inline-block;
    margin-right: 20px
}

.vd-info .intro .btgroup a:last-child {
    width: 180px;
    height: 50px;
    background: #46B847;
    border-radius: 4px;
    background: linear-gradient(130deg,rgba(253,183,38,0.83) 0%,#FFA700 100%);
    box-shadow: 0px 2px 24px 0px rgba(252,100,0,0.18);
    line-height: 50px;
    color: #ffffff;
    text-align: center;
    font-size: 22px;
    display: inline-block
}

.lf-comments {
    width: calc(100% - 320px);
    display: inline-block;
    float: left
}

.lf-comments .datetime {
    color: #999999;
    font-size: 12px
}

.rg-item {
    width: 310px;
    display: inline-block;
    vertical-align: top;
    float: right
}

.rg-item .title {
    color: #354D5F;
    font-size: 18px;
    font-weight: 500
}

.rg-item .cover {
    width: 270px;
    height: 190px;
    border: 1px solid #EFF1F2;
    display: block;
    margin: auto
}

.rg-item .cover img {
    width: auto;
    height: 100%;
    margin: auto;
    display: block
}

.rg-item .bt-title {
    height: 40px;
    line-height: 40px;
    font-size: 15px;
    color: #123642;
    display: block;
    text-align: center;
    font-weight: 500
}

.vd-info-m {
    width: 100%;
    margin-bottom: 30px;
    background: #FBFCFF;
    border-radius: 4px
}

.vd-info-m .cover {
    display: inline-block;
    width: 140px;
    vertical-align: top
}

.vd-info-m .cover a {
    width: 140px;
    display: block;
    margin: auto
}

.vd-info-m .cover img {
    width: 100%;
    height: auto;
    display: block
}

.vd-info-m .intro {
    display: inline-block;
    width: calc(100% - 150px);
    vertical-align: top
}

.vd-info-m .intro .title {
    color: #354D5F;
    font-size: 18px;
    margin-left: 5px;
    line-height: 20px;
    font-weight: bold;
    font-family: Helvetica Neue
}

.vd-info-m .intro .star {
    margin-top: 5px;
    margin-bottom: 5px
}

.vd-info-m .dscbt {
    width: 100%
}

.vd-info-m .dscbt .desc {
    color: #354D5F;
    font-size: 16px;
    font-family: Helvetica Neue
}

.vd-info-m .dscbt .btgroup {
    margin-top: 15px;
    text-align: center
}

.vd-info-m .dscbt .btgroup a:first-child {
    width: 180px;
    height: 50px;
    background: #46B847;
    border-radius: 4px;
    box-shadow: 0px 4px 14px 0px rgba(36,128,36,0.21);
    line-height: 50px;
    color: #ffffff;
    text-align: center;
    font-size: 22px;
    display: inline-block;
    margin-right: 10px
}

.vd-info-m .dscbt .btgroup a:last-child {
    width: 180px;
    height: 50px;
    background: #46B847;
    border-radius: 4px;
    background: linear-gradient(130deg,rgba(253,183,38,0.83) 0%,#FFA700 100%);
    box-shadow: 0px 2px 24px 0px rgba(252,100,0,0.18);
    line-height: 50px;
    color: #ffffff;
    text-align: center;
    font-size: 22px;
    display: inline-block
}

.lf-comments-m .datetime {
    color: #999999;
    font-size: 12px
}

.rg-item-m {
    width: 100%;
    display: inline-block;
    vertical-align: top
}

.rg-item-m .title {
    color: #354D5F;
    font-size: 18px;
    font-weight: 500
}

.rg-item-m .cover {
    width: 270px;
    height: 190px;
    border: 1px solid #EFF1F2;
    display: block;
    margin: auto
}

.rg-item-m .cover img {
    width: auto;
    height: 100%;
    margin: auto;
    display: block
}

.rg-item-m .bt-title {
    height: 40px;
    line-height: 40px;
    font-size: 15px;
    color: #123642;
    display: block;
    text-align: center;
    font-weight: 500
}

.m-head-title {
    color: #354D5F;
    font-size: 20px!important;
    line-height: 25px;
    margin-top: 0px
}

.m-head-title-sub {
    color: #354D5F;
    font-size: 16px!important;
    margin-top: 10px;
    line-height: 24px
}

.m-head-title-sub span {
    color: #F2A525;
    font-size: 16px!important
}

.m-head-des {
    font-size: 14px!important;
    color: #354D5F;
    margin-top: 15px;
    line-height: 20px
}

.m-timer-box {
    text-align: center
}

.m-timer-box ul {
    list-style: none;
    margin-top: 20px;
    margin-bottom: 20px;
    height: 50px;
    text-align: center;
    display: inline-block
}

.m-timer-box li:nth-of-type(odd) {
    display: inline;
    float: left;
    border-radius: 4px;
    width: 40px;
    height: 50px;
    background: linear-gradient(130deg,#FDB825,#FCA31A);
    text-align: center;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    padding-top: 3px
}

.m-timer-box li:nth-of-type(odd) span:last-child {
    display: block;
    font-size: 10px;
    margin-top: -3px
}

.m-timer-box li:nth-of-type(even) {
    display: inline;
    float: left;
    border-radius: 4px;
    width: 20px;
    height: 50px;
    font-size: 10px;
    font-weight: bold;
    color: #354D5F;
    text-align: center;
    line-height: 50px
}

.m-center-pannel {
    width: 100%;
    margin-top: 20px
}

.m-right-pannel {
    width: 280px;
    display: inline-block;
    float: right;
    height: 400px;
    margin-left: 35px;
    z-index: 9
}

.m-left-box-1 {
    height: 210px;
    background: #FBFCFF;
    border: 1px solid #ECECEC
}

.m-left-box-1 .m-title {
    font-size: 18px;
    font-weight: 600;
    line-height: 50px;
    margin-left: 10px;
    margin-top: 5px;
    margin-bottom: 5px;
    color: #354D5F
}

.m-left-box-1 .m-sub-title {
    padding-left: 5px;
    padding-right: 5px;
    text-align: center;
    color: #354D5F;
    font-size: 11px;
    font-weight: 600;
    line-height: 17px
}

.m-left-box-1 ul {
    list-style: none
}

.m-left-box-1 li {
    display: inline;
    float: left;
    background: #F0F4FF;
    border-radius: 2px;
    width: 30%;
    height: 120px;
    margin-left: 2.5%
}

.m-left-box-1 li .m-tl {
    font-size: 20px;
    font-weight: bold;
    color: #084AB3;
    text-align: center;
    height: 45px;
    line-height: 55px
}

.m-left-box-2 {
    margin-top: 20px;
    background: #FBFCFF;
    border: 1px solid #ECECEC
}

.m-left-box-2 .m-title {
    height: 20px;
    font-size: 16px;
    font-weight: 600;
    color: #354D5F;
    line-height: 20px;
    margin-left: 10px;
    margin-top: 25px;
    margin-bottom: 15px
}

.m-left-box-2 .m-des {
    font-size: 14px;
    font-weight: 400;
    color: #354D5F;
    line-height: 21px;
    margin-left: 10px
}

.m-left-box-2 .m-des p {
    margin-bottom: 5px;
    font-size: 14px
}

.m-left-box-2 .m-itme-list p {
    margin-left: 10px;
    color: #354D5F;
    font-size: 14px;
    line-height: 30px
}

.m-left-box-2 .m-itme-list i {
    width: 18px;
    height: 18px;
    display: inline-block;
    background: url("/static/web/img/edx.png")no-repeat center;
    background-size: 100%;
    margin-right: 10px
}

.m-left-box-2 .m-btn a {
    height: 41px;
    background: #6CC24A;
    border-radius: 4px;
    display: block;
    line-height: 41px;
    color: #fff;
    text-align: center;
    margin-left: 10px;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-right: 10px;
    font-size: 16px
}

.m-left-box-2 .m-group-btn a {
    height: 41px;
    background: #6CC24A;
    border-radius: 4px;
    display: block;
    line-height: 41px;
    color: #fff;
    text-align: center;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 10px;
    margin-bottom: 10px
}

.m-left-box-2 .m-group-btn a:last-child {
    background: linear-gradient(130deg,#FDB825 0%,#FDB825 100%);
    box-shadow: 0px 4px 48px 0px rgba(252,100,0,0.18);
    margin-bottom: 20px
}

.m-left-box-3 {
    height: 940px;
    margin-top: 20px;
    background: #FBFCFF;
    border: 1px solid #ECECEC
}

.m-left-box-3 .m-title {
    height: 60px;
    font-size: 20px;
    font-weight: 600;
    color: #354D5F;
    line-height: 60px;
    margin-left: 20px
}

.m-left-box-3 .m-prsimg img {
    width: 100%;
    height: auto
}

.m-left-box-3 .m-lo {
    height: 105px;
    background: #F0F4FF;
    margin-left: 10px;
    margin-right: 20px;
    margin-top: 10px
}

.m-left-box-3 .m-lo i {
    display: block;
    height: 20px;
    width: 20px;
    position: absolute;
    margin-top: 10px;
    margin-left: 10px;
    background: url("../images/clk.png?v=1")no-repeat center;
    background-size: 100%
}

.m-left-box-3 .m-lo span.m-bx {
    display: block;
    width: 150px;
    margin-left: 35px;
    position: absolute;
    margin-top: 7px
}

.m-left-box-3 .m-lo span.m-bx p:first-child {
    font-size: 14px;
    font-weight: bold;
    font-style: italic;
    color: #084AB3;
    line-height: 24px
}

.m-left-box-3 .m-lo span.m-bx p:last-child {
    font-size: 11px;
    font-weight: 600;
    color: #084AB3;
    line-height: 20px
}

.m-left-box-3 .m-lo span.m-btn-box {
    display: block;
    width: 100px;
    height: 34px;
    float: right;
    right: 20px;
    margin-top: 35px;
    margin-right: 10px
}

.m-left-box-3 .m-lo span.m-btn-box a {
    display: block;
    width: 100px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    color: #fff;
    font-size: 15px;
    background: linear-gradient(130deg,#FDB825,#FCAC31);
    border-radius: 4px
}

.m-left-box-3 .m-item-title {
    font-size: 16px;
    font-weight: 600;
    color: #1A70C5;
    margin-left: 10px;
    margin-top: 20px
}

.m-left-box-3 .m-item p {
    margin-left: 10px;
    margin-right: 10px;
    font-size: 14px;
    font-weight: 400;
    color: #354D5F;
    line-height: 24px;
    margin-top: 15px;
    margin-bottom: 10px;
    border-bottom: 1px solid #EFF1F2
}

.m-left-box-3 .m-item p span {
    display: block;
    font-size: 12px;
    font-weight: 600;
    color: #334C55;
    margin-top: 5px;
    margin-bottom: 10px
}

.m-left-box-4 {
    height: 375px;
    margin-top: 20px;
    background: #FBFCFF;
    border: 1px solid #ECECEC
}

.m-left-box-4 .m-title {
    font-size: 16px;
    color: #354D5F;
    margin-top: 20px;
    margin-left: 10px;
    font-weight: 600
}

.m-left-box-5 {
    margin-top: 20px;
    background: #FBFCFF;
    border: 1px solid #ECECEC
}

.m-left-box-5 .m-title {
    font-size: 15px;
    color: #354D5F;
    line-height: 40px;
    margin-left: 10px;
    margin-top: 15px;
    font-weight: bold
}

.m-left-box-5 .m-desc {
    font-size: 14px;
    font-weight: 400;
    color: #354D5F;
    line-height: 24px;
    margin-left: 10px;
    margin-top: 10px
}

.m-left-box-5 .m-aws-box {
    margin-left: 10px;
    margin-top: 10px
}

.m-left-box-5 .m-faq-i {
    padding-left: 35px!important;
    margin-top: -5px
}

.m-left-box-5 .m-faq-title {
    font-size: 15px;
    font-weight: 600;
    color: #354D5F;
    margin-bottom: 15px
}

.m-left-box-5 i.m-ioc {
    height: 24px;
    width: 24px;
    background-color: #fcae2b
}

.m-left-box-5 .m-faq-asw {
    font-size: 14px;
    font-weight: 400;
    color: #354D5F;
    line-height: 24px
}

.m-left-box-6 {
    margin-top: 20px;
    background: #FBFCFF;
    border: 1px solid #ECECEC
}

.m-left-box-6 .m-title {
    font-size: 18px;
    font-weight: bold;
    color: #354D5F;
    line-height: 24px;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px
}

.m-left-box-6 .m-sub-title {
    font-size: 15px;
    font-weight: 600;
    color: #354D5F;
    height: 38px;
    line-height: 24px;
    text-align: center
}

.m-left-box-6 .m-btn {
    display: block;
    height: 40px;
    margin: auto;
    background: #FCAC31;
    color: #fff;
    line-height: 40px;
    font-size: 16px;
    font-weight: bold;
    margin-top: 30px;
    margin-bottom: 30px;
    margin-right: 10px;
    margin-left: 10px;
    border-radius: 3px;
    text-align: center
}

.m-left-box-6 .m-btn span {
    padding-left: 10px
}

.m-left-box-6 .m-btn i {
    display: block;
    height: 24px;
    width: 24px;
    background: url("/static/web/img/eml.png")no-repeat center;
    background-size: 100%;
    position: absolute;
    margin-left: 70px;
    margin-top: 10px
}

.m-left-box-7 {
    margin-top: 20px;
    background: #FBFCFF;
    border: 1px solid #ECECEC
}

.m-right-btn-1 {
    height: 41px;
    background: #6CC24A;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 20px;
    border-radius: 3px
}

.m-right-btn-1 a {
    display: block;
    height: 40px;
    background: #6CC24A;
    font-weight: 600;
    color: #FFFFFF;
    line-height: 41px;
    font-size: 18px;
    text-align: center;
    border-radius: 3px
}

.m-right-btn-1 i {
    background: url("/static/web/img/talk@2x.png")no-repeat center;
    background-size: 100%;
    display: inline-block;
    height: 24px;
    width: 24px;
    vertical-align: middle
}

.m-right-btn-2 {
    height: 41px;
    background: #FCAC31;
    margin-top: 10px;
    margin-left: 10px;
    margin-right: 10px;
    border-radius: 3px
}

.m-right-btn-2 a {
    display: block;
    height: 40px;
    background: #FCAC31;
    font-weight: 600;
    color: #FFFFFF;
    line-height: 41px;
    font-size: 18px;
    text-align: center;
    border-radius: 3px
}

.m-right-btn-2 i {
    background: url("/static/web/img/edit.png")no-repeat center;
    background-size: 100%;
    display: inline-block;
    height: 24px;
    width: 24px;
    vertical-align: middle
}

.m-right-btn-3 {
    height: 41px;
    background: #6CC24A;
    margin-top: 10px;
    border-radius: 3px
}

.m-right-btn-3 a {
    display: block;
    height: 40px;
    background: #6CC24A;
    font-weight: 600;
    color: #FFFFFF;
    line-height: 41px;
    font-size: 18px;
    text-align: center;
    border-radius: 3px
}

.m-right-form-box {
    height: 325px;
    background: #FBFCFF;
    margin-top: 10px;
    text-align: center;
    vertical-align: middle
}

.m-right-form-box .m-fm-title {
    font-size: 16px;
    font-weight: bold;
    color: #354D5F;
    height: 60px;
    line-height: 60px;
    text-align: center
}

.m-right-form-box input {
    width: 240px;
    height: 40px;
    margin-left: auto;
    margin-right: auto;
    border: 0;
    border-bottom: 1px solid #ECECEC;
    background-color: transparent
}

.m-right-form-box button {
    width: 132px;
    height: 48px;
    background: #6CC24A;
    border-radius: 4px;
    text-transform: unset;
    margin-top: 28px
}

.head-title {
    color: #354D5F;
    font-size: 36px
}

.head-title-sub {
    color: #354D5F;
    font-size: 36px;
    margin-top: 30px
}

.head-title-sub span {
    color: #F2A525;
    font-size: 36px
}

.head-des {
    font-size: 28px!important;
    color: #354D5F;
    margin-top: 40px
}

.timer-box {
    text-align: center
}

.timer-box ul {
    list-style: none;
    margin-top: 30px;
    height: 66px;
    text-align: center;
    width: 280px;
    display: inline-block
}

.timer-box li:nth-of-type(odd) {
    display: inline;
    float: left;
    border-radius: 4px;
    width: 50px;
    height: 66px;
    background: linear-gradient(130deg,#FDB825,#FCA31A);
    text-align: center;
    color: #fff;
    font-size: 26px;
    font-weight: 500;
    padding-top: 5px
}

.timer-box li:nth-of-type(even) {
    display: inline;
    float: left;
    border-radius: 4px;
    width: 25px;
    height: 33px;
    font-size: 30px;
    font-weight: bold;
    color: #354D5F;
    text-align: center;
    line-height: 66px
}

.center-pannel {
    width: 1200px;
    margin-top: 50px
}

.left-pannel {
    width: 880px;
    display: inline-block
}

.right-pannel {
    width: 280px;
    display: inline-block;
    float: right;
    height: 400px;
    margin-left: 35px;
    z-index: 9
}

.left-box-1 {
    height: 245px;
    background: #FBFCFF;
    border: 1px solid #ECECEC
}

.left-box-1 .title {
    font-size: 20px;
    font-weight: 500;
    line-height: 60px;
    margin-left: 25px;
    margin-top: 15px;
    margin-bottom: 10px;
    color: #354D5F
}

.left-box-1 .sub-title {
    padding-left: 20px;
    padding-right: 20px;
    line-height: 25px;
    text-align: center;
    color: #354D5F;
    font-size: 14px;
    font-weight: 500
}

.left-box-1 ul {
    list-style: none
}

.left-box-1 li {
    display: inline;
    float: left;
    background: #F0F4FF;
    border-radius: 2px;
    width: 265px;
    height: 120px;
    margin-left: 20px
}

.left-box-1 li .tl {
    font-size: 30px;
    font-weight: bold;
    color: #084AB3;
    text-align: center;
    height: 60px;
    line-height: 60px
}

.left-box-2 {
    height: 880px;
    margin-top: 30px;
    background: #FBFCFF;
    border: 1px solid #ECECEC
}

.left-box-2 .title {
    height: 60px;
    font-size: 20px;
    font-weight: 500;
    color: #354D5F;
    line-height: 60px;
    margin-left: 20px
}

.left-box-2 .des {
    font-size: 16px;
    font-weight: 400;
    color: #354D5F;
    line-height: 24px;
    margin-left: 20px;
    margin-right: 20px
}

.left-box-2 .des p {
    margin-bottom: 5px
}

.left-box-2 .itme-list p {
    margin-left: 40px;
    color: #354D5F;
    font-size: 16px;
    line-height: 30px
}

.left-box-2 .itme-list i {
    width: 18px;
    height: 18px;
    display: inline-block;
    background: url("/static/web/img/edx.png")no-repeat center;
    background-size: 100%;
    margin-right: 10px
}

.left-box-2 .btn a {
    width: 200px;
    height: 48px;
    background: #6CC24A;
    border-radius: 4px;
    display: block;
    line-height: 48px;
    color: #fff;
    text-align: center;
    margin-left: 20px;
    margin-top: 20px;
    margin-bottom: 20px
}

.left-box-2 .group-btn a {
    width: 200px;
    height: 48px;
    background: #6CC24A;
    border-radius: 4px;
    display: inline-block;
    line-height: 48px;
    color: #fff;
    text-align: center;
    margin-left: 20px;
    margin-top: 20px;
    margin-bottom: 20px
}

.left-box-2 .group-btn a:last-child {
    background: linear-gradient(130deg,#FDB825 0%,#FDB825 100%);
    box-shadow: 0px 4px 48px 0px rgba(252,100,0,0.18)
}

.left-box-3 {
    height: 940px;
    margin-top: 30px;
    background: #FBFCFF;
    border: 1px solid #ECECEC
}

.left-box-3 .title {
    height: 60px;
    font-size: 20px;
    font-weight: 500;
    color: #354D5F;
    line-height: 60px;
    margin-left: 20px
}

.left-box-3 .prsimg img {
    width: 710px;
    height: 350px
}

.left-box-3 .lo {
    height: 105px;
    background: #F0F4FF;
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 20px
}

.left-box-3 .lo i {
    display: block;
    height: 40px;
    width: 40px;
    position: absolute;
    margin-top: 30px;
    margin-left: 20px;
    background: url("/static/web/img/clk.png?v=1")no-repeat center;
    background-size: 100%
}

.left-box-3 .lo span.bx {
    display: block;
    width: 550px;
    margin-left: 80px;
    position: absolute;
    margin-top: 22px
}

.left-box-3 .lo span.bx p:first-child {
    font-size: 24px;
    font-weight: bold;
    font-style: italic;
    color: #084AB3;
    line-height: 24px;
    height: 35px
}

.left-box-3 .lo span.bx p:last-child {
    font-size: 20px;
    font-weight: 500;
    color: #084AB3;
    line-height: 24px
}

.left-box-3 .lo span.btn-box {
    display: block;
    width: 135px;
    height: 45px;
    float: right;
    right: 20px;
    margin-top: 30px;
    margin-right: 20px
}

.left-box-3 .lo span.btn-box a {
    display: block;
    width: 135px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    color: #fff;
    font-size: 18px;
    background: linear-gradient(130deg,#FDB825,#FCAC31);
    border-radius: 4px
}

.left-box-3 .item-title {
    font-size: 16px;
    font-weight: 500;
    color: #1A70C5;
    margin-left: 20px;
    margin-top: 30px
}

.left-box-3 .item p {
    margin-left: 20px;
    margin-right: 20px;
    font-size: 15px;
    font-weight: 400;
    color: #354D5F;
    line-height: 24px;
    margin-top: 15px;
    margin-bottom: 10px;
    border-bottom: 1px solid #EFF1F2
}

.left-box-3 .item p span {
    display: block;
    font-size: 14px;
    font-weight: 600;
    color: #334C55;
    margin-top: 5px;
    margin-bottom: 10px
}

.left-box-4 {
    height: 375px;
    margin-top: 30px;
    background: #FBFCFF;
    border: 1px solid #ECECEC
}

.left-box-4 .title {
    font-size: 20px;
    font-weight: 500;
    color: #354D5F;
    margin-top: 40px;
    margin-left: 20px
}

.left-box-5 {
    margin-top: 30px;
    background: #FBFCFF;
    border: 1px solid #ECECEC
}

.left-box-5 .title {
    font-size: 20px;
    font-weight: 500;
    color: #354D5F;
    line-height: 60px;
    margin-left: 20px;
    margin-top: 15px
}

.left-box-5 .desc {
    font-size: 16px;
    font-weight: 400;
    color: #354D5F;
    line-height: 24px;
    margin-left: 20px;
    margin-top: 10px;
    margin-right: 20px
}

.left-box-5 .aws-box {
    margin-left: 20px;
    margin-top: 20px
}

.left-box-5 .faq-title {
    font-size: 18px;
    font-weight: 500;
    color: #354D5F;
    margin-bottom: 15px
}

.left-box-5 i.ioc {
    height: 24px;
    width: 24px;
    background-color: #fcae2b
}

.left-box-5 .faq-asw {
    font-size: 16px;
    font-weight: 400;
    color: #354D5F;
    line-height: 24px
}

.left-box-6 {
    height: 235px;
    margin-top: 30px;
    background: #FBFCFF;
    border: 1px solid #ECECEC
}

.left-box-6 .title {
    font-size: 20px;
    font-weight: bold;
    color: #354D5F;
    line-height: 24px;
    text-align: center;
    margin-top: 40px;
    margin-bottom: 30px
}

.left-box-6 .sub-title {
    font-size: 18px;
    font-weight: 500;
    color: #354D5F;
    line-height: 24px;
    text-align: center
}

.left-box-6 .btn {
    display: block;
    width: 270px;
    height: 48px;
    margin: auto;
    background: #FCAC31;
    color: #fff;
    line-height: 30px;
    font-size: 18px;
    font-weight: bold;
    margin-top: 40px
}

.left-box-6 .btn span {
    padding-left: 20px
}

.left-box-6 .btn i {
    display: block;
    height: 30px;
    width: 30px;
    background: url("/static/web/img/eml.png")no-repeat center;
    background-size: 100%;
    position: absolute;
    margin-left: 30px;
    margin-top: 2px
}

.right-btn-1 {
    width: 278px;
    height: 40px;
    background: #6CC24A
}

.right-btn-1 a {
    display: block;
    width: 278px;
    height: 40px;
    background: #6CC24A;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 40px;
    font-size: 18px;
    text-align: center
}

.right-btn-1 i {
    background: url("/static/web/img/talk.png")no-repeat center;
    background-size: 100%;
    display: inline-block;
    height: 30px;
    width: 30px;
    vertical-align: middle
}

.right-btn-2 {
    width: 278px;
    height: 40px;
    background: #FCAC31;
    margin-top: 10px
}

.right-btn-2 a {
    display: block;
    width: 278px;
    height: 40px;
    background: #FCAC31;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 40px;
    font-size: 18px;
    text-align: center
}

.right-btn-2 i {
    background: url("/static/web/img/edit.png")no-repeat center;
    background-size: 100%;
    display: inline-block;
    height: 30px;
    width: 30px;
    vertical-align: middle
}

.right-form-box {
    height: 325px;
    background: #FBFCFF;
    border: 1px solid #ECECEC;
    margin-top: 10px;
    text-align: center;
    vertical-align: middle
}

.right-form-box .fm-title {
    font-size: 16px;
    font-weight: bold;
    color: #354D5F;
    height: 60px;
    line-height: 60px;
    text-align: center
}

.right-form-box input {
    width: 240px;
    height: 40px;
    margin-left: auto;
    margin-right: auto;
    border: 0;
    border-bottom: 1px solid #ECECEC;
    background-color: transparent
}

.right-form-box button {
    width: 132px;
    height: 48px;
    background: #6CC24A;
    border-radius: 4px;
    text-transform: unset;
    margin-top: 28px
}