@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700&subset=latin-ext');
html, body {
    height: 100%;

}

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

a {
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    text-decoration:none;
}


.btn
.btn:hover,
.btn:active,
.btn:focus
{
    outline: none !important;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

a:focus {
    outline:0px solid;
}


a:active, a:hover {
    outline: 0 none;
    color:inherit;
}

a:hover, a:focus {
    text-decoration: none;
}


body {
    background: #ffffff;
    font-family: 'Poppins', sans-serif;
    font-size: 15px;
}


body,
a{
    color: #333333;
}

* {
    outline: none !important;
}



#scrollUp {
    background-color: #517cbd;
    bottom: 25px;
    color: #ffffff;
    display: block;
    font-size: 18px;
    height: 45px;
    line-height: 45px;
    position: fixed;
    right: 120px;
    text-align: center;
    text-decoration: none;
    width: 45px;
    z-index: 99999;
    border-radius: 50%;
    display: none;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}


.page-loading {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 999;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.page-wrapper {
    overflow: hidden;
}



.header-top-content {
    height: 45px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.header-top-content .main-title {
    font-size: 20px;
}

/*.top-column:first-child {
    padding-left:125px;
}*/


.top-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-right: 1px solid #106692;
    border-left: 1px solid #106692;
    align-items: center;
    padding: 0 20px;
    color: #efefef;
    font-size:14px;
}

.top-block a {
    color: #efefef;
}




.top-block+.top-block {
    border-left: none;
}


.top-icon i {
    color: #fff;
    margin-right: 3px;
}

.top-icon:hover {
    color: #fff;
}

.top-search {
    padding-left: 0;
    padding-right: 10px;
}

.top-search input {
    width: 200px;
    height: 45px;
    border-radius: 0;
    border:none;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    padding-right: 35px;
    background-color: #f9f9f9;
}

.top-search button {
    position: absolute;
    border:none;
    background-color: transparent;
    right: 2px;
    top:0;
    height: 45px;
    font-size: 20px;

}

.top-login{
    border:none;
    align-items: baseline;
    padding:0px;
}

.top-login .btn {
    height: 100%;
    align-items: center;
}



.top-lang a {
    font-size: 17px;
}

.top-lang img {
    height: 30px;
    padding:2px;
    background-color: #fff;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
}

.top-lang a:hover img {
    background-color: #333;
}

.top-social a {
    /* display: inline-block; */
    width: 32px;
    height: 32px;
    /* line-height: 27px; */
    border-radius: 100%;
    text-align: center;
    background-color: #fff;
    color:#444444;
    padding: 2px;
}



.top-social a+a {
    margin-left: 10px;
}

.top-social a:hover {

    background-color: #333;
}


.header-bottom {
    padding: 10px 0 20px;
    background-color: #fff;
    position: relative;
    z-index: 1;
}

/*.logo{
    display: block;
    background-color: #fff;
    border-radius: 100%;
    margin-top: -35px;
    width: 115px;
    height: 115px;
    text-align: center;
    border: 1px solid #f1f1f1;
    box-shadow: 2px 2px 3px rgba(0,0,0,.10);
}


.logo img {
    height: 95px;
    width: auto;
    margin-top: 9px;
    display: inline-block;
}*/

.logo{
    margin-top: 8px;
}


.logo img {
    height: 75px;
    width: auto;
    display: inline-block;
}

.logo.unitLogo {
    margin-top: 20px;
}

.logo.unitLogo img {
    height: 60px;
}

.header-icons ul {
    margin: 0;
    padding:0;
    margin-top: 22px;
}

.header-icons ul li{
    list-style: none;
    display: block;
    float: left;
    border-right: 1px solid #f1f1f1;
    padding-right: 25px;
    margin-right: 25px;
}

.header-icons ul li .media svg {
    height: 40px;
    margin-right: 10px;
    fill: #5f5f5f;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
}



.header-icons ul li .media .title {
    font-size: 15px;
    margin-bottom: 0;
    line-height: 18px;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    color: #5f5f5f;
}

.header-icons ul li:last-child {
    padding-right:0;
    margin-right:0;
    border-right:none
}



.header-menu {
    position: relative;
    z-index: 2;
    background-color: #2b2171;
}


.header-menu .desktop-menu {
    position: relative;
}


.header-menu .desktop-menu ul {
    padding:0;
    margin:0;
    position:relative;
    display: inline-block;
    border-right: none;
    font-size: 0;
}




.header-menu .desktop-menu:after {
    position: absolute;
    content: '';
    left: 100%;
    top: 0px;
    height: 100%;
    width: 2000px;
    background-color: #ffffff;
    border-top: 1px solid #f1f1f1;
}




.header-menu .desktop-menu > ul > li {
    list-style:none;
    display: inline-block;
    border-right: 1px solid rgba(0,0,0,.20);
    padding:0;
    position: relative;

}

.header-menu .desktop-menu > ul > li:first-child{
    border-left: 1px solid rgba(0,0,0,.20);
}

.header-menu .desktop-menu > ul > li:last-child{
    border-right:none;
}

.header-menu .desktop-menu ul li a {
    display:block;
    padding: 17px 24px;
    color: #ffffff;
    font-size: 16px;
    font-weight: 500;
    position: relative;
}



.header-menu .desktop-menu ul li a i {
    margin-left: 5px;
}




.header-menu .desktop-menu > ul > li:last-child > a{
    /* padding-right: 29px; */
}
.header-menu .desktop-menu > ul > li:last-child > a:hover{
    /* background-color: transparent; */
}

.header-menu .desktop-menu ul li a:hover:after{
    width: 100%;
}






.header-menu .desktop-menu ul li.btn {
    border-right:none;
    background: transparent;
}

.header-menu .desktop-menu ul li.btn a {
    padding: 9px 25px;

    font-weight:500;
    margin-top: 4px;
}


.header-menu .desktop-menu ul li ul {
    position: absolute;
    left: 0px;
    width: 280px;
    background-color: #fff;
    -webkit-box-shadow: 2px 2px 5px rgba(0,0,0,.20);
    -moz-box-shadow: 2px 2px 5px rgba(0,0,0,.20);
    box-shadow: 2px 2px 5px rgba(0,0,0,.20);
    display: block;
    border: none;
    margin-top: 10px;
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    border-left: 3px solid;
}


.header-menu .desktop-menu ul li:hover ul{
    visibility: visible;
    opacity: 1;
    margin-top: 0;
}


.header-menu .desktop-menu ul li ul li {
    display: block;
    position: relative;
    float: none;
    border: none;
}

.header-menu .desktop-menu ul li ul li a {
    color:#333333;
    padding: 11px 15px;
    border-bottom: 1px dotted #ececec;
    margin-bottom: 0px;
    font-size: 15px;
    font-weight: 500;
}


.header-menu .desktop-menu ul li ul li a:before{
    display: inline-block;
    content: "\f149";
    margin-right: 5px;
    font-family: "Flaticon";
    font-size: 7px;
    -webkit-transform: translateY(-2px);
    -moz-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    -o-transform: translateY(-2px);
    transform: translateY(-2px);
}

.header-menu .desktop-menu ul li ul li:last-child a{
    border-bottom: none;
}

.header-menu .desktop-menu ul li ul li a:hover {
    color:#ffffff;
}

.header-menu .btn-area {
    display: inline-block;
    position:relative;
    float: right;
}

.header-menu .btn-area a {
    display: inline-block;
    position:relative;
    padding: 16px 23px;
    color:#fff;
    font-size: 17px;
}



.last-search {
    border:none;
    padding:0;
    margin:0;
    position: absolute;
    right: 0px;
    color: #fff;
    top: 0px;
    font-size: 15px;
    border-left: 1px solid #ced4da;
    height: 100%;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 0 5px 5px 0;
    cursor: pointer;
}


.header-top {
    background: #071c34;
}
.header-top-right {
    position: relative;
    display: inline-block;
    z-index: 2;
    width: 100%;
    text-align: right;
}
.header-top-right::before {
    position: absolute;
    content: "";
    width: 5000px;
    left: 0;
    background: #fff;
    height: 160%;
    top: 0;
    transform: skew(-49deg);
    z-index: -1;
    border-radius: 0px 0px 0px 34px;
}
.header-bar-inner {
    display: inline-block;
    width: 100%;
    padding-top: 22px;
    text-align: center;
}
.header-left {
    display: inline-block;
    color: #fff;
}
.header-left ul {
    display: inline-block;
    margin: 0;
}
.header-left li {
    padding-right: 40px;
    position: relative;
    display: inline-block;
    color: #fff;
    position: relative;
}
.header-left li::before {
    content: "";
    height: 14px;
    width: 1px;
    background: #989898;
    position: absolute;
    right: 20px;
    top: 4px;
}
.header-left li:last-child:before{
    display:none;
}
.header-left li:last-child{padding-right:0}
.header-left li i {
    color: #ffffff;
    margin-right: 6px;
}
.header-right-div {
    display: inline-block;
    text-align: right;
    margin-top: 23px;
}
.header-right {
    text-align: right;
    position: relative;
    z-index: 1;
    padding: 10px 0;
    display: inline-block;
    z-index:99
}
.soical-profile ul,
.soical-profile li {
    display: inline-block;
    margin: 0;
}
.soical-profile li a i {
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    border-radius: 100%;
    display: inline-block;
    background-color: #ddd;
    margin-left: 7px;
}
.soical-profile li a i:hover {
    background: #071c34;
    color: #fff;
}

/*
4.Menu  Section
=================*/
.hd-sec {
    background: #fff;
    border-bottom: 1px solid #efefef;
}
.responsive-logo {
    display: none;
}


.social-title {
    display: inline-block;
    color: #322f2f;
    font-weight: 500;
}
.nav-menu {
    padding-left: 0;
}
.menu {
    display: inline-block;
    position:relative;
    margin-left: 0px;
}
.main-menu {
    display: inline-block;
    text-align: left;
}

.main-menu ul {
    margin : 0;
    padding : 0;
    position : relative;
    font-size: 0px;
}
.main-menu ul li {
    display: inline-block;
    padding: 0 8px;
    position: relative;
    font-size: 15px;
}
.main-menu ul li.active{
    position: relative;
}
.main-menu > ul > li > a:after {
    position: absolute;
    content: "";
    height: 2px;
    left: 0px;
    top: 24px;
    right: 0px;
    width: 0;
    transition: all 0.4s ease 0s;
}

.main-menu ul li > a:hover:after,
.main-menu ul li.active > a:after{
    width: 100%;
}


.main-menu ul li a {
    display: block;
    padding: 35px 0px;
    text-decoration: none;
    text-transform: capitalize;
    /*transition: all 0.4s ease 0s;*/
    position: relative;
    font-weight: 600;
    transition: none;
}
.main-menu ul li ul:hover .main-menu ul li a{
    background: #fafafa;
}

.main-menu ul li a:hover {
    transition : all 0.4s 0s ease;
}
.main-menu ul ul {
    background: #fff none repeat scroll 0 0;
    left: 12px;
    opacity: 0;
    position: absolute;
    text-align: left;
    top: 120px;
    visibility: hidden;
    z-index: 99999;
    padding: 10px;
    border-top: 2px solid;
    border-left: 3px solid #f9f9f9;
    border-bottom: 3px solid #f9f9f9;
    border-right: 3px solid #f9f9f9;
}
.main-menu > ul > ul {
    transition: all 0.3s ease 0s;
}
.main-menu ul ul li {
    float : none;
    width : 240px;
}
.main-menu ul ul li ul {
    visibility: hidden !important;
}
.main-menu ul ul li i {
    float: right;
}
.main-menu ul ul li:hover ul{
    visibility: visible !important;
    top : -1px;
    /*transition: all 0.3s ease 0s;*/
    opacity:1;
}
.main-menu ul ul li a {
    line-height: 120%;
    padding: 10px 0px;
    color: #071c34;
    font-size: 15px;
    border-bottom: 1px solid #f2f2f2;
}
.main-menu ul > li > ul > li:last-child > a{
    border-bottom:0px;
}

.main-menu ul ul li a:hover {
    background:#fff;
}


.main-menu ul ul ul {
    left: 90%;
    /*transition: all 0.3s ease 0s;*/
    opacity: 0;
    border: 1px solid #e2e2e2;
    margin-left: 13px;
    border-left: 2px solid #008ad1;
    top: 0px !important;
}


.main-menu ul li:hover ul {
    visibility: visible;
    opacity: 1;
    top: 85px;
}
.main-menu > ul > li:hover > ul {
    transition: all 0.4s ease 0s;
}

.main-menu ul ul li:hover ul{
    /*left: 100%;*/
    left: 90%;
}

.main-menu ul li a i {
    position: absolute;
    bottom: 20px;
    left: 50%;
    margin-left: -2px;
}

.main-menu ul li ul li a {
    line-height: 120%;
    padding: 10px 0px;
    color: #071c34;
    font-size: 15px;
    border-bottom: 1px solid #f2f2f2;
}

.main-menu ul li ul li a i {
    position: absolute;
    bottom: 10px;
    left: inherit;
    right: 0;
    margin-left: 0;
}


.search-bar-icon{
    display: inline-block;
    padding: 30px 0px;
    position: relative;
}
.site-search span {
    display: inline-block;
    width: 30px;
    height: 30px;
    text-align: center;
    cursor: pointer;
    transition: all 0.4s ease 0s;
    line-height: 30px;
    position:relative;
}
.site-search span::before {
    position: absolute;
    content: "";
    height: 50%;
    width: 1px;
    background: #ddd;
    left: -8px;
    top: 8px;
    display: none;
}
.site-search.open span i.icofont-search-1::before {
    content: "\eedd" !important;
}
.site-search i {
    font-size: 23px;
}
.search-forum > form {
    display: block;
    background: #fff;
    padding: 0;
    position: relative;
}
.search-forum input[type="text"] {
    padding: 10px 70px 10px 10px;
    border: 1px solid #ddd;
}
.search-forum input[type="submit"] {
    padding: 10px;
    background: #22253a;
    color: #fff;
}
.search-forum {
    left: -257px !important;
    position: absolute;
    top: 77px !important;
    transition: all 0.4s ease 0s;
    z-index: 2;
    min-width: 317px;
}
.search-forum.dropdown-menu {
    padding: 10px 15px;
    border: 0px;
    z-index: 9;
    background: #efefef;
}
.animation{
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes slideUpIn {
    0% {

        -webkit-transform: translateY(40px);
    }
    100% {

        -webkit-transform: translateY(0);
    }

    0% {
        -webkit-transform: translateY(40px);
    }
}

@keyframes slideUpIn {
    0% {
        transform: translateY(40px);
    }
    100% {
        transform: translateY(0);
    }
    0% {
        transform: translateY(40px);
    }
}

.slideUpIn {
    -webkit-animation-name: slideUpIn;
    animation-name: slideUpIn;
}
.hd-sec.sticky_menu {
    left: 0;
    right: 0;
    top: 0;
    position: fixed;
    z-index: 9999;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
    background:#fff;
}
.applay-button {
    position: relative;
    padding: 20px  0;
    display: inline-block;
    width: 100%;
    text-align: right;
    z-index: 8;
}
.applay-button > a {
    padding: 11px 7px;
    display: inline-block;
    font-weight: 500;
    margin-top: 5px;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
}
.applay-button a .lnr.lnr-phone-handset{
    margin-right:10px;
}
.applay-button a .lnr.lnr-arrow-right{
    margin-left:10px;
}
.applay-button a i {
    color: #fff;
    margin-right: 10px;
    font-size: 22px;
}
.applay-button > a:hover,
.applay-button > a:focus{
    color:#fff;
}


.banner-slider {
    /* width: 700px; */
    /* background-color: #ffffff; */
    /* float: left; */
    /* padding: 10px; */
    /* -webkit-box-shadow: 2px 2px 5px rgba(0,0,0,.30); */
    -moz-box-shadow: 2px 2px 5px rgba(0,0,0,.30);
    /* box-shadow: 2px 2px 5px rgba(0,0,0,.30); */
}

.banner-block {
    width: 370px;
    float: right;
}

.banner-block .block{
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    border-left: 5px solid transparent;
    background-color: #ffffff;
    margin-bottom: 28.7px;
    -webkit-box-shadow: 2px 2px 5px rgba(0,0,0,.30);
    -moz-box-shadow: 2px 2px 5px rgba(0,0,0,.30);
    box-shadow: 2px 2px 5px rgba(0,0,0,.30);
    border-radius: 5px;
}

.banner-block .block a {
    display: block;
}


.banner-block .block:last-child{
    margin-bottom:0;
}

.banner-slider .news-detail {
    padding: 10px 0 0;
    display: table;
    width: 100%;
}

.banner-slider .news-date {
    text-align: center;
    color: #fff;
    display: table-cell;
    width: 120px;
}

.banner-slider .news-date span {
    display: block;

}

.banner-slider .news-date span.day {

    font-size: 25px;

    line-height: 45px;


    float: left;

    display: inline-block;

    height: 45px;

    text-align: center;

    padding: 0 8px;
}

.banner-slider .news-date span.month{

    font-size: 12px;

    float: left;

    line-height: 22px;

    display: inline-block;

    background-color: #848484;

    width: 61px;

    height: 45px;
}

.banner-slider .news-date span.year {

    font-size: 12px;
}


.banner-slider .news-image{
    overflow: hidden;
    position: relative;
}

.banner-slider .news-image .overlay{
    position: absolute;
    left: 0;
    top:0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.7);
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    opacity: 0;
    visibility: hidden;
}

.banner-slider .news-item:hover .news-image .overlay{
    opacity: 1;
    visibility: visible;
}

.banner-slider .news-image .overlay span {
    display: inline-block;
    position: absolute;
    left: 50%;
    top:50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    padding:7px 20px;
    background-color: #ffffff;
    border-radius: 5px;
}

.banner-slider .news-title {
    display: table-cell;
    padding: 0;
    margin: 0;
    vertical-align: middle;
    padding-right: 15px;
}

.banner-slider .news-title h3 {
    margin:0;
    padding:0;
    font-weight: 500;
    font-size: 19px;
    line-height: 24px;
    height: 48px;
    overflow: hidden;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
}


.banner-block .block .media .img{
    padding: 0 11px 0 6px;
}

.banner-block .block .media img {
    height: 70px;
}

.banner-block .block .media .title {
    margin:0;
    font-size: 14px;
    height: 59px;
    overflow: hidden;
    line-height: 19px;
    color: #3e3e3e;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
}


.banner-block .block .media .date {
    font-size:13px;
    font-weight: 500;
}

.banner-block .block .media-body {
    padding: 5px 5px 6px 0;
}



.single-service-style-two {
    overflow: hidden;
    position: relative;
    background-color: #fff;
}
.single-service-style-two .img-box > img {width: 100%;}
.single-service-style-two .overlay {
    position: absolute;
    top: 0;
    left: 0;
    bottom:inherit;
    width: 100%;
    padding: 10px 10px;
    background: rgba(0, 0, 0, .8);
    transition: all 0.4s ease-in-out;
    transform: translateY(0%);
    text-align: center;
    min-height: 150px;
}
.single-service-style-two .overlay .icon-box, .single-service-style-two .overlay .text-box {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
}
.single-service-style-two .overlay .icon-box {
    margin-bottom: 10px;
}
.single-service-style-two .overlay .icon-box i {
    font-size: 41px;
    line-height: 1em;
    display: block;
    position: relative;
    top: 1px;
}
.single-service-style-two .overlay .text-box {display: block;}
.single-service-style-two .overlay .text-box h3 {
    margin: 0;
    color: #f2f2f2;
    font-size: 17px;
    line-height: 25px;
    font-weight: 600;
}
.single-service-style-two .hover {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0 20px;
    background: rgba(0, 0, 0, .8);
    opacity: 0;
    transition: all 0.4s ease-in-out;
    transform: translateY(-40%);
    border-top: 5px solid;
}
.single-service-style-two .hover .box {
    display: table;
    width: 100%;
    height: 100%;
}


.bottom-title-box h3{
    font-size: 23px;
    font-weight: 600;
    letter-spacing: 2px;
    padding-bottom: 20px;
    position: relative;
    border:1px solid;
    border-top:none;
}

.bottom-title-box h3 svg{
    height: 40px;
    width: 40px;
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    transform: translateY(10px);
}


.single-service-style-two .hover .box .content {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}


.single-service-style-two .hover .icon-box, .single-service-style-two .hover .text-box {
    display: inline-block;
    vertical-align: top;
}


.single-service-style-two .hover .icon-box {
    margin-bottom: 20px;
}


.single-service-style-two .hover .icon-box i {
    font-size: 41px;
    line-height: 1em;
    display: block;
    position: relative;
    top: 5px;
}


.single-service-style-two .hover .text-box {
    padding-left: 0;
}


.single-service-style-two .hover .text-box h3 {
    margin: 0;
    color: #f2f2f2;
    font-size: 18px;
    line-height: 25px;
    font-weight: 600;
}
.single-service-style-two .hover .text-box p {
    margin: 0;
    font-size: 14px;
    line-height: 20px;
    color: #fff;
    margin-bottom: 5px;
    margin-top: 15px;
}


.single-service-style-two .hover .text-box .arrow {

}

.single-service-style-two .hover .text-box .more {
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    line-height: 1em;
    transition: all 0.4s ease;
    margin-left: 0;
}
.single-service-style-two .hover .text-box .more i {
    display: inline-block;
    vertical-align: middle;
}
.single-service-style-two .hover .text-box .more:hover {
    margin-left: 0px;
}
.single-service-style-two:hover .overlay {
    transform: translateY(100%);
    opacity: 0;
}
.single-service-style-two:hover .hover {
    opacity: 1;
    transform: translateY(0%);
}


.main-block {
    padding:0;
    padding-bottom: 36px;
    background: #efefef url(../images/dotted-map.png) no-repeat;
    background-position: left top;
    padding-top: 71px;
}


.main-block-list {

    z-index: 5;
}

.main-block-list .main-service {
    padding: 6px;
    background-color: #fff;
    position: relative;
    margin-top: 0;
    border-radius: 5px;
    z-index: 5;
}

.about-style-one {
    padding: 50px 0 90px;
    background: #fff;
}

.about-style-one p {
    margin: 0;
    margin-top: 30px;
}

.about-style-one p.highlighted {
    font-size: 30px;
    line-height: 36px;
    color: #ffaa01;
    margin-top: 30px;
}
.about-style-one .phone-block {
    background: #2b2171;
    margin-top: 50px;
    border-radius: 40px;
}
.about-style-one .phone-block .icon-block,
.about-style-one .phone-block .text-block {
    display: table-cell;
    vertical-align: middle;
}
.about-style-one .phone-block .icon-block {
    background: rgba(255,255,255,.1);
    text-align: center;
    padding: 7px 35px;
}
.about-style-one .phone-block .icon-block i {
    font-size: 35px;
    display: block;
    color: #ffffff;
}
.about-style-one .phone-block .text-block {
    padding-left: 60px;
}
.about-style-one .phone-block .text-block h3,
.about-style-one .phone-block .text-block p {
    margin: 0;
}
.about-style-one .phone-block .text-block p {
    font-size: 20px;
    font-weight: 600;
    color: #b1bec5;
}
.about-style-one .phone-block .text-block h3 {
    font-size: 33px;
    font-weight: 600;
    color: #fff;
}
.about-style-one .image-block-wrapper {
    position: relative;
    display: inline-block;
}
.about-style-one .image-block-wrapper .bubbled-text-block {
    position: absolute;
    top: 45px;
    left: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 170px;
    height: 170px;
    border-radius: 50%;
    background: #ffaa01;
    text-align: center;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}
.about-style-one .image-block-wrapper .bubbled-text-block .inner-box {
    display: block;
    width: 100%;
}
.about-style-one .image-block-wrapper .bubbled-text-block:before {
    content: '';
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #ffaa01;
    position: absolute;
    right: 25px;
    bottom: 0;
    -webkit-transform: rotate(-30deg);
    transform: rotate(-30deg);
    -webkit-transform-origin: bottom left;
    transform-origin: bottom left;
}
.about-style-one .image-block-wrapper .bubbled-text-block i {
    font-size: 60px;
    display: block;
}
.about-style-one .image-block-wrapper .bubbled-text-block h3 {
    margin: 0;
    font-weight: 600;
    font-size: 20px;
    margin-top: 7px;
    line-height: 35px;
}
.about-style-one .image-block-wrapper .image-block-two {
    position: absolute;
    right: 86px;
    bottom: -45px;
    left: 98px;
}
.about-style-one .image-block-wrapper .image-block-two:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 8px solid #fff;
}


.sec-title {
    margin-bottom: 50px;
}
.sec-title span.tag-line {
    text-transform: uppercase;
    color: #7f8284;
    font-size: 16px;
    font-weight: 600;
    display: inline-block;
    border-bottom: 2px solid #2b2171;
    letter-spacing: .2em;
}
.sec-title span.tag-line.light {
    color: #b1bec5;
}
.sec-title h2 {
    font-size: 23px;
    font-weight: 600;
    margin: 0;
}
.sec-title h2.light {
    color: #fff;
}

.parallax {
    background-size: cover;
    background-attachment: fixed;
}

.online-area {

    /*
            background: rgb(18,172,176);
            background: -moz-radial-gradient(circle, rgba(18,172,176,1) 0%, rgba(72,104,238,1) 100%);
            background: -webkit-radial-gradient(circle, rgba(18,172,176,1) 0%, rgba(72,104,238,1) 100%);
            background: radial-gradient(circle, rgba(18,172,176,1) 0%, rgba(72,104,238,1) 100%);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#12acb0",endColorstr="#4868ee",GradientType=1);


    /*
            background-color: #8EC5FC;
            background-image: linear-gradient(62deg, #8EC5FC 0%, #E0C3FC 100%);
            */



    padding: 50px 0 70px;

    position: relative;

    box-shadow: inset 0px 0px 10px rgba(0,0,0,.50);

    -moz-box-shadow: inset 0px 0px 10px rgba(0,0,0,.50);

    -webkit-box-shadow: inset 0px 0px 10px rgba(0,0,0,.50);

    -o-box-shadow:inset 0px 0px 10px rgba(0,0,0,.50);

}
.online-area:before {
    content: "";
    position: absolute;
    z-index: 1;
    background: rgba(0,0,0,.6);
    width: 100%;
    height: 100%;
    left: 0;
    top:0;
}


.online-area > .container {
    z-index: 2;
    position: relative;
}

.online-area .section-title {
    text-align: center;
    margin-bottom: 50px;
    color: #ffffff;
    letter-spacing: 4px;
}

.online-area .list {
    position: relative;
    padding: 8px 10px;
    text-align: center;
    overflow: hidden;
    border-bottom: 3px solid #ffffff;
    display: table;
    width: 100%;
    z-index: 99;
    background-color: rgba(255, 255, 255, 0.3);
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
}


.online-area .list:before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 144px 163px 0 0;
    border-color: rgba(255,255,255,.1) transparent transparent transparent;
    z-index: 1;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
}

.online-area .list i {
    line-height: 55px;
    color: #fff;
    font-size: 45px;
    position: relative;
    display: table-row;
    z-index: 9;
    margin-top: 10px;
}



.online-area .owl-item:nth-child(1) .list{
    border-bottom-color: rgba(194, 54, 22, 1);
}

.online-area .owl-item:nth-child(2) .list{
    border-bottom-color: rgba(29, 209, 161, 1);
}


.online-area .owl-item:nth-child(3) .list{
    border-bottom-color: rgba(95, 39, 205, 1);
}

.online-area .owl-item:nth-child(4) .list{
    border-bottom-color: rgba(255, 159, 67, 1);
}


.online-area .owl-item:nth-child(5) .list{
    border-bottom-color: rgba(75, 123, 236, 1);
}

.online-area .owl-item:nth-child(6) .list{
    border-bottom-color: rgba(255, 71, 87, 1);
}

.online-area .owl-item:nth-child(1) .list:hover {
    background-color: rgba(194, 54, 22, 1);
}

.online-area .owl-item:nth-child(2) .list:hover {
    background-color: rgba(29, 209, 161, 1);
}

.online-area .owl-item:nth-child(3) .list:hover {
    background-color: rgba(95, 39, 205, 1);
}

.online-area .owl-item:nth-child(4) .list:hover {
    background-color: rgba(255, 159, 67, 1);
}

.online-area .owl-item:nth-child(5) .list:hover {
    background-color: rgba(75, 123, 236, 1);
}

.online-area .owl-item:nth-child(6) .list:hover {
    background-color: rgba(255, 71, 87, 1);
}




.online-area .list .content {
    padding: 15px 10px 5px;
    border-top: 1px solid rgba(255,255,255,.2);
    position: relative;
    z-index: 5;
    display: table-cell;
    width: 100%;
    vertical-align: middle;
}

.online-area .list  .title {
    color:#fff;
    margin: 0;
    font-weight: 400;
    letter-spacing: 1px;
    font-size: 16px;
}

.online-area .owl-nav {
    display: inline-block;
    position: absolute;
    top: -104px;
    right: 0;
    z-index: 10;
}

.online-area .owl-nav button {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background-color: rgba(255,255,255, .5);
}


.news-area {
    padding: 50px 0 30px;
    background: url(../images/client-bg.jpg) no-repeat;
    background-size: cover;
}

.event-tab {
    display: block;
    position: relative;
    background-color: #ffffff;
    padding: 0px;
    box-shadow: 0px 0px 10px rgba(102, 108, 119, .2);
    border: 1px solid #e8e8e8;
    margin-bottom: 10px;
}



.event-tab li {
    float: left;
    width: 33.3333%;
    display: block;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 2px;
    text-align: center;
    border-right: 20px dashed transparent;
    position: relative;
    padding: 10px 0;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    color: #fff;
}

.event-tab li i {
    margin-right:10px;
}

.event-tab li:last-child a{
    border:none;
}


.event-tab li a span {
    display: block;
    position: relative;
    z-index: 2;
}

.event-tab li a:before {
    content: "";
    width: 100%;
    height: 0px;
    position: absolute;
    bottom: 0px;
    left: 0;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
}


.event-tab li:nth-child(1) {
    background-color: rgba(194, 54, 22, 1);
}

.event-tab li:nth-child(2){
    background-color: rgba(29, 209, 161, 1);
}

.event-tab li:nth-child(3) {
    background-color: rgba(255, 159, 67, 1);
}




.notice-area {
    padding: 10px 0;
    height: 382px;
}

.notice {
    background-color: #ffffff;
    border:1px solid #ededed;
    padding: 10px;

}

.notice+.notice{
    margin-top: 20px;
}

.notice .icon{
    border-left: 2px solid rgba(194, 54, 22, 1);
    margin-right: 10px;
}

.notice .icon img {
    height: 80px;
}

.notice .title {
    font-size: 14px;
    font-weight: 500;

    line-height: 20px;
    margin-bottom: 4px;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    height: 59px;
    overflow: hidden;
}

.notice .date {
    color: #969696;
    font-size: 14px;
}



.notice .date i {
    color: rgba(194, 54, 22, 1);
}



.notice .more {
    display: inline-block;
    margin-left: 15px;
    font-size: 14px;
    color: rgba(194, 54, 22, 1);
    float: right;
}


.notice:hover .title {
    color:rgba(194, 54, 22, 1);
}

.event-area {
    padding: 10px 0;
    height: 382px;
}

.event-big {
    position: relative;
    overflow: hidden;

}

.event-big .big-detail {
    position: absolute;
    width: 100%;
    height: 100%;
    top:0;
    left: 0;
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 77%, rgba(0,0,0,1) 100%);
    /* background: -webkit-linear-gradient(top, rgba(0,0,0,0) 77%,rgba(0,0,0,1) 100%); */
    background: linear-gradient(to bottom, rgba(0,0,0,0) 77%,rgba(0,0,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
}
.event-big img {
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
}
.event-big .big-detail .title {
    font-size: 24px;
    font-weight: 600;
    color:#fff;
    line-height: 30px;
    letter-spacing: 1px;
    border-bottom: 1px solid rgba(255,255,255,.3);
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.event-big .big-detail .bottom-detail {
    padding: 25px 25px 10px;
    position: absolute;
    bottom: -42px;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
}

.event-big .marker,
.event-big .more,
.event-big .hour {
    color:#ffffff;
    font-size: 13px;
    font-weight: 300;
}

.event-big .marker i,
.event-big .hour i{
    color:rgba(29, 209, 161, 1);
}

.event-big .more {
    float: right;
}

.event-big .hour {
    margin-left: 10px;
}

.event-big .date {
    position: absolute;
    left: 20px;
    top: 20px;
    display: inline-block;
    padding: 8px 20px;
    background-color: rgba(29, 209, 161, 1);
    border-radius: 25px;
    color: #fff;
    font-size: 16px;
}


.event-big:hover .bottom-detail {
    bottom: 0;
}

.event-big:hover .big-detail {
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 47%, rgba(0,0,0,1) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 47%,rgba(0,0,0,1) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 47%,rgba(0,0,0,1) 100%);
}
.event-small {
    padding: 9px;
    background-color: #ffffff;
    border: 1px solid #ededed;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
}

.event-small+.event-small{
    margin-top: 9px;
}

.event-small img {
    width: auto !important;
    height: 60px;
    display: block;
}

.event-small .date {
    display: inline-block;
    margin-top: 4px;
    text-align: center;
    /* height: 89px; */
    background-color: #efefef;
}

.event-small .date span {
    display: block;
    color:#333333;
    width: 72px;
    margin-top: 6px;
    font-size: 14px;
}

.event-small .title {
    font-weight: 500;
    font-size: 15px;
    margin-top: 0;
    line-height: 21px;
    height: 45px;
    overflow: hidden;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    padding: 0 15px 0 0;
}


.event-small:hover .title{
    color:rgba(29, 209, 161, 1);
}
.event-small .media-body span {
    font-size: 13px;
    margin-right: 5px;
    display: block;
}

.event-small:hover {
    -webkit-box-shadow: 2px 2px 5px rgba(0,0,0,.20);
    -moz-box-shadow: 2px 2px 5px rgba(0,0,0,.20);
    box-shadow: 2px 2px 5px rgba(0,0,0,.20);
}

.event-small span i {
    min-width: 15px;
    display: inline-block;
    color: rgba(29, 209, 161, 1);
    font-size: 14px;
}

.event-small .date span:last-child{padding: 2px 0px;background-color: rgba(29, 209, 161, 1);color: #fff;}


.fair-area {
    padding: 10px 0;
}

.fair {
    position: relative;
}

.fair-content {
    position: relative;
    padding: 0px;
    width: 100%;
    height: 100%;
    top:0;
    left: 0;
}


.fair-content .content {
    position: relative;
    /* bottom: 15px; */
    background-color: rgba(255,255,255, 1);
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    padding: 10px;
    /* left: 15px; */
    /* right: 15px; */
    box-shadow: 1px 1px 2px rgba(0,0,0,.15);
}


.fair:hover .content {
    background-color: rgba(255,255,255, .9);
}



.fair .title {
    font-size: 18px;
    font-weight: 600;
    color: rgba(255, 159, 67, 1);
    margin-bottom: 1px;
    height: 42px;
    overflow: hidden;
}

.fair .detail {
    font-size: 13px;
    color: #8e8e8e;
    line-height: 16px;
    padding-left: 0;
    height: 33px;
    overflow: hidden;
    margin-bottom: 2px;
    margin-top: 5px;
}

.fair span {
    font-size: 13px;
    color: #8e8e8e;
}

.fair span i {
    margin-top: 3px;
    margin-right: 6px;
    color: rgba(255, 159, 67, 1);
}

.fair .addon-bottom {
    border-top:1px dotted #ccc;
    padding-top: 9px;
}

.fair .show-hidden {
    overflow: hidden;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
}



.company-number {
    padding:50px 0;
}

.sec-title{
    color:#ffffff;
    letter-spacing: 2px;
    position: relative;
    display: inline-block;

}




.sec-title:after {
    position: absolute;
    content: "";
    left: 0;
    bottom:-10px;
    width: 50%;
    height: 2px;
    background-color: rgba(255,255,255,.8);
}




.sec-title.center:after {
    left: 50%;
    transform: translateX(-50%);
}

.counter-up {
    position: relative;
}

.counter-up .icon i {
    font-size: 49px;
    color: #fff;
    margin-right: 16px;
    width: 85px;
    height: 85px;
    display: inline-block;
    text-align: center;

    border-radius: 100%;
    line-height: 85px;
    font-weight: 500;
    margin-left: 19px;
}


.counter-up .media-body {
    color: #2b2b2b;
    padding-top: 3px;
}

.counter-up .number {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 0;
    max-width: 62px;
    margin-top: 16px;
}

.other-link {
    padding: 50px 0;
}



.carousel-link .owl-item {
    padding: 5px;
    background-color: #ffffff;
    border: 1px solid #e8e8e8;
}

footer{
    padding: 70px 0 0;
    background-image: url(../images/map.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-color: #06163a;
}

.wrap_footer_col {
    padding-right: 0px;
    padding-bottom: 40px;
}

.wrap_footer_col.footer-nav {
    padding-left: 0px;
}

.wrap_footer_col img {
    padding-bottom: 21px;
}

.wrap_footer_col.our_address {
    padding-right: 0;
    padding-left: 30px;
}

.wrap_footer_col.our_address b {
    display: block;
    font-weight: 600;
    font-size: 16px;
    color: #fff;
}

.footer-title {
    color: #fff;
    font-size: 20px;
    margin-bottom: 21px;
    font-weight: 400;
    margin-top: 0;
    text-transform: uppercase;
}

.wrap_footer_col p {
    color: #c0c3ca;
}
.footer-list {
    margin: 0;
    padding: 0;
}
.footer-list li {
    padding-bottom: 9px;
    list-style: none;
}


.footer-list.corporate li{
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px dotted rgba(255,255,255,.3);
}

.footer-list li:last-child {
    padding-bottom: 0;
    border-bottom: 0;
}

.footer-list li a {
    color: #c0c3ca;
}

.footer-list.corporate li a {
    font-size: 13px;
    line-height: 11px;
}


.footer-list li a i {
    font-size: 10px;
    margin-right: 13px;
    display: block;
    float: left;
    height: 26px;
    margin-top: 4px;
}

.wrap_footer_col.our_address p {
    font-size: 15px;
    margin-bottom: 10px;
    line-height: 27px;
}

.contact_number i {
    font-size: 15px;
    margin-right: 5px;
}

.contact_email i {
    font-style: normal;
    text-transform: capitalize;
    margin-left: 5px;
}
.footer_sicons {
    padding: 0;
    margin: 0;
}
.footer_sicons li {
    display: inline-block;
    /* color: #fff; */
}

.footer_sicons li a {
    color: #fff;
    display: inline-block;
    width: 36px;
    height: 36px;
    border-radius: 4px;
    line-height: 36px;
    border: 2px solid hsla(0, 0%, 100%, 0.17);
    text-align: center;
    font-size: 12px;
    margin-right: 10px;
    margin-top: 5px;
}

.footer_sicons li a:first-child:hover {
    border-color: transparent;
}

.footer_sicons li a:last-child:hover {
    border-color: transparent;
    background:#5B0E78;
}

.copywright_row {
    padding-top: 30px;
    border-top: 1px solid hsla(0, 0%, 100%, 0.15);
    padding-bottom: 20px;
}

.privacy_list {
    /* text-align: right; */
    padding: 0;
    margin: 0;
}

.privacy_list li {
    display: inline-block;
    color: #9b9da2;
    margin-right: 15px;
    font-size: 14px;
}

.privacy_list li:last-child {
    margin-right: 0;
}

.privacy_list li a {
    color: #a9b1c1;
    margin-right: 13px;
    font-size: 14px;
}

.privacy_list li:last-child a {
    margin-right: 0;
}


.copywright {
    font-size: 14px;
    color: #a9b1c1;
    margin: 0;
}

.copywright a {
    font-weight: 600;
    color: #a9b1c1;
}

.header-bar-inner {
    padding-top: 10px;
    text-align: left;
    padding-bottom: 10px;
}
.header-right-div {
    margin-top: 0px;
}
.nav-menu {
    padding-left: 15px;
}
.header-top-right {
    padding-top: 6px;
    padding-bottom: 6px;
}

.home-classic .hd-sec{
    border-top:inherit;
}
.classic-logo {
    position: relative;
    z-index: 2;
}


.soical-profile li a i {
    color: #848484;
}

.classic-logo::before {
    /* right: 34px; */
    /* transform: skew(-30deg); */
}
.header-bar-inner {
    padding-top: 10px;
    text-align: center;
}
.fair-area .owl-dots {
    background-color: #ffffff;
    margin-top: -5px !important;
    padding: px;
}

.fair-area .owl-dot {
    border:2px solid rgba(255, 159, 67, 1) !important;
}

.fair-area .owl-dot.active {
    background-color: rgba(255, 159, 67, 1) !important;
}

.footer-contact {
    background-color: rgba(0,0,0,.15);
    padding: 15px 0px 15px;
}

.newsletter button {
    display: inline-block;
    border:0;
    padding: 8px 25px;
    margin-left: -3px;
    color:#ffffff;
}

.newsletter input {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    width: 237px;
    display: inline-block;
    background-color: #041130;
    border: 1px solid #2f3c5d;
}



.news-thumb {
    margin-top: 10px;
    border-top: 1px solid #ccc;
    padding-top: 10px;
    position: relative;
}

.news-thumb .thumb:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top:0;
    box-shadow: inset 0px 0px 0 5px rgba(0,0,0,.40);
}

.ads-area {
    padding: 50px 0;
    background-color: #e0e0e0;
}

.ads-image {
    display: inline-block;
    position: relative;
    padding: 5px;
    border:1px solid #cccccc;
    overflow: hidden;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.ads-image img {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.ads-image::before {
    position: absolute;
    top: 0;
    left: -75%;
    z-index: 2;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
}
.ads-image:hover::before {
    -webkit-animation: shine .75s;
    animation: shine .75s;
}
@-webkit-keyframes shine {
    100% {
        left: 125%;
    }
}
@keyframes shine {
    100% {
        left: 125%;
    }
}


.title-block {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 2px;
    text-align: center;
    padding: 10px 0;
    color:#fff;
    border-radius: 8px 8px 0 0;
}

.title-block i {
    margin-right: 5px;
}

.gallery-area {
    padding: 50px;
    background: #262626 url(../images/gallery.jpg) center center no-repeat;
    background-size: 100% 100%;
    overflow: hidden;
    position: relative;
}

.photo{
    position: relative;
    padding:7px;
    background-color: #ffffff;
    border-radius: 8px;
}

.photo .image {
    position: relative;
    overflow: hidden;
}

.photo img {
    border-radius:8px;
}


.photo .content {
    position: absolute;
    left: 0;
    top:0;
    width: 100%;
    height: 100%;
    transition: all 0.4s linear 0s;
    -webkit-transition: all 0.4s linear 0s;
    background-color: rgba(0,0,0,.5);
    visibility: hidden;
    opacity: 0;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}
.photo .content i {
    width: 40px;
    height: 40px;
    position: absolute;
    color: #ffffff;
    font-size: 18px;
    line-height: 40px;
    text-align: center;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    left: 50%;
    top:40%;
    margin-left: -20px;
    margin-top: -20px;

}

.photo .content .title {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -50%;

    margin: 0;
    padding: 5px 10px;
    color:#fff;
    font-size: 14px;
    font-weight: 400;
    transition: all 0.4s ease 0s;
    -webkit-transition: all 0.4s ease 0s;
    line-height: 18px;
}

.photo:hover .content {
    visibility: visible;
    opacity: 1;
}

.photo:hover .content .title {
    bottom:0px;
}

.gallery-area:before {
    content: "";
    width: 50%;
    height: 100%;
    background-color: rgba(0, 0, 0, .55);
    display: block;
    position: absolute;
    top: 0;
    right: 0;

}
.gallery-area a > .sec-title,
.gallery-area a > .sec-title:after{
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
}




.index-video {
    position: relative;
    padding: 5px;
    background-color: #ffffff;
    border-radius: 8px;
}

.index-video img {
    border-radius:8px;
}

.index-video .image {
    position: relative;
    overflow: hidden;

}

.index-video .content {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.5);
    color:#fff;
    border-radius: 8px;
}

.index-video .content .title {
    font-size: 15px;
    font-weight: 400;
    margin-top: 10px;
    /* padding:0 10px; */
    /* position: absolute; */
    /* top:0; */
    /* left:0; */
    margin: 0;
}
.index-video .content .media {
    margin-top: 10px;
    padding:0 10px;
}
.index-video .content .icon i {
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 32px;
    color:#fff;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    padding-left: 11px;
    margin-top: 0px;
    font-size: 12px;
}
.index-video .content a {
    color:#fff;
}

.index-video .content .all {
    display: inline-block;
    position: absolute;
    right: 0;
    bottom:0;

    margin: 0;
    font-size: 15px;
    padding: 5px 25px;

}

.index-video .content .all i {
    margin-right: 5px;
    font-size: 13px;
}

.index-video .content .all:hover {
    background-color: #2b2171;
}

.map-area {
    padding:20px 0 70px;
    background-color: #010318;
    position: relative;
    overflow: hidden;
}

.map-area .bottom {
    position: absolute;
    width: 100%;
    bottom:-40px;
    z-index: 1;
}

.map-area .bottom  img {
    position: absolute;
    bottom:0;
    -webkit-animation: upDown 2s infinite  alternate;
    animation: upDown 2s infinite  alternate;
}


.map-area .bottom  img:last-child {
    margin-left: 55px;
    animation-delay: .4s;
    margin-top: -89px;
}

@-webkit-keyframes upDown {
    0% {
        transform:translate3d(0px, 0px, 0px);
    }
    100% {
        transform:translate3d(0px, 20px, 0px);
    }
}
@keyframes upDown {
    0% {
        transform:translate3d(0px, 0px, 0px);
    }
    100% {
        transform:translate3d(0px, 20px, 0px);
    }
}


.fast-menu-area {
    padding: 40px 0;
    background-color: #fff;
}


.fast-menu-area > .container > .row {/* justify-content: stretch; */}
.fast-menu-area .fast-menu-left,
.fast-menu-area .fast-menu-content{
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}


.fast-menu-area .fast-menu-left {

    background: url("../images/online_bg.png")  no-repeat center center;
    background-size: 90% 80%;
    color:#ffffff;
    padding: 35px;
    min-height: 100%;
}


.fast-menu-area .fast-menu-content {
    background-color: #edf3f6;
    padding: 35px 35px 20px;
}


.fast-menu-area .fast-menu-content.all-content{
    background-color: #dcf1fb;
    -webkit-border-radius: 0 0 8px 8px;
    -moz-border-radius: 0 0 8px 8px;
    border-radius: 0 0 8px 8px;
}

.fast-menu-area .fast-menu-left .title {
    font-size: 40px;
}

.fast-menu-area .fast-menu-left .title span {
    display: block;
    color:#2d3663;
}

.fast-menu-area .fast-menu-left p {
    color: #e4e4e4;
    line-height: 22px;
}


.fast-menu-area .fast-menu-left .all-btn {
    padding: 13px;
    font-size: 18px;
    background-color: #2c3663;
    border-radius: 8px;
    color: #fff;
}

.fast-menu-area .fast-menu-left .all-btn:hover {
    background-color: #fff;
    color:#2c3663;
}


.fast-menu-area .fast-menu-content .list {
    padding: 15px 15px 12px;
    background-color: #ffffff;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    margin-bottom: 15px;
    text-align: center;
    display: table;
    width: 100%;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
}

.fast-menu-area .fast-menu-content .list  i{
    font-size: 60px;
    display: table-row;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
}
.fast-menu-area .fast-menu-content .list .content {
    display: table-cell;
    width: 100%;
    text-align: center;
    vertical-align: middle;
}
.fast-menu-area .fast-menu-content .list .title {
    font-size: 16px;
    color:#2d3663;
    font-weight: 500;
    margin: 0;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
}

.fast-menu-area .fast-menu-content .list .detail{
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
}

.fast-menu-area .fast-menu-content .list:hover {
    background-color: #2d3663;
}

.fast-menu-area .fast-menu-content .list:hover  .title,
.fast-menu-area .fast-menu-content .list:hover  .detail,
.fast-menu-area .fast-menu-content .list:hover i{
    color:#ffffff;
}


.fast-menu-area .fast-menu-content.all-content .title{
    font-weight: 600;
}


.fast-menu-area .fast-menu-content.all-content p.detail {
    margin-top: 5px;
    font-size: 14px;
    line-height: 16px;

}

.banner-area{
    position: relative;
    overflow: hidden;
}


.banner-area .banner-container{
    position: relative;
    z-index: 5;
}


.banner-slider {
    position: relative;
}

.banner-slider .item {
    position: relative;
    overflow: hidden;
}

.banner-slider .item .bg-image{
    position: absolute;
    z-index: 1;
    width: 110%;
    height: 110%;
    -webkit-transform:scaleX(-1);
    -moz-transform:scaleX(-1);
    -ms-transform:scaleX(-1);
    -o-transform:scaleX(-1);
    transform:scaleX(-1);
    filter: blur(8px);
    -webkit-filter: blur(8px);
    top: -5%;
    left: -5%;
}

.banner-slider .item .bg-image:after{
    position: absolute;
    width: 100%;
    left:0px;
    top:0px;
    height: 100%;
    content: '';
    background: -moz-linear-gradient(left, rgba(0,0,0,0.95) 0%, rgba(0,0,0,0.41) 48%, rgba(0,0,0,0.3) 50%, rgba(0,0,0,0.95) 100%);
    background: -webkit-linear-gradient(left, rgba(0,0,0,0.95) 0%,rgba(0,0,0,0.41) 48%,rgba(0,0,0,0.3) 50%,rgba(0,0,0,0.95) 100%);
    background: linear-gradient(to right, rgba(0,0,0,0.90) 0%,rgba(0,0,0,0.41) 48%,rgba(0,0,0,0.5) 50%,rgba(0,0,0,0.95) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#a6000000',GradientType=1 );
    z-index: 2;
}


.banner-slide-container {
    position: relative;
}

.banner-slider .item  .image-block{
    position: relative;
}

.banner-slider .item  .image-block .new-title{
    position: relative;
    width: 100%;
    height: auto;
    bottom: 0px;
    padding: 15px 25px 15px;
    background-color: rgb(48,48,48);
    transition: all 0.5s ease .3s;
    -webkit-transition: all 0.5s ease .3s;
    opacity: 1;
}



.banner-slider .item  .image-block .new-title h5 {
    display: block;
    font-size: 22px;
    font-weight: 600;
    line-height: 33px;
    color:#fff;
    padding-left: 50px;
    /* max-width: 450px; */
    margin-bottom: 0px;
    white-space: nowrap;
    vertical-align: top;
    /* height: 58px; */
    /* max-height: 58px; */
    overflow: hidden;
    text-shadow:0px 0px 1px black;
    transition: all 0.5s ease .2s;
    -webkit-transition: all 0.5s ease .2s;
    opacity: 0;
    -webkit-transform: translateY(100px);
    -moz-transform: translateY(100px);
    -ms-transform: translateY(100px);
    -o-transform: translateY(100px);
    transform: translateY(100px);
    text-overflow: ellipsis;
}




.banner-slider .item .image-block .new-title .date {
    font-size: 14px;
    display: block;
    margin-top: 0px;
    transition: all 0.5s ease .2s;
    -webkit-transition: all 0.5s ease .2s;
    opacity: 0;
    -webkit-transform: translateY(100px);
    -moz-transform: translateY(100px);
    -ms-transform: translateY(100px);
    -o-transform: translateY(100px);
    transform: translateY(100px);
    float: left;
}

.banner-slider .owl-item.active .image-block .new-title h5,
.banner-slider .owl-item.active .image-block .new-title .date{
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
}

.banner-slider .item .image-block .new-title .date .cat{
    padding: 6px 28px;
    font-weight: 500;
    color:#fff;
}


.banner-slider .item .image-block .new-title .date .date-time {
    color:#fff;
    font-weight: 400;
    text-align: center;
}



.banner-slider-thumb {
    position: relative;
    background-color: #fff;
    height: 460px;
    overflow: hidden;
}

.thumb-slider {
    position: relative;
    float: left;
}

.banner-slider-thumb .media {
    padding:22px 15px;
    border-left:10px solid transparent;
    border-bottom: 1px solid #e5e5e5;
    cursor: pointer;
}

.banner-slider-thumb .media img {
    margin-right: 10px;
    border-radius: 4px;
}

.banner-slider-thumb .media h5 {
    font-size: 14px;
    font-weight: 500;
    color: #000000;
    line-height: 20px;
    max-height: 60px;
    overflow: hidden;
}

.banner-slider-thumb .media.active {
    border-left-color: #d8182b;
    background-color: #eeeeee;
}

.banner-slider-thumb .news-detail{
    padding: 13px 35px;
    border-bottom: 1px solid #dbdce5;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    cursor: pointer;
}

.banner-slider-thumb .news-detail .news-title h5{
    font-size: 16px;
    margin:0;
    height: 38px;
    overflow: hidden;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    font-weight: 500;
}

.banner-slider-thumb .news-detail .news-date {
    margin-top: 7px;
}


.banner-slider-thumb .news-detail .news-date .date,
.banner-slider-thumb .news-detail .news-date .clock{
    float: left;
    font-size: 15px;
    color:#d8182b;
}


.banner-slider-thumb .news-detail .news-date i {
    margin-right: 3px;
}

.banner-slider-thumb .news-detail .news-date .clock{
    margin-left: 35px;
    color: #f78f4c;
}
.banner-slider-thumb .news-detail:hover,
.banner-slider-thumb .news-detail.active{
    background-color: #d8182b;
}

.banner-slider-thumb .news-detail:hover .news-date .date,
.banner-slider-thumb .news-detail.active .news-date .date{
    color:rgba(255,255,255,.8);
}

.banner-slider-thumb .news-detail:hover .news-date .clock,
.banner-slider-thumb .news-detail.active .news-date .clock{
    color:rgba(255,255,255,.8);
}

.banner-slider-thumb .news-detail:hover .news-title h5,
.banner-slider-thumb .news-detail.active .news-title h5{
    color:#ffffff;
}

.banner-buttons{
    position: absolute;
    z-index: 5;
    top:50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 45px;
    color: #fff;
    cursor: pointer;

}


.banner-buttons.prev {
    left: 50px;
}

.banner-buttons.next {
    right: 50px;
}



.ne_ts_inner_wrapper{
    margin-top: 0;
    position: relative;
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 0px;
}
.ne_tran_label_wrapper{
    padding-top: 10px;
    padding-bottom:10px;
    display:inline-block;
    padding-left: 36px;
    padding-right: 32px;
    left: -36px;
    position:absolute;
    top: 8px;
    z-index: 2;
}
.ne_tran_label_wrapper:after{
    content:'';
    border-top:17px solid transparent;
    border-bottom:17px solid transparent;
    border-right:17px solid #ffffff;
    position:absolute;
    right:0;
    top:0;
    z-index:1;
}
.ne_tran_label_wrapper:before{
    content: '';
    border-bottom: 13px solid transparent;
    border-right: 20px solid #84090a;
    position: absolute;
    left: 0px;
    bottom: -13px;
}
.ne_tran_label_wrapper h3{
    font-size:14px;
    color:#ffffff;
    text-transform:uppercase;
    font-weight:600;
    margin-bottom: 0;
}
.ne_ts_inner_content{
    height: 100%;
    position: relative;
}
.ne_ts_inner_content p{
    font-size: 15px;
    margin-bottom: 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-right: 90px;
    margin-left: 15px;
}

.ne_ts_inner_content h3{
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    color:#707070;
    position: absolute;
    right: 89px;
    top:1px;
    font-weight: 400;
}
.ne_ts_inner_content h3 i{
    color:#eb4e4e;
}
.ne_tranding_slider_wrapper{
    padding-left: 101px;
    height: 55px;
    overflow: hidden;
    position: relative;
    margin-top: 0;
    background-color: #fff;
    padding-top: 17px;
}
.ne_tranding_slider_wrapper  .owl-theme .owl-dots{
    display:none;
}
.ne_tranding_slider_wrapper .owl-theme .owl-nav {
    position: absolute;
    top: 0;
    margin: 0;
    left: 0;
    right: 20px;
    z-index:1000;
    display:block;
}
.ne_tranding_slider_wrapper .owl-theme .owl-nav .owl-prev{
    font-size: 20px;
    margin: 0;
    padding: 0;
    right: 40px;
    width:30px;
    height:30px;
    line-height:25px;
    top:0;
    border:1px solid #cccccc;
    color:#000000;
    background:none;
    position: absolute;
    text-align: center;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.ne_tranding_slider_wrapper  .owl-theme .owl-nav .owl-next{
    font-size: 20px;
    margin: 0;
    padding: 0;
    right: 0;
    top:0;
    right:0;
    width:30px;
    height:30px;
    line-height:25px;
    position: absolute;
    border:1px solid #cccccc;
    color:#000000;
    background:none;
    text-align: center;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.ne_tranding_slider_wrapper .owl-theme .owl-nav .owl-prev:hover,
.ne_tranding_slider_wrapper  .owl-theme .owl-nav .owl-next:hover{
    background:#eb4e4e;
    color:#fff;
    border:1px solid #eb4e4e;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.ne_ts_inner_content p span{
    font-size:14px;
    text-transform:uppercase;
    float:right;
}


.notice-next,
.notice-prev {
    position: absolute;
    right: 13px;
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border:1px solid #cccccc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    top: 12px;
    z-index: 5;
    cursor: pointer;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    background: #fff;
}

.notice-prev {
    right: 50px;
    /* top: -38px; */
}

.notice-next:hover,
.notice-prev:hover{
    color:#fff;

}


.all-news-btn {
    display: block;
    text-align: center;
    padding: 5px;
    color: #fff;
}

.all-news-btn:hover {
    color:#fff;
}


.currency-block ul {
    padding: 0px;
    margin: 0px;
    background-color: #e0e0e0;
}

.currency-block ul li{
    display: block;
    width: 33%;
    padding: 7px 17px 8px;
    font-size: 14px;
    font-weight: 600;
    float: left;
    border-right: 1px dashed #e2e2e2;
}



.currency-block ul li:last-child {
    border-right: none;
}

.currency-block ul li .value{
    display: block;
    font-size: 13px;
}

.currency-block ul li .percent{
    display: block;
    font-size: 12px;
}



.currency-block ul li.up i, .currency-block ul li.up .percent {
    color:#3ab515;
    float:right;
}

.currency-block ul li.down i, .currency-block ul li.down .percent {
    color:#c04f54;
    float: right;
}

.currency-block ul li.normal i, .currency-block ul li.normak .percent {
    color:#f78f4b;
    float: right;
    font-style: normal;
}

.currency-block ul li i {
    font-size: 27px;
    line-height: 17px;
}
#particles {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.number-list {
    background-color: #fff;
    padding: 50px 0;
}


.table thead td,
.table thead th {
    border-bottom: 3px solid #dee2e6;
}

.table thead th {
    border-top:none;
}


.number-table tr th:first-child{
    width: 15%;
    vertical-align: middle;
    font-weight: 600;
    font-size: 18px;
}



.number-table {
    border-top:none;
    border-left:none;
}




.number-table tbody {
    text-align: right;
}



.number-table tbody td{
    text-align: center;
    font-size: 17px;

}




.banner-slider .owl-dots{
    margin-top: 0px !important;
    margin-bottom: 0px;
}


.banner-slider .owl-dot {
    width: 40px;
    height: 30px;
    border:none !important;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0;
    position: relative;
}

.banner-slider .owl-dot span {
    font-size: 16px;
    color:#fff;
}

.banner-slider .owl-dot.active {
    background-color: rgb(48, 48, 48) !important;
}

.main-slider .main-img-block {
    position: relative;
}


.main-slider-content {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: auto;
}

.main-transparent {
    background-color: rgba(255,255,255,.85);
    padding: 15px 30px 11px;
    position: relative;
    bottom: -150px;
    opacity: 0;
    transition: all 0.5s ease .3s;
    -webkit-transition: all 0.5s ease .3s;
}



#sync1 div.title-shadow {
    position: absolute;
    width: 100%;
    text-align: center;
    left: 0;
    bottom: -8px;
    padding: 100px 75px;
    color: #fff;
    font-size: 32px;
    text-shadow: 2px 2px 2px #222;
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
}
#sync1 div.title-shadow h4 {
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    text-align: center;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 10px;
    top: 65px;
    width: 700px;
}


.main-slider .owl-item.active .main-transparent{
    opacity: 1;
    bottom:0;
}

.main-transparent h3 {
    margin-bottom: 0;
    margin-left: 15px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-weight: 600;
    color: #464646;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    font-size: 25px;
}


.main-transparent .date{
    display: block;
    position: relative;
    padding: 7px 0;
    color:#fff;
    font-weight: 600;
    text-align: center;
    width: 150px;
}


.main-transparent p {
    margin-bottom: 0;
    font-weight: 500;
}


.main-slider-arrow {
    position: absolute;
    top:0;
    height: 100%;
    width: 70px;
    z-index: 5;
    cursor: pointer;
}

.main-slider-arrow i {
    position: absolute;
    font-size: 50px;
    color:#fff;
    top:50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);

}

.main-slider-arrow.next {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.44+0,0+100 */
    background: -moz-linear-gradient(right, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(right, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#70000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */
    right: 0;
}

.main-slider-arrow.prev {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.44+0,0+100 */
    background: -moz-linear-gradient(right, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(right, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to left, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#70000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */
    left: 0;
}

.main-slider-arrow.next i {
    right: 20px;
}

.main-slider-arrow.prev i {
    left: 20px;
}



.carousel-dots {
    background-color: #444;
    padding: 15px;
    margin-top: -51px;
    z-index: 5;
    position: relative;
}

.carousel-dots img{
    border:5px solid transparent;
}

.carousel-dots .current img {
    border-color:#2F72B0;
}

.company-figure {
    padding: 130px 0 25px;
    /*background:url(../images/stat_bg_3.jpg) no-repeat;
    background-size: cover;*/
    background: #45484d;
    background: -moz-linear-gradient(-45deg,  #45484d 0%, #000000 100%);
    background: -webkit-linear-gradient(-45deg,  #45484d 0%,#000000 100%);
    background: linear-gradient(135deg,  #45484d 0%,#000000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=1 );

}
.company-figure .big-title {
    font-size: 28px;
    text-align: center;
    margin-bottom: 50px;
}

.company-figure  .big-title h5 {
    margin-bottom: 0;
    font-weight: 600;
    color:#dd0062;
    letter-spacing: 5px;
    font-size: 28px;
}

.company-figure .big-title span {
    color:#ffffff;
    font-weight: 500;
    letter-spacing: 5px;
    font-size: 16px;
}

.company-figure .btn-all {
    font-size: 18px;
    color:#ffffff;
    margin-top: 48px;
    letter-spacing: 5px;
    display: inline-block;
}

.figure-list {
    position: relative;
    margin-top: 2px;
    margin-left: -15px;
    margin-right: -15px;
}
.figure-list .figure.w-20 {
    width: 20%;
}
.figure-list .figure.w-25 {
    width: 25%;
}
.figure-list .figure {
    position: relative;
    float: left;
    /*padding:0 15px;
    /*padding:0;*/

    border-bottom: 1px solid #444;
}


.figure-list .figure .media {
    /*border-right: 2px solid rgba(95, 95, 95, 1);*/
    position: relative;
}
/*.figure-list .figure:last-child .media {
    border-right: none;
}*/
.figure-list .figure .media:after {
    content: "";
    position: absolute;
    width: 2px;
    height: 100%;
    background-color: #dfdfdf;
    right: 15px;
}
.figure-list .figure:last-child .media:after {
    content: "";
    position: absolute;
    width: 0;
    background-color: transparent!important;
    right: 0;
}



.figure-list .title {
    font-weight: 700;
    color:#fff;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 5px;
    font-size: 18px;
}

.figure-list p {
    margin-bottom: 0;
}

.figure-list .detail {
    font-size: 13px;
    color:#fff;
}

.figure-list .last-detail{
    color: #d8d8d8;
    font-size: 14px;
    font-weight: 500;
    margin-top: 0px;
}

.figure-list .icon {
    margin-right: 15px;
}


.figure-list .icon img {
    height: 77px;
    width:auto;
}


.figure-list .content{
    color:#fff;
}

.figure-list .content .number {
    font-size: 38px;
    font-weight: 700;
    line-height: 34px;
    margin-bottom: 5px;
    letter-spacing: 2px;
    color: #f78f4b;
}


.figure-list .content .text {
    letter-spacing: 1px;
    font-size: 16px;
    margin-top: 17px;
    font-weight: 400;
    text-transform: uppercase;
}

.figure-list .figure:hover img.first{
    opacity: 0;
}

.figure-list .icon i {
    font-size: 56px;
    line-height: 58px;
    text-shadow: 1px 1px 0px rgba(0,0,0,.2);
}

.sub-header{
    padding: 50px 0 0;
    background: url(../images/banner.jpg);
    background-size: cover;
}

.sub-header.green-consensus{
    background: url(../images/green-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}

.sub-header h1 {
    color: #ffffff;
    margin:0;
    font-size: 30px;
    margin-bottom: 50px;
}


.breadcrumb-bottom-area {
    /* border-bottom: 1px solid #e3e3e3; */
    background: rgba(255, 255, 255, .2);
    margin-top: -4px;
    /* box-shadow: 0px -1px 14px rgba(0,0,0,0.3); */
}
.breadcrumb-bottom-area .left {
    color: #ffffff;
    display: block;
    font-size: 18px;
    font-weight: 600;
    height: 55px;
    line-height: 54px;
    padding: 0 40px;
    text-transform: uppercase;
    transition: all 500ms ease;
    text-align: center;
}

.breadcrumb-bottom-area .right ul{
    margin-bottom: 0;
    padding:0;
}
.breadcrumb-bottom-area .right ul li {
    color: #ffffff;
    font-size: 14px;
    line-height: 35px;
    display: inline-block;
    margin: 0 0 0 5px;
    font-weight: 600;
}
.breadcrumb-bottom-area .right ul li a {
    color: #ffffff;
    font-size: 14px;
    transition: all 500ms ease;
    font-weight: 500;
}

.breadcrumb-bottom-area .right ul li a:after {
    content: "\f105";
    font-family: "Font Awesome 5 Free";
    display:inline-block;
    float: right;
    font-weight: 900;
    margin-left: 10px;
}




.sidebar {

}
.sidebar .single-sidebar-item + .single-sidebar-item {
    margin-top: 50px;
}
.sidebar .single-sidebar-item .solution-categories {

}
.sidebar .single-sidebar-item .solution-categories li {

    border-bottom: 1px solid #f7f7f7;

    position: relative;
}
.sidebar .single-sidebar-item .solution-categories li a {
    background: #ffffff none repeat scroll 0 0;
    color: #2d2d2d;
    display: block;
    font-size: 15px;
    font-weight: 500;
    transition: all 500ms ease;
    position: relative;
    padding: 13px 20px 13px 17px;
}
.sidebar .single-sidebar-item .solution-categories > li > a:before{
    position: absolute;
    top: 50%;
    left: 0;
    width: 0px;
    height: 24px;
    content: "";
    transition: all 300ms ease;
    margin-top: -12px;
}

.sidebar .single-sidebar-item .solution-categories li a i {
    margin: 19px 0;
    color: #f7f7f7;
}

.sidebar .single-sidebar-item .solution-categories > li > a:hover,
.sidebar .single-sidebar-item .solution-categories > li.active > a{
    color: #fff;
}
.sidebar .single-sidebar-item .solution-categories >  li a:hover > i,
.sidebar .single-sidebar-item .solution-categories > li.active > a > i{
    color: #fff;
}
.sidebar .single-sidebar-item .solution-categories > li > a:hover:before,
.sidebar .single-sidebar-item .solution-categories > li.active > a:before{
    width: 5px;
}




.sidebar .single-sidebar-item .sec-title-two h2 {
    font-size: 22px;
    margin: -4px 0 15px;
}

.sidebar .single-sidebar-item .brochures-list li a {
    background: #f7f7f7 none repeat scroll 0 0;
    color: #292929;
    display: block;
    font-size: 16px;
    font-weight: 600;
    line-height: 65px;
    padding-right: 20px;
    margin-bottom: 10px;
    transition: all 500ms ease;
}
.sidebar .single-sidebar-item .brochures-list li a span::before {
    background: #292929 none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    height: 45px;
    line-height: 45px;
    margin-left: -2px;
    text-align: center;
    width: 50px;
    transition: all 500ms ease;
    margin-right: 15px;
    position: relative;
    top: 1px;
}
.sidebar .single-sidebar-item .brochures-list li a i {
    margin: 26px 0;
}

.sidebar .single-sidebar-item .brochures-list li a:hover{
    background: #fdc716;
    color: #fff;
}



.sidebar .single-sidebar-item .client-testimonial-item {

}

.sidebar .single-sidebar-item .client-testimonial-item .single-client-testimonial-item {

}

.sidebar .single-sidebar-item .client-testimonial-item .single-client-testimonial-item .text {
    color: #ffffff;
    border-radius: 5px;
    padding-top: 25px;
    padding-bottom: 25px;
    padding-left: 40px;
    padding-right: 10px;
    position: relative;
    margin-bottom: 30px;
}
.sidebar .single-sidebar-item .client-testimonial-item .single-client-testimonial-item .text::before {
    background: rgba(0, 0, 0, 0) url("../img/solution-single/bottom-arrow.png") repeat scroll 0 0;
    bottom: -14px;
    content: "";
    height: 14px;
    left: 30px;
    position: absolute;
    width: 15px;
}


.sidebar .single-sidebar-item .client-testimonial-item .single-client-testimonial-item .text .arrow {
    background: rgba(0, 0, 0, 0) url("../img/solution-single/testimonial-icon-bg.png") no-repeat scroll 0 0;
    height: 70px;
    left: 0;
    padding: 10px 7px;
    position: absolute;
    top: 0;
    width: 70px;
}
.sidebar .single-sidebar-item .client-testimonial-item .single-client-testimonial-item .text .arrow i{
    font-size: 25px;
}
.sidebar .single-sidebar-item .client-testimonial-item .single-client-testimonial-item .text p{
    font-size: 16px;
    line-height: 32px;
    margin: 0;
}

.sidebar .single-sidebar-item .client-testimonial-item .single-client-testimonial-item .client-info {

}
.sidebar .single-sidebar-item .client-testimonial-item .single-client-testimonial-item .client-info .ing-box {
    width: 75px;
}
.sidebar .single-sidebar-item .client-testimonial-item .single-client-testimonial-item .client-info .ing-box,
.sidebar .single-sidebar-item .client-testimonial-item .single-client-testimonial-item .client-info .text-box{
    display: table-cell;
    vertical-align: middle;
}
.sidebar .single-sidebar-item .client-testimonial-item .single-client-testimonial-item .client-info .text-box {
    padding-left: 10px;
}
.sidebar .single-sidebar-item .client-testimonial-item .single-client-testimonial-item .client-info .text-box h4 {
    margin: 0 0 3px;
    text-transform: capitalize;
}
.sidebar .single-sidebar-item .client-testimonial-item .single-client-testimonial-item .client-info .text-box span {
    font-size: 14px;
    font-weight: 400;
    font-family: 'Poppins', sans-serif;
}
.sidebar .single-sidebar-item .client-testimonial-item .single-client-testimonial-item .client-info .text-box .review-box ul li {
    color: #fdc716;
    display: inline-block;
    margin-right: 3px;
}


.single-solution-content {

}
.single-solution-content .top {
    margin-bottom: 10px;
    overflow: hidden;
}
.single-solution-content .top .img-holder {
    margin-right: -25px;
}
.single-solution-content .top .text-holder {
    padding-left: 25px;
}
.single-solution-content .top .text-holder .sec-title-two {
    padding-bottom: 34px;
}
.single-solution-content .top .text-holder h3 {
    margin: 20px 0 0;
    text-transform: capitalize;
}

.single-solution-content .bottom {
    overflow: hidden;
}
.single-solution-content .bottom .img-holder {
    margin-right: -25px;
}
.single-solution-content .bottom .text-holder{
    padding-left: 25px;
}
.single-solution-content .bottom .accordion-box {
    margin: 0;
    padding-left: 25px;
}


.single-solution-content .experts-provide {
    padding-top: 70px;
}
.single-solution-content .experts-provide .sec-title-two{
    padding-left: 15px;
    padding-bottom: 34px;
}
.single-solution-content .experts-provide .single-experts-provide {
    padding-bottom: 60px;
    position: relative;
}
.single-solution-content .experts-provide .single-experts-provide .icon-holder {
    width: 70px;
}
.single-solution-content .experts-provide .single-experts-provide .icon-holder,
.single-solution-content .experts-provide .single-experts-provide .text-holder{
    display: table-cell;
    vertical-align: middle;
}
.single-solution-content .experts-provide .single-experts-provide .text-holder {
    padding-left: 30px;
    padding-right: 30px;
}
.single-solution-content .experts-provide .single-experts-provide .icon-holder span::before {
    background: #fdc716 none repeat scroll 0 0;
    border-radius: 50%;
    color: #fff;
    display: block;
    font-size: 30px;
    font-weight: 600;
    height: 70px;
    line-height: 70px;
    text-align: center;
    width: 70px;
}

.single-solution-content .experts-provide .single-experts-provide .text-holder h3 {
    margin: 0 0 8px;
}
.single-solution-content .experts-provide .single-experts-provide .text-holder p {
    margin: 0;
}


.single-solution-content .caption-box {
    overflow: hidden;
    background: url(../img/solution-single/caption-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 20px 40px;
}


.single-solution-content .caption-box .title h3 {
    color: #fff;
    line-height: 32px;
    margin: 0;
    text-transform: capitalize;
}
.single-solution-content .caption-box .button a {
    margin: 8px 0;
    padding: 10px 30px;
}



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


.content-detail {
    padding:40px 0;
    background-color: #f2f3f9;
    position: relative;
}

.content-detail:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url(../images/pattern-8.png);
    background-repeat: repeat-x;
    background-position: center top;

}



.content-text-block {
    background-color: #ffffff;
    padding: 20px;
    box-shadow: 0px 0px 13px rgba(0,0,0,.1);
    -webkit-box-shadow: 0px 0px 13px rgba(0,0,0,.1);
    -moz-box-shadow: 0px 0px 13px rgba(0,0,0,.1);
    position: relative;
}



.content-detail .content-text p{
    margin-bottom: 20px;
}

.content-detail .content-text p:first-child {
    margin-top: 0;
}



.content-detail .content-text p:last-child {
    margin-bottom: 0;
}


.content-text .detail a{
    text-decoration: underline;
}


.m-heg-100 {
    min-height: 100%;
}

.heg-100{
    height: 100%;
}


.share-box {
    margin-top: 10px;
    border-left: 1px solid #dedede;
    display: inline-block;
    padding-left: 25px;
}

.share-box h5 {
    font-size: 15px;
    margin-right: 5px;
    color: #ffffff;
    margin-bottom: 0;
}
.share-page ul {
    padding:0;
    margin: 0;
}
.share-page ul li {
    list-style: none;
    display: inline-block;
}
.share-page ul li a {
    width: 32px;
    height: 32px;
    display: inline-block;
    line-height: 30px;
    text-align: center;
    margin: 0 3px;
    font-size: 15px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    color: #fff;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    border:2px solid transparent;
}

.share-page ul li a.bg-facebook {
    border-color: #395195;
    background-color: #395195;
}


.share-page ul li a.bg-twitter {
    background-color: #00a9ff;
    border-color: #00a9ff;
}


.share-page ul li a:hover {
    color:#fff;
    background-color: transparent !important;
}


.sidebar .single-sidebar-item .solution-categories > li > a:after {
    content: "\f105";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -10px;
    color: #d2d2d2;
}


.sidebar ul.sidebar-submenu {
    padding: 0px;
    margin: 0px;
    display: none;
}




.sidebar ul li a.with-sub-menu:after {
    position: absolute;
    width: 24px;
    height: 24px;
    top: 10px;
    right: 7px !important;
    font-family: "Font Awesome 5 Free";
    content: "\f107" !important;
    font-weight: 900;
    color: #ffffff !important;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    text-align: center;
    line-height: 25px;
    font-size: 14px;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
}

.sidebar ul li.active a.with-sub-menu:after {
    content:'\f106' !important;
}

.sidebar ul li:hover a.with-sub-menu:after,
.sidebar ul li.active a.with-sub-menu:after {
    background-color: #ffffff;
}


.sidebar ul.sidebar-submenu {
    padding: 0px;
    margin: 0px;
    display: none;
}

.sidebar ul.sidebar-submenu li a {
    padding-left: 45px !important;
    color: #ffffff;
    font-size: 14px !important;
    position: relative;
}
.sidebar ul.sidebar-submenu li a:before {
    font-family: "Font Awesome 5 Free";
    content: '\f111';
    font-weight: 900;
    font-size: 5px;
    left: 32px;
    top: 18px;
    position: absolute;

}

.sidebar ul.sidebar-submenu li:hover a,
.sidebar ul.sidebar-submenu li.active a
{
    background-color: #fff;
}

.page-cover-image{
    max-width: 100%;
    margin-bottom: 20px;
}

.tim-page p{
    white-space: pre-line;
    color: #656565;
}

.accordion-type-1 .card {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: none;
}

.accordion-type-1 .card+.card{
    margin-top: 5px;
}

.accordion-type-1 .card-header{
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    margin:0;
    border:0;
    padding:0;
    background: transparent;
}


.accordion-type-1 .card-body {
    border:1px solid #f3f6f9;
}


.accordion-type-1 .card-header h5 {
    position: relative;
    font-size: 17px;
    cursor: pointer;
    line-height: 35px;
    color: #222;
    font-weight: 600;
    padding: 7px 50px 7px 40px;
    transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    background-color: #f3f5f9;
}

.accordion-type-1 .card-header h5:before {
    position: absolute;
    top: 50%;
    left: 10px;
    width: 23px;
    height: 3px;
    content: "";
    transition: all 300ms ease;
    margin-top: -2px;
}

.accordion-type-1 .card-header h5:after {
    position: absolute;
    width: 50px;
    height: 100%;
    top: 0;
    right: 0;
    font-family: "Font Awesome 5 Free";
    content: "\f107";
    font-weight: 900;
    background-color: #dedede;
    color: #5a5a5a;
    font-size: 17px;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    border-left: 1px solid #dadada;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}



.accordion-type-1 .card-header h5:hover:after,
.accordion-type-1 .card-header h5[aria-expanded="true"]:after {

    color: #fff;
}

.accordion-type-1 .card-header h5[aria-expanded="true"]:after {
    content: '\f106';
}




.team-block{
    position: relative;
    margin-bottom: 60px;
}

.team-block .inner-box{
    position: relative;
}

.team-block .image-box{
    position: relative;
}

.team-block .image-box .image{
    position: relative;
    margin-bottom: 0;
    /* background-color: #f3f6f9; */
    overflow: hidden;
    /* border: 1px solid #f3f6f9; */
}

.team-block .image-box .image img{
    display: block;
    width: 100%;
    height: auto;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    border: 1px solid #e2e2e2;
    padding: 2px;
}

.team-block .inner-box:hover .image img{
    /* opacity: .70; */
}

.team-block .lower-content{
    position:relative;
    text-align:center;
    z-index:1;
    padding: 15px 15px 28px;
    background-color:#f3f5f9;
    border-bottom:3px solid #001e57;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

#baskanlar-kurulu .team-block .lower-content {
    min-height: 270px;
}

.team-block .inner-box:hover .lower-content{

    -webkit-box-shadow:0px 0px 30px rgba(0,0,0,0.10);
    -ms-box-shadow:0px 0px 30px rgba(0,0,0,0.10);
    box-shadow:0px 0px 30px rgba(0,0,0,0.10);
    /* background-color: #001e57; */
}

.team-block .lower-content h3{
    line-height:1.2em;
    color: #222222;
    margin-bottom: 5px;
    position:relative;
    color:#222222;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    font-size: 18px;
    font-weight: 600;
}



.team-block .lower-content .designation{
    position:relative;
    font-size:14px;
    line-height: 24px;
    font-weight: 500;
    color: #4c4c4c;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.team-block .inner-box:hover .lower-content .designation{
    /* color: #ffffff; */
}


.team-block .lower-content .arrow{
    position: absolute;
    left: 50%;
    bottom: 0px;
    margin-bottom: -22px;
    width: 64px;
    height: 38px;
    font-size: 10px;
    line-height: 39px;
    text-align: center;
    /* border-radius: 50%; */
    font-weight: 800;
    margin-left: -32px;
    background-color: #ffffff;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    -webkit-box-shadow:5px 20px 30px rgba(0,0,0,0.06);
    -ms-box-shadow:5px 20px 30px rgba(0,0,0,0.06);
    box-shadow:5px 20px 30px rgba(0,0,0,0.06);
    font-weight: 500;
    font-size: 14px;
    border: 1px solid #f1f1f1;
}

.team-block .inner-box:hover .lower-content .arrow{
    color:#ffffff;
}


.addon-images,
.addon-files{
    position: relative;
}


.file-image-list {
    position: relative;
}


.file-image-list .image {
    position: relative;
    overflow: hidden;
}
.hovered-image {
    position: relative;
    overflow: hidden;
}
.hovered-image:before {
    position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 8;
    opacity: 0;
    -webkit-transform: perspective(400px) rotateX(-90deg);
    -ms-transform: perspective(400px) rotateX(-90deg);
    transform: perspective(400px) rotateX(-90deg);
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    background-color: rgba(54, 72, 178, 0.95);
}

.hovered-image:hover:before {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
}

.hovered-image img {
    width: 100%;
    -webkit-transition: .7s ease;
    -o-transition: .7s ease;
    transition: .7s ease;
}

.hovered-image:hover img {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

.hovered-image .overlay a {
    background: rgba(255, 255, 255, 0.85) none repeat scroll 0 0;
    border-radius: 50%;
    color: #222;
    font-size: 20px;
    height: 60px;
    margin: 0 5px;
    line-height: 60px;
    opacity: 0;
    display: inline-block;
    text-align: center;
    -webkit-transform: translateX(0%) translateY(-30%) scale(0.5);
    -ms-transform: translateX(0%) translateY(-30%) scale(0.5);
    transform: translateX(0%) translateY(-30%) scale(0.5);
    -webkit-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    width: 60px;
}

.hovered-image .overlay a:hover {
    background: rgba(255, 255, 255, 1) none repeat scroll 0 0;
    color: #ff4747;
}

.hovered-image:hover .overlay a {
    opacity: 1;
    -webkit-transform: translateX(0) translateY(0%) scale(1);
    -ms-transform: translateX(0) translateY(0%) scale(1);
    transform: translateX(0) translateY(0%) scale(1);
}

.hovered-image .overlay {
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    z-index: 10;
    color: #fff;
    font-size: 35px;
}

.hovered-image:hover .overlay {
    opacity: 1;
}

.file-image-list .lower-content {
    position: relative;
    z-index: 9;
    background-color: #fff;
    padding-top: 30px;
}

.file-image-list .lower-content .category {
    margin-bottom: 15px;
}

.file-image-list .lower-content .category a {
    font-size: 13px;
    font-weight: 500;
    color: #fff;
    padding: 5px 10px;
    background-color: #ff4747;
}

.file-image-list .lower-content .post-meta {
    margin-bottom: 8px;
}

.file-image-list .lower-content .post-meta li {
    position: relative;
    color: #b8b8b8;
    font-size: 15px;
    padding-right: 8px;
    margin-right: 17px;
    margin-bottom: 2px;
    display: inline-block;
}

.file-image-list .lower-content .post-meta li:after {
    position: absolute;
    content: '/';
    color: #b8b8b8;
    right: -10px;
    top: 1px;
    font-size: 14px;
}

.file-image-list .lower-content .post-meta li:last-child::after {
    display: none;
}

.file-image-list .lower-content .post-meta li strong {
    color: #ff4747;
    font-weight: 500;
}

.file-image-list .lower-content .post-meta li span {
    color: #ff4747;
}

.file-image-list h4 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 15px;
}

.file-image-list h4 a {
    color: #1a224d;
}

.file-image-list h4 a:hover {
    color: #e41f2c;
}

.file-image-list .text {
    margin-bottom: 15px;
}

.file-image-list .link-btn {
    position: relative;
}

.file-image-list .read-more-btn {
    font-size: 16px;
    font-weight: 600;
    color: #222;
}

.file-image-list .read-more-btn:hover {
    color: #ff4747;
}

.file-image-list .read-more-btn span {
    position: relative;
    top: 1px;
    left: 2px;
}


.file-image-list {
    position: relative;
    margin: 0 -5px -15px -5px;
}

.file-image-list .images {
    float: left;
    width: auto;
    padding: 0 5px;
}

.file-image-list .images .image {
    padding: 5px;
    margin-bottom: 15px;
    border: 1px solid #ececec;
    border-radius: 4px;
}

.file-image-list .images .image img{
    width: auto;
    height: 120px;
    max-width: initial;
}


.file-image-list.basin .images .image img {
    width: auto;
    height: 300px;
    max-width: initial;
}


.addon-box {
    position: relative;
    margin-top: 30px;
    background-color: #fff;
    border:1px solid #dedede;
    border-radius: 5px 5px 0 0;
}

.addon-box .addon-box-title{
    border-bottom: 2px solid #dedede;
    padding: 15px 20px;
    font-size: 17px;
    color: #525252;
    font-weight: 500;
    position: relative;
    margin-bottom: 0;
}

.addon-box .addon-box-title:before {
    width: 173px;
    height: 2px;
    bottom: -2px;
    left: 18px;
    content: '';
    position: absolute;

}

.addon-box .addon-box-title i {
    margin-right: 7px;
    opacity: 0.5;
}

.addon-box .addon-content{
    padding:15px;
}

.file-download-list {
    position: relative;
    margin-bottom: -10px;
}

.file-download-list .files,
.file-download-list .files .file-icon,
.file-download-list .files .file-title,
.file-download-list .files .file-download {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.file-download-list .files{
    margin-bottom: 10px;
}

.file-download-list .files .file-icon,
.file-download-list .files .file-download{
    width: 45px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 27px;
    color:#fff;
}

.file-download-list .files .file-download {
    font-size: 14px;
    background-color: #ffffff;
    color: #333;
    border: 1px solid #e0e0e0;
    border-left: 0;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
}

.file-download-list .files .file-title {
    background-color: #ffff;
    border: 1px solid #e0e0e0;
    padding: 13px;
    flex: 1;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
}

.file-download-list:not(.not-hover) .files:hover .file-title,
.file-download-list:not(.not-hover) .files:hover .file-download{
    background-color: #f3f3f3;
}


.file-download-list .files .file-title h6 {
    margin:0;
    font-weight: 500;
    font-size: 15px;
}



.modal-body .file-download-list .files:hover .file-title,
.modal-body .file-download-list .files:hover .file-download{
    background-color: #f6f6f6;
}


.modal-body .files {
    margin-bottom: 5px;
}


.modal-body .files .file-title h6 {
    font-size: 15px;
}

.single-blog-item {
    margin-bottom: 30px;
    background-color: #fff;
    -webkit-box-shadow: 0 15px 15px 0 rgba(0, 0, 0, 0.06);
    -moz-box-shadow: 0 15px 15px 0 rgba(0, 0, 0, 0.06);
    box-shadow: 0 15px 15px 0 rgba(0, 0, 0, 0.06);
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
}
.single-blog-item:hover {
    -webkit-box-shadow: 0 15px 15px 0 rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 15px 15px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 15px 15px 0 rgba(0, 0, 0, 0.15);
    -webkit-transform: scale(1.03);
    -moz-transform: scale(1.03);
    -ms-transform: scale(1.03);
    -o-transform: scale(1.03);
    transform: scale(1.03);
}
.single-blog-item .blog-image {
    position: relative;
    overflow: hidden;
}


.single-blog-item .blog-image img {
    transition: 0.5s;
}


.single-blog-item .blog-image .post-tag {
    position: absolute;
    left: 0;
    top: 40px;
    transition: 0.5s;
}

.single-blog-item .blog-post-content {
    padding: 20px 25px 26px;
}

.single-blog-item  .date {
    color: #fff;
    display: inline-block;
    font-size: 13px;
    transition: 0.5s;
    background-color: rgba(197, 26, 27, .7);
    border-radius: 30px;
    padding: 7px 16px;
    position: absolute;
    right: 10px;
    top: 10px;
}

.single-blog-item .blog-post-content h3 {
    margin-top: 0;
    margin-bottom: 15px;
    font-size: 17px;
    font-weight: 600;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    max-height: 66px;
    overflow: hidden;
    line-height: 1.3;
}


.single-blog-item .blog-post-content p {
    margin-bottom: 18px;
    color: #909090;
    font-size: 13px;
    line-height: 20px;
    max-height: 61px;
    overflow: hidden;
}

.single-blog-item:hover .blog-image img,
.single-blog-item:focus .blog-image img {
    transform: scale(1.2);
}


.pagination {
    display: inline-block;
    background-color: #fff;
    -webkit-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
    font-size: 0;
}


.pagination li {
    display: inline-block;
    list-style: none;
}

.pagination li.disabled {
    display: none;
}

.pagination li a {
    display: block;
    width: 45px;
    height: 45px;
    text-align: center;
    line-height: 45px;
    font-size: 18px;
    font-weight: 500;
    border-right: 1px solid #e6e6e6;
}

.pagination li:hover a{
    color:#fff;
}

.pagination li.prev a,
.pagination li.next a{
    width: 120px;
    -webkit-border-radius: 40px 0 0 40px;
    -moz-border-radius: 40px 0 0 40px;
    border-radius: 40px 0 0 40px;
    font-size: 15px;
}

.pagination li.prev a i,
.pagination li.next a i{
    font-size: 20px;
    line-height: 43px;
    display: inline-block;
    -webkit-transform: translateY(2px);
    -moz-transform: translateY(2px);
    -ms-transform: translateY(2px);
    -o-transform: translateY(2px);
    transform: translateY(2px);
}

.pagination li.next a {
    border-right: none;
    -webkit-border-radius: 0 40px 40px 0;
    -moz-border-radius: 0 40px 40px 0;
    border-radius: 0 40px 40px 0;
}


.pagination li.active a{
    color:#fff;
}

.pagination li.next a i{
    margin-left: 3px;
}

.pagination li.prev a i{
    margin-right: 3px;
}

.content-news-detail {
    padding:0px;
}

.news-image-block {
    position: relative;
}

.news-image-block .date {
    color: #fff;
    display: inline-block;
    font-size: 13px;
    transition: 0.5s;
    background-color: rgba(197, 26, 27, .7);
    border-radius: 30px;
    padding: 7px 16px;
    position: absolute;
    right: 10px;
    top: 10px;
}

.content-news-detail .news-detail {
    padding:20px;
}

.news-detail .short-detail,
.notice-short-detail{
    background: #f6f6f6 none repeat scroll 0 0;
    padding: 25px;
    position: relative;
    margin-top: 20px;
    margin-bottom: 20px;
    font-weight: 600;
    font-style: italic;
}

.news-detail-title {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 15px;
    line-height: 30px;

    position: relative;
    padding-left: 17px;
}

.news-detail-title:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 3px;
    height: 100%;
    content: "";
    transition: all 300ms ease;
}

.other-news-images {
    overflow: hidden;
    margin-bottom: 20px;
}

.owl-carousel .owl-prev,
.owl-carousel .owl-next {
    width: 35px;
    height: 35px;
    -webkit-border-radius: 100% !important;
    -moz-border-radius: 100% !important;
    border-radius: 100% !important;
    color:#fff;
    border:none;
    font-size: 18px !important;
    padding:0 !important;
    position: absolute;
    left: -40px;
    top:50%;
    margin-top: -17px !important;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
}

.owl-carousel .owl-next {
    left: inherit;
    right: -40px;
}

.owl-carousel .owl-nav {
    margin-top:0 !important;
}

.other-news-images:hover .owl-next{
    right: 20px;
}

.other-news-images:hover .owl-prev{
    left: 20px;
}


.sidebar-custom .addon-box:first-child{
    margin-top: 0;
}

.sidebar-custom .file-download-list .files .file-title h6{
    font-size: 14px;
}
ul.tags {
    padding: 0;
    margin: 0;
}
ul.tags > li {
    margin: 3px;
    display: inline-block;
}

ul.tags > li a {
    border: 1px solid #e0e0e0;
    display: inline-block;
    font-size: 14px;
    padding: 5px 20px;
    margin: 0 3px 3px 0;
    border-radius: 25px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

ul.tags > li a:hover {
    color: #fff;
    border: 1px solid transparent;
}


.other-news-images img {
    height: 120px;
    width: auto !important;
}

ul.birim-list li{
    display: block;
    padding: 10px 0;
    border-bottom: 1px dashed #ccc;
}

ul.birim-list li a{
    display: block;
    padding: 0px 0 0px 30px;
    font-size: 16px;
    font-weight: 500;
    position: relative;
    text-transform: uppercase;
}

ul.birim-list li:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

ul.birim-list li:first-child{
    padding-top: 0;
}

ul.birim-list li a:before {
    content: "\f0da";
    font-family: "Font Awesome 5 Free";
    display:inline-block;
    font-weight: 900;
    position: absolute;
    left: 0;
    top: 2px;
    background-color: #efefef;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    text-transform: uppercase;
}



ul.birim-list li a .date {
    font-size: 13px;
    margin-top: 5px;
}

.side-news {
    padding: 15px 15px 12px;
    background-color: #f2f3f9;
    margin-bottom: 20px;
}

.side-news h5 {
    margin-bottom: 0;
    margin-top: 10px;
    font-size: 15px;
    line-height: 18px;
    max-height: 36px;
    overflow: hidden;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
}


.all-notice-list img {
    height: 120px;
}

.all-notice-list .blog-post-content{
    padding: 10px 15px 0px;
}

.all-notice-list .blog-post-content h3 {
    font-size: 16px;
    height: 55px;
    max-height: 55px;
    margin-bottom: 17px;
}

.all-notice-list .date {
    position: relative;
    top: 0;
    left: 0;
    padding: 0;
    margin: 12px 20px 0 0;
    background-color: transparent;
    color: #444;
    font-size: 14px;
    font-weight: 500;
}

.all-notice-list .btn {
    float: right;
}

.notice-detail-title {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 15px;
    line-height: 30px;
    position: relative;
    padding-left: 17px;
}
.notice-detail-title:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 3px;
    height: 100%;
    content: "";
    transition: all 300ms ease;
}

.notice-image {
    position: relative;
    margin-bottom: 10px;
}

.notice-detail .date-detail {
    padding:5px 10px;
    border-top:1px dashed #ccc;
    border-bottom:1px dashed #ccc;
    margin-bottom: 20px;
    color:#333;
}



.login-box .addon-box-title:before {
    display: none;
}
.login-box .addon-box-title i {
    opacity: 1;
    position: absolute;
    width: 50px;
    left: 0;
    top: 0;
    height: 100%;
    background-color: rgba(0,0,0,.2);
    border-top-left-radius: .25rem;
}


.login-box input {
    width: 100%;
    padding:15px;
    background-color: #efefef;
    border:none;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    padding-left: 50px;
}


.login-box .form-group{
    position: relative;
}


.login-box .form-group > i{
    position: absolute;
    left: 11px;
    top: 12px;
    display: inline-block;
    border-right: 1px solid #dedede;
    padding: 7px;
    color: #656565;
    font-size: 12px;
}


fieldset {
    padding: 20px;
    border-radius: 10px;
    border: 1px solid #cfd4da;
}

legend {
    padding: 8px 25px;
    background-color: #656565;
    border-radius: 5px;
    font-size: 16px;
    color: #ffffff;
    font-weight: 500;
}

label {
    font-weight: 500;
}

.form-group.required label:after {
    content: "*";
    display: inline-block;
    font-size: 16px;
    margin-left: 5px;
}

.stat {
    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow: 1px 1px 2px rgba(0,0,0,.2);
    box-shadow: 1px 1px 2px rgba(0,0,0,.2);
    -webkit-border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 0 0;
    margin-bottom: 30px;
}

.stat p {
    margin-bottom: 15px;
    margin-top: 15px;
}

.stat .download {
    font-size: 0;
}


.stat-title {
    position: relative;
}

.stat-title:after {
    width: 100%;
    height: 2px;
    content: "";
    left: 0;
    top:50%;
    margin-top: -1px;
    position: absolute;
    z-index: 1;
}

.stat-title h3{
    z-index: 2;
    position: relative;
    margin-left: 40px;
}

.filter-box {
    background: #6c757d url(../images/map.png) no-repeat top left;
    background-size: cover;
}


.col-line:after{
    width: 10px;
    height: 1px;
    position: absolute;
    top:50%;
    right: -5px;
    margin-top: -1px;
    content: "";
}

.table.genel_sekreterlik tr td:last-child,
.table.genel_sekreterlik tr th:last-child{
    font-weight: 600;
}

.urun_stat .input-group-text {
    background-color: transparent;
    border:0;
    font-weight: 500;
    font-size: 15px;
}

.urun_stat .input-group-prepend .input-group-text{
    background-color: #efefef;
    border: 1px solid #ccc;
}
ul.sirku {
    padding:0;
    margin:0;
}


ul.sirku li{
    display: inline-block;
    padding-right: 10px;
    border-right: 1px solid #ccc;
    margin-right: 5px;
}


ul.sirku li:last-child {
    padding-right: 0px;
    border-right: none;
    margin-right: 0px;
}

.gtp-no-textbox.four{
    -webkit-box-flex: 3;
    -ms-flex: 3 3 auto;
    flex: 3 3 auto;
    width: 3%;
}


.gtp-no-textbox.three{
    -webkit-box-flex: 2;
    -ms-flex: 2 2 auto;
    flex: 2 2 auto;
    width: 2%;
}
.dropdown_online {
    min-width: 300px;
    left: inherit !important;
    right: 0;
}


.dropdown_online a {
    display: block;
    padding:5px;
    border-bottom: 1px solid #ccc;
}

.dropdown_online a:last-child {
    border-bottom: 0;
}
.main-slider-dotss .owl-nav {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
}
.main-slider-dotss .owl-nav button {
    position: absolute;
    display: inline-block;
    margin: 0px !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius:  0 !important;
    border-radius:  0 !important;
    font-size: 30px !important;
    line-height: 35px;
    top: -20px;
}


.main-slider-dotss .owl-nav .owl-prev {
    left: -50px;
}


.main-slider-dotss .owl-nav .owl-next {
    right: -50px;
}


.sirku_detail {
    word-wrap: break-word;
}

.sirku_detail+.sirku_detail {
    margin-top: 40px;
}



.sirku_detail .addon-content {
    margin-top: 20px;
}

.contact-form .form-group {
    position: relative;
}

.contact-form .form-group i {
    position: absolute;
    left: 0;
    width: 40px;
    top:50%;
    line-height: 40px;
    border-right: 1px solid #e0e0e0;
    text-align: center;
    height: 100%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #7f8388;

}

.contact-form .form-control{
    color: #7f8388;
    padding-left: 50px;
}

.contact-form .form-control:focus {
    border-color:#fff;
    -webkit-box-shadow: 0 0 0px 0.2rem rgba(0, 123, 255, 0.19);
    -moz-box-shadow: 0 0 0px 0.2rem rgba(0, 123, 255, 0.19);
    box-shadow: 0 0 0px 0.2rem rgba(0, 123, 255, 0.19);
}

.contact-social li a i {
    display: inline-block;
    width: 40px;
    height: 40px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    text-align: center;
    line-height: 40px;
    color:#fff;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    font-size: 18px;
}

.table-iletisim {
    margin-bottom: 0;
}



.table-iletisim.table-sm td, .table-iletisim.table-sm th {
    padding: .4rem;
}

.contact-map-list ul li {
    border-bottom:1px dashed #efefef;
    padding-bottom:8px;
    margin-bottom:8px;
    font-weight: 500;
}

.contact-map-list ul li:last-child {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
}


.contact-map-list ul li i {
    min-width: 25px;
}
.contact-map-list ul li.address {
    clear: both;
    display: inline-table;
}
.contact-map-list ul li.address i{
    height: 40px; float:left; line-height: 25px
}


.contact-map-list iframe {
    margin-bottom: 10px;
    width: 100%;
    height: 170px;
}


.mevzuat-page .birim-list li {
    padding:0px;
    background-color: #fff;
    margin-bottom: 20px;
    position: relative;
    border:none;
    -webkit-box-shadow: 2px 2px 3px rgba(0,0,0,.12);
    -moz-box-shadow: 2px 2px 3px rgba(0,0,0,.12);
    box-shadow: 2px 2px 3px rgba(0,0,0,.12);

}
.mevzuat-page .birim-list li:last-child {
    margin-bottom: 0;
}

.mevzuat-page .birim-list li a{
    font-weight: 600;
    font-size: 20px;
    padding:10px 10px 10px 50px;
    position: relative;
}
.mevzuat-page .birim-list li a:before{
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    top: 15px;
    left: 15px;

}

.mevzuat-page .birim-list li a:hover {
    color:#fff;
}

.links .content-text-block+.content-text-block{
    margin-top: 40px;
}




.kamu-linkler a {
    display: block;
    padding: 15px 15px 15px 40px;
    font-size: 16px;
    font-weight: 500;
    position: relative;
    text-transform: uppercase;
    border-bottom: 1px dashed #ccc;
    font-weight: 600;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
    text-decoration: none!important;
}

.kamu-linkler a:last-child {
    padding-bottom: 0;
    border-bottom: 0;
}

.kamu-linkler a:before {
    content: "\f0da";
    font-family: "Font Awesome 5 Free";
    display: inline-block;
    font-weight: 900;
    position: absolute;
    left: 0;
    top: 11px;
    background-color: #efefef;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}

.kamu-linkler a:hover:before {
    color:#fff;
}

.kamu-linkler h1,
.kamu-linkler h2{
    margin-bottom: 15px;
    font-size: 24px;
    padding:10px 20px;
    background-color: #efefef;
    position: relative;
}


.kamu-linkler h1:before,
.kamu-linkler h2:before{
    position: absolute;
    top: 50%;
    left: 0;
    width: 5px;
    height: 24px;
    content: "";
    margin-top: -12px;
}

.devlet-yardimlari .card-header {
    position: relative;
}
.devlet-yardimlari .card-header:before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 5px;
    height: 24px;
    content: "";
    margin-top: -12px;
}

.devlet-yardimlari .card+.card {
    margin-top: 40px;
}

.devlet-yardimlari .jumbotron p:last-child,
.devlet-yardimlari .card p:last-child {
    margin-bottom: 0;
}


.uyelik-islem-form .form-control {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.uyelik-islem-form .custom-control-label::before,
.uyelik-islem-form .custom-control-label::after{
    left:7px;
    top:10px;
}

.events-page .event-small {
    margin-bottom: 30px;
}

.event-detail .addon-box-title.event:before {
    width: 10px;
    height: 30px;
    background-color: #bbb;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    top:0;
    margin-top: -15px;
    left: 20%;
}

.event-detail .addon-box-title.event:after {
    content:"";
    position: absolute;
    width: 10px;
    height: 30px;
    background-color: #bbb;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    top:0;
    margin-top: -15px;
    right: 20%;
}
.notice-info li {
    position: relative;
    padding-bottom: 10px;
    border-bottom: 1px dashed #ccc;
    margin-bottom: 10px;
}

.notice-info li .media-left i{
    font-size: 40px;

    position: relative;
    left: 0;
    min-width: 50px;
    top:0;
}

.notice-info li:last-child{
    padding-bottom: 0;
    border-bottom: 0;
    margin-bottom: 0;
}

.notice-info li h5{
    font-size: 15px;
}

.notice-info li:first-child strong{
    min-width: 90px;
    display: inline-block;
}

.notice-info li .media.money h5{
    font-size: 25px;
    color:#1e7e34;
    padding-left: 15px;
    margin-bottom: 0;
}


.event-detail .news-detail table tr td:first-child,
.event-detail .news-detail table tr th:first-child {
    width: 25%;
    color:#fff;
    font-weight: 500;
    vertical-align: middle;
}

.all-gallery .photo {
    margin-bottom: 30px;
}

.all-gallery .photo .content .title {
    padding: 7px 10px;
    font-size: 15px;
    line-height: 19px;
}
#all-gallery-list .photo .title {
    position: absolute;
    left: 0;
    bottom: -8px;
    background-color: #008ad1;
    color: #fff;
    padding: 5px 10px;
    opacity: .85;
    font-size: 15px;
    width: 100%;
}


.all-video .index-video {
    margin-bottom: 30px;
    padding: 10px;
}

.video-detail-page .sidebar-custom .index-video {
    padding:0;
    margin-bottom: 20px;
}

.dropdown-menu .addon-box{
    border:none;
}


/* calendar page */
#activity-list {
    padding: 0!important;
    height: 600px;
}
.fc-row.ui-widget-header {
    margin: 0!important;
}
.fc-scroller.fc-day-grid-container {
    overflow: inherit!important;
    height: auto!important;
}
#calendar table thead th {
    background: #cde6ff;
    font-weight: 500;
    padding: 12px 0!important;
    font-size: 12px!important;
    border: 2px solid #f2f4f9;
    color: #0e638e;
    letter-spacing: 1px;
    text-align: center;
}
.fc-basic-view .fc-day-number, .fc-basic-view .fc-week-number {
    padding: 5px 11px;
    font-size: 14px;
    font-weight: 500;
    color: #ababab;
}



.list_add_calendar a.google {
    background: url(../images/svg/google.svg) 10px 50% no-repeat;
    background-size: 23px 100%;
    padding-left: 45px;
}

.list_add_calendar a.yahoo {
    background: url(../images/svg/yahoo.svg) 10px 50% no-repeat;
    background-size: 23px 100%;
    padding-left: 45px;
}

.list_add_calendar a.apple {
    background: url(../images/svg/apple.svg) 10px 50% no-repeat;
    background-size: 23px 100%;
    padding-left: 45px;
}

.list_add_calendar a.outlook {
    background: url(../images/svg/outlook.svg) 10px 50% no-repeat;
    background-size: 23px 100%;
    padding-left: 45px;
}


.list_add_calendar a:hover{
    background-color: #dadada;
}

.news-area .all-button .title-block {
    overflow: hidden;
    max-height: 47px;
}

.news-area .all-button .title-block span {
    display: block;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
}

.news-area .all-button .title-block span.second {
    -webkit-transform: translatey(50px);
    -moz-transform: translatey(50px);
    -ms-transform: translatey(50px);
    -o-transform: translatey(50px);
    transform: translatey(50px);
}

.news-area .all-button .title-block:hover span.first{
    -webkit-transform: translatey(-50px);
    -moz-transform: translatey(-50px);
    -ms-transform: translatey(-50px);
    -o-transform: translatey(-50px);
    transform: translatey(-50px);
}

.news-area .all-button .title-block:hover span.second {
    -webkit-transform: translatey(-25px);
    -moz-transform: translatey(-25px);
    -ms-transform: translatey(-25px);
    -o-transform: translatey(-25px);
    transform: translatey(-25px);
}

#newsletter_modal .filter_area{
    display: none;
    padding: 15px;
    background: #f9f9f9;
    border: 1px solid #efefef;
    margin: 10px 0;
}

#newsletter_modal .filter_area .custom-checkbox {
    margin: 5px 0;
}

.notice-detail-page .sidebar-custom .file-image-list .image img{
    height: 50px;
}

.notice-detail-page .sidebar-custom .file-image-list .images .image {
    padding: 2px;
    margin-bottom: 8px;
}

.notice-detail-page .sidebar-custom .hovered-image:before{
    background-color: rgba(0,0,0,.8);
}

.notice-detail-page .sidebar-custom .hovered-image .overlay{
    font-size: 20px;
}


.download-logos > .row > div:first-child {
    border-right: 1px solid #ccc;
}

.download-logos .file-download-list .files .file-icon{
    background-color: #fff;
    padding: 5px 3px;
    border:1px solid #e0e0e0;
    border-right: none;
}

.basin-detail-page .content-text-block+.content-text-block {
    margin-top: 40px;
}

.basin-detail-page .content-text-block a {
    font-weight: 600;
}

.basin-detail-page .content-text-block p a:hover{
    padding-left: 5px;
}

.custom-file-label:after {
    content: attr(data-browse);
}


.all-edu .single-blog-item:hover .blog-image img,
.all-edu .single-blog-item:focus .blog-image img {
     transform: scale(1);
}

.edu-detail .media-left {
    min-width: 120px;
}


.edu-detail li p{
    margin-bottom: 0;
    font-size: 14px;
}

.edu-detail li+li{
    border-top: 1px dashed #ccc;
    padding-top: 15px;
    margin-top: 15px;
}



.edu-detail .media-body{
    text-align: right;
}

.other-edu {
    border-bottom: 1px dashed #ccc;
    padding: 10px 0;
}


.other-edu .title{
    font-size: 15px;
    font-weight: 500;
    line-height: 19px;
}

.other-edu span {
    display: block;
    font-size: 13px;
}

.uyelik_filter_list{
    display: none;
}



.education-list .media img {
    width: 120px;
    min-width: 120px;

}
.education-list .media h5 {
    color: #222;
    font-weight: 600;
}
.education-list .media {
    border: 1px solid #dfdfdf;
    background-color: #fff;
    margin-bottom: 10px;
}
.education-list .media-body {
    padding-top: 10px;
    padding-bottom: 10px;
}




#form-list .data-item,
#search-list .blog-list {
    border: 1px solid #dfdfdf;
    padding: 15px;
    background:#fff;
    margin-bottom: 15px;
    border-left: 4px solid #008ad1;
}
#form-list .data-item .media-body,
#search-list .blog-list .media-body {
    color: #666;
}
#form-list .data-item .title,
#search-list .blog-list .title {
    color: #222;
    font-size: 18px;
}
#form-list .data-item span,
#search-list .blog-list span {
    color: #0b6dd2;
}







/* mobile menu */
.overlay-bg  {
    width: 100%;
    height: 100%;
    position: fixed;
    background-color: rgba(0,0,0,.7);
    z-index: 20;
    display: none;
}


.nav-mobile-menu {
    position: fixed;
    width: 35%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: #008ad1;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
    z-index: 999;
}

.nav-mobile-menu.active {
    -webkit-transform: translateX(-0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
}

.logo-mobile {
    background-color: #004d75;
    padding: 10px;
    position: relative;
}

.logo-mobile a {
    display: inline-block;
}

.mobile-menu {
    margin:0px;
    padding:0px;
}

.mobile-menu li{
    display: block;
    width: 100%;
    border-bottom: 1px solid #0373ad;
}

.mobile-menu li a {
    padding:10px 15px;
    color:#fff;
    display: block;
    font-size: 15px;
    text-transform: uppercase;
}
.mobile-menu li a.with-sub-menu i {
    float: right;
    margin-top: 5px;
}

.mobile-menu li a span{
    display: inline-block;
    margin-right: 5px;
}
.mobile-menu li ul {
    margin: 0px;
    padding:0px;
    background-color: #065782;
    display: none;
}


.mobile-menu li ul li ul{
    margin: 0px;
    padding:0px;
    background-color: #064363;
}


.mobile-menu li ul li {
    border-bottom: 1px solid #034d75;
}

.mobile-menu li ul li:last-child {
    border-bottom: none;
}

.mobile-menu li ul li a {
    padding: 10px 30px;
}


.mobile-menu li ul li ul li a {
    padding: 10px 40px;
}


.mobile-menu li a:hover,
.mobile-menu li a:active,
.mobile-menu li a:focus
{
    background-color: #c51a1b;
    color:#fff;
}


.nav-mobile-menu .social-icons {
    padding: 15px;
}

.nav-mobile-menu .d-flex.second{
    background-color: #efefef;
    padding: 15px;
}

.nav-mobile-menu .icon-phone-detail .title{
    font-size: 13px;
}

.nav-mobile-menu .icon-phone {
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 38px;
}

.nav-mobile-menu .icon-phone img{
    width: 38px;
}

.nav-mobile-menu.active .close-mobile-menu {
    display: block;
}

.close-mobile-menu {
    position: absolute;
    font-size: 30px;
    background-color: #c51a1b;
    width: 48px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    right: -48px;
    color: #ffffff;
    display: none;
    top: 10px;
    cursor: pointer;
}

.mobile-scrollbar {
    overflow-y: auto;
    height: 100%;
}
.nav-mobile-menu .logo {
    width: 80px;
    height: 80px;
    margin: 0;
}

.nav-mobile-menu .logo img {
    margin-top: 2px;
    height: 75px;
    margin-left: -3px;
}


.mobile-logo-title {
    font-size: 15px;
}


.sidebar .single-sidebar-item .solution-categories.green-sidebar li.active a,
.sidebar .single-sidebar-item .solution-categories.green-sidebar li a:hover{
    background-color: #70ad47;
}
.sidebar .single-sidebar-item .solution-categories.green-sidebar li a:before{
    background: #1a611d;
}
@media (max-width: 768px){
    .nav-mobile-menu {
        width: 55%;
    }
}

@media (max-width: 576px) {
    .nav-mobile-menu {
        width: 65%;
    }
}