/*!==============================
 * Theme Name: Enlight
 * Theme URL: https://probootstrap.com/enlight-free-education-responsive-bootstrap-website-template
 * Author: ProBootstrap.com
 * Author URL: https://probootstrap.com
 * License: Released for free under the Creative Commons Attribution 3.0 license (probootstrap.com/license)
 */
#xueGsiZ {margin-top: 3em;padding-bottom: 0; background-image: url(../img/slider_2.jpg);background-size: cover;background-repeat: no-repeat;background-position: 50% 50%; float:left;}
#xueGsiZ .container {top:-110px;background-color: rgba(18,71,128,1);box-shadow: 10px 10px 5px rgba(0,0,0,0.2);position: relative;padding-top:30px;padding-bottom:20px;}

#gongGao {margin-top: 3em;padding-bottom: 0; background-image: url(../img/slider_3.jpg);background-size: cover;background-repeat: no-repeat;background-position: 50% 30%;float:left;}
#gongGao .container {top:-110px;background-color: rgba(18,71,128,1);box-shadow: 10px 10px 5px rgba(0,0,0,0.2);position: relative;padding-top:30px;padding-bottom:20px;}

.icon-search{font-size:25px;}
.probootstrap-footer-widget .myBottomList li {float:left !important; width:30% !important;}

 body, h1, h2, h3, h4, h5, h6 {
    font-family:"system-ui", "Microsoft YaHei", sans-serif, "Helvetica Neue", "Segoe UI", Arial, "PingFang SC", "Hiragino Sans GB", Raleway, Arial, sans-serif;
}
.probootstrap-header-top, a {
    -webkit-transition:.3s all
}
@font-face {
    font-family:icomoon;
    src:url(../fonts/icomoon/icomoon.eot?1z9v6x);
    src:url(../fonts/icomoon/icomoon.eot?1z9v6x#iefix) format("embedded-opentype"), url(../fonts/icomoon/icomoon.ttf?1z9v6x) format("truetype"), url(../fonts/icomoon/icomoon.woff?1z9v6x) format("woff"), url(../fonts/icomoon/icomoon.svg?1z9v6x#icomoon) format("svg");
    font-weight:400;
    font-style:normal
}
html {
    overflow-x:hidden
}
body {
    color:#262626;
    line-height:28px;
    font-size:15px
}
h1, h2, h3, h4, h5, h6 {
    color:#262626;
    line-height:1.5;
    font-weight:300;
    margin:0 0 30px
}
h1 {
    font-size:46px
}
h2, h4 {
    font-size:36px
}
h3 {
    font-size:28px
}
h5, h6 {
    font-size:14px
}
ol, p, ul {
    margin-bottom:30px
}
a {
    transition:.3s all;
    color:#124780;
}
a:active, a:focus, a:hover {
    color:#582aeb;
    text-decoration:none
}
.flexslider .probootstrap-heading, .hero-text-heading, .probootstrap-hero h1 {
    font-size:52px;
    margin-bottom:10px;
    margin-top:0;
    line-height:64px;
    color:#fff;
    font-weight:300
}
@media screen and (max-width:768px) {
    .flexslider .probootstrap-heading, .hero-text-heading, .probootstrap-hero h1 {
        font-size:40px;
        line-height:1.5
    }
    .probootstrap-header-top {
        /*display:none;*/
    }
    .probootstrap-header-top.active {
        display:block
    }
}
.probootstrap-navbar .dropdown-submenu>a:before, .probootstrap-navbar .dropdown>a:before {
    font-family:icomoon;
    font-style:normal;
    font-weight:400;
    line-height:1;
    speak:none;
    font-variant:normal;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
@media screen and (max-width:480px) {
    .flexslider .probootstrap-heading, .hero-text-heading, .probootstrap-hero h1 {
        font-size:30px
    }
}
.flexslider .probootstrap-subheading, .hero-text-subheading, .probootstrap-hero p {
    font-size:16px;
    color:rgba(255, 255, 255, .9)
}
.flexslider .probootstrap-subheading:last-child, .hero-text-subheading:last-child, .probootstrap-hero p:last-child {
    margin-bottom:0
}
.probootstrap-page-wrapper {
    /*max-width:1500px;*/
    margin:0 auto;
    background:#fff
}
@media screen and (max-width:1500px) {
    .probootstrap-page-wrapper {
        /*max-width:1200px*/
    }
    .probootstrap-page-wrapper .container {
        /* max-width:1000px; */
       max-width:98%；
    }
}
@media screen and (max-width:1200px) {
    .probootstrap-page-wrapper {
        /*max-width:960px*/
    }
    .probootstrap-page-wrapper .container {
        /*max-width:900px;*/
        max-width:98%；
    }
}
.probootstrap-sidebar-inner {
    background:#fff;
    padding:40px;
    margin-bottom:40px;
    -webkit-box-shadow:0 2px 20px 0 rgba(0, 0, 0, .1);
    box-shadow:0 2px 20px 0 rgba(0, 0, 0, .1)
}
.probootstrap-side-menu {
    padding:0;
    margin:0
}
.probootstrap-side-menu li {
    padding:0;
    margin:0 0 20px;
    list-style:none;
    font-size:16px
}
.probootstrap-side-menu li.active, .probootstrap-side-menu li.active a {
    color:#000
}
.probootstrap-header-top {
    margin-top:0;
    position:relative;
    transition:.3s all
}
.probootstrap-header-top>.container {
    border-bottom:1px solid #f2f2f2
}
.probootstrap-top-quick-contact-info {
    padding-top:7px;
    padding-bottom:7px;
    font-size:12px;
    float:left;
}
.probootstrap-top-quick-contact-info span {
    display:inline-block;
    margin-right:20px
}
.probootstrap-top-quick-contact-info span i {
    display:inline-block;
    margin-right:10px;
    color:#49D292
}
.probootstrap-top-social {
    text-align:right
}
.probootstrap-top-social ul {
    padding:0;
    margin:5px 0 0
}
.probootstrap-top-social ul li {
    list-style:none;
    padding:0;
    margin:0;
    display:inline-block
}
.probootstrap-top-social ul li a {
    display:inline-block;
    padding:4px;
    color:#49D292
}
.probootstrap-top-social ul li:last-child a {
    padding-right:0
}
.probootstrap-search-icon {
    margin-left:40px
}
.probootstrap-navbar {
    border:none;
    -webkit-box-shadow:none;
    box-shadow:none;
    border-radius:0;
    margin-bottom:0;
    background:#fff;
    -webkit-transition:.3s all;
    transition:.3s all
}
@media screen and (max-width:768px) {
    .probootstrap-top-social {
        text-align:left
    }
    .probootstrap-navbar {
        background:#fff;
        -webkit-box-shadow:0 2px 10px 0 rgba(0, 0, 0, .1);
        box-shadow:0 2px 10px 0 rgba(0, 0, 0, .1)
    }
}
.probootstrap-navbar .btn-more {
    position:absolute;
    right:26%;
    top:13px;
    z-index:100
}
.probootstrap-navbar .btn-more a {
    color:#b3b2b2
}
.probootstrap-navbar .btn-more a:hover {
    color:#1a1919
}
.probootstrap-navbar .navbar-toggle:focus, .probootstrap-navbar .navbar-toggle:hover {
    background-color:transparent
}
.probootstrap-navbar .navbar-toggle {
    border:none
}
.probootstrap-navbar .navbar-toggle span.icon-bar {
    -webkit-transition:all .15s;
    transition:all .15s
}
.probootstrap-navbar .navbar-toggle span:nth-child(2) {
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg);
    -webkit-transform-origin:10% 10%;
    transform-origin:10% 10%
}
.probootstrap-navbar .navbar-toggle span:nth-child(3) {
    opacity:0
}
.probootstrap-navbar .navbar-toggle span:nth-child(4) {
    -webkit-transform:rotate(-45deg);
    transform:rotate(-45deg);
    -webkit-transform-origin:10% 90%;
    transform-origin:10% 90%
}
.probootstrap-navbar .navbar-toggle.collapsed span:nth-child(2), .probootstrap-navbar .navbar-toggle.collapsed span:nth-child(4) {
    -webkit-transform:rotate(0);
    transform:rotate(0)
}
.probootstrap-navbar .navbar-toggle.collapsed span:nth-child(3) {
    opacity:1
}
.probootstrap-navbar .navbar-brand, .probootstrap-navbar .navbar-nav>li>a, .probootstrap-navbar .parent-nav-link-padding {
    margin-left:20px;
    /*margin-right:15px;*/
    padding:34px 0
}
.probootstrap-navbar .dropdown-header {
    color:rgba(255, 255, 255, .2);
    padding-left:10px;
    text-transform:uppercase
}
.probootstrap-navbar .dropdown>a {
    padding-right:10px!important;
    position:relative;
    display:block
}
@media screen and (max-width:480px) {
    .probootstrap-navbar .btn-more {
        right:70px
    }
    .probootstrap-navbar .dropdown>a {
        display:block;
        padding-right:0
    }
}
.probootstrap-navbar .dropdown>a:before {
    text-transform:none;
    position:absolute;
    top:50%;
    right:0;
    margin-right:-10px;
    margin-top:-11px;
    content:"\e924";
    font-size:20px;
    color:rgba(0, 0, 0, .5);
    -webkit-transition:.3s all;
    transition:.3s all
}
@media screen and (max-width:768px) {
    .probootstrap-navbar .navbar-brand, .probootstrap-navbar .navbar-nav>li>a, .probootstrap-navbar .parent-nav-link-padding {
        padding-top:15px!important;
        padding-bottom:15px!important
    }
    .probootstrap-navbar .dropdown>a:before {
        color:rgba(0, 0, 0, .2)
    }
}
.probootstrap-navbar .dropdown>a:hover:before {
    -webkit-transform:rotate(180deg);
    transform:rotate(180deg)
}
.probootstrap-navbar .dropdown.open>a, .probootstrap-navbar .dropdown:active>a, .probootstrap-navbar .dropdown:focus>a, .probootstrap-navbar .dropdown:hover>a {
    -webkit-transition:.3s all;
    transition:.3s all
}
.probootstrap-navbar .dropdown.open>a:before, .probootstrap-navbar .dropdown:active>a:before, .probootstrap-navbar .dropdown:focus>a:before, .probootstrap-navbar .dropdown:hover>a:before {
    -webkit-transform:rotate(180deg);
    transform:rotate(180deg)
}
.probootstrap-navbar .dropdown>.dropdown-menu>li a {
    padding:10px;
    color:rgba(255, 255, 255, .8)
}
.probootstrap-navbar .dropdown>.dropdown-menu>li a:hover, .probootstrap-navbar .dropdown>.dropdown-menu>li.open>a, .probootstrap-navbar .dropdown>.dropdown-menu>li:active>a, .probootstrap-navbar .dropdown>.dropdown-menu>li:focus>a, .probootstrap-navbar .dropdown>.dropdown-menu>li:hover>a {
    color:#0072C3;
    background:#fff;
    border-top:none
}
.probootstrap-navbar .dropdown>.dropdown-menu>li.dropdown-submenu.open>a, .probootstrap-navbar .dropdown>.dropdown-menu>li.dropdown-submenu:active>a, .probootstrap-navbar .dropdown>.dropdown-menu>li.dropdown-submenu:focus>a, .probootstrap-navbar .dropdown>.dropdown-menu>li.dropdown-submenu:hover>a {
    border-top:none
}
.probootstrap-navbar .dropdown>.dropdown-menu>li.dropdown-submenu.open>a:before, .probootstrap-navbar .dropdown>.dropdown-menu>li.dropdown-submenu:active>a:before, .probootstrap-navbar .dropdown>.dropdown-menu>li.dropdown-submenu:focus>a:before, .probootstrap-navbar .dropdown>.dropdown-menu>li.dropdown-submenu:hover>a:before {
    color:#000
}
.probootstrap-navbar .dropdown>.dropdown-menu>li.active>a {
    color:#fff
}
.probootstrap-navbar .navbar-right .dropdown-menu {
    right:auto
}
.probootstrap-navbar .dropdown-menu {
    border:none;
    background:#0072C3;
    border-radius:0;
    -webkit-box-shadow:0 0 7px 0 rgba(0, 0, 0, .15);
    box-shadow:0 0 7px 0 rgba(0, 0, 0, .15);
    min-width:200px;
    white-space:normal;
    word-wrap:break-word
}
.probootstrap-search, .probootstrap-service-2 .image .image-bg img {
    min-width:100%;
    min-height:100%
}
.probootstrap-navbar .dropdown-menu a {
    white-space:normal
}
@media screen and (max-width:768px) {
    .probootstrap-navbar .dropdown-menu {
        width:100%;
        padding:10px 15px
    }
    .probootstrap-navbar .dropdown-menu a {
        color:#fff
    }
}
.probootstrap-page-wrapper .navbar-brand {
    padding-top:0!important;
    padding-bottom:0!important;
    font-size:30px;
    text-transform:uppercase;
    background:url(../img/logo_xxkx.png) left 100% no-repeat;
    /*top:24px;*/
    position:relative;
    /*width:160px;*/
    width:100%;
    height:86px;
    text-indent:-999999px;
    -webkit-transition:.2s all;
    transition:.2s all;
    background-size:100% auto;
    background-position-y: center;
}
@media screen and (max-width:768px) {
    .probootstrap-navbar .navbar-brand {
        top:5px!important;
        background-position:left 100%
    }
}
@media screen and (max-width:480px) {
    .probootstrap-navbar .navbar-brand {
        top:6px!important;
        width:78%;
    }
}
@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min--moz-device-pixel-ratio:2), only screen and (min-device-pixel-ratio:2), only screen and (min-resolution:192dpi), only screen and (min-resolution:2dppx) {
    .probootstrap-navbar .navbar-brand {
        position:relative;
        height:43px;
    }
}
.probootstrap-navbar .navbar-nav>li>a {
    color:#000;
    font-size:15px;
    position:relative
}
@media screen and (max-width:768px) {
    .probootstrap-navbar .navbar-nav>li>a {
        padding-top:8px;
        padding-bottom:8px;
        color:rgba(0, 0, 0, .7);
        font-size:12px;
    }
}
.probootstrap-navbar .navbar-nav>li>a:active, .probootstrap-navbar .navbar-nav>li>a:focus, .probootstrap-navbar .navbar-nav>li>a:hover {
    color:rgba(0, 0, 0, .7)
}
.probootstrap-navbar .navbar-nav>li.open>a, .probootstrap-navbar .navbar-nav>li.open>a:focus, .probootstrap-navbar .navbar-nav>li.open>a:hover {
    background:0 0
}
.probootstrap-navbar .navbar-nav>li.active>a {
    background:0 0!important;
    color:#0072C3!important
}
.probootstrap-navbar .navbar-nav .dropdown li.active>a, .probootstrap-navbar .navbar-nav>li.active>a:active, .probootstrap-navbar .navbar-nav>li.active>a:focus, .probootstrap-navbar .navbar-nav>li.active>a:hover {
    background:0 0
}
.probootstrap-navbar .navbar-nav>li>.dropdown-menu:before {
    border:1px solid #0072C3;
    content:"";
    position:absolute;
    top:-20px;
    left:40px;
    border-color:rgba(73, 210, 146, 0);
    border-bottom-color:#0072C3;
    border-width:10px;
    margin-left:-10px
}
@media screen and (max-width:768px) {
    .probootstrap-navbar .navbar-nav>li.active>a {
        color:rgba(0, 0, 0, .7)!important
    }
    .probootstrap-navbar .navbar-nav>li>.dropdown-menu:before {
        display:none
    }
}
.probootstrap-navbar .dropdown-submenu {
    position:relative
}
.probootstrap-navbar .dropdown-submenu .dropdown-menu {
    top:0;
    left:100%;
    margin-top:-1px
}
.probootstrap-navbar .dropdown-submenu>a {
    display:block
}
.probootstrap-navbar .dropdown-submenu>a:before {
    text-transform:none;
    position:absolute;
    top:50%;
    right:0;
    margin-right:10px;
    margin-top:-11px;
    content:"\e926";
    font-size:20px;
    color:rgba(0, 0, 0, .5);
    -webkit-transition:.3s all;
    transition:.3s all
}
@media screen and (max-width:768px) {
    .probootstrap-navbar .dropdown-submenu>a:before {
        color:rgba(0, 0, 0, .2)
    }
}
.probootstrap-navbar .dropdown-submenu>a:hover:before {
    color:rgba(0, 0, 0, .3);
    -webkit-transform:rotate(180deg);
    transform:rotate(180deg)
}
.probootstrap-navbar.scrolled {
    background:#fff;
    -webkit-box-shadow:0 1px 3px 0 rgba(0, 0, 0, .09);
    box-shadow:0 1px 3px 0 rgba(0, 0, 0, .09)
}
.probootstrap-navbar.scrolled .navbar-brand, .probootstrap-navbar.scrolled .navbar-nav>li>a, .probootstrap-navbar.scrolled .parent-nav-link-padding {
    padding-top:20px;
    padding-bottom:20px
}
.probootstrap-navbar.scrolled .navbar-brand {
    top:10px;
    background-position:left 100%
}
.probootstrap-navbar.scrolled .dropdown>a:before {
    color:rgba(0, 0, 0, .4)
}
.probootstrap-navbar.scrolled .navbar-nav>li>a {
    color:rgba(0, 0, 0, .7)
}
.probootstrap-navbar.scrolled .navbar-nav>li>a:hover {
    color:rgba(0, 0, 0, .7)!important
}
.probootstrap-navbar.scrolled .navbar-nav>li.active>a {
    color:#000!important
}
.container-fluid .navbar-brand {
    margin-left:15px
}
.container-fluid .dropdown-submenu {
    position:relative
}
.container-fluid .dropdown-submenu .dropdown-menu {
    top:0;
    left:auto;
    right:100%;
    margin-top:-1px
}
.probootstrap-hero {
    background-size:cover;
    background-position:center center
}
.probootstrap-hero>.overlay {
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background:rgba(0, 0, 0, .3);
    z-index:1
}
.probootstrap-hero>.container {
    position:relative;
    z-index:2
}
.probootstrap-hero .probootstrap-hero-text {
    padding-top:200px;
    padding-bottom:200px
}
@media screen and (max-width:768px) {
    .probootstrap-navbar.scrolled .navbar-nav>li.active>a {
        color:#000!important
    }
    .probootstrap-hero .probootstrap-hero-text {
        padding-top:50px;
        padding-bottom:50px
    }
}
.probootstrap-hero.probootstrap-sm-hero .probootstrap-hero-text {
    padding-top:150px;
    padding-bottom:150px
}
@media screen and (max-width:768px) {
    .probootstrap-hero.probootstrap-sm-hero .probootstrap-hero-text {
        padding-top:50px;
        padding-bottom:50px
    }
}
.probootstrap-hero.probootstrap-xs-hero .probootstrap-hero-text {
    padding-top:90px;
    padding-bottom:90px
}
@media screen and (max-width:768px) {
    .probootstrap-hero.probootstrap-xs-hero .probootstrap-hero-text {
        padding-top:50px;
        padding-bottom:50px
    }
}
.probootstrap-hero .btn {
    position:relative;
    font-size:18px;
    width:200px
}
@media screen and (max-width:480px) {
    .container-fluid .dropdown-submenu:hover>.dropdown-menu, .probootstrap-navbar .dropdown-submenu:hover>.dropdown-menu {
        display:block
    }
    .probootstrap-hero .btn {
        width:100%;
        margin-bottom:10px
    }
}
.probootstrap-hero .btn.btn-primary {
    text-transform:uppercase;
    padding:15px 20px
}
.probootstrap-hero.probootstrap-hero-colored {
    background:#6a41ed
}
.probootstrap-hero.probootstrap-hero-colored h1 {
    color:#fff
}
.probootstrap-hero.probootstrap-hero-colored p {
    color:rgba(255, 255, 255, .8)
}
.probootstrap-feature-showcase {
    margin-top:100px;
    position:relative
}
.probootstrap-home-showcase-wrap {
    width:100%
}
.probootstrap-home-showcase-wrap .probootstrap-home-showcase-inner {
    -webkit-box-shadow:0 0 40px 0 rgba(0, 0, 0, .08);
    box-shadow:0 0 40px 0 rgba(0, 0, 0, .08);
    z-index:1;
    height:500px;
    overflow:hidden;
    width:100%;
    position:relative
}
@media screen and (max-width:768px) {
    .probootstrap-feature-showcase {
        margin-top:0
    }
    .probootstrap-home-showcase-wrap .probootstrap-home-showcase-inner {
        height:100%
    }
}
.probootstrap-home-showcase-wrap .probootstrap-home-showcase-inner .probootstrap-chrome {
    background:#dddde0;
    padding:15px;
    border-radius:5px 5px 0 0;
    position:relative
}
.probootstrap-home-showcase-wrap .probootstrap-home-showcase-inner .probootstrap-chrome>div {
    position:absolute;
    left:10px;
    top:50%;
    margin-top:-3px
}
.probootstrap-home-showcase-wrap .probootstrap-home-showcase-inner .probootstrap-chrome>div>span {
    width:5px;
    height:5px;
    display:block;
    float:left;
    margin-right:4px;
    background:#898991;
    border-radius:50%
}
@media screen and (max-width:768px) {
    .probootstrap-home-showcase-wrap .probootstrap-image-showcase {
        height:400px
    }
}
@media screen and (max-width:480px) {
    .probootstrap-home-showcase-wrap .probootstrap-image-showcase {
        height:200px
    }
    .probootstrap-cta h2 {
        text-align:center
    }
}
.probootstrap-home-showcase-wrap .probootstrap-image-showcase>ul {
    padding:0;
    margin:0;
    position:relative
}
.probootstrap-home-showcase-wrap .probootstrap-image-showcase>ul>li {
    padding:0;
    margin:0;
    list-style:none;
    position:absolute;
    top:0;
    bottom:0;
    height:100%;
    width:100%;
    opacity:0;
    visibility:hidden;
    -webkit-transition:.3s all;
    transition:.3s all
}
.probootstrap-home-showcase-wrap .probootstrap-image-showcase>ul>li img {
    max-width:100%
}
.probootstrap-home-showcase-wrap .probootstrap-image-showcase>ul>li.active {
    opacity:1;
    visibility:visible
}
.probootstrap-showcase-nav {
    margin-top:30px
}
.probootstrap-showcase-nav ul {
    padding:0;
    margin:0
}
.probootstrap-showcase-nav ul li {
    margin:0 0 15px;
    padding:0 0 0 20px;
    list-style:none
}
.probootstrap-showcase-nav ul li>a {
    color:rgba(0, 0, 0, .5);
    margin-bottom:10px;
    font-weight:700;
    text-transform:uppercase
}
.probootstrap-showcase-nav ul li p {
    display:none
}
.probootstrap-showcase-nav ul li.active {
    padding:20px;
    background:#fff;
    border-radius:4px;
    -webkit-box-shadow:0 0 40px 0 rgba(0, 0, 0, .08);
    box-shadow:0 0 40px 0 rgba(0, 0, 0, .08)
}
.probootstrap-showcase-nav ul li.active>a {
    color:#6a41ed;
    padding-left:0;
    display:block
}
.probootstrap-showcase-nav ul li.active p {
    display:block;
    font-size:13px;
    line-height:20px;
    margin-bottom:0
}
.btn {
    border:none;
    border-radius:30px;
    padding-left:30px;
    padding-right:30px
}
.btn:active {
    -webkit-transition:.2s all;
    transition:.2s all;
    -webkit-transform:scale(.95);
    transform:scale(.95);
    -webkit-box-shadow:none;
    box-shadow:none
}
.btn.btn-lg {
    line-height:1.5
}
.btn.btn-primary {
    border:1px solid #0072C3;
    background:#0072C3;
    color:#fff
}
.btn.btn-primary:active, .btn.btn-primary:focus, .btn.btn-primary:hover {
    background:#51d497
}
.btn.btn-primary:active, .btn.btn-primary:focus {
    outline:0;
    border:1px solid #0072C3;
}
.btn.btn-ghost {
    background:0 0;
    border:1px solid #0072C3;
    color:#0072C3;
    margin-left:10%;
    line-height:1.0;
}
.btn.btn-ghost:hover {
    background:#0072C3;
    color:#fff
}
.btn.btn-ghost:active, .btn.btn-ghost:focus {
    outline:0;
    background:0 0;
    color:#0072C3;
    border:1px solid #0072C3;
}
.probootstrap-section {
    padding: 3.5em 0;
    position:relative;
}
.probootstrap-section.probootstrap-section-sm {
    padding:3em 0
}

.probootstrap-section.probootstrap-border-bottom {
    border-bottom:1px solid rgba(0, 0, 0, .1)
}
.probootstrap-section>.container.probootstrap-border-top {
    padding-top:50px;
    border-top:1px solid rgba(0, 0, 0, .1)
}
.probootstrap-section.probootstrap-section-colored {
    /*background:#6a41ed;*/
    background:none !importent;
    padding-top:87px !important;
}
.probootstrap-section.probootstrap-section-colored .section-heading h2 {
    /*color:#fff;*/
}
.probootstrap-section.probootstrap-section-colored .section-heading p {
    color:rgba(255, 255, 255, .6)
}
.probootstrap-section.probootstrap-bg-white {
    background:#fff
}
.probootstrap-section.probootstrap-bg {
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center center
}
.probootstrap-section.probootstrap-bg:before {
    position:absolute;
    content:"";
    background:rgba(255, 255, 255, .4);
    top:0;
    left:0;
    right:0;
    bottom:0
}
.section-heading {
    /* margin-bottom:70px; */
}
.section-heading h1 {
    color:#fff
}
@media screen and (max-width:768px) {
    .probootstrap-section {
        padding:3em 0
    }
    .section-heading h1 {
        font-size:24px;
        line-height:24px
    }
}
.section-heading h2 {
    line-height:40px;
    font-size:40px;
    font-weight:300;
    /*letter-spacing:0.6em;*/
}
@media screen and (max-width:768px) {
    .section-heading h2 {
        font-size:24px;
        line-height:24px;
        letter-spacing:0.6em;
    }
    .section-heading p {
        font-size:16px
    }
}
.lead {
    font-size:18px;
    line-height:32px
}
.probootstrap-cta {
    padding:3em 0;
    background:#0064A6;
    color:#fff
}
.probootstrap-cta h2 {
    /*margin:12px 0 0;*/
    padding:0;
    color:#fff;
    float:left;
    line-height:1.5;
    font-weight:300;
    width:100%;
}
@media screen and (max-width:768px) {
    .probootstrap-cta h2 {
        float:none;
        width:100%;
        margin:0 0 30px
    }
}
.probootstrap-cta .btn {
    float:right;
    margin-top:10px
}
@media screen and (max-width:768px) {
    .probootstrap-cta .btn {
        float:none;
        width:100%;
        margin-top:0
    }
}
.probootstrap-cta .btn.btn-ghost {
    /*width:200px;*/
    border:1px solid #fff;
    color:#fff
}
@media screen and (max-width:480px) {
    .probootstrap-cta .btn.btn-ghost {
        width:100px;
        margin-left:50px;
    }
}
.probootstrap-cta .btn.btn-ghost:hover {
    background:#fff;
    color:#6a41ed
}
.probootstrap-footer {
    padding:3em 0 0;
    background:#FFFFFF;
    color:rgba(255, 255, 255, .9)
}
.probootstrap-footer a {
    color:rgba(255, 235, 59, 1)
}
.probootstrap-footer a:hover {
    color:#fff
}
.probootstrap-footer .probootstrap-copyright {
    padding:1em 0;
    /*margin-top:20px;*/
    /*background:#1a1919;*/
    text-shadow: 2px 2px 3px black;
}
@media screen and (max-width:768px) {
    .probootstrap-footer {
        padding:3em 0
    }
    .probootstrap-footer .probootstrap-copyright {
        margin-top:0
    }
}
.probootstrap-footer .probootstrap-copyright p {
    line-height:20px
}
.probootstrap-footer .probootstrap-copyright p .icon {
    position:relative;
    top:2px
}
.probootstrap-footer .probootstrap-copyright p:last-child {
    margin-bottom:0
}
.probootstrap-footer .probootstrap-footer-widget {
    float:left;
    width:100%;
    /*margin-bottom:30px;*/
}
.probootstrap-footer .probootstrap-footer-widget h3 {
    color:#fff;
    /*font-size:24px;*/
    font-weight:300
}
.probootstrap-footer .probootstrap-footer-widget ul {
    margin:0;
    padding:0 0 20px
}
.probootstrap-footer .probootstrap-footer-widget ul li {
    margin:0 0 10px;
    padding:0;
    list-style:none
}
.probootstrap-footer .probootstrap-footer-widget .probootstrap-contact-info li {
    display:block
}
.probootstrap-footer .probootstrap-footer-widget .probootstrap-contact-info li i {
    display:table-cell;
    vertical-align:top;
    width:40px;
    color:rgba(255, 255, 255, .3)
}
.probootstrap-footer .probootstrap-footer-widget .probootstrap-contact-info li span {
    vertical-align:middle;
    display:table-cell
}
.probootstrap-footer .probootstrap-back-to-top {
    text-align:right; font-size:26px; margin-top:40px;
}
.probootstrap-search {
    position:fixed;
    top:0;
    left:0;
    height:100vh;
    width:100vw;
    background:rgba(221,221,221,0.9);
    z-index:9999;
    -webkit-transition:.3s all;
    transition:.3s all;
    opacity:0;
    visibility:hidden
}
.probootstrap-search.active {
    opacity:1;
    visibility:visible
}
.probootstrap-search .probootstrap-close {
    color:#b3b2b2;
    right:30px;
    top:30px;
    position:absolute;
    font-size:80px
}
@media screen and (max-width:768px) {
    .probootstrap-footer .probootstrap-back-to-top {
        text-align:left;
        margin-top:30px
    }
    .probootstrap-search .probootstrap-close {
        right:20px;
        top:20px
    }
}
.probootstrap-search .probootstrap-close:hover {
    color:#807f7f
}
.probootstrap-search form {
    position:absolute;
    left:50%;
    top:50%;
    -webkit-transform:translateY(-50%) translateX(-50%);
    transform:translateY(-50%) translateX(-50%);
    width:70%
}
@media screen and (max-width:768px) {
    .probootstrap-search form {
    width:100%}
}
.probootstrap-search form input {
    color:#000;
    width:100%;
    font-size:50px;
    height:100px;
    border:none;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    border-radius:0!important;
    text-align:center;
}
@media screen and (max-width:768px) {
    .probootstrap-search form input {
        font-size:18px;
        height:50px
    }
}
.probootstrap-search form input:active, .probootstrap-search form input:focus {
    outline:0
}
.probootstrap-uppercase {
    color:#b3b2b2;
    font-size:14px;
    margin-bottom:5px
}
.probootstrap-footer-social {
    padding:0;
    margin:0
}
.probootstrap-footer-social li {
    display:inline;
    padding:0;
    margin:0;
    list-style:none
}
.probootstrap-footer-social li a {
    padding:10px;
    font-size:22px
}
.probootstrap-footer-social li:first-child>a {
    padding-left:0
}
.probootstrap-teacher {
    padding:10px;
    /*border:1px solid #e6e5e5;*/
    -webkit-transition:.3s all;
    transition:.3s all;
    position:relative;
    top:0;
    margin-bottom:20px;
}
.probootstrap-teacher .media {
    margin-bottom:20px
}
.probootstrap-teacher .media img {
    border-radius:50%;
    width:90px;
    margin:0 auto
}
.probootstrap-teacher .text h3 {
    font-size:14px;
    margin:0
}
.probootstrap-teacher .text p {
    margin-bottom:10px
}
.probootstrap-teacher .probootstrap-footer-social li a {
    font-size:15px
}
.probootstrap-teacher .probootstrap-footer-social li.twitter a {
    color:#1da1f2
}
.probootstrap-teacher .probootstrap-footer-social li.facebook a {
    color:#3b5998
}
.probootstrap-teacher .probootstrap-footer-social li.instagram a {
    color:#e1306c
}
.probootstrap-teacher .probootstrap-footer-social li.google-plus a {
    color:#dd4b39
}
.probootstrap-teacher:focus, .probootstrap-teacher:hover {
    /*top:-10px;
    border:1px solid transparent;
    -webkit-box-shadow:0 2px 20px 0 rgba(0, 0, 0, .1);
    box-shadow:0 2px 20px 0 rgba(0, 0, 0, .1);*/
    background-color: rgba(139, 110, 60, 1) !important;
}
.probootstrap-counter-wrap {
    float:left;
    width:100%;
    margin-bottom:30px
}
.probootstrap-counter-wrap .probootstrap-icon, .probootstrap-counter-wrap .probootstrap-text {
    display:table-cell;
    vertical-align:top
}
.probootstrap-counter-wrap .probootstrap-icon {
    width:60px
}
.probootstrap-counter-wrap .probootstrap-icon i {
    font-size:40px;
    color:#0072C3;
}
.probootstrap-counter-wrap .probootstrap-text .probootstrap-counter {
    display:block;
    font-size:40px;
    color:#000;
    margin-bottom:10px;
    font-family:"system-ui", "Microsoft YaHei", sans-serif, "Helvetica Neue", "Segoe UI", Arial, "PingFang SC", "Hiragino Sans GB", "Open Sans", Arial, sans-serif;
}
.probootstrap-counter-wrap .probootstrap-text .probootstrap-counter-label {
    display:block;
    color:#b3b2b2;
    line-height:20px
}
.probootstrap-overlap {
    margin-top:-120px;
    position:relative;
    display: flex;
    /*justify-content: center;
    flex-wrap: wrap;*/
    justify-content: flex-start;
    flex-direction: row;
}
@media screen and (max-width:768px) {
    .probootstrap-overlap {
        margin-top:-100px;
        flex-wrap: initial !important;
        padding-bottom: 10px;
        margin-bottom: 60px;
    }
}
.probootstrap-flex-block {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    margin-top:-200px;
    position:relative
}
.probootstrap-flex-block .probootstrap-text {
    width:30%;
    margin-right:20px;
    background:#fff;
    /*padding:40px;*/
    padding:20px;
    -webkit-box-shadow:0 2px 20px 0 rgba(0, 0, 0, .1);
    box-shadow:0 2px 20px 0 rgba(0, 0, 0, .1);
    /*width: 22%;*/
}
@media screen and (max-width:768px) {
    .probootstrap-flex-block {
        margin-top:-100px
    }
    .probootstrap-flex-block .probootstrap-text {
        width:100%;
        margin-right:0
    }
}
.probootstrap-flex-block .probootstrap-text h3 {
    margin:0 0 20px;
    padding:0;
    /*font-size:20px;*/
    color:red;
    font-weight:600;
}
.probootstrap-flex-block .probootstrap-text p:last-child {
    margin-bottom:0
}
.probootstrap-flex-block .probootstrap-image {
    width:67%;
    background-size:cover;
    background-repeat:no-repeat;
    margin-right:0;
    position:relative
}
.probootstrap-flex-block .probootstrap-image .btn-video {
    display:block;
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    height:100%;
    width:100%
}
.probootstrap-flex-block .probootstrap-image .btn-video i {
    position:absolute;
    font-size:70px;
    color:#fff;
    left:50%;
    top:50%;
    -webkit-transform:translateY(-50%) translateX(-50%);
    transform:translateY(-50%) translateX(-50%)
}
.probootstrap-flex-block .probootstrap-image .btn-video:before {
    -webkit-transition:.3s all;
    transition:.3s all;
    background:rgba(0, 0, 0, .2);
    position:absolute;
    content:"";
    top:0;
    left:0;
    right:0;
    bottom:0
}
.probootstrap-flex-block .probootstrap-image .btn-video:hover:before {
    background:rgba(0, 0, 0, .3)
}
@media screen and (max-width:768px) {
    .probootstrap-flex-block .probootstrap-image {
        width:100%;
        height:300px
    }
}
.nav-pills.probootstrap-center, .nav-tabs.probootstrap-center {
    text-align:center
}
.nav-pills.probootstrap-center>li, .nav-tabs.probootstrap-center>li {
    float:none;
    display:inline-block;
    zoom:1
}
.nav-pills.probootstrap-tabs>li>a, .nav-tabs.probootstrap-tabs>li>a {
    border-radius:0;
    padding:20px 30px;
    background:#0072C3;
    color:#fff;
    font-size:16px;
    border:none!important
}
@media screen and (max-width:480px) {
    .probootstrap-flex-block .probootstrap-image {
        height:200px
    }
    .nav-pills.probootstrap-center>li, .nav-pills.probootstrap-tabs>li>a, .nav-tabs.probootstrap-center>li, .nav-tabs.probootstrap-tabs>li>a {
        width:100%;
        display:block
    }
}
.nav-pills.probootstrap-tabs>li>a:hover, .nav-tabs.probootstrap-tabs>li>a:hover {
    background:#35cd86
}
.nav-pills.probootstrap-tabs>li>a:active, .nav-pills.probootstrap-tabs>li>a:focus, .nav-tabs.probootstrap-tabs>li>a:active, .nav-tabs.probootstrap-tabs>li>a:focus {
    outline:0
}
.nav-pills.probootstrap-tabs>li.active>a, .nav-tabs.probootstrap-tabs>li.active>a {
    background:#fff;
    color:#000
}
.nav-pills.probootstrap-tabs.no-border, .nav-tabs.probootstrap-tabs.no-border {
    border-bottom:none
}
.probootstrap-tab-style-1 {
    position:absolute;
    bottom:1px;
    width:100%
}
@media screen and (max-width:768px) {
    .probootstrap-tab-section {
        padding-bottom:0!important
    }
    .probootstrap-tab-style-1 {
        position:relative
    }
}
.probootstrap-date, .probootstrap-location {
    display:block;
    color:#666
}
.probootstrap-date i, .probootstrap-location i {
    color:#ccc;
    position:relative;
    top:2px;
    width:30px;
    display:inline-block;
    zoom:1
}
.probootstrap-featured-news-box .probootstrap-media {
    position:relative;
    z-index:1
}
.probootstrap-featured-news-box .probootstrap-text {
    position:relative;
    z-index:2;
    background:#fff;
    padding:20px;
    -webkit-box-shadow:0 2px 10px 0 rgba(0, 0, 0, .05);
    box-shadow:0 2px 10px 0 rgba(0, 0, 0, .05);
    margin-left:10px;
    margin-right:10px;
    top:-30px;
    -webkit-transition:.3s all;
    transition:.3s all;
    border-bottom:3px solid #6a41ed
}
.probootstrap-featured-news-box .probootstrap-text h3 {
    font-size:18px;
    margin:0 0 10px;
    line-height:22px
}
.probootstrap-featured-news-box .probootstrap-text p {
    color:#666
}
.probootstrap-featured-news-box:focus, .probootstrap-featured-news-box:hover {
    outline:0
}
.probootstrap-featured-news-box:focus .probootstrap-text, .probootstrap-featured-news-box:hover .probootstrap-text {
    background:#6a41ed;
    top:-40px;
    -webkit-box-shadow:0 2px 20px 0 rgba(0, 0, 0, .1);
    box-shadow:0 2px 20px 0 rgba(0, 0, 0, .1)
}
.probootstrap-featured-news-box:focus .probootstrap-text h3, .probootstrap-featured-news-box:hover .probootstrap-text h3 {
    font-size:18px;
    margin:0 0 10px;
    color:#fff
}
.probootstrap-featured-news-box:focus .probootstrap-text p, .probootstrap-featured-news-box:hover .probootstrap-text p {
    color:rgba(255, 255, 255, .7)
}
.probootstrap-featured-news-box:focus .probootstrap-text .probootstrap-date, .probootstrap-featured-news-box:focus .probootstrap-text .probootstrap-location, .probootstrap-featured-news-box:hover .probootstrap-text .probootstrap-date, .probootstrap-featured-news-box:hover .probootstrap-text .probootstrap-location {
    color:rgba(255, 255, 255, .8)
}
.probootstrap-featured-news-box:focus .probootstrap-text .probootstrap-date i, .probootstrap-featured-news-box:focus .probootstrap-text .probootstrap-location i, .probootstrap-featured-news-box:hover .probootstrap-text .probootstrap-date i, .probootstrap-featured-news-box:hover .probootstrap-text .probootstrap-location i {
    color:rgba(255, 255, 255, .4)
}
.service {
    margin-bottom:30px;
    float:left;
    width:100%;
    padding:40px;
    border:1px solid rgba(0, 0, 0, .1)
}
.service .icon {
    display:block;
    margin-bottom:30px
}
.service .icon i {
    font-size:40px;
    color:#0072C3;
}
.service h3 {
    font-size:22px;
    margin-bottom:20px
}
.service p {
    font-size:15px
}
.service.left-icon {
    padding:0;
    border:none;
    margin-bottom:20px!important
}
.service.left-icon .icon, .service.left-icon .text {
    display:table-cell;
    vertical-align:top
}
.service.left-icon .icon {
    width:70px;
    position:relative;
    /*top:20px;*/
}
.service.left-icon .icon i {
    font-size:20px
}
.service.left-icon .text {
    display:table-cell;
    text-align:left;
}
.service.left-icon h3 {
    font-size:18px;
    margin-bottom:0
}
.service.left-icon p {
    font-size:14px
}
.service.left-icon p:last-child {
    margin-bottom:0
}
.service.hover_service {
    -webkit-transition:.3s all;
    transition:.3s all
}
.service.hover_service:focus, .service.hover_service:hover {
    -webkit-box-shadow:0 2px 20px 0 rgba(0, 0, 0, .1);
    box-shadow:0 2px 20px 0 rgba(0, 0, 0, .1);
    border:1px solid transparent
}
.probootstrap-service-2 {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-shadow:0 2px 20px 0 rgba(0, 0, 0, .1);
    box-shadow:0 2px 20px 0 rgba(0, 0, 0, .1);
    /*margin-bottom:40px;*/
    width:31.133333%;
    margin:0px 10px;
    float:left;
}
.probootstrap-service-2 .image {
    width:20%;
    /*height:210px;*/
    overflow:hidden;
    position:relative;
	float:left;
	
}
.probootstrap-service-2 .text {
    width:60%;
    padding:20px
}
@media screen and (max-width:480px) {
    .probootstrap-service-2 .image, .probootstrap-service-2 .text {
        width:100%
    }
    .probootstrap-service-2 .image {
        width:100%;
        height:200px
    }
}
.probootstrap-service-2 .image .image-bg {
    /*position:absolute;
    left:50%;
    top:50%;
    -webkit-transform:translateY(-50%) translateX(-50%);
    transform:translateY(-50%) translateX(-50%);*/
}
.probootstrap-service-2 .text h3 {
    font-size:18px;
    margin:0;
    overflow: hidden;
    display: inline-block;
    white-space:nowrap;
    text-overflow: ellipsis;
    width: 100%;
}
.probootstrap-service-2 .text p {
    margin-bottom:20px
}
.probootstrap-service-2 .text p:last-child {
    margin-bottom:0
}
.probootstrap-service-2 .text .probootstrap-meta {
    font-size:14px;
    color:#b3b2b2
}
.enrolled-count {
    display:block;
    margin-top:10px;
    font-size:12px;
    color:#b3b2b2;
    font-family:"system-ui", "Microsoft YaHei", sans-serif, "Helvetica Neue", "Segoe UI", Arial, "PingFang SC", "Hiragino Sans GB" "Open Sans", Arial, sans-serif;
    font-style:italic
}
.probootstrap-gallery {
    width:100%;
    float:left
}
.probootstrap-gallery figure {
    display:block;
    width:32%;
    margin-right:2%;
    float:left;
    margin-bottom:20px
}
.probootstrap-gallery figure:nth-of-type(3n+3) {
    margin-right:0
}
.probootstrap-gallery figure figcaption {
    display:none
}
.probootstrap-gallery img {
    width:100%;
    height:auto
}
.probootstrap-gallery.four-col figure {
    width:23.5%;
    margin-right:2%;
    float:left
}
.probootstrap-gallery.four-col figure:nth-of-type(4n+4) {
    margin-right:0
}
.probootstrap-gallery.three-col figure {
    width:32%;
    margin-right:2%;
    float:left
}
.probootstrap-gallery.three-col figure:nth-of-type(3n+3) {
    margin-right:0
}
.probootstrap-gallery.two-col figure {
    width:49%;
    margin-right:2%;
    float:left
}
.probootstrap-gallery.two-col figure:nth-of-type(2n+2) {
    margin-right:0
}
.grid-item {
    float:left
}
.gutter-sizer {
    width:2%
}
.isotope .isotope-item {
    -webkit-transition-duration:.6s;
    transition-duration:.6s;
    -webkit-transition-property:-webkit-transform, opacity;
    -webkit-transition-property:opacity, -webkit-transform;
    transition-property:opacity, -webkit-transform;
    transition-property:transform, opacity;
    transition-property:transform, opacity, -webkit-transform
}
.grid-item, .grid-sizer {
    margin-bottom:0
}
.grid-item img, .grid-sizer img {
    max-width:100%;
    margin-bottom:0;
    transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    -webkit-transition:all .3s ease-in-out
}
.two-cols .grid-item, .two-cols .grid-sizer {
    width:49%
}
@media screen and (max-width:768px) {
    .two-cols .grid-item, .two-cols .grid-sizer {
        width:49%
    }
}
@media screen and (max-width:768px) and (max-width:992px) {
    .two-cols .grid-item img, .two-cols .grid-sizer img {
        margin-bottom:10px
    }
}
@media screen and (max-width:768px) and (max-width:768px) {
    .two-cols .grid-item img, .two-cols .grid-sizer img {
        margin-bottom:10px
    }
}
@media screen and (max-width:480px) {
    .two-cols .grid-item, .two-cols .grid-sizer {
        width:100%;
        margin-left:0;
        margin-right:0
    }
}
.three-cols .grid-item, .three-cols .grid-sizer {
    width:32%
}
@media screen and (max-width:768px) {
    .three-cols .grid-item, .three-cols .grid-sizer {
        width:48%;
        margin-bottom:10px
    }
}
@media screen and (max-width:480px) {
    .three-cols .grid-item, .three-cols .grid-sizer {
        width:100%;
        margin-left:0;
        margin-right:0
    }
}
.four-cols .grid-item, .four-cols .grid-sizer {
    width:23.5%
}
@media screen and (max-width:768px) {
    .four-cols .grid-item, .four-cols .grid-sizer {
        width:32%;
        margin-bottom:10px
    }
}
@media screen and (max-width:480px) {
    .four-cols .grid-item, .four-cols .grid-sizer {
        width:100%;
        margin-left:0;
        margin-right:0
    }
}
.probootstrap-gallery-item {
    padding:0;
    margin:0 0 20px;
    list-style:none;
    float:left;
    cursor:pointer;
    position:relative
}
.probootstrap-gallery-item img {
    max-width:100%;
    -webkit-transition:.3s all;
    transition:.3s all
}
.probootstrap-gallery-item a {
    display:block;
    float:left;
    width:100%
}
.probootstrap-gallery-item:hover img {
    opacity:.7
}
.probootstrap-form {
    margin-bottom:50px
}
.probootstrap-form label {
    font-weight:400
}
.probootstrap-form .form-control {
    height:46px;
    -webkit-box-shadow:none;
    box-shadow:none;
    font-size:16px;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none
}
.probootstrap-form .form-control:active, .probootstrap-form .form-control:focus {
    -webkit-box-shadow:none;
    box-shadow:none;
    border-color:#6a41ed
}
.probootstrap-form textarea.form-control {
    height:inherit;
    resize:vertical
}
.probootstrap-animate {
    opacity:0;
    visibility:hidden;
}
.modal .modal-content {
    border-radius:0;
    border:none;
    position:relative;
    -webkit-box-shadow:0 0 40px 0 rgba(0, 0, 0, .2);
    box-shadow:0 0 40px 0 rgba(0, 0, 0, .2)
}
.modal .modal-content .close {
    position:absolute;
    top:10px;
    right:10px;
    z-index:100;
    font-size:26px
}
.modal .probootstrap-modal-flex {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
.modal .probootstrap-modal-flex .probootstrap-modal-figure {
    width:40%;
    background-size:cover;
    background-position:center center;
    background-repeat:no-repeat
}
.modal .probootstrap-modal-flex .probootstrap-modal-content {
    width:60%;
    padding:40px;
    position:relative
}
@media screen and (max-width:480px) {
    .modal .modal-content .close {
        top:20px;
        right:20px
    }
    .modal .probootstrap-modal-flex .probootstrap-modal-figure {
        height:200px
    }
    .modal .probootstrap-modal-flex .probootstrap-modal-content {
        padding-left:15px;
        padding-right:15px
    }
    .modal .probootstrap-modal-flex .probootstrap-modal-content, .modal .probootstrap-modal-flex .probootstrap-modal-figure {
        width:100%
    }
    .modal .probootstrap-modal-flex .btn {
        margin-bottom:10px
    }
}
.modal .probootstrap-modal-flex .form-control {
    height:40px
}
.modal .probootstrap-modal-flex .probootstrap-remember {
    float:left
}
.modal .probootstrap-modal-flex .probootstrap-forgot {
    float:right
}
.modal .probootstrap-modal-flex .form-group {
    position:relative
}
.modal .probootstrap-modal-flex .probootstrap-or {
    padding:10px 0;
    text-align:center;
    display:block;
    font-size:11px;
    text-transform:uppercase
}
.modal .probootstrap-modal-flex .probootstrap-or>span {
    display:block
}
.modal .probootstrap-modal-flex .probootstrap-or>span:before {
    height:1px;
    left:0;
    right:0;
    top:50%;
    background:#ccc;
    width:100%;
    content:"";
    position:absolute
}
.modal .probootstrap-modal-flex .probootstrap-or em {
    color:#ccc;
    display:inline-block;
    background:#fff;
    position:relative;
    z-index:2;
    padding:0 4px;
    font-style:normal
}
.modal .probootstrap-modal-flex .btn-connect-facebook {
    background:#3b5998;
    border-color:#3b5998;
    color:#fff
}
.modal .probootstrap-modal-flex .btn-connect-twitter {
    background:#1da1f2;
    border-color:#1da1f2;
    color:#fff
}
.modal .probootstrap-modal-flex .btn-connect-google {
    background:#ea4335;
    border-color:#ea4335;
    color:#fff
}
.modal .vertical-alignment-helper {
    display:table;
    height:100%;
    width:100%;
    pointer-events:none
}
.modal .vertical-align-center {
    display:table-cell;
    vertical-align:middle;
    pointer-events:none
}
.modal .modal-content {
    width:inherit;
    height:inherit;
    margin:0 auto;
    pointer-events:all
}
.probootstrap-contact-info {
    padding:0;
    margin:0 0 30px
}
.probootstrap-contact-info li {
    padding:0;
    margin:20px 0 15px;
    list-style:none;
    line-height:24px
}
.probootstrap-contact-info li>i, .probootstrap-contact-info li>span {
    vertical-align:top;
    display:table-cell
}
.probootstrap-contact-info li>i {
    font-size:20px;
    position:relative;
    top:2px;
    width:30px
}
.probootstrap-team {
    margin-bottom:30px;
    float:left;
    display:block;
    position:relative;
    overflow:hidden;
    z-index:2;
    border-radius:6px
}
.probootstrap-team img {
    -webkit-transition:.3s all;
    transition:.3s all;
    -webkit-transition-timing-function:cubic-bezier(.57, .21, .69, 1.25);
    transition-timing-function:cubic-bezier(.57, .21, .69, 1.25)
}
.probootstrap-team .probootstrap-team-info {
    visibility:hidden;
    opacity:0;
    position:absolute;
    top:50%;
    width:100%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    -webkit-transition:.3s all;
    transition:.3s all;
    -webkit-transition-timing-function:cubic-bezier(.57, .21, .69, 1.25);
    transition-timing-function:cubic-bezier(.57, .21, .69, 1.25);
    text-align:center;
    margin-top:20px;
    z-index:3;
    display:block
}
@media screen and (max-width:480px) {
    .modal .probootstrap-modal-flex .probootstrap-forgot {
        float:left
    }
    .probootstrap-team {
        overflow:visible
    }
    .probootstrap-team img {
        max-width:100%
    }
    .probootstrap-team .probootstrap-team-info {
        position:relative;
        top:inherit!important;
        margin-top:0!important;
        visibility:visible;
        opacity:1;
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
}
.flexslider .slides>li.overlay:before, .probootstrap-team:before {
    content:"";
    top:0;
    left:0;
    bottom:0;
    right:0
}
.probootstrap-team .probootstrap-team-info h3 {
    color:#fff
}
.probootstrap-team .probootstrap-team-info h3 .position {
    display:block;
    font-size:14px;
    color:rgba(255, 255, 255, .4)
}
.probootstrap-team:before {
    visibility:hidden;
    opacity:0;
    position:absolute;
    background:rgba(0, 0, 0, .8);
    -webkit-transition:.3s all;
    transition:.3s all;
    z-index:1;
    border-radius:5px
}
.flexslider, .probootstrap-pricing, .probootstrap-pricing-wrap {
    position:relative
}
.probootstrap-team:focus img, .probootstrap-team:hover img {
    -webkit-transform:scale(1.1);
    transform:scale(1.1)
}
.probootstrap-team:focus:before, .probootstrap-team:hover:before {
    visibility:visible;
    opacity:1
}
@media screen and (max-width:480px) {
    .probootstrap-team .probootstrap-team-info h3 {
        color:rgba(0, 0, 0, .7)
    }
    .probootstrap-team .probootstrap-team-info h3 .position {
        display:block;
        font-size:14px;
        color:rgba(0, 0, 0, .4)
    }
    .probootstrap-team:focus:before, .probootstrap-team:hover:before {
        display:none
    }
}
.probootstrap-team:focus .probootstrap-team-info, .probootstrap-team:hover .probootstrap-team-info {
    opacity:1;
    visibility:visible;
    margin-top:0
}
.probootstrap-flex-section {
    padding:7em 0
}
.probootstrap-flex-section.probootstrap-bg-white {
    background:#fff
}
.probootstrap-flex {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
.probootstrap-flex .probootstrap-flex-item {
    width:33.3333%;
    padding:40px;
    -webkit-transition:.3s all;
    transition:.3s all;
    -webkit-transition-timing-function:cubic-bezier(.57, .21, .69, 1.25);
    transition-timing-function:cubic-bezier(.57, .21, .69, 1.25);
    z-index:1;
    position:relative;
    border-radius:4px
}
@media screen and (max-width:768px) {
    .probootstrap-flex .probootstrap-flex-item {
        padding:30px;
        width:50%
    }
}
@media screen and (max-width:480px) {
    .probootstrap-flex .probootstrap-flex-item {
        padding:20px;
        margin-bottom:20px
    }
}
.probootstrap-flex .probootstrap-flex-item .service, .probootstrap-flex .probootstrap-flex-item p:last-child {
    margin-bottom:0
}
.probootstrap-flex .probootstrap-flex-item.active, .probootstrap-flex .probootstrap-flex-item:focus, .probootstrap-flex .probootstrap-flex-item:hover {
    -webkit-box-shadow:0 0 40px 0 rgba(0, 0, 0, .08);
    box-shadow:0 0 40px 0 rgba(0, 0, 0, .08);
    z-index:2;
    background:#fff
}
.proboostrap-clients .client-logo {
    margin-bottom:30px
}
@media screen and (max-width:768px) {
    .proboostrap-clients .client-logo {
        margin-bottom:30px
    }
}
.probootstrap-pricing {
    background:#fff;
    float:left;
    width:100%;
    padding:20px;
    text-align:center;
    -webkit-box-shadow:0 0 40px 0 rgba(0, 0, 0, .08);
    box-shadow:0 0 40px 0 rgba(0, 0, 0, .08);
    z-index:2;
    margin-top:-200px
}
@media screen and (max-width:992px) {
    .probootstrap-pricing {
        margin-top:0!important;
        margin-bottom:30px
    }
}
.probootstrap-pricing.popular {
    z-index:10;
    margin-top:-215px;
    padding-top:40px
}
@media screen and (max-width:992px) {
    .probootstrap-pricing.popular {
        margin-top:0!important
    }
}
.probootstrap-pricing h3 {
    font-size:16px;
    text-transform:uppercase;
    letter-spacing:.1em;
    margin-bottom:50px
}
.probootstrap-pricing h3>span {
    margin-top:10px;
    display:block;
    text-transform:none;
    letter-spacing:normal;
    color:#6a41ed;
    font-size:14px
}
.probootstrap-pricing .probootstrap-price-wrap {
    margin-bottom:50px
}
.probootstrap-pricing .probootstrap-price-wrap .probootstrap-price {
    font-size:50px;
    color:#6a41ed;
    font-weight:100;
    display:block;
    margin-bottom:10px
}
.probootstrap-pricing .probootstrap-price-wrap .probootstrap-price-per-month {
    font-size:13px
}
.probootstrap-pricing ul {
    padding:0 30px;
    margin:0 0 50px
}
@media screen and (max-width:480px) {
    .probootstrap-flex .probootstrap-flex-item {
        width:100%
    }
    .probootstrap-pricing ul {
        padding:0 10px
    }
}
.probootstrap-pricing ul li {
    padding:0;
    margin:0 0 20px;
    line-height:24px;
    list-style:none
}
.probootstrap-testimony-wrap {
    background:#fff;
    border-radius:4px;
    padding:20px
}
.probootstrap-testimony-wrap figure {
    margin-bottom:20px
}
.probootstrap-testimony-wrap figure img {
    height:80px;
    width:80px!important;
    margin:0 auto;
    border-radius:50%
}
.probootstrap-testimony-wrap blockquote {
    border-left:none;
    padding:0;
    margin-bottom:0;
    color:#000
}
.probootstrap-testimony-wrap blockquote cite {
    margin-top:30px;
    display:block;
    font-size:14px;
    color:rgba(0, 0, 0, .3)
}
.probootstrap-testimony-wrap blockquote cite span {
    font-style:normal;
    color:#000;
    font-weight:700
}
.owl-carousel-testimony .item {
    padding-bottom:40px;
    padding-top:20px
}
.owl-carousel-testimony .probootstrap-testimony-wrap {
    max-width:700px;
    margin:0 auto
}
.flexslider, .flexslider .slides>li, .slider-height {
    /*height:700px;*/
    height:auto;
}
.flexslider {
    z-index:2;
    background:0 0;
    border:none;
    margin-top:87px;
    float:left;
}
.flexslider .probootstrap-subheading {
    font-size:20px
}
.flexslider .probootstrap-slider-text {
    /*margin-top:300px*/
    overflow:hidden;    
}
@media screen and (max-width:480px) {
    .service.left-icon .icon i { font-size:25px !important;}
    .overlay {
        height: auto !important;
        width: 100%;
    }
    .flexslider, .flexslider .slides>li, .slider-height {
        /*height:400px;*/
    }
    .flexslider .flex-direction-nav {
        display:none
    }
}
.mt0, .owl-carousel .owl-controls, .owl-carousel-posts .owl-controls {
    margin-top:0
}
.flexslider .slides>li {
    background-size:cover;
    background-position:center center;
    background-repeat:none
}
.flexslider .slides>li.overlay:before {
    /*background:rgba(0, 0, 0, .3);*/
    position:absolute;
}
.flexslider .flex-control-paging {
    position:absolute;
    /*bottom:30px;*/
    z-index:20;
    top:92%;
}
.flexslider .flex-direction-nav a {
    text-decoration:none;
    display:block;
    width:30px;
    height:30px;
    position:absolute;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    z-index:10;
    overflow:hidden;
    opacity:0;
    cursor:pointer;
    color:rgba(0, 0, 0, .8);
    text-shadow:1px 1px 0 rgba(255, 255, 255, .3);
    -webkit-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
    background:rgba(0, 0, 0, .8);
    border-radius:0;
    padding:30px;
}
.flexslider .flex-direction-nav a:before {
    font-family:icomoon;
    speak:none;
    font-style:normal;
    font-weight:400;
    font-variant:normal;
    text-transform:none;
    line-height:1;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    position:absolute;
    content:"\e929";
    -webkit-transition:.3s all;
    transition:.3s all;
    font-size:30px;
    display:inline-block;
    color:rgba(255, 255, 255, .8);
    left:50%;
    top:50%;
    -webkit-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%)
}
.flexslider .flex-direction-nav a.flex-next:before {
    content:"\e92a";
    left:50%;
    top:50%;
    -webkit-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%)
}
.flex-direction-nav .flex-prev {
    left:0
}
.flex-direction-nav .flex-next {
    right:0;
    text-align:right
}
.flexslider:hover .flex-direction-nav .flex-prev {
    opacity:.7;
    left:0
}
.flexslider:hover .flex-direction-nav .flex-prev:hover {
    opacity:1
}
.flexslider:hover .flex-direction-nav .flex-next {
    opacity:.7;
    right:0
}
.flex-control-paging li a {
    width:10px;
    height:10px;
    display:block;
    background:rgba(255, 255, 255, .2);
    cursor:pointer;
    text-indent:-9999px;
    -webkit-box-shadow:none;
    -o-box-shadow:none;
    box-shadow:none;
    border-radius:50%;
    -webkit-transition:.3s all;
    transition:.3s all
}
.flex-control-paging li a:hover {
    background:#333;
    background:rgba(255, 255, 255, .7)
}
.flex-control-paging li a.flex-active {
    background:#fff;
    cursor:default
}
.owl-carousel {
    margin-bottom: 30px;
}
.owl-carousel.border-rounded .item {
    border:1px solid rgba(0, 0, 0, .1);
    border-radius:4px;
    overflow:hidden
}
.owl-carousel .owl-controls .owl-nav .owl-next, .owl-carousel .owl-controls .owl-nav .owl-prev, .owl-carousel-posts .owl-controls .owl-nav .owl-next, .owl-carousel-posts .owl-controls .owl-nav .owl-prev {
    top:50%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    z-index:9999;
    position:absolute;
    -webkit-transition:.2s all;
    transition:.2s all
}
.owl-carousel-posts .owl-controls .owl-nav .owl-next, .owl-carousel-posts .owl-controls .owl-nav .owl-prev {
    top:24%
}
.owl-carousel .owl-controls .owl-nav .owl-next, .owl-carousel-posts .owl-controls .owl-nav .owl-next {
    right:20px
}
.owl-carousel .owl-controls .owl-nav .owl-prev, .owl-carousel-posts .owl-controls .owl-nav .owl-prev {
    left:20px
}
.owl-carousel-fullwidth .owl-controls .owl-nav .owl-next i, .owl-carousel-fullwidth .owl-controls .owl-nav .owl-next:hover i, .owl-carousel-fullwidth .owl-controls .owl-nav .owl-prev i, .owl-carousel-fullwidth .owl-controls .owl-nav .owl-prev:hover i, .owl-carousel-posts .owl-controls .owl-nav .owl-next i, .owl-carousel-posts .owl-controls .owl-nav .owl-next:hover i, .owl-carousel-posts .owl-controls .owl-nav .owl-prev i, .owl-carousel-posts .owl-controls .owl-nav .owl-prev:hover i {
    color:#000
}
.owl-carousel-fullwidth.fh5co-light-arrow .owl-controls .owl-nav .owl-next i, .owl-carousel-fullwidth.fh5co-light-arrow .owl-controls .owl-nav .owl-next:hover i, .owl-carousel-fullwidth.fh5co-light-arrow .owl-controls .owl-nav .owl-prev i, .owl-carousel-fullwidth.fh5co-light-arrow .owl-controls .owl-nav .owl-prev:hover i {
    color:#fff
}
.owl-theme .owl-controls .owl-nav[class*=owl-] {
    background:0 0!important
}
.owl-theme .owl-controls .owl-nav[class*=owl-] i {
    font-size:24px;
    background:rgba(0, 0, 0, .7)!important;
    padding:12px;
    -webkit-transition:.5s all;
    transition:.5s all
}
.mfp-no-margins .mfp-container, .mfp-no-margins img.mfp-img {
    padding:0
}
.owl-theme .owl-controls .owl-nav[class*=owl-]:focus i, .owl-theme .owl-controls .owl-nav[class*=owl-]:hover i {
    background:rgba(0, 0, 0, .7)!important
}
.owl-theme .owl-dots {
    position:absolute;
    bottom:-30px;
    width:100%;
    text-align:center
}
.owl-carousel-fullwidth.owl-theme .owl-dots, .owl-work.owl-theme .owl-dots {
    bottom:-30px;
    margin-bottom:-2.5em
}
.owl-theme .owl-dots .owl-dot span {
    width:8px;
    height:8px;
    background:rgba(0, 0, 0, .2);
    -webkit-transition:.2s all;
    transition:.2s all;
    border:2px solid transparent
}
.owl-theme .owl-dots .owl-dot span:hover {
    background:0 0;
    border:2px solid rgba(0, 0, 0, .2)
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background:0 0;
    border:2px solid #000
}
.probootstrap-testimonial:before {
    background:rgba(0, 0, 0, .7)!important
}
.probootstrap-testimonial .section-heading p {
    color:rgba(255, 255, 255, .9)!important
}
.probootstrap-testimonial .owl-theme .owl-dots .owl-dot span {
    background:rgba(255, 255, 255, .2)
}
.probootstrap-testimonial .owl-theme .owl-dots .owl-dot span:hover {
    background:0 0;
    border:2px solid rgba(255, 255, 255, .2)
}
.probootstrap-testimonial .owl-theme .owl-dots .owl-dot.active span, .probootstrap-testimonial .owl-theme .owl-dots .owl-dot:hover span {
    background:0 0;
    border:2px solid #fff
}
.mfp-fade.mfp-bg {
    opacity:0;
    -webkit-transition:all .15s ease-out;
    transition:all .15s ease-out
}
.mfp-fade.mfp-bg.mfp-ready {
    opacity:.8
}
.mfp-fade.mfp-bg.mfp-removing {
    opacity:0
}
.mfp-fade.mfp-wrap .mfp-content {
    opacity:0;
    -webkit-transition:all .15s ease-out;
    transition:all .15s ease-out
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
    opacity:1
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
    opacity:0
}
.image-link {
    cursor:-webkit-zoom-in;
    cursor:zoom-in
}
.mfp-with-zoom .mfp-container, .mfp-with-zoom.mfp-bg {
    opacity:0;
    -webkit-backface-visibility:hidden;
    -webkit-transition:all .3s ease-out;
    transition:all .3s ease-out
}
.mfp-with-zoom.mfp-ready .mfp-container {
    opacity:1
}
.mfp-with-zoom.mfp-ready.mfp-bg {
    opacity:.8
}
.mfp-with-zoom.mfp-removing .mfp-container, .mfp-with-zoom.mfp-removing.mfp-bg {
    opacity:0
}
.mfp-no-margins .mfp-figure:after {
    top:0;
    bottom:0
}
.mfp-title {
    text-align:center;
    padding:6px 0
}
.image-source-link {
    color:#DDD
}
.probootstrap-gutter0>div[class*=col-] {
    padding-right:0;
    padding-left:0
}
@media screen and (max-width:480px) {
    .probootstrap-gutter0>div[class*=col-] {
        padding-right:15px;
        padding-left:15px
    }
}
.probootstrap-gutter40>div[class*=col-] {
    padding-right:20px;
    padding-left:20px
}
@media screen and (max-width:480px) {
    .probootstrap-gutter40>div[class*=col-] {
        padding-right:15px;
        padding-left:15px
    }
}
.probootstrap-gutter60>div[class*=col-] {
    padding-right:30px;
    padding-left:30px
}
.mb0 {
    margin-bottom:0
}
.mb10 {
    margin-bottom:10px
}
.mb20 {
    margin-bottom:20px
}
.mb30 {
    margin-bottom:30px
}
.mb40 {
    margin-bottom:40px
}
.mb50 {
    margin-bottom:50px
}
.mb60 {
    margin-bottom:60px
}
.mb70 {
    margin-bottom:70px
}
.mb80 {
    margin-bottom:80px
}
.mb90 {
    margin-bottom:90px
}
.mb100 {
    margin-bottom:100px
}
.mt10 {
    margin-top:10px
}
.mt20 {
    margin-top:20px
}
.mt30 {
    margin-top:30px
}
.mt40 {
    margin-top:40px
}
.mt50 {
    margin-top:50px
}
.mt60 {
    margin-top:60px
}
.mt70 {
    margin-top:70px
}
.mt80 {
    margin-top:80px
}
.mt90 {
    margin-top:90px
}
.mt100 {
    margin-top:100px
}
.pb0 {
    padding-bottom:0!important
}
@media screen and (max-width:768px) {
    .owl-theme .owl-controls .owl-nav {
        display:none
    }
    .img-sm-responsive, .img-xs-responsive {
        max-width:100%
    }
}
@media screen and (max-width:480px) {
    .probootstrap-gutter60>div[class*=col-] {
        padding-right:15px;
        padding-left:15px
    }
    .col-xxs-12 {
        float:none;
        width:100%
    }
}