/*!==============================
 * 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; margin-bottom:10em; padding-bottom: 0; background-image: url(../img/slider_2.jpg);background-size: cover;background-repeat: no-repeat;background-position: 50% 50%;}
 #xueGsiZ .container {top:-110px;background-color: rgba(30,132,180,.9);box-shadow: 10px 10px 5px rgba(0,0,0,0.2);position: relative;padding-top:30px;padding-bottom:20px; backdrop-filter: blur(5px);}
 
 #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%;}
 #gongGao .container {top:-110px;background-color: rgba(30,132,180,.9);box-shadow: 10px 10px 5px rgba(0,0,0,0.2);position: relative;padding-top:30px;padding-bottom:20px;backdrop-filter: blur(5px);}
 
 .overlay{/*height:500px !important;*/}
 .icon-search{font-size:22px; vertical-align:bottom;}
 .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 {
     background:#EFF0F4;
     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:rgba(255,255,255,.5);
     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);
     backdrop-filter: blur(5px);
 }
 .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;
     width:100%;
 }
 .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:#1e84b4;
 }
 .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:-17px;
     margin-top:-9px;
     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 30px 10px 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:#1E84B4;
     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:rgba(30,132,180,.9);
     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;
     backdrop-filter: blur(5px);
 }
 
 .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_wjxy.png) left 100% no-repeat;
     /*top:24px;*/
     position:relative;
     /*width:160px;*/
     width:100%;
     height:3em;
     text-indent:-999999px;
     -webkit-transition:.2s all;
     transition:.2s all;
     background-size:100% auto;
 }
 @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;
         /*width:160px;*/
         height:43px;
         /*background:url(../img/logo@2x.png) left 100% no-repeat;*/
         /*background-size:cover;*/
     }
 }
 .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:#1E84B4!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 #1E84B4;
     content:"";
     position:absolute;
     top:-20px;
     left:40px;
     border-color:rgba(73, 210, 146, 0);
     border-bottom-color:#1E84B4;
     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 #1E84B4;
     background:#1E84B4;
     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 #1E84B4;
 }
 .btn.btn-ghost {
     background:0 0;
     border:1px solid #1E84B4;
     color:#1E84B4;
     margin-left:10%;
     line-height:1.0;
 }
 .btn.btn-ghost:hover {
     background:#1E84B4;
     color:#fff
 }
 .btn.btn-ghost:active, .btn.btn-ghost:focus {
     outline:0;
     background:0 0;
     color:#1E84B4;
     border:1px solid #1E84B4;
 }
 .probootstrap-section {
     padding: 3.5em 0;
     position:relative;
 }
 .probootstrap-section.probootstrap-section-sm {
     padding:3em 0
 }
 .probootstrap-section.probootstrap-border-top {
     border-top:1px solid rgba(0, 0, 0, .1)
 }
 .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:#1e84b4;
 }
 .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;
     text-align:center;
 }
 .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
 }
 @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:16px;
     margin-bottom:5px;
     text-indent:2em;
 }
 .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:#1E84B4;
 }
 .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;
 }
 @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:rgba(255,255,255,.8);
     /*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);
     backdrop-filter: blur(5px);
 }
 @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:35px;
     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;
     overflow:hidden;
 }
 .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:#1E84B4;
     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:#1E84B4;
 }
 .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.51111111111111%;
     margin:0px 10px;
     float:left;
 }
 .probootstrap-service-2 .image {
 overflow: hidden;
 position: relative;
 width: 100%;
 padding-bottom: 60%;
 }
 
 .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;
       -webkit-box-orient: vertical;
   height: 44px;
   line-height: 22px;
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 2;
 }
 .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:120px;
     width:100%;
     float:left;
 }
 .flexslider .probootstrap-subheading {
     font-size:20px
 }
 .flexslider .probootstrap-slider-text {
     margin-top:300px
 }
 @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 .probootstrap-slider-text {
         margin-top:150px
     }
     .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:95%;
 }
 .flexslider .flex-direction-nav a {
     text-decoration:none;
     display:block;
     width:30px;
     height:30px;
     position:absolute;
     top:250px;
     -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;
     top:50%;
 }
 .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, .5);
     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%
     }
 }