@import url('bootstrap.css');
@import url('font-awesome.css');
@import url('animate.css');
@font-face {
    font-family: iconfont;
    src: url(../fonts/iconfont.woff2) format("woff2"),url(../fonts/iconfont.woff) format("woff"),url(../fonts/iconfont.ttf) format("truetype")
}

.iconfont {
    font-family: iconfont!important;
    font-size: 16px;
    font-style: normal;
    background: 0 0;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: .2px;
    -moz-osx-font-smoothing: grayscale
}
/***reset**/
* { margin: 0px; padding: 0px; border: none; outline: none; }
/***Global Settings***/
body { font-family: Metropolis-Bold,"Helvetica Neue",Helvetica,Tahoma,Arial,sans-serif; font-size: 14px; color: #25292f; line-height: 1.8em; font-weight: 400; background: #ffffff; background-size: cover; background-repeat: no-repeat; background-position: center top; -webkit-font-smoothing: antialiased; }
a { text-decoration: none; cursor: pointer; color: #2E74B5; }
a:hover, a:focus, a:visited { text-decoration: none; outline: none; }
h1, h2, h3, h4, h5, h6 { position: relative; font-family: 'Raleway', sans-serif; font-weight: normal; margin: 0px; background: none; line-height: 1.4em; }
h1{font-size: 30px}
h2 {font-size: 24px}
h3 {font-size: 18px}
h4 {font-size: 16px}
input, button, select, textarea { font-family: 'Roboto', sans-serif; }
p { position: relative; line-height: 1.8em; }
.strike-through { text-decoration: line-through; }
.auto-container { position: static; max-width: 1400px; padding: 0px 1%; margin: 0 auto; }
.md-container { max-width: 1200px; margin: 0 auto; }
.small-container { max-width: 1000px; margin: 0 auto; }
.page-wrapper { position: relative; margin: 0 auto; width: 100%; min-width: 320px; min-height: 500px; }
ul, li { list-style: none; padding: 0px; margin: 0px; }
.theme-btn { display: inline-block; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; font-family: 'Raleway', sans-serif; }
.centered { text-align: center; }
.lined-btn { position: relative; display: inline-block; line-height: 24px; padding: 7px 0px; font-size: 13px; font-weight: 700; text-transform: uppercase; background: none; color: #25292f !important; border-bottom: 2px solid #2E74B5; }
.lined-btn:hover { padding: 7px 15px; background: #2E74B5; color: #ffffff !important; border-color: #2E74B5; }
.btn-style-one { position: relative; display: inline-block; line-height: 24px; padding: 11px 25px; font-size: 13px; font-weight: 700; text-transform: uppercase; background: none; color: #ffffff !important; border: 2px solid #ffffff !important; border-radius: 3px; }
.btn-style-one:hover { background: #ffffff; color: #2E74B5 !important; border-color: #2E74B5; }
.btn-style-two { position: relative; display: inline-block; line-height: 24px; padding: 11px 25px; font-size: 13px; font-family: "Montserrat", sans-serif; letter-spacing: 1px; font-weight: 400; text-transform: uppercase; background: #2E74B5; color: #ffffff !important; border: 1px solid #2E74B5 !important; border-radius: 1px; }
.tlinks { text-indent: -9999px; height: 0; line-height: 0; font-size: 0; overflow: hidden; }
.btn-style-two:hover { background: #ffffff; color: #2E74B5 !important; border-color: #2E74B5; }
.btn-style-three { position: relative; display: inline-block; line-height: 24px; padding: 10px 25px; font-family: "Montserrat", sans-serif; letter-spacing: 1px; font-size: 12px; font-weight: 400; text-transform: uppercase; background: none; color: #374853 !important; border: 1px solid #e0e0e0 !important; border-radius: 1px; }
.btn-style-three:hover { background: #25292f; color: #ffffff !important; border-color: #25292f !important; }
.btn-style-four { position: relative; display: inline-block; line-height: 24px; padding: 11px 25px; font-size: 13px; font-weight: 700; text-transform: uppercase; background: #303030; color: #ffffff !important; border: 2px solid #303030 !important; border-radius: 3px; }
.btn-style-four:hover { background: #ffffff; color: #303030 !important; border-color: #303030; }
.rounded-btn { position: relative; display: inline-block; line-height: 26px; padding: 10px 30px; font-size: 13px; font-weight: 700; text-transform: uppercase; color: #ffffff !important; border: 2px solid #ffffff; -webkit-border-radius: 25px; -ms-border-radius: 25px; -o-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; }
.rounded-btn:hover { background: #ffffff; color: #2E74B5 !important; border-color: #2E74B5; }
.rounded-btn-theme { position: relative; display: inline-block; line-height: 26px; padding: 10px 30px; font-size: 13px; font-weight: 700; text-transform: uppercase; color: #2E74B5 !important; border: 2px solid #2E74B5; -webkit-border-radius: 25px; -ms-border-radius: 25px; -o-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; }
.rounded-btn-theme:hover { background: #2E74B5; color: #ffffff !important; border-color: #2E74B5; }
.rounded-btn-blue { position: relative; display: inline-block; line-height: 22px; padding: 8px 25px; font-size: 12px; text-transform: uppercase; color: #ffffff; background: #2E74B5; border: 1px solid #2E74B5; -webkit-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }
.rounded-btn-blue:hover { background: #ffffff; color: #2E74B5; border-color: #2E74B5; }
.rounded-btn-orange { position: relative; display: inline-block; line-height: 22px; padding: 10px 25px; font-size: 12px; text-transform: uppercase; color: #ffffff; border: 1px solid #ffa800; background: #ffa800; -webkit-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }
.rounded-btn-orange:hover { background: #ffffff; color: #ffa800; border-color: #ffa800; }
.rounded-orange-alt { position: relative; display: inline-block; line-height: 22px; padding: 8px 25px; font-size: 12px; text-transform: uppercase; color: #1a1a1a; border: 1px solid #ffa800; background: #ffffff; -webkit-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }
.rounded-orange-alt:hover { background: #ffa800; color: #ffffff; border-color: #ffa800; }
.rounded-btn-alt { position: relative; display: inline-block; line-height: 22px; padding: 6px 25px; font-size: 12px; text-transform: uppercase; color: #ffffff; border: 1px solid #2E74B5; -webkit-border-radius: 18px; -ms-border-radius: 18px; -o-border-radius: 18px; -moz-border-radius: 18px; border-radius: 18px; }
.rounded-btn-alt:hover { background: #ffffff; color: #262b2f; border-color: #dae5ef; }
.theme-btn .icon { font-size: 16px; }
.theme-btn .icon-left { padding-right: 50px; }
.theme-btn .icon-right { padding-left: 50px; }
.bold-font { font-weight: 700; }
.exbold-font { font-weight: 900; }
.normal-font { font-weight: 400; }
.light-font { font-weight: 300; }
.semibold-font { font-weight: 600; }
.white_color { color: #ffffff !important; }
.theme_color { color: #2E74B5 !important; }
.grey_color { color: #303030 !important; }
.padd-top-20 { padding-top: 20px !important; }
.padd-top-30 { padding-top: 30px !important; }
.padd-top-40 { padding-top: 40px !important; }
.padd-top-50 { padding-top: 50px !important; }
.padd-bott-8 { padding-bottom: 8px !important; }
.padd-right-20 { padding-right: 20px !important; }
.padd-bott-20 { padding-bottom: 20px !important; }
.padd-bott-30 { padding-bottom: 30px !important; }
.padd-bott-40 { padding-bottom: 40px !important; }
.padd-bott-50 { padding-bottom: 50px !important; }
.margin-left-20 { margin-left: 20px !important; }
.margin-top-20 { margin-top: 20px !important; }
.margin-top-30 { margin-top: 30px !important; }
.margin-top-40 { margin-top: 40px !important; }
.margin-top-50 { margin-top: 50px !important; }
.margin-bott-20 { margin-bottom: 20px !important; }
.margin-bott-30 { margin-bottom: 30px !important; }
.margin-bott-40 { margin-bottom: 40px !important; }
.margin-bott-50 { margin-bottom: 50px !important; }
.no-padd-bottom { padding-bottom: 0px !important; }
.no-padd-top { padding-top: 0px !important; }
.no-margin-bottom { margin-bottom: 0px !important; }
.no-margin-top { margin-top: 0px !important; }
.no-bg { background: none !important; }
.bg-light-grey { background: #fbfbfb; }
.text-uppercase { text-transform: uppercase !important; }
.preloader { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 999999; background-color: #ffffff; background-position: center center; background-repeat: no-repeat; background-image: url(../images/icons/preloader.GIF); }
/***Scroll To Top style***/
.scroll-to-top { position: fixed; bottom: 15px; right: 15px; width: 40px; height: 40px; color: #ffffff; background: #2E74B5; font-size: 13px; line-height: 38px; text-align: center; z-index: 100; cursor: pointer; border-radius: 5%; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -moz-transition: all 500ms ease; transition: all 500ms ease; display: none; }
.scroll-to-top:hover { color: #2E74B5; background: #ffffff; -webkit-box-shadow: 0px 0px 5px 0px #2E74B5; -ms-box-shadow: 0px 0px 5px 0px #2E74B5; -o-box-shadow: 0px 0px 5px 0px #2E74B5; -moz-box-shadow: 0px 0px 5px 0px #2E74B5; box-shadow: 0px 0px 5px 0px #2E74B5; }
/***Main Header style**/
.main-header{position:relative;left:0px; top: 0px; background: #ffffff; z-index: 999; width: 100%; border-bottom: 1px solid #EBEBEB;box-shadow: 0 2px 30px 0 rgba(0,0,0,.08) }
.main-header .top-bar { position: relative; z-index: 1; display: block }
.main-header .top-bar .top-container { position: relative; max-width: 100%; margin: 0 auto; background: #374853; }
.main-header .top-bar .info-outer { color: #ffffff; padding: 3px 20px 7px 20px; border-radius: 0px;max-width: 1200px; margin: 0 auto}
.main-header .top-bar .info-outer:before { position: absolute; left: 20px; top: 0px; border-top: 37px solid #262626; border-left: 20px solid transparent; }
.main-header .top-bar .info-box { position: relative; }
.main-header .top-bar .info-box li { position: relative; float: right; padding-left: 30px;line-height: 30px; margin-left: 4% }
.main-header .top-bar .info-box li:after { position: absolute; right: 40px; top: 0px; color: #505050; font-size: 20px; }
.main-header .top-bar .info-box li .icon { position: absolute; left: 0px; top: 0px; line-height: 30px; font-size: 16px; color: #2E74B5; }
.main-header .top-bar .info-box li a { position: relative; color: #ffffff; font-family: "Poppins", sans-serif; font-weight: 400; letter-spacing: 1px; font-size: 12px; transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; -moz-transition: all 500ms ease; }
.main-header .top-bar .info-box li a:hover { color: #2E74B5; }
.social-links-one { position: relative; float: right; margin: 0px !important; padding-left: 0px !important; }
.social-links-one:after { display: none; }
.social-links-one a { position: relative; display: inline-block; text-align: center; width: 20px; line-height: 30px; font-size: 14px; color: #ffffff; }
.social-links-one a:hover { color: #2E74B5; }

.main-header .header-upper { position: relative; width: 100%;  color: #677c91; padding: 15px 10px; background: #ffffff; }
.fixed-header.main-header .header-upper { position: fixed;  border-bottom: 1px solid #d0d0d0;top: 0;left: 0 }
.main-header .header-upper .logo { position: relative; }
.main-header .header-upper .logo img {max-width: 100%; display: inline-block;   }

.header-upper {display: inline-flex;justify-content: space-between;align-items: center}
.main-header .header-upper  .btn-donate {  text-align: center; padding: 8px 15px; border-radius: 5px; color: #ffffff; font-size: 15px; text-transform: uppercase; font-weight: 700;   background: #2E74B5; letter-spacing: 1px; z-index: 999 }
.main-header .header-upper   .btn-donate:hover { background: #262626; }

.main-menu { position: relative; }
.main-menu .navbar-collapse { padding: 0px !important; }
.main-menu .navigation { position: relative; text-transform: uppercase;display: inline-flex;justify-content: center;align-items: center }
.main-menu .navigation > li { position: relative; padding: 10px 18px}
.main-menu .navigation > li > a { position: relative; display: block;   font-size: 15px; color: #444444; line-height: 24px;  text-transform: uppercase; opacity: 1; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; letter-spacing: 1px }
.main-menu .navigation > li.dropdown > a { padding-right: 15px; }
.main-menu .navigation > li.dropdown > a:before { font-family: 'FontAwesome'; content: "\f0d7"; position: absolute; right: 0px; font-weight: 400; font-size: 14px; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; }
.main-menu .navigation > li:hover > a, .main-menu .navigation > li.current > a, .main-menu .navigation > li.current-menu-item > a { color: #2E74B5; opacity: 1; }
.main-menu .navigation > li:hover > a:after { opacity: 1; }
.main-menu .navigation > li.dropdown:hover > a:after { color: #ffffff; }
.main-menu .navigation > li > ul { position: absolute; left:50%; top: 120%; width: 200px;  z-index: 100; display: none; background: #ffffff; transform: translateX(-50%);
    box-shadow: 0 1px 30px rgba(7, 76, 213, 0.07); transition: all 300ms ease-in; -moz-transition: all 300ms ease-in; -webkit-transition: all 300ms ease-in; -ms-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; border-radius: 5px  }
.main-menu .navigation > li > ul > li { position: relative; width: 100%;box-shadow: 0 1px 30px rgba(7, 76, 213, 0.07);  }
.main-menu .navigation > li > ul > li:first-child{padding-top: 15px}
.main-menu .navigation > li > ul > li:last-child{padding-bottom: 15px}
.main-menu .navigation > li > ul > li > a {width: 100%;text-align: center;padding: 8px 15px;display: block;color: black}
.main-menu .navigation > li > ul > li:hover > a { color: #ffffff; background: #2E74B5; }
.main-menu .navigation > li > ul > li.dropdown > a:after { font-family: 'FontAwesome'; content: "\f0da"; position: absolute; right: 10px; top: 8px; width: 10px; height: 20px; display: block; color: #444444; line-height: 20px; font-size: 14px; text-align: center; z-index: 5; }
.main-menu .navigation > li > ul > li.dropdown:hover > a:after { color: #ffffff; }
.main-menu .navigation > li > ul > li > ul { position: absolute; left: 100%; top: -1px; width: 200px; padding: 0px; z-index: 100; display: none; background: #ffffff; border: 1px solid #2E74B5; border-left: 4px solid #2E74B5; }
.main-menu .navigation > li > ul > li > ul > li { position: relative; width: 100%; border-bottom: 1px solid #2E74B5; }
.main-menu .navigation > li > ul > li > ul > li:last-child { border: none; }
.main-menu .navigation > li > ul > li > ul > li > a { position: relative; display: block; padding: 8px 15px; line-height: 20px; font-weight: 500; font-size: 14px; text-transform: capitalize; color: #444444; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; }
.main-menu .navigation > li > ul > li > ul > li:hover > a { color: #ffffff; background: #2E74B5; }
.main-menu .navigation > li.dropdown:hover > ul { visibility: visible; opacity: 1; top: 100%; }
.main-menu .navigation li > ul > li.dropdown:hover > ul { visibility: visible; opacity: 1; left: 100%; transition: all 500ms ease-in; -moz-transition: all 500ms ease-in; -webkit-transition: all 500ms ease-in; -ms-transition: all 500ms ease-in; -o-transition: all 500ms ease-in; }
.main-menu .navbar-collapse > ul li.dropdown .dropdown-btn { position: absolute; right: 10px; top: 6px; width: 34px; height: 30px; border: 1px solid #ffffff; background: url(../images/icons/submenu-icon.png) center center no-repeat; background-size: 20px; cursor: pointer; z-index: 5; display: none; }
.search-box-outer{width: 60px;z-index: 10000}
.main-lang{display: inline-flex;justify-content: center}
/***Main Slider style***/
.swiper-container img{width: 100%;height: auto}
.main-content {margin: 0 auto;width: 100%;position: relative }

.banner {width: 100%;max-height:800px; overflow: hidden;position: relative; }
.banner_img {width: 100%;height:auto;  position: absolute;left: 0;top: 0; overflow: hidden; }
.banner_img li {width: 100%; display: inline-block;background-position: center;background-repeat: no-repeat;float: left;list-style: none;}
.banner_img li img { width: 100%; height: auto}
.banner_list {height: 24px; z-index: 1; text-align: center; position: relative; margin: 28% auto 0 auto;}
.banner_list span {display: inline-block;cursor: pointer;width: 12px;height: 12px;border-radius: 50%;border: 3px solid #555;; margin: 0 2px }
.banner_list .spcss {border: 3px solid #2E74B5;}
.banner_left {position: absolute;height: 96px;width: 48px;top: 50%;left: -48px;background-color: rgba(73, 72, 62, 0.3);margin-top: -45px;text-align: center;transition: all .5s;z-index: 2;}
.banner_left:hover {background-color: #2E74B5;}
.banner_right {position: absolute;height: 96px;width: 48px;top: 50%;right: -48px;background-color: rgba(73, 72, 62, 0.3);margin-top: -45px;text-align: center;transition: all .5s;z-index: 2;}
.banner_right:hover {background-color: #2E74B5;}
.banner_left img, .banner_right img {margin-top: 22px;}
/***Main Features Section***/
.featured-item-2 { padding-top: 50px; background: #ffffff; box-shadow: 0 1px 30px rgba(7, 76, 213, 0.07); border-radius: 10px; display: block; height: 300px; width: 100%; text-align: center; }
.featured-item-2 .icon { padding: 0 0 10px 0; }
.featured-item-2 .icon i { font-size: 50px; color: #2E74B5; }
.featured-item-2 .title h4 { font-weight: 600; font-size: 22px; margin-bottom: 10px; letter-spacing: 1px; text-transform: capitalize; color: #060606; }
.featured-item-2 .desc { color: #282828; padding-bottom: 5px; }
.feature-bg-cl { background-color: #f9f9f9; }
.jv-st-srv { padding-top: 20px; padding-left: 60px; padding-right: 30px; padding-bottom: 10px; }
.jv-st-desc { padding-right: 20px; padding-left: 20px;  font-weight: 400; font-size: 12px; }
.main-features { position: relative; padding: 90px 0px 50px; }
.main-features .title-box { position: relative; margin-bottom: 80px; }
.main-features .title-box h1 { position: relative; font-size: 72px; color: #2E74B5; line-height: 1.4em; font-family: 'Roboto', sans-serif; }
.main-features .title-box h2 { position: relative; font-size: 36px; font-weight: 800; color: #25292f; margin-bottom: 20px; text-transform: uppercase; }
.main-features .title-box .text { position: relative; font-size: 18px; font-weight: 300; color: #7c7c7c; }
.main-features .features-column { position: relative; margin-bottom: 50px; }
.features-column .icon-box { position: relative; width: 240px; height: 240px; padding: 40px 20px 20px 20px; text-align: center; margin: 0 auto; color: #ffffff; }
.features-column .icon-box:before { content: ''; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-color: #2E74B5; border-radius: 120px 0px 120px 120px; background: -moz-linear-gradient(right top, #51980b, #2E74B5); background: -o-linear-gradient(right top, #51980b, #2E74B5); background: -ms-linear-gradient(right top, #51980b, #2E74B5); background: -webkit-linear-gradient(right top, #51980b, #2E74B5); transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; }
.features-column:hover .icon-box:before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg); }
.features-column .icon-box .icon { position: relative; font-size: 88px; line-height: 100px; margin-bottom: 20px; z-index: 2; }
.features-column .icon-box .title { position: relative; font-size: 18px; font-weight: 700; text-transform: uppercase; z-index: 2; }
.default-icon-column { position: relative; }
.main-features .default-icon-column { margin-bottom: 50px; }
.default-icon-column .icon-box { position: relative; width: 80px; height: 80px; padding: 10px; line-height: 56px; text-align: center; margin-bottom: 20px; }
.default-icon-column .icon-box:before { content: ''; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; border: 2px solid #f1f1f1; }
.default-icon-column:hover .icon-box:before { border-color: #2E74B5; }
.default-icon-column .icon-box .icon { position: relative; font-size: 36px; color: #2E74B5; z-index: 2; }
.default-icon-column h3 { font-size: 18px; text-transform: uppercase; color: #25292f; font-weight: 700; margin-bottom: 10px; }
.default-icon-column .text { font-size: 15px; color: #8d8d8d; }
.sec-title { position: relative; margin-bottom: 50px; }
.sec-title h2 { font-size: 40px; font-weight: 800; margin-bottom: 15px; line-height: 1.2em; text-transform: uppercase;position: relative }
.sec-title h2:after{content: '';width: 100px;height: 3px;background: #2E74B5; }
.sec-title .bigger-text { font-size: 26px; font-weight: 700; margin-bottom: 15px; text-transform: none; line-height: 1.2em; }
.sec-title .text { font-size: 16px;padding: 20px 0 }
/**featured-fluid-section***/
.featured-fluid-section { position: relative; padding: 0px; min-height: 250px; background: #f9f9f9; }
.featured-fluid-section .column { position: relative; display: block; float: left; width: 50%; }
.featured-fluid-section .image-column { position: absolute; left: 0px; top: 0px; width: 50%; height: 100%; background-size: cover; background-position: center center; background-repeat: no-repeat; float: right; }
.abt-img { width: 100%; height: auto; }
.featured-fluid-section .text-column { float: right; background-size: cover; background-repeat: no-repeat; background-position: center center; }
.featured-fluid-section .text-column .content-box { position: relative; max-width: 600px; padding-left: 15px; }
.featured-fluid-section .dark-column .content-box { padding: 80px 15px 80px 80px; color: #a8a8a8; }
.featured-fluid-section .dark-column:before { content: ''; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: #374853; }
.featured-fluid-section.style-two .dark-column:before { background: #2E74B5; }
.featured-fluid-section .dark-column h2 { font-size: 28px; margin-bottom: 20px;  font-weight: 700; color: #ffffff; text-transform: uppercase; letter-spacing: 1px; line-height: 1.2em; }
.featured-fluid-section .dark-column .title-text { position: relative; color: #ffffff; font-family: "Poppins", sans-serif; text-transform: capitalize; font-size: 18px; font-weight: 600; margin-bottom: 40px; padding-bottom: 15px; }
.featured-fluid-section.style-two .dark-column .title-text a { color: #ffffff; }
.featured-fluid-section .dark-column .title-text:after { content: ''; position: absolute; left: 0px; top: 100%; width: 30px; height: 3px; background: #2E74B5; color: #ffffff; }
.featured-fluid-section.style-two .dark-column .title-text:after { background: #ffffff; }
.featured-fluid-section .theme-btn { margin-right: 15px; padding-left: 30px; padding-right: 30px; }
.featured-fluid-section .dark-column .text { position: relative; color: #d5d5d5; font-size: 12px; margin-bottom: 50px; }
.featured-fluid-section.style-two .dark-column .text { color: #f2f2f2; }


/*** applications***/
.applications-section{position:relative;padding:90px 0 90px;width:100%}
.application-box{display:inline-flex;justify-content:start;width:100%}
.application-item{width:20%;position:relative}
.application-item a>img{width:100%}
.application-item a::before{display:block;position:absolute;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,.46);content:'';z-index:1;transition:all .4s}
.application-content-box{position:absolute;top:38%;left:0;right:0;width:100%;z-index:7;display:inline-flex;justify-content:center;align-items:center;flex-direction:column}
.application-content-box span{opacity:0}
.application-item a:hover span{opacity:1;color:#fff}
.application-item a:hover::before{background:rgba(46,116,181,.7)}
.application-content-box h3{padding:20px 0;color:#fff}
@media (max-width:1024px){.application-box{flex-wrap:wrap}
    .application-item{width:25%}
}
.show_app_head_box{display:inline-flex;justify-content:center;background:rgba(0,0,0,.03);margin:20px 0;width:100%;max-height:600px;overflow:hidden}
.show_head_box_left{width:30%}
.show_head_box_left img{width:100%;height:auto}
.show_head_box_right{width:70%;padding:10% 10%}
.show-app-btns{width:100%;display:inline-flex;justify-content:start;margin-top:40px}
.btn1{display:block;margin-right:20px;-ms-flex:none;flex:none;width:252px;height:56px;line-height:56px;text-align:center;font-size:16px;color:#fff;font-weight:700;background:#2e74B5FF;transition:transform .3s ease}
.btn2{display:block;-ms-flex:none;flex:none;width:252px;height:56px;line-height:54px;text-align:center;font-size:16px;color:#2e74B5FF;font-weight:700;background:#fff;border:1px solid #2e74B5FF;transition:transform .3s ease}
.btn1:hover{transform:translateY(-4px);color:#fff}
.btn2:hover{background:#2e74B5FF;color:#fff;transform:translateY(-4px)}
.show-app-tit{padding:20px 0}
.bread-crumb-new{width:100%;padding:30px 0 50px}
.show_app_body_box{margin-top:100px}
.show_app_body_box .desc{font-size:36px;font-weight:700}
.show_app_body_box .show-app-content{padding:40px 0 20px}
.show-app-list{margin-top:70px}
.show-app-thumb{width:70px;height:70px;border-radius:50%;background:#2e74b5;display:inline-flex;justify-content:center;align-items:center}
.show-app-thumb img{width:90%!important}
.show-app--box{padding:30px 20px;-webkit-box-shadow:0 0 20px 5px rgba(5,23,34,.05);box-shadow:0 0 20px 5px rgba(5,23,34,.05);margin-bottom:20px;height:360px;position:relative}
.show-app--box p{width:100%}
.show-app-tit{width:100%;display:block;font-size:20px;color:#000}
.show-app-btn{position:absolute;right:20px;bottom:20px;background:#2e74b5;color:#fff}
.show-app-btn:hover{color:#fff}
.last-box{display:inline-flex;justify-content:center;flex-direction:column;padding:30px;width:100%}
.last-tit{font-size:20px;color:#000;text-align:center}
.last-button{margin-top:20px}
@media (max-width:767px){.show_head_box_left{display:none}
    .show_head_box_right{width:100%}
    .show-app-btns{flex-direction:column;justify-content:center}
    .show-app-btns a{margin-bottom:10px}
    .show_app_body_box{margin-top:50px;padding:0 10px;margin-bottom:40px}
}


/***Blog News Section***/
.blog-news-section { position: relative; padding: 90px 0px 30px; }
.blog-news-section .blog-news-column { margin-bottom: 60px; }

.blog-news-column .image-box{width: 100%;overflow: hidden}
.blog-news-column .image-box img { display: block; width: 100%; opacity: 0.8; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear; }
.blog-news-column:hover .image-box img { opacity: 1; -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); }
.blog-news-column .inner-box {position: relative; background: #ffffff; overflow: hidden;webkit-box-shadow:0 0 20px 5px rgba(5,23,34,.05);box-shadow:0 0 20px 5px rgba(5,23,34,.05); }
.blog-news-column .content-box { position: relative; padding: 20px 20px 20px; border-radius: 10px; box-shadow: 0 1px 30px rgba(7, 76, 213, 0.07); }
.blog-news-column .content-box .text {position: relative; color: #333333; font-size: 14px;width: 100%; overflow:hidden;height: 40px;line-height: 20px;padding-bottom: 10px}
.blog-news-column .content-box .text img { width: 100%; height: auto}
.blog-news-column h3 {text-transform: capitalize; font-size:18px; font-weight: bold;  max-height: 50px;width: 100%;overflow: hidden;line-height: 25px;min-height: 50px}
.blog-news-column h3 a { color: #282828; }
.blog-news-column h3 a:hover { color: #2E74B5; }
.blog-news-column .post-info { position: relative;  color: #919191; font-size: 13px; line-height: 24px;padding: 15px 0 }
.blog-news-column .post-author { float: left; color: #8e8e8e; text-transform: capitalize; font-size: 13px; padding-right: 10px; }
.blog-news-column .post-options { float: right; }
.blog-news-column .post-info .icon { display: inline-block; width: 20px; padding-right: 5px; font-size: 16px; color: #2E74B5; font-weight: normal; }
.blog-news-column .post-options a { position: relative; display: inline-block; margin-left: 15px; font-weight: 700; color: #67696c; }
.blog-news-column .read-more { font-weight: 700; color: #25292f; font-size: 12px; text-transform: uppercase; width: 100%;text-align: right  }
.blog-news-section .post-share-options { position: relative; padding: 10px 15px; background: #f8f8f8; border-bottom: 1px solid #e0e0e0; }
.blog-news-section .post-share-options .tags a { position: relative; color: #999999; }
.blog-news-section .post-share-options .tags { padding-top: 5px; }

@media (max-width: 767px) {
    .blog-news-section .blog-news-column {margin-bottom: 20px }
    .blog-news-section  .col-xs-6{padding: 0 5px}
}

/***Subscribe Intro***/
.subscribe-intro { position: relative; padding: 50px 0px 30px; background-color: rgba(97, 169, 62, .9); background-image: url(../images/sub-bg.jpg); color: #ffffff; }
.subscribe-intro .auto-container { position: relative; z-index: 1; }
.subscribe-intro .column { margin-bottom: 20px; font-size: 18px; font-weight: 300; }
.subscribe-intro .column h2 { font-size: 24px; margin-bottom: 10px; font-weight: 400; color: #ffffff; text-transform: uppercase; letter-spacing: 1px; }
/***Main Footer***/
.main-footer { position: relative; color: #c9c9c9; background: rgba(33, 43, 49, 1);  }

.main-footer .footer-upper { position: relative; padding: 70px 0px 30px; z-index: 1; border-bottom: 1px solid #333333 }
.main-footer .footer-upper h2{position:relative;font-size:22px; margin-bottom:10px;font-weight:400;text-transform:uppercase;letter-spacing:1px;color:#ffffff;}
.main-footer .footer-upper a { transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; }
.main-footer .footer-upper a:hover { color: #ffffff; }
.main-footer .footer-upper .row>div{min-height:268px; }
.main-footer .footer-upper .links-widget  { position: relative; margin-bottom: 15px; }
.main-footer .footer-upper .links-widget ul{margin-top: 10px;}

.main-footer .footer-upper .links-widget li  a { position: relative; display: block; font-size: 14px; color: #c9c9c9;padding-top: 10px }

.main-footer .footer-upper .links-widget a:hover, .footer-upper .news-widget .news-post a:hover { color: #2E74B5; }

.main-footer .contact-info { position: relative; margin: 20px 0 }
.main-footer .contact-info li { position: relative; padding-left: 30px; margin: 0px 0px 7px; line-height: 30px; }
.main-footer .contact-info li .icon { position: absolute; font-weight: 700; font-size: 16px; color: #2E74B5; left: 0px; top: 0px; line-height: 30px; }

.main-footer .footer-upper .news-widget .news-post {width: 25%;padding: 10px;float: left }

.main-footer .footer-upper .news-widget .news-post img {  width: 100%;height: auto;border-radius: 5px;opacity: 0.7}
.main-footer .footer-upper .news-widget .news-post  img:hover{opacity: 1}
.footer-bottom { position: relative; padding: 16px 0px; font-size: 15px; text-align: center; color: #808080;  }
.footer-bottom .copyright { font-weight: 500; font-size:15px; letter-spacing: 1px; position: relative; line-height: 20px; padding: 5px 0px; }
/***Page Title Style***/
.page-title { position: relative; padding: 150px 0px 90px; text-align: center; background-size: cover; background-repeat: no-repeat; background-position: center center; color: #ffffff; }
.page-title:before { content: ''; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(38, 43, 47, 0.60); }
.page-title h1 { font-size: 48px; margin-bottom: 15px; text-transform: uppercase; font-weight: 800; color: #ffffff; }
.page-title .bread-crumb { position: relative; color: #ffffff; }
.page-title .bread-crumb a { position: relative; font-size: 15px; text-transform: uppercase; color: #ffffff; margin: 0px 5px; }
.page-title .bread-crumb a:hover { position: relative; color: #2E74B5; }
.page-title .auto-container { position: relative; z-index: 5; }
/***404 Section***/
.error-section { position: relative; padding: 100px 0px; background: #ffffff; }
.error-section .error-text .medium-text { position: relative; font-size: 72px; line-height: 1.2em; margin-bottom: -10px; }
.error-section .error-text { position: relative; margin-top: -50px; display: inline-block; padding-left: 50px; }
.error-section .error-text .bigger-font { position: relative; font-size: 200px; line-height: 1.2em; color: #25292f; margin-bottom: 30px; padding-bottom: 15px; font-weight: 800; border-bottom: 1px solid #e0e0e0; }
.error-section .error-text h3 { position: relative; font-size: 36px; line-height: 1.2em; margin-bottom: 20px; font-weight: 400; font-family: 'Roboto', sans-serif; }
.error-section .error-text .text { position: relative; font-size: 16px; margin-bottom: 30px; color: #828282; }
.error-section .theme-btn { padding-left: 30px; padding-right: 30px; }

/***Default Section***/
.default-section { position: relative; padding: 90px 0px 40px; }
.default-section .column { position: relative; margin-bottom: 50px; }
.default-section .image-column img { display: inline-block; width: 100%; }


/***Sidebar Page Style***/
.sidebar-page { position: relative; padding: 80px 0px 50px; }
.blog-container { position: relative; padding: 0px 0px; }
.sidebar-page .blog-detail blockquote { position: relative; margin-top: 20px; padding: 5px 20px; line-height: 2em; font-size: 17px; color: #25292f; background: none; font-style: italic; }
.sidebar-page .blog-detail .post-desc h2 { font-size: 20px; margin-bottom: 22px; color: #1a1a1a; }
.sidebar-page .blog-detail .post-desc h3 { font-size: 18px; margin-bottom: 10px; color: #1a1a1a; }
.sidebar-page .blog-detail h4 { font-size: 16px; margin-bottom: 20px; }
.check-list li .fa { position: relative; color: #cbda37; }
.remove-list li .fa { position: relative; color: #ff0000; }
.sidebar-page .blog-detail .post-tags { position: relative; padding: 15px; font-size: 16px; background: #f5f5f5; color: #999999; margin-bottom: 50px; }
.sidebar-page .blog-detail .post-tags a { position: relative; color: #777777; font-size: 15px; }
.sidebar-page .blog-detail .post-tags a:hover { color: #00bff3; }


/***Side Bar Style***/
.sidebar-page .sidebar { position: relative; padding: 0px 0px 0px; }
.sidebar .widget { position: relative; margin-bottom: 50px; }
.sidebar .search-box .form-group { position: relative; margin: 0px; }
.sidebar .search-box .form-group input[type="text"], .sidebar .search-box .form-group input[type="search"] { position: relative; line-height: 24px; padding: 8px 50px 8px 20px; border: 1px solid #2E74B5; background: #ffffff; color: #3a3a3a; display: block; width: 100%; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; }
.sidebar .search-box .form-group input:focus { border-color: #2E74B5; }
.sidebar .search-box .form-group button { position: absolute; right: 0px; top: 0px; height: 42px; width: 50px; line-height: 42px; text-align: center; display: block; font-size: 16px; color: #ffffff; background: #374853; }
.sidebar .search-box .form-group input:focus + button, .sidebar .search-box .form-group button:hover { color: #ffffff; background: #2E74B5; }
.sidebar .sidebar-title { position: relative; margin-bottom: 30px; padding-bottom: 15px; }
.sidebar .sidebar-title h3 { font-family: "Poppins", sans-serif; font-size: 20px; color: #1a1a1a; font-weight: 600; text-transform: uppercase; }
.sidebar .recent-posts .post { position: relative; font-size: 13px; margin-bottom: 20px; color: #cccccc; padding-left: 90px; }
.sidebar .recent-posts .post .post-thumb { position: absolute; left: 0px; top: 0px; width: 60px; }
.sidebar .recent-posts .post .post-thumb img { display: block; width: 100%; }
.sidebar .recent-posts .post h4 { font-size: 16px; font-weight: 600; margin: 0px 0px 5px; line-height: 1.4em; color: #292929; }
.sidebar .recent-posts .post a, .sidebar .recent-posts .post a:hover { color: #2E74B5; }
.sidebar .recent-posts .post h4 a { color: #292929; }
.sidebar .recent-posts .post-info { color: #8e8e8e; text-transform: capitalize; }
.sidebar .recent-posts .post-info .icon { padding-right: 5px; }
.sidebar-page .contact-info { position: relative; font-size: 14px; margin-bottom: 30px; }
.sidebar-page .contact-info .text { position: relative; font-size: 14px; margin-bottom: 10px; color: #7f7f7f; }
.sidebar-page .contact-info li { position: relative; margin-bottom: 5px; line-height: 1.8em; color: #7f7f7f; }
.sidebar-page .contact-info li strong { position: relative; padding-right: 10px; font-weight: 600; color: #292929; }
.sidebar-page .contact-info a { color: #2E74B5; transition: all 300ms ease-in; -webkit-transition: all 300ms ease-in; -ms-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; -moz-transition: all 300ms ease-in; }
.sidebar-page .contact-info a:hover { color: #3d3d3d; }
.sidebar .popular-tags a { position: relative; display: inline-block; line-height: 24px; padding: 5px 20px; margin: 0px 5px 12px 0px; border: 1px solid rgba(0, 0, 0, 0.10); background: #ffffff; color: #1a1a1a; text-align: center; font-size: 13px; border-radius: 5px; transition: all 300ms ease; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; -moz-transition: all 300ms ease; }
.sidebar .popular-tags a:hover { background-color: #2E74B5; border-color: #2E74B5; color: #ffffff; }
.sidebar .list { position: relative; }
.sidebar .list li { position: relative; margin-bottom: 7px; line-height: 32px; }
.sidebar .list li .count { position: relative; }
.sidebar .list li a { position: relative; display: block; color: #3d3d3d; font-size: 16px; font-weight: 400; }
.sidebar .list li a:hover { color: #2E74B5; }
/***Releated Posts Section***/
.related-posts-section { position: relative; padding: 60px 0px 50px; }
.related-posts-section h2 { font-size: 36px; font-weight: 800; margin-bottom: 30px; color: #25292f; text-transform: uppercase; padding-right: 100px; }
.related-posts-section .owl-controls { position: absolute; right: 0px; top: -80px; padding: 0px 0px; margin: 0px; }
.related-posts-section .owl-controls .owl-next, .related-posts-section .owl-controls .owl-prev { position: relative; width: 40px !important; height: 40px !important; padding: 0px !important; background: #ffffff !important; color: #999999 !important; border: 2px solid #e9e9e9; line-height: 36px; font-size: 20px !important; border-radius: 4px !important; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -moz-transition: all 500ms ease; transition: all 500ms ease; margin: 3px 0px 0px 10px !important; }
.related-posts-section .owl-controls .owl-next:hover, .related-posts-section .owl-controls .owl-prev:hover { background: #25292f !important; color: #ffffff !important; border-color: #25292f; }
.related-posts-section .owl-dots { display: none !important; }
.filters-section { position: relative; padding: 30px 30px 20px; background: #fafafa; border-radius: 5px; margin-bottom: 40px; }
.filters-section .form-group { position: relative; margin-bottom: 20px; }
.filters-section .form-group .field-label { position: relative; font-size: 16px; color: #202020; text-transform: uppercase; font-weight: 700; margin-bottom: 10px; }
.filters-section .form-group input { position: relative; display: block; width: 100%; line-height: 30px; padding: 10px 20px; color: #555555; background: #ffffff; border: 1px solid #ffffff; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -moz-transition: all 500ms ease; transition: all 500ms ease; }
.filters-section .form-group input:focus { border-color: #2E74B5; }
.filters-section button { width: 100%; display: block; padding: 12px 20px; text-align: center; }
.other-info { position: relative; }
.other-info h3 { font-size: 20px !important; font-weight: 800; text-transform: uppercase !important; }
.other-info .info-box { position: relative; }
.other-info .info-box li { font-family: "Poppins", sans-serif; font-weight: 400; position: relative; padding-left: 60px; color: #8d8d8d; min-height: 50px; font-size: 15px; margin-bottom: 25px; }
.other-info .info-box li:last-child { margin-bottom: 0px; }
.other-info .info-box li strong { text-transform: uppercase; display: block; color: #000000; font-weight: 400; font-size: 16px; font-family: 'Montserrat', sans-serif; }
.other-info .info-box li .icon { position: absolute; left: 0px; top: 50%; margin-top: -25px; height: 50px; line-height: 50px; color: #dee1e3; font-size: 36px; }
.other-info .text { margin-bottom: 20px; font-size: 15px; }
/***Map Section Style***/
.map-section { position: relative; }
.map-canvas { border-radius: 5px; }
.map-canvas .map-data { text-align: center; font-size: 14px; font-weight: 400; font-family: 'Roboto', sans-serif; }
.map-canvas .map-data h6 { font-weight: 700; font-size: 14px; text-align: center; margin-bottom: 5px; color: #2e2e2e; }
/***Contact Section Style***/
.contact-section { position: relative; padding: 90px 0px 10px; }
.contact-section .column { margin-bottom: 60px; }
.contact-section h2 { font-size: 24px; font-weight: 800; text-transform: uppercase; margin-bottom: 40px; color: #2f2f2f; }
.contact-form .form-group { position: relative; margin-bottom: 26px; }
.contact-form .form-group .field-label { position: relative; font-size: 16px; color: #202020; text-transform: uppercase; font-weight: 700; margin-bottom: 10px; }
.contact-form .form-group input { position: relative; display: block; width: 100%; line-height: 30px; padding: 10px 20px; color: #555555; background: #ffffff; border: 1px solid #e0e0e0; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -moz-transition: all 500ms ease; transition: all 500ms ease; }
.contact-form .form-group textarea { position: relative; display: block; width: 100%; line-height: 30px; padding: 11px 20px; color: #555555; height: 300px; resize: none; background: #ffffff; border: 1px solid #e0e0e0; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -moz-transition: all 500ms ease; transition: all 500ms ease; }
.contact-form .form-group input:focus, .contact-form .form-group textarea:focus { border-color: #2E74B5; }
.contact-form .form-group input.error, .contact-form .form-group textarea.error { border-color: #ff0000; }
.contact-form .form-group label.error { display: block; padding: 10px 0px 0px 0px; line-height: 24px; text-transform: capitalize; font-size: 15px; color: #ff0000; font-weight: 400; }
.contact-form .form-group .theme-btn { padding: 10px 40px; }

/***Gallery Section Style***/
.gallery-section{position:relative;padding:60px 0 60px}
.gallery-section .bg-section{background-position:center;background-repeat:no-repeat;background-size:cover;height:100%;position:absolute;top:0;left:0;width:100%}
.gallery-section .bg-section .overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgb(28 26 48 / 35%)}
.gallery-section .bg-section .overlay-3{background-color:#f9f9f9;opacity:.85}
.default-portfolio-item{position:relative}
.gallery-section .column,.mixed-gallery-section .column{margin-bottom:30px}
.default-portfolio-item .inner-box{position:relative;-webkit-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;border:1px solid #ebecf0}
.default-portfolio-item .image-box{overflow:hidden}
.default-portfolio-item .image-box img{display:block;width:100%;height:auto}
.default-portfolio-item a:hover img{transform:scale(1.1);transition:.4s}
.default-portfolio-item a img{transform:scale(1);transition:.4s}
.default-portfolio-item .image-box p{width:100%;padding:20px 0 10px 0;font-size:16px}
.default-portfolio-item a p{color:#333}
.default-portfolio-item .overlay-box{position:absolute;left:0;top:0;width:100%;height:100%;display:block;background:rgba(46,117,182,.5);border-radius:5px;opacity:0;visibility:hidden;-webkit-transform:scale(0,0);-ms-transform:scale(0,0);-moz-transform:scale(0,0);-o-transform:scale(0,0);transform:scale(0,0);-webkit-transition:all .4s ease-out;-ms-transition:all .4s ease-out;-o-transition:all .4s ease-out;-moz-transition:all .4s ease-out;transition:all .4s ease-out}
.default-portfolio-item:hover .overlay-box{-webkit-transform:scale(1,1);-ms-transform:scale(1,1);-o-transform:scale(1,1);-moz-transform:scale(1,1);transform:scale(1,1);opacity:1;visibility:visible}
.default-portfolio-item .overlay-box .inner-content{position:absolute;left:0;top:0;width:100%;height:100%;padding:20px 40px;display:table;vertical-align:middle}
.default-portfolio-item .overlay-box .content{display:table-cell;vertical-align:middle}
.default-portfolio-item .overlay-box h3{font-size:16px;font-weight:700;color:#fff;max-width:300px;margin:15px auto 20px;text-transform:uppercase;line-height:1.8em}
.default-portfolio-item .overlay-box h3 a{color:#fff}
.default-portfolio-item .overlay-box .arrow{position:relative;display:block;height:30px;line-height:30px;font-size:30px;color:#fff}
.filter-list .mix{display:none}
.gallery-section .filters{position:relative;text-align:center;margin-bottom:50px}
.gallery-section .filter-btns{position:relative;text-align:center}
.gallery-section .filter-btns li{position:relative;display:inline-block;padding:9px 15px ;border:1px solid #2e74b5;color:grey;cursor:pointer;text-transform:uppercase;font-size:16px;font-weight:300;margin:0 5px 10px;border-radius:3px;transition:all .3s ease;-webkit-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease; }
.gallery-section .filter-btns li a{color:#000}
.gallery-section .filter-btns li.active,.gallery-section .filter-btns li:hover{border-color:#2e74b5;color:#fff;background:#2e74b5}
.gallery-section .filter-btns li a:hover{color:#fff}
.gallery-section .filter-btns li.active a{color:#fff}
.default-portfolio-item a .gallery-info{width:100%;padding:20px 0;color:#000}
.default-portfolio-item .gallery-info::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:0;background:#2e74b5;transition:all .2s linear}
.default-portfolio-item .gallery-info .category{font-size:12px;font-weight:400;padding:5px 10px;background-color:rgba(232,231,231,.35);border-radius:5px;color:#000}
.default-portfolio-item a:hover .gallery-info .category{background-color:#2e74b5;color:#fff}
.default-portfolio-item a:hover .gallery-info::after{height:4px}
.default-portfolio-item .gallery-info h3{font-size:16px;margin-top:20px;max-height: 40px;line-height: 20px;overflow: hidden;min-height: 40px;}

/***products***/
.products--item{width: 100%;-webkit-box-shadow:0 0 20px 5px rgba(5,23,34,.05);box-shadow:0 0 20px 5px rgba(5,23,34,.05);margin-bottom:26px;}
.products--item a{display: block;width: 100%;overflow: hidden}
.products--item a> img{width: 100%;transition: all .3s ease-in-out;}
.products--item_info{width: 100%;padding: 30px 20px; }
.products--item:hover .products--item_info{background: #2e74b5;color: white; }
.products--item:hover .products--item_info h2 a{color: white}
.products--item:hover .products--item_info .btns a{background: white}
.products--item:hover a>img{transform: scale(1.1);transition: .4s}
.products--item_info  h2{line-height: 24px;height: 50px;width: 100%;overflow: hidden}
.products--item_info  h2 a{font-size: 20px;color: black; }
.products--item_info .btns{width: 100%;display: flex;justify-content: space-between;margin-top: 20px}
.products--item_info .btns a{display: block;width: 48%;height: 40px;line-height: 40px;text-align: center;background: rgba(220,220,220,.1);
}
.products--item_info .btns a:first-child{color: black}
.products--item_info .btns a:last-child {border:1px solid  rgba(220,220,220,.1)}
.products--item_info .btns a:first-child:hover {background: #2e74b5;color: white}
.products--item_info .btns a:last-child:hover {border:1px solid #2e74b5;color: #2e74b5;}
@media screen and (max-width: 767px) {
    .gallery-section{margin-bottom: 20px}
    .gallery-section .filter-btns li{font-size: 16px;line-height: 18px;padding: 9px 15px;}
    .gallery-section .filters{margin-bottom: 18px}
    .products-container .col-xs-6{padding: 0 5px}
    .products--item_info  h2 a{font-size: 18px}
    .sec-title{margin-bottom: 18px}
    .sec-title .text{font-size: 14px}
}
@media screen and (max-width: 480px) {
    .featured-fluid-section .image-column{display: none}
}

.products__top_box{
    width: 100%;margin-top: 50px;
}
.products__top{
    position: relative;

    padding: 10px 30px;
}
.products__top_img  {max-width: 100%}
.products__top_title {width: 100%; }
.products__top_des{margin-top:20px}

.products-section { position: relative; padding: 90px 0px 30px;box-sizing: border-box;padding: 0 20px }

.products-section .inner-box {
    position: relative;
    background: #ffffff;
    overflow-x: scroll;
    webkit-box-shadow: 0 0 20px 5px rgba(5, 23, 34, .05);
    box-shadow: 0 0 20px 5px rgba(5, 23, 34, .05);padding: 20px;width: 100%;
}
/*Extra pad*/
.pad-top-90 { padding-top: 90px; }
.pad-top-60 { padding-top: 60px; }
.pad-bot-80 { padding-bottom: 80px; }
.pad-bot-50 { padding-bottom: 50px; }
.pg-bg-cl { background-color: #f9f9f9; }
/* pages */
.pages {padding: 20px 0 20px 0;text-align: center;font-size: 12px;color: #666666;}
.pages a:link, .pages a:visited, .pages a:active {background: #FFFFFF;border: #2E74B5 1px solid;padding: 3px;text-decoration: none;}
.pages a:hover {background: #258CFF;border: #258CFF 1px solid;color: #FFFFFF;padding: 3px;text-decoration: none;}
.pages strong {background: #258CFF;padding: 3px;border: #258CFF 1px solid;color: #FFFFFF;}
/***index about****/
.experience_area { padding-top: 120px;padding-bottom: 120px; background-color: #f9f9f9; }
.experience_area .experience_inner .experience_image {position: relative; width: 100%}
.experience_area .experience_inner .experience_image img { width: 100%}
.experience_area .experience_inner .experience_image .year_text {position: absolute;right: 0;bottom:0;background: #ff7523;color: #fff;text-align: center;padding: 20px 13px 22px 13px}
.experience_area .experience_inner .experience_image .year_text h4 {font-size: 50px;line-height: 50px;margin-bottom: 4px}
.experience_area .experience_inner .experience_image .year_text p {margin-bottom: 0;font-size: 15px;line-height: 27px;font-weight: 600;}
.experience_area .experience_inner .experience_text h5 {font-weight: normal;;font-size: 20px;color: #172b56;margin-bottom: 7px}
.experience_area .experience_inner .experience_text h3 {font-size: 35px;line-height: 45px; font-weight: bold;color: #172b56;margin-bottom: 45px;position: relative}
.experience_area .experience_inner .experience_text h3:before {content: "";width: 85px;height: 2px;background: #ff7523;position: absolute;left: 0;bottom: -24px}
.experience_area .experience_inner .experience_text p {font-size: 16px;line-height: 26px;font-weight: 400;margin-bottom: 25px}
.experience_area .experience_inner .experience_text .main_btn {margin-top: 10px}
.experience_area .main_btn {background: #172b56;color: #fff;font-size: 16px;line-height: 48px;font-weight: 400;display: inline-block;padding: 0 37px;border-radius: 26px;-webkit-transition: all 300ms linear 0s;transition: all 300ms linear 0s;}
.experience_btn{ width: 100%;margin-bottom: 30px}
#online {display: none}
@media screen and (max-width: 767px) {
    .experience_area { padding-top: 60px;padding-bottom: 0}
    #online {display: block;width: 70%;margin: 0 15%;position: fixed;background: rgba(243, 243, 243, .9);box-shadow: 0 5px 10px rgb(0 0 0 / 10%);bottom: 40px;height: 40px;border-radius: 80px;z-index: 5;}
    #online a {width: 33.333%;float: left;height: 100%;line-height: 40px;text-align: center;color: #2E74B5;font-size: 20px;position: relative;}
    .main-header .top-bar { display: none}
    .experience_area .experience_inner .experience_image .year_text {position: absolute;right: 0;bottom: -10px;background: #ff7523;color: #fff;text-align: center;padding:15px 10px}
    .experience_area .experience_inner .experience_image .year_text h4 {font-size:30px;line-height:30px;margin-bottom: 4px}
    .experience_area .experience_inner .experience_image .year_text p {margin-bottom: 0;font-size: 15px;line-height: 27px;font-weight: 600;}
    .experience_area .experience_inner .experience_text{ margin-top: 30px;margin-bottom: 30px}
    .container{padding: 0}
    .row {margin: 0}
    .experience_area .main_btn {font-size: 14px;line-height: 48px;font-weight: 400;display: inline-block;padding: 0 18px;border-radius: 26px;-webkit-transition: all 300ms linear 0s;transition: all 300ms linear 0s; }
    }


.home-static{padding:70px 60px;background:#2875b4}
.home-static .list>div{display:flex;flex-direction:column;align-items:center;color:#fff}
@media (min-width:769px){.home-static .list li{width:20%}
}
.home-static .list .num{font-size:50px;font-weight:600;position:relative;line-height:1;padding-bottom:20px}
.home-static .list .num sup{font-size:25px}
.home-static .list .num::after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:40px;height:4px;background:#fff}
.home-static .list .inner{text-transform:capitalize}
.home-static .list .inner{padding:10px 0;font-size:18px;color:#fff}
.home-title-line{position:relative;margin:0 auto;width:20px;height:3px;background:#2e74b5}
.home-title-line::after,.home-title-line::before{content:"";width:90px;height:3px;background:#eee;position:absolute;right:calc(100% + 10px);top:0}
.home-title-line::after{right:auto;left:calc(100% + 10px)}

.inner__title{padding: 30px 50px 20px 50px;font-size: 14px;
    line-height: 16px;
    color: #999;
}
.inner__title a{ color: #999;}
.inner__title a:hover{ color:black;}

#content img{max-width: 100%}

@media screen and (max-width: 767px){
    .inner__title{padding:20px 10px;}
    .inner__title .bread-crumb{width: 100%;white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;}
    .products__top_box{margin-top: 20px}
    .products__top {

        padding: 0;
    }
    .products__top_title{margin-top: 20px}

}


.page-company {
    padding: 50px 0 50px;
}
.about_title {
    text-align: center;
    position: relative;
    padding-bottom: 48px;
    font-size: 48px;
    line-height: 56px;
    font-weight: bold;
}

.about_title::before {
    display: block;
    position: absolute;
    left: 50%;
    bottom: 20px;
    transform: translateX(-2px);
    width: 4px;
    height: 20px;
    background: #505050;
    content: '';
}
.about_title::after {
    display: block;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-2px);
    width: 4px;
    height: 20px;
    background: #2e74b5;
    content: '';
}
.about_content > h4 {width: 100%;text-align: center;font-size: 24px; padding: 15px 0 ;font-weight: lighter;}
.about_content> p{margin-top: 18px;font-size: 16px; line-height: 24px;text-indent: 24px}
.about-img-video img{width: 100%;height: auto}

.vision-sec{display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-pack:justify;justify-content:space-between;background: rgba(46, 116, 181, 0.5)
}
.vision-secL{-ms-flex:none;flex:none;width:50%;padding:108px 70px 100px calc(50vw - 1300px/2);background:url(/skin/2023/bg/vision-bg.jpg) no-repeat left top;background-size:cover;overflow:hidden}
.vision-secR{-ms-flex:none;flex:none;width:50%}
.vision-info-tit{position:relative;padding-left:22px;font-size:32px;line-height:34px;color:#fff}
.vision-info-tit::before{display:block;position:absolute;left:0;top:10px;width:12px;height:12px;background:#2E74B5FF;content:''}
.vision-info-des{margin-top:16px;font-size:18px;line-height:28px;font-weight:500;color:#fff}
.philosophy-sec{margin-top:100px}
.vision-num-list{display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-pack:justify;justify-content:space-between}
.vision-num-item{-ms-flex:none;flex:none;width:33.33%;position:relative;padding:106px 30px 70px 60px}
.vision-num-item::before{display:block;position:absolute;left:27px;top:24px;width:34px;height:34px;background:url(../img/vision-icon.png) no-repeat center;background-size:contain;content:''}
.vision-num-list .vision-num-item:nth-child(even){background:#2E74B5FF}
.vision-num-txt{font-size:40px;line-height:46px;color:#fff}
.vision-num-des{margin-top:10px;font-size:18px;line-height:26px;font-weight:500;color:#fff}

.about_specificities{margin-top:40px}
.about-specificities_show .box{flex:none;margin-top:32px;position:relative;padding:130px 44px 58px;width:100%;min-height:362px;font-size:16px;line-height:24px;color:#666;background:#fff;box-shadow:0 2px 30px 0 rgba(0,0,0,.1);transition:all .3s}
.about-specificities_show .box strong{display:block;width:100%;font-size:18px;line-height:26px;margin-bottom:20px}
.about-specificities_show .box::after{display:block;position:absolute;left:0;top:0;width:16px;height:16px;background:#2e74b5;content:''}
.about-specificities_show .box::before{display:block;position:absolute;left:44px;top:64px;font-family:iconfont;font-size:54px;color:#2e74b5}
.about-specificities_show >div:nth-child(1) .box::before{content: '\e6d4'}
.about-specificities_show >div:nth-child(2) .box::before{content: '\e6fd'}
.about-specificities_show >div:nth-child(3) .box::before{content: '\e65c'}
.about-specificities_show >div:nth-child(4) .box::before{content: '\e6f2'}
.about-specificities_show >div:nth-child(5) .box::before{content: '\e6f7'}
.about-specificities_show >div:nth-child(6) .box::before{content: '\e6c8'}

.about-help-box{margin-bottom:40px}
.about-help-list{display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-pack:justify;justify-content:space-between;padding-top:80px}
.about-help-item{-ms-flex:none;flex:none;width:23.8%;margin-top:20px;border-top:1px solid #2e74b5;background:#fff;box-shadow:0 2px 30px 0 rgba(0,0,0,.1);transition:all .3s}
.help-a{display:block;position:relative;padding:45px 38px;min-height:180px}
.help-tit{font-size:24px;line-height:28px;transition:all .3s;color:#000}
.help-a .iconfont{display:block;width:30px;margin-top:12px;font-size:18px;line-height:18px;color:#999;transition:all .3s}
.about-help-item:hover .help-a .iconfont,.about-help-item:hover .help-tit{color:#2e74b5}
.about-help-item:hover{transform:translateY(-4px)}
.help-a::after{display:block;position:absolute;right:22px;bottom:16px;width:30px;height:30px;background:rgba(46,116,181,.07);content:'';z-index:1}
.help-a::before{display:block;position:absolute;right:32px;bottom:30px;font-family:iconfont;font-size:42px;color:#2e74b5;z-index:2}
.about-help-list .about-help-item:nth-child(1) .help-a::before{content:'\e6d4'}
.about-help-list .about-help-item:nth-child(2) .help-a::before{content:'\e6f9'}
.about-help-list .about-help-item:nth-child(3) .help-a::before{content:'\e6fe'}
.about-help-list .about-help-item:nth-child(4) .help-a::before{content:'\e6ef'}


@media screen and (max-width: 768px) {
    .about-help-item {
        width: 49%;
    }
    .about_title{ font-size: 26px;padding-bottom: 40px}
    .about_content > h4{font-size: 16px}
    .about_title:before,.about_title:after{height: 14px}
    .about_title:before{bottom: 14px}
    .page-company {
        padding: 52px 0 35px;
    }
}
@media screen and (max-width: 1440px)
{
    .vision-secL {
        padding: 94px 60px 74px 4rem;
    }
}
@media screen and (max-width: 1280px)
{
    .vision-secL {
        padding: 80px 50px 64px 2rem;
    }
}
@media screen and (max-width: 800px)
{
    .vision-secL {
        padding: 24px 2rem;
        width: 100%;
    }
    .vision-info-tit {
        font-size: 22px;
    }
    .vision-secR {
        width: 100%;
    }
    .philosophy-sec{
        margin-top: 0;
    }
    .vision-num-item {
        padding: 40px 2rem 24px;
    }
    .about_specificities{margin-top: 20px}
}
@media screen and (max-width: 600px){
    .vision-secL {
        padding: 24px 1rem;
    }
    .vision-info-tit {
        padding-left: 16px;
        font-size: 17px;
        line-height: 24px;
    }
    .vision-num-item {
        padding: 24px 1rem 22px;
        width: 50%;
    }
    .vision-num-txt {
        font-size: 20px;
        line-height: 24px;
    }
    .vision-num-des {
        margin-top: 4px;
        font-size: 15px;
        line-height: 22px;
    }
    .vision-num-list .vision-num-item:nth-child(2) {
        background: #2e74b5;
    }
    .vision-num-list .vision-num-item:nth-child(3) {
        background: #2e74b5;
    }
    .vision-num-list .vision-num-item:nth-child(4) {
        background: none;
    }
    .vision-num-list .vision-num-item:nth-child(6) {
        background: #2e74b5;
    }
}

.product_category{display: inline-flex;justify-content: center;width: 100%;margin-bottom: 40px}
.product_category a{padding: 10px 15px;border: 1px solid #2e74b5;margin: 0 7px;transition: all .1s ease;
    -webkit-transition: all .1s ease;border-radius: 5px}
.product_category a:hover{background:#2e74b5;color: white}
.company-image-box{width: 100%;position: relative;margin-bottom:40px}

.company-image-box .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.company-image-box .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.des-title{font-size: 28px;padding-bottom: 20px;font-weight: bold}

.products--item .des{min-height:40px;max-height:40px;line-height: 20px;overflow: hidden}