/*----------------------------------------------- Menu----------------------------------------*/

body {
    /*font-family: 'Raleway', sans-serif;*/
    font-family: 'Open Sans', sans-serif !important;

}

#demo {
    margin-bottom: 0;
    padding: 0;
    text-align: center;
}

.mobile_nav {
    background-image: url("../img/bg/blank.png");
}

.owl-carousel {
    z-index: 0;
    margin: 0;
}

.menu {
    background-image: url("../img/bg/blank.png");
    text-align: center;
    margin: auto;
    margin-left: -5%;
}

.menu ul {
    margin-left: -3%;
}

.menu li {
    display: inline;
    margin-left: 3%;
    margin-right: 3%;
    font-size: 25px;
    font-weight: 700;
    text-transform: uppercase;
}

.nav_language {
    left: 78px;
    position: absolute;
    background-image: url("../img/bg/blank.png");
    width: 70px;
    float: left;
    padding-left: 20px;
    padding-top: 10px;
    padding-right: 20px;
    font-weight: 600;
    cursor: pointer;
}

.icons img {
    width: 100%;
    height: 2vh;
}

.icons img:hover {
    border: solid 2px red;
}

.mobile_menu {
    position: relative;
    right: 0;
    height:0;
    width: 0;
}

.mobile_menu_item a:link {
    color: white;
}

.mobile_menu_item a:visited {
    color: white;
}

.mobile_menu_item a:hover {
    color: white;
    text-decoration: none;
}

.mobile_menu_item a:active {
    color: white;
}

.mobile_menu li {
    display: none;
}

.mobile_menu_after {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ececec+15,a6daed+62,c885b9+100 */
    background: rgb(236, 236, 236);
    /* Old browsers */
    background: -moz-linear-gradient(top, rgb(236, 236, 236) 15%, rgb(166, 218, 237) 62%, rgb(200, 133, 185) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgb(236, 236, 236) 15%, rgb(166, 218, 237) 62%, rgb(200, 133, 185) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgb(236, 236, 236) 15%, rgb(166, 218, 237) 62%, rgb(200, 133, 185) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ececec', endColorstr='#c885b9', GradientType=0);
    /* IE6-9 */
    position: absolute;
    z-index: 1000;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    /*transition: width 1s;*/
    /*animation: open_menu 0.5s;*/
    text-align: center;
    -webkit-box-shadow: 24px 0 87px -16px rgba(166, 218, 237, 1);
    -moz-box-shadow: 24px 0 87px -16px rgba(166, 218, 237, 1);
    box-shadow: 24px 0 87px -16px rgba(166, 218, 237, 1);
    position: fixed;
}


/*@-webkit-keyframes open_menu {*/
    /*0% {*/
        /*height: 0;*/
        /*top: 0;*/
    /*}*/
    /*100% {*/
        /*height: 100vh;*/
        /*top: 0;*/
        /*!*font-size: 10px;*!*/
    /*}*/
/*}*/

@-webkit-keyframes font {
    /*0% {*/
        /*margin-left: -168px;*/
        /*margin-top: 100%;*/
        /*font-size: 0;*/
    /*}*/
    /*100% {*/
    /*}*/

    from {
        margin-left:100%;
        width:100%
    }

    to {
        margin-left:0%;
        width:100%;
    }
}

.mobile_menu_after li {
    display: block;
    margin-top: 21px;
    font-size: 1.5em;
    animation: font 1.5s;
    color: white;
}

@media only screen and (min-width: 375px) {
    .mobile_menu_after li {
        margin-top: 40px;
    }
}

@media only screen and (min-width: 768px) {
    .mobile_menu_after {
        width: 100%;
    }
}

/*@media only screen and (orientation: landscape) and (min-height: 320px) and (max-height: 359px) {*/
    /*.mobile_menu_after li {*/
        /*margin-top: 6px;*/
    /*}*/

    /*.logo_mobile {*/
        /*width: 100px;*/
    /*}*/

    /*.mobile_menu_after {*/
        /*width: 40%;*/
    /*}*/
/*}*/

/*@media only screen and (orientation: landscape) and (min-height: 360px) {*/
    /*.mobile_menu_after li {*/
        /*margin-top: 11px;*/
    /*}*/

    /*.logo_mobile {*/
        /*width: 120px;*/
    /*}*/

    /*.mobile_menu_after {*/
        /*width: 40%;*/
    /*}*/
/*}*/

/*@media only screen and (orientation: landscape) and (min-height: 374px) {*/
    /*.mobile_menu_after li {*/
        /*margin-top: 13px;*/
    /*}*/

    /*.logo_mobile {*/
        /*width: 130px;*/
    /*}*/

    /*.mobile_menu_after {*/
        /*width: 40%;*/
    /*}*/
/*}*/

/*@media only screen and (orientation: landscape) and (min-height: 400px) {*/
    /*.mobile_menu_after li {*/
        /*margin-top: 17px;*/
    /*}*/
/*}*/

/*@media only screen and (orientation: landscape) and (min-height: 450px) {*/
    /*.mobile_menu_after li {*/
        /*margin-top: 20px;*/
    /*}*/

    /*.logo_mobile {*/
        /*width: 150px;*/
    /*}*/
/*}*/

/*@media only screen and (orientation: landscape) and (min-height: 550px) {*/
    /*.mobile_menu_after li {*/
        /*margin-top: 37px;*/
    /*}*/
/*}*/

@media only screen and (orientation: landscape) {
    .mobile_menu_after li {
        margin-top: 10px;
        font-size: 1.2em;
    }

    .mobile_menu_after{
        width: 100%;
    }

    .logo_mobile {
        margin-top: 0;
    }

    .logo_mobile {
        width: 100px!important;
    }
}

.logo_mobile {
    width: 140px;
}

.mobile_menu_after {
    text-transform: none;
    list-style: none;
}

.left_menu_img {
    position: absolute;
    left: 14px;
    top: 7px;
    width: 10%;
}

.right_menu_img {
    position: absolute;
    right: 20px;
    top: 15px;
    transform: rotate(136deg);
    width: 10%;
}

.mobile_logo {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 30%;
}

/* ------------------------footer------------------------ */

.footer_home {
    position: absolute;
    bottom: 0;
}
.footer {
    background-image: url("../img/bg/blank.png");
    width: 100%;
}

html {
    background-image: url("../img/bg/blank.png");
}

.index {
    background-image: url("../img/bg/blank.png");
    width: 100%;
}

.blue_footer {
    background-image: url(../img/bg/bg-blue.png);
}

a:link {
    color: black;
}

a:visited {
    color: black;
}

a:hover {
    color: black;
    text-decoration: none;
}

a:active {
    color: black;
}

.footer_description {
    color: #7d7d7d;
    margin-top: 5%;
}

.title {
    font-weight: 700;
}

.menu_content ul {
    margin-left: -40px;
    list-style-type: none;
}

.menu_content li {
    list-style-type: none;
    margin-top: 20px;
    margin-bottom: 25px;
}

.menu_content {
    margin-left: -40px;
    text-decoration: none;
    text-transform: none;
    color: #7d7d7d;
}

.footer_content {
    /*margin-top: 5%;*/
}

.social_content {
    /*text-align: center;*/
    font-size: 22px;
}

.social_content ul {
    margin-left: -40px;
    list-style-type: none;
}

.footer img {
    width: 17%;
}

.social_content li {
    list-style-type: none;
    margin-top: 16px;
    margin-bottom: 10px;
}

.title {
    font-size: 25px;
    margin-top: 50px;
    text-transform: uppercase;
}

.time {
    color: #7d7d7d;
}

.ion-clock {
    color: #7d7d7d;
}

.blog_title {
    font-size: 15px;
    font-family: 'Raleway', sans-serif;
    color: grey;
}

.blog_item {
    margin-bottom: 25px;
    margin-top: 25px;
}

.copyright {
    font-size: 4px;
}

.afirBtn {
    position: absolute;
    right: 2%;
    top: 4%;
}

.afir {
    width: 100%;
}

.afirSection {
    height: 0;
}

.afirSectionActive {
    height: 500px;
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
    background-color: #000;
}

.team, .copyrightFooter {
    font-weight: 600;
}

@media (min-width: 319px) {
    .nav_language {
        /*left: 42px;*/
        /*position: absolute;*/
        display: none;
        /*top: 100px;*/
        /*left: 0;*/
        /*z-index: 9999;*/
    }

    .menu {
        display: none;
    }

    .footer_description {
        font-size: 8px;
        font-weight: 600;
    }

    .footer img {
        width: 55px;
        margin-top: 43px;
    }

    .blog_title {
        font-size: 10px;
    }

    .menu_content {
        font-size: 10px;
        font-weight: 600;
    }

    .blog_description {
        font-size: 10px;
    }

    .ion-clock {
        font-size: 8px;
    }

    .time {
        font-size: 7px;
    }

    .social_content {
        font-size: 10px;
        /* text-align: left; */
        margin-left: -30px;
    }

    .afirBtn {
        display: none;
    }
}

@media (min-width: 425px) {
    /* MENU */
    .nav_language {
        left: 60px;
        position: absolute;
    }

    .menu {
        display: none;
    }

    .menu li {
        display: inline;
        margin-left: 3%;
        margin-right: 3%;
        font-size: 15px;
        font-weight: 700;
        text-transform: uppercase;
    }

    .footer_description {
        font-size: 10px;
    }

    .footer img {
        width: 60px;
        margin-top: 34px;
    }

    .title {
        font-size: 10px;
    }

    .blog_title {
        font-size: 10px;
    }

    .menu_content {
        font-size: 10px;
    }

    .blog_description {
        font-size: 10px;
    }

    .ion-clock {
        font-size: 8px;
    }

    .time {
        font-size: 7px;
    }

    .social_content {
        font-size: 10px;
        /* text-align: left; */
        margin-left: -30px;
    }
}

@media only screen and (max-width: 767px) {
    .footer_blog, .uploadImg {
        /*display: none !important;*/
    }
}

@media (min-width: 768px) {
    .nav_language {
        left: 75px;
        position: absolute;
    }

    .afirBtn {
        position: absolute;
        right: 0;
        top: 0;
    }

    /* MENU */
    .mobile_logo {
        width: 150px;
    }

    .logo_mobile {
        width: 40%;
        /*margin-top: 47px;*/
        font-size: 30px;
        /*animation: font 3s;*/
        margin-left: 0;
    }

    .menu li {
        display: inline;
        margin-left: 3%;
        margin-right: 3%;
        font-size: 15px;
        font-weight: 700;
        text-transform: uppercase;
    }

    .footer_description {
        font-size: 10px;
        margin-top: 5%;
    }

    .footer img {
        width: 200px;
        margin-left: 40px;
    }

    .title {
        font-size: 15px;
    }

    .blog_title {
        font-size: 10px;
    }

    .menu_content {
        font-size: 10px;
    }

    .blog_description {
        font-size: 10px;
    }

    .ion-clock {
        font-size: 8px;
    }

    .time {
        font-size: 7px;
    }

    .social_content {
        font-size: 10px;
        /* text-align: left; */
        margin-left: -30px;
    }
}

@media (min-width: 1024px) {
    .mobile_menu,
    .mobile_nav, .nav_language_mobile {
        display: none;
    }

    .menu {
        display: block;
        padding-top: 42px;
    }

    /* MENU */
    .menu li {
        display: inline;
        margin-left: 3%;
        margin-right: 3%;
        padding-top: 2%;
        font-size: 20px;
        font-weight: 700;
        text-transform: uppercase;
    }


    .nav_language {
        font-size: 20px;
    }

    .footer_description {
        font-size: 13px;
    }

    .title {
        font-size: 16px;
        /* margin-top: 32%; */
    }

    .blog_title {
        font-size: 13px;
    }

    .menu_content {
        font-size: 16px;
    }

    .blog_description {
        font-size: 11px;
    }

    .ion-clock {
        font-size: 11px;
    }

    .time {
        font-size: 11px;
    }

    .social_content {
        font-size: 16px;
        /* text-align: left; */
        margin-left: -30px;
    }

    .nav_language {
        display: block;
        top: 24px;
        left: 10px;
    }
}

@media (max-width: 1199px) {
    .menu li {
        margin-left: 2%;
        margin-right: 2%;
    }
}

@media screen and (min-width: 1200px) {
    .title {
        font-size: 20px;
    }

    .afirBtn {
        position: absolute;
        right: 2%;
        top: 34px;
    }

    .nav_language {
        top: 24px;
        left: 2%;
    }

    .afirBtn {
        display: block;
    }
}

@media (min-width: 1440px) {
    .footer_description {
        font-size: 14px;
    }

    .title {
        font-size: 20px;
        /* margin-top: 32%; */
    }

    .blog_title {
        font-size: 15px;
        margin-top: 27px;
    }

    .menu_content {
        font-size: 17px;
    }

    .blog_description {
        font-size: 17px;
    }

    .ion-clock {
        font-size: 11px;
    }

    .time {
        font-size: 13px;
    }

    .social_content {
        font-size: 20px;
        /* text-align: left; */
        margin-left: -15px;
    }

    .nav_language {
        top: 25px;
    }


}

@media only screen and (min-width: 2560px){
    .afirBtn {
        top: 61px;
    }
}

@media (min-width: 1440px) {
    .blur_animation2 {
        width: 46%;
        top: 33%;
        left: 104%;
        display: block;
    }
}



@media (min-width: 2560px) {
    .menu li {
        font-size: 30px;
    }

    .footer img {
        width: 25%;
    }

    .footer_description {
        font-size: 23px;
    }

    .title {
        font-size: 25px;
        /* margin-top: 32%; */
    }

    .blog_title {
        font-size: 25px;
    }

    .menu_content {
        font-size: 25px;
    }

    .blog_description {
        font-size: 21px;
    }

    .ion-clock {
        font-size: 19px;
    }

    .time {
        font-size: 22px;
    }

    .social_content {
        font-size: 35px;
        /* text-align: left; */
        margin-left: 0;
    }

    .container {
        width: 2400px;
    }

    .nav_language {
        top: 86px;
        left: 2%;
    }
    .blur_animation2 {
        width: 66%;
        top: 36%;
        left: 116%;
    }

    .nav_language{
        font-size: 30px;
    }

    .afirBtn {
        top: 4.8%;
    }
}

@media  only screen and (min-width: 3000px) {
    .afirBtn{
        top: 5%;
    }
}

/*& footer media querry*/

.footer_content {
    width: 90%;
    box-shadow: 0 2px 20px 5px #dedede;
    margin-top: 3%;
    margin-bottom: 2%;
    background-color: white;
}

.footer_description {
    margin-left: 20px;
    margin-top: 40px;
    /*margin-bottom: 50px;*/
    width: 80%;
}

.footer_blog {
    /*display: inline-flex;*/
    display: none;
}

.content_blog {
    margin: auto;
}

.menu_content a {
    color: grey;
}

.socialSize {
    font-size: 30px;
}

.separatingLine {
    color: #7d7d7d;
    border-top: 2px solid #eee;
}

hr {
    margin: 10px 0;
}

.team {
    margin-left: 20px;
    color: #7d7d7d;
    margin-bottom: 10px;
}

.team_bold {
    color: black;
    font-weight: 700;
}

.copyrightFooter {
    text-align: right;
    margin-right: 35px;
    color: #7d7d7d;
}

.copyrightFooter .copyrightFooter_bold {
    color: black;
    font-weight: 700;
}

@media only screen and (max-width: 991px) {
    .footer_description, .blog_title, .blog_description {
        margin: auto;
        font-size: 12px;
    }

    .footer img {
        width: 130px;
        margin: auto;
        display: block;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .footer_description {
        width: 100%;
        margin-left: 5px;
    }

    .blog_item {
        margin-bottom: 0;
        margin-top: 0;
        text-align: center;
    }

    .blog_description {
        margin-bottom: 10px;
        margin-top: 5px;
    }

    .title {
        margin-top: 20px;
        font-size: 15px;
    }

    .time {
        font-size: 10px;
    }

    .menu_content {
        margin-left: 10%;
        padding: 0;
    }

    .content_menu {
        margin: auto;
    }

    .menu_content, .title {
        text-align: center;
    }

    .menu_content li, .social_content li {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        margin-left: 0;
        margin-right: 30px;
    }

    .social_content {
        text-align: center;
    }

    .team, .copyrightFooter {
        font-size: 11px;
    }

    .team {
        margin-left: 0;
        margin-bottom: 20px;
        text-align: center;
    }

    .copyrightFooter {
        margin-right: 0;
        text-align: center;
        margin-bottom: 25px;
    }

    .footer_blog {
        /*display: none;*/
    }
}

@media only screen and (max-width: 380px) {
    .menu_content li, .social_content li {
        margin-right: 15px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
    .footer_description {
        width: 90%;
        margin: auto;
        display: block;
        margin-top: 25px;
        margin-bottom: 25px;
    }

    .socialSize {
        font-size: 22px;
    }

    .menu_content li {
        margin-bottom: 0;
    }

    .blog_title {
        margin-bottom: 5px;
    }

    .team, .copyrightFooter {
        font-size: 10px;
    }
}

@media only screen and (min-width: 1024px) {
    .team, .copyrightFooter {
        font-size: 13px;
    }
}

@media only screen and (min-width: 1440px) {
    .team, .copyrightFooter {
        font-size: 12px;
    }
}

@media only screen and (min-width: 2560px){
    .team, .copyrightFooter {
        font-size: 18px;
    }
}

/* footer media querry*/


@media only screen and (min-width: 1024px) and (max-width: 1439px){
    .logoNavbar{
        width: 250px;
        margin-top: -2%;
    }
    .nav_language {
        top: 73px;

    }
    .afirBtn {
        top: 69px;
    }
}

@media only screen and (min-width: 1440px) and (max-width: 2560px){
    .logoNavbar{
        width: 250px;
        margin-top: -2%;
    }
    .nav_language {
        top: 62px;

    }
    .afirBtn {
        top: 75px;
    }
}

@media only screen and (min-width: 2560px){
    .logoNavbar{
        width: 300px;
    }
    .afirBtn {
        top: 80px;
    }
}