/* GOOGLE FONTS */
@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i&display=swap');

/* Global properties ======================================================== */
a[href^="tel:"] {
    color: inherit;
    text-decoration: none;
}

::selection {
    background: #888888 !important;
    color: #fff
}

::-moz-selection {
    background: #888888 !important;
    color: #fff
}

a {
    color: #000;
    text-decoration: none;
    outline: none
}

a:hover {
    color: #c15f17;
    text-decoration: none;
    outline: none
}

body {
    ;
    border: 0;
    font: 12px Roboto, Arial, Helvetica, sans-serif;
    color: #262523;
    line-height: 18px;
    min-width: 320px;
}

#main {
    margin: 0 auto;
    position: relative;
}


#inner2 {
    padding-top: 30px;
    padding-bottom: 30px;
    background: #fafafa;
    margin-bottom: 40px;
}

#inner .c-page {
    ;
    padding-top: 0;
}

@media(min-width:1200px) {
    #inner .c-page {
        margin-top: 40px;
    }
}

/* ============================= start header ====================== */

header {
    position: relative;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 30;
}

.top1 {
    height: 165px;
    position: relative;
    z-index: 1;
}

.logo_wrapper {
    width: 115px;
    height: 160px;
    margin: 2px 0;
    float: left;
}

.logo_wrapper img {
    width: 100%;
    height: 100%;
}

.con-lang {
    display: inline-block;
    position: relative;
}

.lang {
    width: 32px;
    height: 32px;
    display: inline-block;
    margin: 9px 3px;
    font-family: 'Roboto';
    font-weight: 500;
    font-size: 16px;
    text-align: center;
    line-height: 35px;
    border: 1px solid #333;
    color: #333;

}

.hov:hover {
    color: #fff;
    background-color: #ffdf00;
    border: 1px solid #ffdf00;
    transition: all .3s ease-in-out
}

.active-ling {

    background-color: #ffdf00;
    color: #fff;
    border: 1px solid #ffdf00;
}

.devider {
    position: relative;
    top: 100px;
    height: 1px;
    background: #45aaad;
    margin: 15px 0;
    max-height: 97px;
    overflow: hidden;
}

.search-lang {
    display: inline-flex;
}

.bot2 {
    line-height: 50px;
    margin-right: 10px
}

.bot2 .btn {
    padding: .2rem .75rem;
}

.phone2 {
    float: left;
    font-size: 18px;
    line-height: 46px;
}

.phone2 .txt1 {
    float: left;
    font-family: 'Roboto';
    font-weight: 300;
    text-transform: uppercase;
    color: #aca89c;
    padding-right: 15px;
}

.top2 {
    background-color: #fafafa;
    height: 50px;
    position: relative;
    z-index: 1;
}

.top2_inner {
    padding-left: 0;
    display: inline-flex;
    height: 50px;
}


/* =========== search-form ========= */
.search-form-wrapper {
    float: none;
}

.navbar-form {
    float: left;
    position: relative;
    z-index: 11;
    margin: 0px 0px 0px 0;
    padding: 0;
}

.navbar-form input {
    width: 240px;
    height: 35px;
    font-size: 14px;
    line-height: 20px;
    color: #585651;
    background: #fff;
    border: none;
    margin: 0;
    padding: 5px 50px 5px 10px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    font-family: 'Roboto';
    font-weight: 400;
    font-size: 14px;
}

.navbar-form input:focus {
    color: #000;
    border-color: #898989;
    -moz-box-shadow: inset none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.navbar-form a {
    text-decoration: none;
    margin: 0;
    display: inline-block;
    top: -15px;
    position: relative;
}

.navbar-form a i {
    position: absolute;
    right: 10px;
    font-size: 18px;
    line-height: 27px;
    color: #484545;
}

.navbar-form a i:hover {
    background-position: right;
    color: #96d7d9;
    transition: all .3s ease
}



.sm-screen-search {
    padding: 20px 0;
}

.sm-screen-search .c-content {
    justify-content: center;
}

.sm-screen-search .search-mob {
    margin: 0 auto;
    width: 100%;
    text-align: center
}

.sm-screen-search .search-mob .bot2 {
    width: 100%
}

.sm-screen-search .search-mob .bot2 form {
    justify-content: center
}

.sm-screen-search .search-mob .bot2 input {
    width: 69%;
    margin: 0 10px;
    line-height: 20px;
    color: #333;
    background: #fafafa;
}

.search-mob .bot2 input:focus {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -sm-box-shadow: none;
    -o-box-shadow: none;
}

.search-mob .bot2 .btn {
    height: 35px;
    background-color: #55185d;
    border: none;
    color: #fff;
    transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
}

.search-mob .bot2 .btn:hover {
    background-color: #48cbd3;
}

@media(min-width:1200px) {
    .sm-screen-search {
        display: none
    }
}

@media(max-width:360px) {
    .sm-screen-search .search-mob .bot2 input {
        width: 65%;
    }
}

/* =========== end search-form ========== */


/* =================== main menu ============== */
.navbar {
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 30;
    background: #fafafa !important;
}

.navbar .navbar-inner {
    padding: 0;
    margin: 0;
    border: none;
    min-height: inherit;
    border-radius: 0px;
}

.nav-collapse .collapse {
    position: relative;
    display: block;
    text-align: left;
}

.navbar .nav {
    position: relative;
    float: none;
    margin: 0;
    display: block;
    left: auto;
    width: 775px;
}

@media(max-width:1023.75px) {
    .navbar .nav {
        width: 290px !important;
    }
}

.navbar .nav > li {
    position: relative;
    display: block;
    float: left;
    margin-left: 21px;
    white-space: nowrap;
    height: 50px
}

.navbar .nav > li:first-child {
    margin-left: 0;
}

.navbar .nav > li > a {
    position: relative;
    display: block;
    text-decoration: none;
    background: none;
    font-family: 'Roboto';
    font-weight: 600;
    font-size: 14.6px;
    line-height: 50px;
    color: #393a35;
    padding: 0px 0px;
    border: none;
    margin: 0;
    text-shadow: none;
    text-transform: uppercase;

    transition: color 0.3s ease-out;
    -moz-transition: color 0.3s ease-out;
    -webkit-transition: color 0.3s ease-out;
    -o-transition: color 0.3s ease-out;
}

.navbar .nav > li > a:hover {
    color: #48cbd3
}

.navbar .nav > li > a em {
    display: inline-block;
    width: 5px;
    height: 7px;
    background: url(../images/marker0.png) left top no-repeat;
    position: relative;
    margin-left: 10px;
}

.navbar .nav > li.active > a,
.navbar .nav > li.active > a:hover,
.navbar .nav > li.active > a:focus,
.navbar_ .nav > li > a:hover,
.navbar_ .nav > li > a:focus,
.navbar_ .nav > li.sfHover > a,
.navbar .nav > li.sfHover > a:hover {
    color: #48cbd3;
    text-decoration: none;
    background: none;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}


.sub-menu ul {
    position: absolute;
    display: none;
    left: -18px;
    top: 45px;
    list-style: none;
    zoom: 1;
    z-index: 109;
    margin: 0;
    padding: 8px;
    background: #fff;
    text-align: left;
    border-top: 1px solid #ffdf00;
    box-shadow: 0 2px 13px 0 #c2c2c280;
}

.sub-menu li {
    margin: 0;
    position: relative;
    zoom: 1;
    display: block;
}

.sub-menu li a {
    display: block;
    position: relative;
    font-family: 'Roboto';
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #333;
    text-decoration: none;
    padding: 6px 35px 6px 10px;
    transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
}

.sub-menu li a:hover,
.dropdown-item:hover {
    text-decoration: none;
    color: #fff;
    background: #48cbd3;
}

.sub-menu li a:hover {
    color: #fff;
}

.sub-menu li a em {
    display: inline-block;
    width: 4px;
    height: 7px;
    background: url(../images/marker1.png) left top no-repeat;
    position: absolute;
    right: 8px;
    top: 50%;
    margin-top: -4px;
}

.sub-menu li a:hover em {
    background-position: bottom;
}

/* =================== menu bot =================== */
.menu_bot {
    display: inline-block;
    position: relative;
    z-index: 10;
    text-align: left;
    white-space: nowrap;
    padding-top: 0px;
    text-transform: uppercase;
}

#menu_bot {
    list-style: none;
    display: inline-block;
    white-space: nowrap;
    padding: 0;
    margin: 0;
}

#menu_bot > li {
    list-style: none;
    display: inline-block;
    height: 32px;
    line-height: 32px;
    margin-left: 25px;
    position: relative;
    float: left;
    white-space: nowrap;
}

#menu_bot > li:first-child {
    margin-left: 0;
}

#menu_bot > li > a {
    display: block;
    height: 100%;
    text-decoration: none;
    position: relative;
    font-family: 'Roboto';
    font-weight: 600;
    font-size: 14px;
    color: #fff;
}

#menu_bot > li.active > a,
#menu_bot > li > a:hover,
#menu_bot > li > a:focus {
    color: #48cbd3;
    transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    text-decoration: none;
}


/* ================ toTop ================ */
#toTop {
    display: none;
    text-decoration: none;
    position: fixed;
    bottom: 10px;
    right: 10px;
    z-index: 1000;
    overflow: hidden;
    width: 50px;
    height: 50px;
    border: none;
    text-indent: 100%;
    background: url(../images/totop.png) no-repeat left top;
}

#toTopHover {
    background: url(../images/totop.png) no-repeat left bottom;
    width: 50px;
    height: 50px;
    display: block;
    overflow: hidden;
    float: left;
    opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
}

#toTop:active,
#toTop:focus {
    outline: none;
}



.sm-screen {
    display: none;
    margin-left: 0;
}

.modal-footer input {
    background-color: #fafafa;
}

@media(max-width: 1201px) {

    .search-lang {
        display: none
    }

    .sm-screen {
        display: inline-flex;
        float: right;
    }

    .search-mob {
        display: inherit
    }
}

@media (min-width: 100px) and (max-width: 1023.75px) {
    .navbar .navbar-collapse {
        position: absolute;
        top: 50px;
        width: 290px;
        background: #fafafa;
        box-shadow: 0 1px 8px 0 #928f8f;
    }
}

@media (min-width: 768px) {
    .modal-dialog {
        max-width: 750px;
    }
}

@media (min-width: 768px) {
    .modal-dialog .navbar-form input {
        width: 630px;
    }
}

@media (min-width: 567px) and (max-width: 767.98px) {
    .modal-dialog .navbar-form input {
        width: 375px;
    }
}

@media (min-width: 411px) and (max-width: 566.98px) {
    .modal-dialog .navbar-form input {
        width: 268px;
    }
}

@media (min-width: 374.98px) and (max-width: 410.98px) {
    .modal-dialog .navbar-form input {
        width: 239px;
    }
}

@media (min-width: 360px) and (max-width: 374.98px) {
    .navbar-form input {
        width: 224px;
    }
}

@media (max-width: 320.98px) {
    .navbar-form input {
        width: 180px;
    }
}




@media (min-width: 980px) and (max-width: 1199px) {


    .banners .banner .con-f {
        width: 100%;
    }

    .thumbnail .caption h4 {
        font-size: 21px;
        font-weight: 600
    }

    .thumbnail .caption p {
        font-size: 15px;
    }

    .con-font-2 {
        margin-bottom: 10px
    }
}


@media (min-width: 768px) and (max-width: 979px) {
    .nav-collapse_.collapse {
        height: auto !important;
        overflow: visible !important;
    }

    .banners .banner .txt1 {
        font-size: 20px;
        line-height: 25px;
    }

    .sub-menu ul {
        position: relative;
        left: 0;
        top: 0;
    }

    .logo_wrapper {}

    #menu_bot > li {
        display: block;
        float: none;
        margin-left: 0;
    }

    .navbar-form input {
        width: 375px;
    }


}


@media (max-width: 575.75px) {
    .logo_wrapper {
        ;
        left: 0;
        text-align: center;
    }

    .top1_inner {
        padding-left: 0;
        display: inline-block;
    }

    .top1 {
        padding-top: 15px;
        padding-bottom: 0;
        text-align: center;
    }

    .phone2 {
        display: inline-block;
    }

    .logo_wrapper {
        width: 94px;
        height: 140px;
    }

}

@media (max-width: 1023.75px) {
    .navbar .nav > li:first-child {
        margin-left: 21px;
    }

    .navbar .nav > li {
        float: inherit;
    }
}

@media (min-width: 1024px)and (max-width:1992px) {
    .ads-1 {
        margin: 40px 20px !important;
    }
}






/* ==================== END navbar ===================== */

/* ======================================== end header =================================== */





/* ============================= slider ====================== */
#slider {
    position: relative;
    z-index: 1;
    width: 100%;

}

#slider .carousel {
    position: relative;
    width: 100%;
    height: 80vh
}

#slider .carousel .carousel-inner .carousel-item {
    height: 100%
}

#slider .carousel .carousel-inner .carousel-item img {
    height: 100%
}

.carousel-caption {
    bottom: 0;
    display: block;
    position: absolute;
    width: 100%;
}

.carousel-caption > div {
    padding: 10px 20px;
}

.carousel-caption {
    color: #fff;
}

.carousel-caption > div {
    background: #000;
    background: rgba(0, 0, 0, 0.8);
}

.carousel-caption {
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: #00000073;
    background-image: url(../images/camera_caption_px1.png);
    padding: 10px 20px;
}

.carousel-caption > div {
    margin: 0 auto;
    padding: 10px;
    background: none;
}

.carousel-caption .txt1 {
    font-family: 'Roboto';
    font-weight: 300;
    font-size: 35px;
    line-height: 35px;
    color: #fff;
    text-align: left;
}

.carousel-caption .txt2 {
    font-family: 'Roboto';
    font-weight: 700;
    font-size: 35px;
    line-height: 35px;
    color: #fff;
    text-align: left;
    margin-bottom: 0
}



.carousel-indicators {
    position: absolute;
    right: 0px;
    bottom: 20px;
    left: inherit;
}

.carousel-indicators li {
    width: 15px;
    height: 15px;
    border-radius: 50%;
}

.carousel-indicators .active {
    opacity: 1;
    background: #ffdf00;
    border: none
}

@media (min-width: 1200px) {
    .carousel-caption .txt1 {
        font-size: 35px;
        line-height: 40px;
    }

    .carousel-caption .txt2 {
        font-size: 35px;
        line-height: 40px;
        width: 90%;
    }
}

@media (max-width: 1199px) {
    .carousel-indicators {
        margin-right: 4%;
        margin-left: 4%;
        bottom: 50px;
    }

    .carousel-caption > div {
        width: 85%;
        margin: 0;
    }

    #slider .carousel {
        height: 60vh
    }
}

@media (max-width: 1024px) {
    #slider .carousel {
        height: 65vh
    }
}

@media (max-width: 979px) {
    .carousel-caption > div {
        width: 85%;
        margin: 0;
    }

    .carousel-indicators {
        margin-right: 4%;
        margin-left: 4%;
        bottom: 40px;
    }

    .carousel-caption .txt1 {
        font-size: 28px;
        line-height: 30px;
    }

    .carousel-caption .txt2 {
        font-size: 28px;
        line-height: 30px;
    }

    #slider .carousel {
        height: 55vh
    }
}

@media (max-width: 767px) {
    .carousel-caption > div {
        width: 85%;
        margin: 0;
    }

    .carousel-indicators {
        margin-right: 4%;
        margin-left: 4%;
        bottom: 20px;
    }

    .carousel-caption .txt1 {
        font-size: 20px !important;
        line-height: 26px;
        max-height: 50px;
        overflow: hidden;
    }

    .carousel-caption .txt2 {
        font-size: 20px !important;
        line-height: 26px;
        margin-bottom: 0;
        max-height: 56px;
        overflow: hidden;
    }

    #slider .carousel {
        height: 70vh
    }
}

@media (max-width: 576px) {
    .carousel-caption {
        min-height: 200px;

    }

    .carousel-caption > div {
        padding: 20px 10px;
        width: 100%
    }

    #slider .carousel {
        height: 65vh
    }
}


@media (max-width: 576px) {
    .con-f {
        float: none;
    }


    #slide_wrap {
        width: 100%;
        height: 250px;
        background: #333;
    }

    #slide_wrap img {
        width: 100%;
        height: 100%;
        background-attachment: scroll;
        background-origin: border-box;
        background-size: cover;
        background-clip: border-box
    }

    .carousel-indicators {
        position: absolute;
        right: 28%;
        bottom: 0;
        left: inherit;
    }

}


/* ============================= end slider ====================== */


/* ============================= start content ====================== */
#content {
    z-index: 10;
}

.subpage #content {}

#content2 {
    padding-top: 0px;
    padding-bottom: 0px;
}

.content {
    padding-right: 15px;
}

/* ============================= end content ====================== */

/* ============================= main layout ====================== */
h1 {
    font-family: 'Roboto';
    font-weight: 700;
    font-size: 35px;
    color: #262523;
    line-height: 40px;
    padding: 15px 0 15px 0;
    margin: 0;
}

h1.home {
    color: #6d6047;
    text-transform: uppercase;
    font-size: 55px;
    font-weight: 300;
    line-height: 30px;
}

h1.home span {
    font-size: 18px;
    line-height: 18px;
}

h2 {
    font-family: 'Roboto';
    font-weight: 400;
    font-size: 30px;
    color: #262523;
    line-height: 35px;
    padding: 20px 0 20px 0;
    margin: 0;
}

h2.home {
    font-size: 34px;
    font-weight: 300;
}

h3 {
    font-family: 'Roboto';
    font-weight: 500;
    font-size: 26px;
    color: #262523;
    line-height: 35px;
    padding: 20px 0 20px 0;
    margin: 0;
}

h3.home {
    text-transform: uppercase;
    font-size: 30px;
    line-height: 30px;
    font-weight: 600;
}

.c-important .span {
    font-size: 18px;
    line-height: 18px;
    font-weight: 600;
    margin-bottom: 15px;
}

.c-important #carouselExampleControls {
    height: 100%;
    width: 100%
}

.con-font-2 {
    max-height: 35px;
    overflow: hidden;
    width: 85%;
}

.c-important .Related-topics:hover h3 {
    color: #48cbd3;
    transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
}

h4 {
    font-size: 12px;
    font-weight: 500;
    color: #333;
    padding: 0px 0 10px 0;
    margin: 0px 0px 0px 0px;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 18px;

    line-height: 1.4;

}

h4 a {
    color: #333;
    text-decoration: underline;
}


.con-p {
    max-height: 80px;
    overflow: hidden;
}


h6 {
    font-size: 16px;
    line-height: 25px;
    font-weight: normal;
    color: #6d6047;
    padding: 0px 0 10px 0;
    margin: 0px 0px 0px 0px;
    text-transform: uppercase;
}



.upper {
    text-transform: uppercase;
}

.color1 {
    color: #fff;
}

.line1 {
    height: 1px;
    background: #45aaad;
    margin: 15px 0;
    width: 100%;
    position: relative;
    display: inline-block
}

.radius1 {
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.pad_bot1 {
    padding-bottom: 20px;
}


@media (min-width: 768px) {
    h3.home {
        font-size: 23px;
    }

    .s-line {
        width: 70px !important;
    }
}

@media (max-width: 576px) {
    h3.home {
        font-size: 25px;
    }

    .s-line {
        width: 70px !important;
    }
}



/* === */


.banners {
    background: #fafafa;
    padding-top: 35px;
    padding-bottom: 35px;
    ;
}


.h-link:hover .c-h4,
.h-link:hover .con-p {
    color: #48cbd3;
    transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
}

.banners .banner {
    margin-bottom: 20px;
}

.banners .banner.c-box {
    height: 410px;
    background: #fff;
    margin-bottom: 30px;
    box-shadow: 0 2px 13px 0 #c2c2c280;
    -moz-box-shadow: 0 2px 13px 0 #c2c2c280;
    -webkit-box-shadow: 0 2px 13px 0 #c2c2c280;
    -sm-box-shadow: 0 2px 13px 0 #c2c2c280;
    -o-box-shadow: 0 2px 13px 0 #c2c2c280;
}

.banners .banner figure {
    margin: 0;
    display: block;
    width: 100%;
    height: 200px;
    position: relative
}

.banners .banner figure img {
    width: 100%;
    height: 100%
}


.banners .banner .captions-c {
    position: relative;
    padding: 0 14px;
    height: 355px;
}

.banners .banner .captions-c .c-time {
    margin-top: 10px;
    font-size: 14px;
    color: #000;
    display: inline-block
}

.banners .banner .txt2 {
    font-family: 'Roboto';
    color: #333;
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: 500;
    font-size: 21px;
    line-height: 1.3;
    min-height: 51px;
    max-height: 70px;
    overflow: hidden;
}

.banners .banner .txt3 {
    padding-bottom: 10px;
    display: block;
    font-size: 16px;
    line-height: 1.4;
    max-height: 48px;
    overflow: hidden;
    color: #524c4c;
}

.banners .h-link:hover .txt2,
.banners .h-link:hover .txt3 {
    color: #48cbd3;
    transition: all .3s ease
}





.c-div {
    display: block;
    margin-top: 18px;
    margin-right: 10px;
    float: right;
}

.c-div-link {
    text-transform: uppercase;
    padding: 9px 15px;
    background: #55185d;
    border: none;
    color: #fff !important;
    transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
}

.c-div-link:hover {
    background: #48cbd3;
    transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
}



button:focus {
    outline: none;
}

.button0 {
    display: inline-block;
    padding-left: 14px;
    line-height: 32px;
    height: 32px;
    text-decoration: none;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 14px;
    font-family: 'Roboto';
    font-weight: 600;
    text-transform: capitalize;
}

.button0-art {
    display: inline-block;
    text-decoration: none;
    font-size: 14px;
    font-family: 'Roboto';
    font-weight: 600;
    border: none;
    background: none;
    margin-top: 0;
    margin-bottom: 0;
}

.m-p {
    margin-bottom: -10px;
}

.button0:hover {
    color: #48cbd3;
    transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
}


@media (min-width: 768px) and (max-width: 992px) {
    .banners .banner .txt2 {
        font-size: 18px;
        max-height: 60px;
    }
}

@media (max-width: 566.75px) {
    .banners .banner .txt2 {
        font-size: 20px;
        max-height: 67px;

    }
}

/* ============================= thumbnail ====================== */
.img-polaroid {
    position: relative;
    padding: 1px;
    background: #636363;
    border: none;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    width: 100%;
    height: 230px
}

.img-polaroid img {
    width: 100%;
    height: 100%
}

.thumbnail .img-polaroid .caption {
    padding: 0;
    color: #262523
}

.thumbnail .caption h4 {
    font-size: 21px;
}

.thumbnail .caption p {
    font-size: 16px;
    line-height: 1.5;
    max-height: 48px;
    overflow: hidden;
    margin-bottom: 2px;
    color: #524c4c;
}

.thumb1 {
    margin-bottom: 20px;
    margin-top: 20px
}

.thumb1.last {
    margin-bottom: 0px;
}

.thumb1 .thumbnail {
    background: #fff;
    padding: 0;
    border: none;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

.thumb1 figure {
    margin: 0;
    float: left;
}

.thumb1 figure img {
    width: auto;
}

.thumb1 .caption {
    padding: 13px;

    height: 115px;
    overflow: hidden;
}

.thumb2 {
    margin-bottom: 20px;
    box-shadow: 0 1px 2px 0 #cecece;
}

.thumb2.last {
    margin-bottom: 0px;
}

.thumb2 .thumbnail {
    padding: 0;
    border: none;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    width: 100%;
    height: 110px;
    ;
    background: #fff
}

.thumb2 figure {
    margin: 0;
    float: left;
    margin: 0px 15px 0px 0px;
}

.thumb2 figure img {
    width: 100%;
}

.thumb2 .caption {
    overflow: hidden;
}

.thumb3 {
    margin-bottom: 20px;
}

.thumb3.last {
    margin-bottom: 0px;
}

.thumb3 .thumbnail {
    padding: 0;
    border: none;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

.thumb3 figure {
    margin: 0;
    float: left;
    margin: 0px 20px 20px 0px;
}

.thumb3 figure img {
    width: auto;
}

.thumb3 .c-time time {}






.thumbnails {
    margin-left: -40px;
}

.isotope-element .thumbnail {
    width: 100%;
    height: 350px;
    padding: 10px;
    border: none;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    background: #fff;
    position: relative
}

.isotope-element figure {
    width: 100%;
    height: 230px;
    position: relative;
    margin: 0;
    float: none;
    margin: 0px 0px 20px 0px;
    transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
}

.isotope-element figure img {
    width: 100%;
    height: 100%
}

.isotope-element .thumbnail a {
    position: relative;
    display: block;
}

.isotope-element .thumbnail a:hover h4 {
    background: #fff;
}

.isotope-element .thumbnail a img {
    width: 100%;
    height: 100%
}

.isotope-element .caption {
    width: 100%;
    max-height: 55px;
    overflow: hidden;
    padding-top: 10px;
}

.isotope-element .caption .txt1 {
    text-transform: capitalize;
    font-family: 'Roboto';
    line-height: 25px;
    color: #333;
    padding-bottom: 5px;
    font-weight: 500;
    font-size: 19px;
}

.isotope-element a .thumbnail:hover .txt1 {
    color: #45aaad;
    transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
}

.isotope-element .thumbnail .c-time {
    position: absolute;
    bottom: 10px;
    font-size: 14px;
    font-weight: 600;
    color: #000
}


/* ========== end video art =========== */
.s-line {
    width: 100px;
    height: 2px;
    background-color: #ffdf00;
    margin-top: -12px;
    margin-bottom: 15px;
}


.con-m {
    width: 100%;
    margin-left: 0;
    margin-right: 20px;
    margin-top: 25px;
}

.con-img {
    position: relative;
    margin: auto;
    width: 100%;
    height: 375px;

}

.con-img img {
    width: 100%;
    height: 100%
}

.adding {
    margin: 10px 0;
}

.overlay {
    position: absolute;
    /* Sit on top of the page content */
    width: 100%;
    /* Full width (cover the whole page) */
    height: 100%;
    /* Full height (cover the whole page) */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    /* Black background with opacity */
    z-index: 2;
    /* Specify a stack order in case you're using a different order for other elements */
    cursor: pointer;
    /* Add a pointer on hover */
}

.fa-play-circle {
    position: absolute;
    top: 39%;
    left: 44%;
    font-size: 70px;
    color: #fff;
    z-index: 30;
    transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
}

.con-m .h-link:hover .fa-play-circle {
    color: #48cbd3
}

@media (max-width: 576px) {
    .con-img {
        height: 250px;
    }

    .fa-play-circle {
        top: 39%;
        left: 39%;
        font-size: 50px;
    }
}

/* ========== end video art =========== */

/* ========== start art =========== */
.thumb1 .img-polaroid {
    width: 160px;
    height: 150px;
}

.thumb1 .img-polaroid img {
    width: 100%;
    height: 100%
}

@media (min-width: 768px) and (max-width: 1023.75px) {
    .thumb1 .caption {
        height: 150px;
    }

    .thumb1 .img-polaroid {
        width: 170px;
        height: 178px;
    }

    .thumbnail .caption h4 {
        max-height: 67px;
        font-size: 18px;
    }

    .con-font-2 {
        max-height: 71px;
        width: 100%;
    }
}

@media (min-width: 576px) and (max-width: 767.75px) {
    .thumb1 .caption {
        height: 150px;
    }

    .thumb1 .img-polaroid {
        width: 170px;
        height: 178px;
    }

    .thumbnail .caption h4 {
        font-size: 20px;
    }

    .con-font-2 {
        max-height: 71px;
        width: 100%;
    }
}

@media (max-width: 575.75px) {

    .thumb1 .img-polaroid {
        width: 100%;
    }

    .con-font-2 {
        width: 100%;
        max-height: 58px;
    }

    .thumb1 .caption {
        height: 130px;
    }

    .thumbnail .caption h4 {
        font-size: 18px;
        max-height: 58px;
    }

    .thumbnail .caption p {
        font-size: 16px;
        line-height: 1.3;
        max-height: 42px;
    }

}

/* ========== end art =========== */

/* ========== start aside =========== */

.add-m {
    width: 100%;
}

.aside .carousel-item {
    height: 250px;
    width: 300px;
}

.aside .carousel-item img {
    height: 100%;
}

.con-h2 {
    color: #fff;
    text-align: center;
    text-transform: capitalize;
    line-height: .75;
}


.con-img-aside {
    position: relative;
    margin: auto;
    width: 110px;
    height: 110px;
}

.con-img-aside img {
    width: 100%;
    height: 100%
}

.c-aside-p {
    height: 60px;
    overflow: hidden;
    padding: 5px 10px 5px 0;
}

.c-h4 {
    margin: 0px 0px 0px 0px;
    text-transform: capitalize;
    font-weight: 500;
    font-size: 18px;
    line-height: 1.6;
    max-height: 50px;
    overflow: hidden;
}

.thumbnail h6 {
    text-transform: capitalize;
    color: #000;
    font-weight: 500;
    padding: 0 0 0 0;
}

.c-aside-p .con-p {
    font-size: 14px;
    line-height: 1.6;
    max-height: 67px;
    overflow: hidden;
    color: #524c4c;
    margin-bottom: 0;
}

time {
    color: #585656
}

@media (min-width: 1024px) {
    .c-aside-p .c-h4 {
        font-size: 16px !important;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {

    .con-img-aside {
        width: 100%;
    }

    .c-h4 {
        font-size: 15px;
    }

    .thumbnail h6 {
        padding: 0 0 0 10px;
        font-size: 15px;
    }

    .c-aside-p {
        display: inline-block;
        padding: 5px 10px;
    }

    .thumbnail time {
        padding: 5px 10px;
    }

    .thumb2 .thumbnail {
        width: 100%;
        height: auto;
    }

}

@media (min-width: 577px) and (max-width: 767px) {
    .c-important {
        width: 100%;
    }
}

@media (max-width: 576px) {

    .thumb2 .thumbnail {
        height: 105px;
        width: 100%;
    }

    .con-img-aside {
        width: 100px;
        height: 105px;
    }

    .c-h4 {
        font-size: 16px;
        line-height: 1.5;
    }

    .thumbnail h6 {
        font-size: 15px;
    }

    .c-aside-p .con-p {
        font-size: 15px;
        line-height: 1.5;
        max-height: 42px;
    }

    .c-aside-p {
        height: 58px;
    }
}

/* ========== end aside =========== */

/* ========== start Partners =========== */
.Partners .c-slide {
    margin-bottom: 30px;
    margin-top: 30px;
    padding: 22px 22px 22px 0;
    background: #fff
}

.Partners .slide {
    width: 156px;
    height: 130px;
    display: inline-block;
    margin-left: 22px;

}

.Partners .slide:hover {
    border: 1px solid #48cbd3;
    box-shadow: 0 2px 13px 0 #c2c2c280;
    -moz-box-shadow: 0 2px 13px 0 #c2c2c280;
    -webkit-box-shadow: 0 2px 13px 0 #c2c2c280;
    -sm-box-shadow: 0 2px 13px 0 #c2c2c280;
    -o-box-shadow: 0 2px 13px 0 #c2c2c280;
    padding: 4px;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
}

.Partners .slide img {
    width: 100%;
    height: 100%;
}

@media(min-width:1024px) and (max-width:1199px) {
    .contact .Partners .slide {
        width: 204px;
        height: 180px;
        margin-left: 20px;
        margin-bottom: 20px;
        padding: 5px;
    }
}

@media (min-width: 992px) and (max-width: 1024px) {
    .Partners .slide {
        width: 278px;
        height: 180px;
        display: inline-block;
        margin-left: 22px;
        margin-bottom: 22px;
    }
}

@media (min-width: 768px) and (max-width: 992px) {
    .Partners .slide {
        width: 198px;
        height: 130px;
        display: inline-block;
        margin-left: 22px;
        margin-bottom: 22px;
    }
}

@media (min-width: 577px) and (max-width: 766.75px) {
    .Partners .slide {
        width: 138px;
        margin-bottom: 22px;
    }

    .Partners .c-slide {
        padding: 22px 10px 22px 0;
    }

    .contact .Partners .slide {
        width: 154px;
    }
}

@media (max-width: 576px) {
    .Partners .c-slide {
        padding: 22px 10px 22px 0;
    }

    .Partners .slide {
        width: 163px !important;
        height: 110px !important;
        margin-left: 10px !important;
        margin-bottom: 10px !important;
    }

    .Partners .c-slide {
        padding: 22px 10px 22px 10px !important;
    }

    .Partners .slide {
        width: 45% !important;
        height: 130px !important;
        margin-left: 10px !important;
        margin-bottom: 10px !important;
    }
}

/* ========== end Partners =========== */


/* ==================== start footer ======================== */
footer {
    position: relative;
    z-index: 1;
    background: #0f0f0f;
    padding: 25px 0 20px 0;
}

.bot1 {
    float: left;
}



.social_wrapper {
    text-align: center
}

.social-media {
    display: inline-block;
    margin: 0 0px;
    padding-top: 15px;
    list-style: none;
    white-space: nowrap;
}

.social-media li {
    display: inline-block;
    margin: 0 2px;
    float: left;
}

.social-media li i {
    font-size: 35px;
    position: relative;
    margin: 0 2px;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
}

.social-media li .fa-facebook-square {
    color: #3b5998
}

.social-media li .fa-twitter-square {
    color: #1da1f2
}

.social-media li .fa-youtube-square {
    color: #ff0000
}

.social-media li .fa-linkedin {
    color: #0077b5
}

.social-media li .fa-rss-square {
    color: #f26522
}

.social-media li .fa-envelope-square {
    color: #ffdf00
}



footer .social-media {
    margin: 0;
    padding-right: 0;
    padding-left: 0;
}

footer .social-media li i {
    color: #61625c !important;
}

footer .social-media li .fa-facebook-square:hover {
    color: #3b5998 !important;
}

footer .social-media li .fa-twitter-square:hover {
    color: #1da1f2 !important;
}

footer .social-media li .fa-youtube-square:hover {
    color: #ff0000 !important;
}

footer .social-media li .fa-linkedin:hover {
    color: #0077b5 !important;
}

footer .social-media li .fa-rss-square:hover {
    color: #f26522 !important;
}

footer .social-media li .fa-envelope-square:hover {
    color: #ffdf00 !important;
}

.copyright {
    color: #949494;
    padding-top: 10px;
    display: inline-block;
    font-size: 14px;
}

.con-f {
    float: right;
}

.copyright a {
    text-decoration: none;
    color: #ffdf00;
    font-size: 15px;
}

.copyright a:hover {
    color: #fff;
    transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
}

.bac-copyright {
    background: #171616;
    min-height: 50px;
    line-height: 35px;
}

footer #menu_bot > li {
    margin-left: 20px;
}


@media (min-width:1024px) and (max-width:1199px) {
    #menu_bot > li > a {
        font-size: 12px
    }

    footer #menu_bot > li {
        margin-left: 15px;
    }
}

@media (max-width: 1023px) {
    footer .bot1 #menu_bot > li {
        display: block;
        margin-left: 0;
        float: none;
    }
}

@media (max-width: 576px) {

    footer .social-media {
        padding-left: 0
    }

    .copyright {
        display: inherit;
        text-align: center;
        float: none
    }
}

/* ============================= end footer ====================== */




/* ============================= srart 404 page ========================================= */
.page-404 {
    text-align: center;
}

.page-404 .txt1 {
    font-family: 'Roboto';
    font-weight: 700;
    font-size: 180px;
    color: #4b3e33;
    line-height: 180px;
}

.page-404 .txt2 {
    font-family: 'Roboto';
    font-weight: 400;
    font-size: 60px;
    color: #795931;
    line-height: 60px;
}

/* ============================= end 404 page ========================================= */



/* ============================ srart editor page ========================================= */
.c-form-editor label {
    display: inline-block;
    margin-bottom: .5rem;
    font-size: 16px;
    font-weight: 500;
    text-transform: capitalize;
}

.c-form-editor .note-editor.note-frame .note-editing-area .note-editable {
    min-height: 200px !important;
}

.note-editor.note-frame .note-placeholder {
    display: none !important;
}

.c-form-editor .note-editor {
    margin-bottom: 1rem
}


.c-form-editor .form-control-file {
    display: block;
    width: 100%;
    padding: .5rem .75rem;
    font-size: 1rem;
    line-height: 1.25;
    color: #495057;
    background-color: #fff;
    background-image: none;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: .25rem;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.c-form-editor .btn {
    font-weight: 500;
    padding: .5rem 1.4rem;
    font-size: 1rem;
    border-radius: 1.25rem;
    text-transform: capitalize;
    line-height: 1.5;
}

.c-form-editor .btn-dark:hover {
    background-color: #48cbd3;
    border-color: #48cbd3;
}

.Hello {
    background: #fff;
    padding: 10px;
    text-align: center;
    margin-bottom: 20px;
    margin-top: 20px;
}

.Hello p {
    display: inline-block;
    font-size: 20px;
}

.Hello strong {
    font-size: 25px;
    padding: 0 5px
}

.Hello .user-img {
    width: 80px;
    height: 80px;
    display: inline-block;
    margin: 10px;
}

.Hello .user-img img {
    border-radius: 50%;
}

.editor-info .info-pine {
    height: 350px;
}

.editor-info .notiviction {
    width: 100%;
    height: 40px;
    background-color: #48cbd3;
    color: #fff;
    line-height: 40px;
    padding: 0 20px;
    margin-bottom: 20px;
}

.editor-info .notiviction p {
    font-size: 18px;
}

.editor-info .Terms {
    background-color: #fff;
    padding: 10px;
}

.editor-info .Terms h5 {
    font-size: 25px;
}

.editor-info .Terms li {
    font-size: 18px;
    line-height: 1.5
}

.editor-info .Terms li a {
    color: #55185d;
}

.editor-info .Terms li a:hover {
    color: #48cbd3;
}

.editor-info .Terms p {
    text-align: center;
    font-size: 18px;
}

.editor-info .links {
    text-align: center;
    font-size: 18px;
    margin-bottom: 20px;
    padding: 11px 0 30px;
}

.editor-info .links a {
    padding: 10px;
    margin: 0 5px;
    background: #55185d;
    color: #fff
}

.editor-info .links a:hover {
    background: #48cbd3;
    transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
}

@media (max-width: 1024px) {
    .add-m {
        margin: auto;
        width: 100%;
    }
}

/* ============================= end editor page ========================================= */


/* ================================ start contact page =================================== */

@media(min-width:1200px) {
    .contact {
        margin-top: 40px;
    }
}

.contact .Partners .slide {
    width: 247px;
    height: 180px;
    margin-left: 22px;
    margin-bottom: 22px;
    padding: 5px;
}

.c-media_topic {
    text-transform: uppercase;
    padding: 5px 15px;
    background: #303030b8;
    color: #fff !important;
    position: absolute;
    top: 0;
    transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
}

.c-div-art {
    display: inline-block;
    float: right;
    margin-top: 2px
}

.c-media_topic:hover {
    background: #48cbd3;
}

.about-us .c-about {
    margin-bottom: 30px;
    margin-top: 30px;
    padding: 50px 22px 22px 22px;
    background: #fff
}

.about-us .c-about .c-about-caption {
    margin-bottom: 40px;
}

.about-us .c-about h4 {
    font-weight: 550;
    font-size: 25px;
    line-height: 1;
    border-bottom: 2px solid #48cbd3;
    display: inline-block;
    margin-bottom: 15px;
    text-transform: capitalize;
}

.about-us .c-about p {
    line-height: 1.4;
    font-size: 20px;
    color: #737373;
}

.about-us .c-about .c-about-caption {}

.about-us .c-about .c-about-caption .Owner {
    line-height: 1.5;
    color: #737373;
    margin-bottom: 10px
}

.about-us .c-about .c-about-caption .Owner h5 {
    text-transform: capitalize;
    font-size: 22px;
    margin-bottom: 10px
}

.c-about-caption .Owner a,
.c-about-caption .Owner i,
.about-us .c-about ul li a {
    font-size: 18px;
}

.about-us .c-about .social_wrapper {
    text-align: initial;
}

.about-us .c-about ul {
    padding-left: 15px;
}

.about-us .c-about .social-media {
    padding-left: 0;
}

.about-us .c-about ul li {
    list-style: none;
    font-size: 20px;
    margin-bottom: 10px;
    color: #737373;
}

.about-us .c-about ul li .c-icons,
.about-us .c-about .advertise .c-icons {
    color: #48cbd3;
    font-size: 25px;
    width: 41px;
    height: 41px;
    border-radius: 50%;
    border: 2px solid #48cbd3;
    text-align: center;
    line-height: 40px;
}

.about-us .c-about ul li .icon-s,
.about-us .c-about .advertise .c-icons {
    font-size: 21px
}

.about-us .c-about ul li a:hover,
.c-about-caption .Owner a:hover,
.about-us .c-about .advertise a:hover {
    color: #48cbd3;
    transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
}

.about-us .c-about .advertise p {
    display: inline-block
}

.about-us .c-about .advertise i {
    margin-right: 10px;
}

.about-us .c-about .advertise a {
    font-size: 18px;
}

.Agent {
    width: 100%;
    height: 300px;
    background-color: #333;
    margin-top: 50px;
}

.Agent .Advertising {
    width: 100%;
    height: 260px;
}

.Agent .Advertising img {
    width: 100%;
    height: 100%;
}

.Agent a button {
    width: 100%;
    height: 40px;
    background-color: #55185d;
    color: #fff;
    border: none;
    font-size: 18px;
    text-transform: capitalize;
    font-weight: 600;
}

.Agent a button:hover {
    background-color: #48cbd3;
    transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
}

/* ================ start form ======================== */



#form_new a:focus {
    outline: none !important;
}

/*---------------------------------------------*/
#form_new input {
    outline: none;
    border: none;
}

#form_new textarea {
    outline: none;
    border: none;
}

#form_new textarea:focus,
input:focus {
    border-color: transparent !important;
}



/*//////////////////////////////////////////////////////////////////
[ Contact ]*/


.container-contact100 {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.wrap-contact100 {
    width: 1163px;
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 110px 116px 157px 116px;
}

/*------------------------------------------------------------------
[  ]*/
.contact100-pic {
    width: 350px;
    height: 420px;
    padding-top: 55px;
}

.contact100-pic img {
    width: 100%;
    height: 100%
}


/*------------------------------------------------------------------
[  ]*/
.contact100-form {
    width: 420px;
    height: 420px;
}

.contact100-form-title {
    display: block;
    font-size: 26px;
    color: #333333;
    line-height: 1.2;
    text-align: left;
    padding-bottom: 30px;
    font-weight: bold;
}

input.input100 {
    height: 50px;
    border-radius: 25px;
    padding: 0 30px 0 50px;
}

input.input100[name="email"] {
    padding: 0 30px 0 54px;
}

textarea.input100 {
    min-height: 150px;
    border-radius: 25px;
    padding: 14px 30px;
}

/*---------------------------------------------*/
.wrap-input100 {
    position: relative;
    width: 100%;
    z-index: 1;
    margin-bottom: 15px;
}

.input100 {
    display: block;
    width: 100%;
    background: #e6e6e6;
    font-family: 'Roboto';
    font-size: 15px;
    line-height: 1.5;
    color: #666666;
}


/*------------------------------------------------------------------
[ Focus ]*/
.focus-input100 {
    display: block;
    position: absolute;
    border-radius: 25px;
    bottom: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 0 0;
    -moz-box-shadow: 0 0 0 0;
    -webkit-box-shadow: 0 0 0 0;
    -sm-box-shadow: 0 0 0 0;
    -o-box-shadow: 0 0 0 0px;
    color: rgba(72, 203, 211, 0.5);
}

.input100:focus + .focus-input100 {
    -webkit-animation: anim-shadow 0.5s ease-in-out forwards;
    animation: anim-shadow 0.5s ease-in-out forwards;
}

@-webkit-keyframes anim-shadow {
    to {
        box-shadow: 0 0 60px 25px;
        -moz-box-shadow: 0 0 60px 25px;
        -webkit-box-shadow: 0 0 60px 25px;
        -sm-box-shadow: 0 0 60px 25px;
        -o-box-shadow: 0 0 60px 25px;
        opacity: 0;
    }
}

@keyframes anim-shadow {
    to {
        box-shadow: 0 0 60px 25px;
        -moz-box-shadow: 0 0 60px 25px;
        -webkit-box-shadow: 0 0 60px 25px;
        -sm-box-shadow: 0 0 60px 25px;
        -o-box-shadow: 0 0 60px 25px;
        opacity: 0;
    }
}

.symbol-input100 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    position: absolute;
    border-radius: 25px;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding-left: 30px;
    pointer-events: none;
    color: #aaaaaa;
    font-size: 15px;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
}

.input100:focus + .focus-input100 + .symbol-input100 {
    color: #48cbd3;
    padding-left: 22px;
}

/*------------------------------------------------------------------
[ Button ]*/
.container-contact100-form-btn {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding-top: 20px;
}

.contact100-form-btn {
    width: 100%;
    height: 50px;
    border-radius: 25px;
    background: #55185d;
    font-family: 'Roboto';
    font-size: 15px;
    line-height: 1.5;
    color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 25px;
    border: none;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
}

.contact100-form-btn:hover {
    background: #48cbd3;
}

/*------------------------------------------------------------
[ Responsive ]*/

@media (max-width: 1200px) {
    .contact100-pic {
        width: 45.5%;
    }

    .contact100-form {
        width: 45.5%;
    }

    .wrap-contact100 {

        padding: 20px 40px 20px 40px;
    }
}

@media (max-width: 992px) {
    .wrap-contact100 {
        padding: 110px 80px 157px 90px;
    }

    .contact100-pic {
        width: 100%;
    }

    .contact100-form {
        width: 100%;
    }

    .about-us .c-about .social_wrapper {
        margin-bottom: 35px;
    }

    .contact .Partners .slide {
        width: 149px;
        height: 150px;
        margin-left: 15px;
    }

}


@media (max-width: 768px) {
    .wrap-contact100 {
        padding: 110px 80px 157px 80px;
    }

    .contact100-form {
        width: 100%;
    }

    .contact .Partners .slide {
        width: 150px;
        height: 150px;
        margin-left: 10px;
        margin-bottom: 10px;
    }


}

@media (min-width: 730px) and (max-width: 810px) {
    .contact .Partners .slide {
        width: 220px;
    }
}

@media (max-width: 576px) {
    .wrap-contact100 {
        padding: 10px;
    }

    .about-us .c-about p {
        line-height: 1.5;
        font-size: 18px;
    }

    .about-us .c-about {

        padding: 25px 10px 22px 10px;
    }

    .about-us .c-about .social_wrapper {
        margin-bottom: 20px;
    }

    .container-contact100 {
        min-height: 75vh;
    }

    .about-us .c-about .c-about-caption {
        margin-bottom: 25px;
    }

}

/* ================ end form ================ */


.contact .Partners .c-slide {
    margin-bottom: 30px;
    margin-top: 30px;
    padding: 22px 22px 22px 0;
    background: #fff
}

.contact .Partners .slide:hover {
    border: 1px solid #48cbd3;
    box-shadow: 0 2px 13px 0 #c2c2c280;
    -moz-box-shadow: 0 2px 13px 0 #c2c2c280;
    -webkit-box-shadow: 0 2px 13px 0 #c2c2c280;
    -sm-box-shadow: 0 2px 13px 0 #c2c2c280;
    -o-box-shadow: 0 2px 13px 0 #c2c2c280;
    padding: 4px;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
}

.contact .Partners .slide img {
    width: 100%;
    height: 100%;
}

@media(min-width:1024px) and (max-width:1198.75px) {
    .contact .Partners .slide {
        width: 204px;
        height: 180px;
        margin-left: 20px;
        margin-bottom: 20px;
        padding: 5px;
    }
}

@media (min-width: 992px) and (max-width: 1023.75px) {
    .contact .Partners .slide {
        width: 278px;
        height: 180px;
        display: inline-block;
        margin-left: 22px;
        margin-bottom: 22px;
    }
}

@media (min-width: 768px) and (max-width: 991.75px) {
    .contact .Partners .c-slide {

        padding: 22px 15px 22px 0;
    }

    .contact .Partners .slide {
        width: 207px;
        height: 140px;
        margin-left: 15px;
        margin-bottom: 15px;
    }
}

@media (min-width: 577px) and (max-width: 767px) {
    .contact .Partners .slide {
        width: 154px;
        margin-bottom: 10px;
        margin-left: 10px;
    }

    .contact .Partners .c-slide {
        padding: 22px 10px 22px 0;
    }

    .contact .contact .Partners .slide {
        width: 154px;
    }
}

/**/
@media (max-width: 575px) {
    .contact .Partners .c-slide {
        padding: 22px 10px 22px 0;
    }

    .contact .Partners .slide {
        width: 128px !important;
        height: 100px !important;
        margin-left: 10px !important;
        margin-bottom: 10px !important;
    }
}

@media (min-width: 568px) and (max-width: 575px) {
    .contact .Partners .slide {
        width: 163px !important;
        height: 120px !important;
    }
}

@media (min-width: 321px) and (max-width: 567.5px) {
    .contact .Partners .c-slide {
        padding: 22px 10px 22px 10px;
    }

    .contact .Partners .slide {
        width: 45% !important;
        height: 130px !important;
        margin-left: 10px !important;
        margin-bottom: 10px !important;
    }
}

/* ================================== end contact page =================================== */

/* ======================================= start Views page =============================== */
#newa_wrap {
    width: 100%;
    height: 375px;
    box-shadow: 0 2px 11px 0 #928f8f;
}

#newa_wrap img {
    width: 100%;
    height: 100%;

}

.ad-slid {
    max-width: 3006px;
    height: 250px;
    position: relative
}

.c-view .disc {
    width: 100%;
    height: 40px;
    color: #000;
    padding: 0 10px;
    line-height: 40px;
    text-align: center;
}

.c-view .disc p {
    font-size: 18px
}

.ar-1 {
    left: 15px;
}

.ar-2 {
    right: 15px;
}

.Articles {
    font-size: 20px;
    line-height: 1.7;
}

.Articles img {
    width: 100%;
    height: 375px;
    margin-top: 15px;
    margin-bottom: 15px;
}

.Articles iframe {
    width: 85%;
    margin: auto;
    display: block;
    margin-top: 25px;
}

.Articles twitter-widget {
    margin: auto;
    display: block;
}

.Articles div {
    width: 100% !important;
}

iframe {
    background-color: #fff;
}

.devider-2 {
    position: relative;
    height: 1px;
    background: #45aaad;
    margin: 15px 0
}

.social_share .social-media li i {
    font-size: 30px;
    margin: 0 5px;
}

.tags a {

    background-color: #55185d;
    padding: 6px 10px;
    display: inline-block;
    text-decoration: none;
    color: #fff;
    margin: 5px 3px;
    font-size: 14px;
    transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
}

.tags a:hover {
    background: #48d2df
}

.news-imgs {
    width: 100%;
    height: 250px;
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 10px;
}

.news-imgs img {
    width: 100%;
    height: 100%;
}

.f-comment {
    border: 1px solid #cecece;
    margin-bottom: 20px;
    margin-top: 20px;
}

.con-m-art {
    margin-bottom: 25px;
}

.ads-art {
    display: inline-block;
    margin: 10px auto 10px 25px;
}

@media(min-width:1200px) {
    .c-view {
        margin-top: 60px;
    }
}

.cont-font {
    font-size: 22px;
}

.cont-p {
    font-size: 17px;
    line-height: 1.6;
    font-weight: 500;
}

.cont-p a {
    color: #45aaad
}


.sub-title {
    padding-bottom: 0;
    max-height: 45px;
    overflow: hidden;
}

@media(max-width:576px) {
    .sub-title {
        max-height: 70px;
    }
}

/* ============ start author div ============= */
.About-author {
    margin-top: 20px;
    margin-bottom: 20px;
    width: 100%;
    height: 200px;
    box-shadow: 0 2px 11px 0 #928f8f;
    -moz-box-shadow: 0 2px 11px 0 #928f8f;
    -webkit-box-shadow: 0 2px 11px 0 #928f8f;
    -sm-box-shadow: 0 2px 11px 0 #928f8f;
    -o-box-shadow: 0 2px 11px 0 #928f8f;
}

.About-author .author .author-pic {
    width: 200px;
    height: 200px;
    display: inline-block;
}

.About-author .author .author-pic img {
    width: 100%;
    height: 100%
}

.About-author .author-caption {
    display: inline;
    padding-left: 0;
}

.About-author .author h3 {
    padding: 10px 0 10px 0;
    font-weight: 500;
    text-transform: capitalize;
    color: #48cbd3;
}

.About-author .author h1 {
    font-family: 'Roboto';
    font-weight: 700;
    font-size: 30px;
    color: #262523;
    line-height: 1.4;
    padding: 10px 10px 10px 0;
    margin: 0;
    max-height: 90px;
    overflow: hidden;
}

.About-author .author h5 {
    padding: 0 0 10px 0;
    margin-bottom: 0;
    font-weight: 500;
    text-transform: capitalize;
}

.About-author .author .c-time {
    font-size: 16px;
    color: #48cbd3;
    display: inline-block;
    position: absolute;
    bottom: 15px;
}

.author-caption i {
    font-size: 20px;
    margin-right: 10px;
    color: #48d6e8;
}

.author-caption h3 {
    display: inline-block;
    padding: 10px 0 10px 0;
    font-weight: 500;
    text-transform: capitalize;
    color: #262523;
    font-size: 22px;
}

.author-caption .art-time {
    font-size: 17px;
    color: #000;
    padding: 10px 0;
}

.About-author .author p {
    line-height: 1.5;
    font-size: 16px;
    max-height: 100px;
    overflow: hidden;
    padding-right: 10px;
    margin-bottom: 0;
}

/* ============ end author div ============= */

.source h3 {
    display: inline-block;
    font-weight: bold;
    text-transform: capitalize;
}

.source a {
    font-size: 20px;
    color: #48d2df;
    padding: 0 10px;
    font-weight: 600;
    transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
}

.source a:hover {
    text-decoration: underline;
    color: #55185d;
    padding: 0 10px;
}

.Definition {
    box-shadow: 0 2px 11px 0 #928f8f;
    -moz-box-shadow: 0 2px 11px 0 #928f8f;
    -webkit-box-shadow: 0 2px 11px 0 #928f8f;
    -sm-box-shadow: 0 2px 11px 0 #928f8f;
    -o-box-shadow: 0 2px 11px 0 #928f8f;
    padding: 0 15px 10px;
}

.Definition h3 {
    padding: 20px 0 10px 0;
    font-weight: 600;
    color: #55185d;
}

.Definition p {
    font-size: 18px;
    line-height: 1.6;
    font-weight: 500;
    margin-bottom: 0;
    min-height: 60px;
}

.Translation {
    margin: 20px 0 20px 0;
}



@media (max-width: 1024px) {
    .news-imgs {

        height: 130px;
    }

    .c-view .ads-5 {
        margin: 10px auto;
    }

    h1 {
        font-size: 24px !important;
    }
}

@media (max-width: 576px) {
    h1 {
        font-size: 22px !important;
    }

    #newa_wrap {
        height: 300px;
    }

    .About-author .author-caption {
        height: 190px;
    }

    .Articles {
        font-size: 18px;
    }

    .news-imgs {
        width: 100%;
        height: 180px;
        display: inline-block;
        margin-right: 10px;
        margin-bottom: 10px;
    }

    .c-view {
        margin-top: 0;
    }

    .c-view .social-media {
        padding-left: 0;
    }

    .About-author {
        height: auto
    }

    .About-author .author .author-pic {
        width: 100%;
    }

    .About-author .author h3,
    .About-author .author h1,
    .About-author .author .c-time,
    .About-author .author h5,
    .About-author .author p {
        padding-left: 30px;
    }

    .Articles img {
        height: 220px;
    }

    .con-m {

        margin-right: 0;

    }

    .con-img {
        height: 200px;
    }

    .con-img iframe {
        height: 100%;
        width: 100%;
    }
}

/* ======================================== end Views page =============================== */

/* ======================================== start Category =============================== */

.c-page .banners {
    margin-bottom: 0;
}

.btn-dark {
    text-transform: capitalize;

    background-color: #55185d;
    border-color: #55185d;
}

.btn-dark:hover {
    background-color: #48cbd3;
    border-color: #48cbd3;
}

@media (min-width:767.75px) {
    .send-news {
        display: none
    }
}

@media (max-width:767px) {
    .d-none-m {
        display: none
    }
}



.custom-select {
    display: inline-block;
    position: relative;
}

.custom-select:hover {
    color: #fff;
    background-color: #48cbd3;
    border-color: #48cbd3;
}

.custom-select option {
    background: #fff;
    color: #000;
    margin-top: 10px
}

.b-button {
    background-color: #55185d;
}

.fa-sort-down {
    position: absolute;
    top: 8px;
    right: 15px;
    color: #fff;
    font-size: 15px;
}

.btn-secondary {
    color: #fff;
    background-color: #303030;
    border-color: #303030;
}

.btn-secondary:not(:disabled):not(.disabled):active,
.show > .btn-secondary.dropdown-toggle,
.btn-dark:not(:disabled):not(.disabled):active {
    color: #fff;
    background-color: #48cbd3;
    border-color: #48cbd3;
}

.show > .btn-secondary.dropdown-toggle:focus,
.btn-secondary:focus,
.btn-dark:not(:disabled):not(.disabled):active:focus,
.btn-dark:focus {
    box-shadow: none !important;
}

.c-dro {
    display: inline-block;
    margin-right: 15px;
}

@media screen and (min-width: 768px) {

    .dropdown:hover .dropdown-menu,
    .btn-group:hover .dropdown-menu {
        display: block;
        visibility: visible;
    }
}

.dropdown-menu {
    max-height: 275px;
    overflow-x: hidden;
    min-width: 11rem;
    will-change: initial;
    transform: inherit;
    border-top: 1px solid #ffdf00;
    top: 48px;
    padding: 10px;
    box-shadow: 0 2px 13px 0 #756d6d7a;

}

.dropdown-item {
    padding: .25rem 1rem;
}

@media (min-width: 1px) and (max-width: 1023.75px) {
    .navbar-collapse .sub-menu .block-drop {
        display: block;
        position: initial;
        box-shadow: none;
        border: 1px solid #feec75;
        max-height: 146px;
        overflow-x: hidden;
    }

    .navbar .nav > li {
        display: table;
    }
}

.c-page .banners .c-box {
    height: 330px !important;
}

.d-inline-block .btn-secondary {

    color: #fff;
    background-color: #55185d;
    border-color: #55185d;

}

.d-inline-block button:hover,
.btn-secondary.dropdown-toggle:focus {

    box-shadow: none !important;
    background-color: #48cbd3 !important;
    border-color: #48cbd3 !important;
}

.d-inline-block .dropdown-menu {
    top: 97%;
    min-height: 50px;
    max-height: 250px;
    overflow-x: hidden
}







/* ========== start pagination =========== */
.nav-bar {
    text-align: center;
}

.pagination {
    justify-content: center;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
    display: inline-block;
}

.pagination li {
    float: left;
    margin-bottom: 20px;
}

.pagination li.active span {
    background: #48cbd3;
    color: #fff;
    border-color: #e9edf2;
    font-size: 15px;
    padding: 7px 13px;
    border: 1px solid #48cbd3;
}

.pagination li a {
    border-radius: 0 !important;
    background: #fff;
    color: #333;
    font-size: 15px;
    padding: 7px 13px;
    border: 1px solid #fafafa;
}

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

.pagination li.disabled span {
    background: #fff;
    color: #333;
    font-size: 15px;
    padding: 7px 13px;
    border: 1px solid #fafafa;
}

/* ============== end pagination ========== */

.carousel .carousel-control-prev,
.carousel .carousel-control-next {
    font-size: 23px;
    transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    opacity: 1;
}

.carousel .carousel-control-prev i,
.carousel .carousel-control-next i {
    box-shadow: 0 1px 7px 0 #292929;
    -moz-box-shadow: 0 1px 7px 0 #292929;
    -webkit-box-shadow: 0 1px 7px 0 #292929;
    -sm-box-shadow: 0 1px 7px 0 #292929;
    -o-box-shadow: 0 1px 7px 0 #292929;
    border-radius: 50%;
    color: #ffdf00
}

@media (min-width: 576px) and (max-width:767.75px) {
    #isotope-filters li {
        margin-right: 15px;
    }

    #isotope-filters li a {
        font-size: 15px;
    }
}

@media (max-width: 575.75px) {
    .custom-select {
        width: 190px;
    }

    .banners .btn {
        padding: .5rem .45rem;
        font-size: 17px;
    }

    .banners form .btn {
        width: 100%;
        margin-bottom: 15px;
    }

    #isotope-filters li {
        float: none !important;
        margin-right: 16px !important;
    }

    #isotope-filters li a {
        font-size: 15px !important;
    }

    .add-width {
        width: 300px !important;
        height: 250px !important;
    }
}

@media (max-width: 320px) {
    .ads-2 {
        width: 290px !important;
        height: 250px !important;
    }

    .custom-select {
        margin-bottom: 5px;
    }
}




/* ======================================== end Category =============================== */



/* ================================= start Privacy page ============================ */
.privacy .c-privacy .c-group h3 {
    font-weight: 700;
    font-size: 1.7rem;
}

.privacy .c-privacy .c-group .s-line {
    margin-top: -16px;
    margin-bottom: 15px;
}

.privacy .c-privacy .c-group p {
    font-weight: 700;
    font-size: 20px;
    line-height: 1.6;
}

.privacy .c-privacy .c-group ul li {
    font-size: 18px;
    line-height: 1.6;
    margin-bottom: 10px;
    list-style: initial;
    font-weight: 700;
    color: #737373;
}

.privacy .c-privacy .c-group p a {
    font-weight: 500;
    font-size: 18px;
    color: #48cbd3;
    text-decoration: underline;
}

@media (max-width: 992px) {
    .privacy .c-privacy .c-group h3 {
        font-size: 1.4rem;
    }

    .privacy .c-privacy .c-group p {
        font-weight: 600;
        font-size: 16px;
    }

    .privacy .c-privacy .c-group ul li {
        font-size: 15px;
        font-weight: 550;
    }
}

/* ============================ end Privacy page ================== */




/* ============================= start ads ====================== */

.ads-1 {
    width: 728px;
    height: 90px;
    background-color: #c5e3e4;
    position: absolute;
    margin: 40px 92px;
}

.ads-2 {
    width: 300px;
    height: 250px;
    background-color: #c5e3e4;
    position: relative;
    margin: 10px auto;
}

.add-width {
    width: 420px;
    height: 250px;
}

.c-img-ad {
    width: 100%;
    height: 100%
}



.ads-3 {
    width: 970px;
    height: 90px;
    background-color: #c5e3e4;
    position: relative;
    margin: 25px auto 25px;
}

.ads-4 {
    width: 100%;
    height: 90px;
    background-color: #c5e3e4;
    position: relative;
    margin: 10px auto
}

.ads-5 {
    width: 300px;
    height: 600px;
    background-color: #c5e3e4;
    position: relative;
    margin: 10px auto
}

.only-mob-head {
    width: 225px;
    height: 90px;
    background-color: #c5e3e4;
    position: relative;
    margin: 38px auto;
    position: absolute;
    top: 0;
    right: 15px;
}

@media (min-width: 768px) and (max-width: 1023.75px) {
    .ads-2 {
        height: 200px;
        width: 210px;
    }

    .aside .carousel-item {
        height: 200px;
        width: 210px;
    }

    .ads-5 {
        width: 210px;

    }
}

@media (min-width: 300px) and (max-width: 1000px) {
    .ads-1 {
        display: none
    }
}

@media (min-width: 300px) and (max-width: 1199px) {
    .ads-3 {
        width: 100%
    }
}

@media (min-width:992px) {
    .only-mob-head-md {
        display: none
    }
}

@media (max-width:767px) {
    .only-mob-head-md {
        display: none
    }
}

@media (max-width:320px) {
    .only-mob-head {
        display: none;
    }
}

@media (min-width:1024px) {
    .only-mob-head {
        display: none;
    }
}

/* ============================= end ads ====================== */


/*----- media ------*/

.resp-sharing-button__link,
.resp-sharing-button__icon {
    display: inline-block
}

.resp-sharing-button__link {
    text-decoration: none;
    color: #fff;
    margin: 0.5em
}

.resp-sharing-button {
    border-radius: 5px;
    transition: 25ms ease-out;
    padding: 0.5em 0.75em;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif
}

.resp-sharing-button__icon svg {
    width: 1em;
    height: 1em;
    margin-right: 0.4em;
    vertical-align: top
}

.resp-sharing-button--small svg {
    margin: 0;
    vertical-align: middle
}

/* Non solid icons get a stroke */
.resp-sharing-button__icon {
    stroke: #fff;
    fill: none
}

/* Solid icons get a fill */
.resp-sharing-button__icon--solid,
.resp-sharing-button__icon--solidcircle {
    fill: #fff;
    stroke: none
}

.resp-sharing-button--twitter {
    background-color: #55acee
}

.resp-sharing-button--twitter:hover {
    background-color: #2795e9
}

.resp-sharing-button--pinterest {
    background-color: #bd081c
}

.resp-sharing-button--pinterest:hover {
    background-color: #8c0615
}

.resp-sharing-button--facebook {
    background-color: #3b5998
}

.resp-sharing-button--facebook:hover {
    background-color: #2d4373
}

.resp-sharing-button--tumblr {
    background-color: #35465C
}

.resp-sharing-button--tumblr:hover {
    background-color: #222d3c
}

.resp-sharing-button--reddit {
    background-color: #5f99cf
}

.resp-sharing-button--reddit:hover {
    background-color: #3a80c1
}

.resp-sharing-button--google {
    background-color: #dd4b39
}

.resp-sharing-button--google:hover {
    background-color: #c23321
}

.resp-sharing-button--linkedin {
    background-color: #0077b5
}

.resp-sharing-button--linkedin:hover {
    background-color: #046293
}

.resp-sharing-button--email {
    background-color: #777
}

.resp-sharing-button--email:hover {
    background-color: #5e5e5e
}

.resp-sharing-button--xing {
    background-color: #1a7576
}

.resp-sharing-button--xing:hover {
    background-color: #114c4c
}

.resp-sharing-button--whatsapp {
    background-color: #25D366
}

.resp-sharing-button--whatsapp:hover {
    background-color: #1da851
}

.resp-sharing-button--hackernews {
    background-color: #FF6600
}

.resp-sharing-button--hackernews:hover,
.resp-sharing-button--hackernews:focus {
    background-color: #FB6200
}

.resp-sharing-button--vk {
    background-color: #507299
}

.resp-sharing-button--vk:hover {
    background-color: #43648c
}

.resp-sharing-button--facebook {
    background-color: #3b5998;
    border-color: #3b5998;
}

.resp-sharing-button--facebook:hover,
.resp-sharing-button--facebook:active {
    background-color: #2d4373;
    border-color: #2d4373;
}

.resp-sharing-button--twitter {
    background-color: #55acee;
    border-color: #55acee;
}

.resp-sharing-button--twitter:hover,
.resp-sharing-button--twitter:active {
    background-color: #2795e9;
    border-color: #2795e9;
}

.resp-sharing-button--tumblr {
    background-color: #35465C;
    border-color: #35465C;
}

.resp-sharing-button--tumblr:hover,
.resp-sharing-button--tumblr:active {
    background-color: #222d3c;
    border-color: #222d3c;
}

.resp-sharing-button--email {
    background-color: #777777;
    border-color: #777777;
}

.resp-sharing-button--email:hover,
.resp-sharing-button--email:active {
    background-color: #5e5e5e;
    border-color: #5e5e5e;
}

.resp-sharing-button--pinterest {
    background-color: #bd081c;
    border-color: #bd081c;
}

.resp-sharing-button--pinterest:hover,
.resp-sharing-button--pinterest:active {
    background-color: #8c0615;
    border-color: #8c0615;
}

.resp-sharing-button--linkedin {
    background-color: #0077b5;
    border-color: #0077b5;
}

.resp-sharing-button--linkedin:hover,
.resp-sharing-button--linkedin:active {
    background-color: #046293;
    border-color: #046293;
}

.resp-sharing-button--whatsapp {
    background-color: #25D366;
    border-color: #25D366;
}

.resp-sharing-button--whatsapp:hover,
.resp-sharing-button--whatsapp:active {
    background-color: #1DA851;
    border-color: #1DA851;
}

.resp-sharing-button--telegram {
    background-color: #54A9EB;
}

.resp-sharing-button--telegram:hover {
    background-color: #4B97D1;
}