header ul,
header ol,
footer ul,
footer ol {
    list-style: none;
    list-style-image: none;
    margin: 0;
    padding: 0;
    color: #858585;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 20px;
}

    header ul li,
    header ol li,
    footer ul li,
    footer ol li {
        font-size: 14px;
        line-height: 28px;
    }

/*        ul li i {
            vertical-align: middle
        }*/

    ul.features-list-dark {
        display: inline-block
    }

        ul.features-list-dark li {
            float: left;
            font-size: 15px;
            line-height: 28px;
            margin: 1px 0
        }

    ul.features-list li {
        float: left;
        font-size: 15px;
        line-height: 24px;
        margin: 12px 0
    }

        ul.features-list li img {
            max-width: 55px;
            margin-right: 20px;
            float: left
        }

p {
    font-size: 18px;
    line-height: 24px;
    font-weight: 400;
/*    color: #353535;
*/  
margin-bottom: 15px
}
:root[data-bs-theme="light"] {
    --bs-body-color: #353535;
    --bs-headings-color: #353535;
}
/*[data-bs-theme="dark"] .bg-light {
    background-color: #cccccc !important;
}*/
a, a:hover, a:focus {
    text-decoration: none;
    outline: 0
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Roboto',sans-serif;
    line-height: 1.2;
    margin-bottom: 20px;
  /*  color: #2f362f*/
}
/*
h1 {
    font-size: 42px
}

h2 {
    font-size: 34px
}

h3 {
    font-size: 28px
}

h4 {
    font-size: 24px
}

h5 {
    font-size: 20px
}

h6 {
    font-size: 18px
}*/

h2.section-title {
    font-size: 32px;
    line-height: 38px;
    margin: 0 0 15px 0
}

    h2.section-title.grey {
        color: #ddd
    }

h2.large-title {
    margin-bottom: 15px;
    font-size: 40px;
    font-weight: 500
}

p.section-subtitle {
    font-size: 16px
}

p.section-subtitle-large {
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 30px
}

p.section-subtitle.grey {
    color: #bbb
}

.separator_wrapper, .separator_wrapper_white {
    margin-bottom: 10px
}

    .separator_wrapper::after, .separator_wrapper::before {
        background-color: #3498db;
        display: inline-block;
        vertical-align: middle;
        content: "";
        width: 60px;
        height: 1px;
        margin-top: -6px
    }

    .separator_wrapper_white::after, .separator_wrapper_white::before {
        background-color: #ddd;
        display: inline-block;
        vertical-align: middle;
        content: "";
        width: 60px;
        height: 1px;
        margin-top: -6px
    }

h3.medium-title {
    font-size: 32px;
    margin-top: 10px
}

iframe {
    max-width: 100%;
    border: none
}

.width-100 {
    width: 100%
}

.medium {
    font-weight: 400
}

.bold {
    font-weight: 700
}

.lyla {
    color: #9e5fba
}

.green {
    color: #16a085
}

.blue {
    color: #3498db
}

.red {
    color: #e74c3c
}

.grey {
    color: #ddd
}
 
.white {
    color: #fff
}

.section-white {
    background-color: #fff;
    border-top: 1px solid #eaeaea;
    padding: 90px 0
}

   .section-grey {
    background-color: #f6f7f8;
    border-top: 1px solid #eaeaea;
    padding: 90px 0
}

[data-bs-theme="dark"] .section-grey {
    background-color: #1e1e1e;
    border-top: unset;
}

.section-blue {
    background-color: #3498db;
    padding: 90px 0
}

.section-hero {
    height: 500px;
    background-color: #3498db;
    padding: 0
}

.section-blue.cta-padding {
    padding: 20px 0
}

.section-red {
    background-color: #e74d3d;
    padding: 90px 0
}

.section-biz.small-padding, .section-grey.small-padding, .section-white.small-padding, .section-blue.small-padding, .section-light-blue.small-padding {
    padding: 20px 0
}

.section-biz.medium-padding, .section-grey.medium-padding, .section-white.medium-padding, .section-dark.medium-padding, .section-blue.medium-padding, .section-light-blue.medium-padding {
    padding: 60px 0
}

.section-biz.no-padding-bottom, .section-grey.no-padding-bottom, .section-white.no-padding-bottom, .section-dark.no-padding-bottom, .section-blue.no-padding-bottom {
    padding: 90px 0 0 0
}

.section-biz.small-padding-bottom, .section-grey.small-padding-bottom, .section-white.small-padding-bottom, .section-dark.small-padding-bottom, .section-blue.small-padding-bottom {
    padding: 90px 0 50px 0
}

.section-biz.no-padding, .section-grey.no-padding, .section-white.no-padding, .section-dark.no-padding, .section-blue.no-padding {
    padding: 0
}

.section-white.about-padding {
    padding: 85px 0 100px 0
}

.section-white.team-padding {
    padding: 40px 0 0 0
}

.section-white.case-studies-padding, .section-grey.case-studies-padding {
    padding: 20px 0 0 0
}

.section-dark.portfolio-padding {
    padding: 60px 0 75px 0
}

.section-dark {
    background-color: #393f43;
    padding: 90px 0
}


[data-bs-theme="dark"] .section-dark {
    background-color: #353535;
}


.section-biz {
    background-color: #12467d;
    padding: 90px 0
}

.no-padding {
    padding: 0
}

.no-padding-left {
    padding-left: 0
}

.no-padding-right {
    padding-left: 0
}

.small-padding-left {
    padding-left: 5px
}

.small-padding-right {
    padding-right: 5px
}

.margin-right-25 {
    margin-right: 25px !important
}

.margin-top-110 {
    margin-top: 110px !important
}

.margin-top-100 {
    margin-top: 100px !important
}

.margin-top-90 {
    margin-top: 90px !important
}

.margin-top-80 {
    margin-top: 80px !important
}

.margin-top-60 {
    margin-top: 60px !important
}

.margin-top-50 {
    margin-top: 50px !important
}

.margin-top-40 {
    margin-top: 40px !important
}

.margin-top-35 {
    margin-top: 35px !important
}

.margin-top-30 {
    margin-top: 30px !important
}

.margin-top-20 {
    margin-top: 20px !important
}

.margin-top-10 {
    margin-top: 10px !important
}

.margin-top-5 {
    margin-top: 5px !important
}

.margin-bottom-0 {
    margin-bottom: 0 !important
}

.margin-bottom-10 {
    margin-bottom: 10px !important
}

.margin-bottom-20 {
    margin-bottom: 20px !important
}

.margin-bottom-30 {
    margin-bottom: 30px !important
}

.margin-bottom-40 {
    margin-bottom: 40px !important
}

.margin-bottom-50 {
    margin-bottom: 50px !important
}

.margin-bottom-60 {
    margin-bottom: 60px !important
}

.margin-bottom-70 {
    margin-bottom: 70px !important
}

.margin-bottom-80 {
    margin-bottom: 80px !important
}

.margin-bottom-100 {
    margin-bottom: 100px !important
}

.margin-bottom-120 {
    margin-bottom: 120px !important
}

.margin-bottom-130 {
    margin-bottom: 120px !important
}

.margin-bottom-140 {
    margin-bottom: 140px !important
}

.padding-top-0 {
    padding-top: 0 !important
}

.padding-top-10 {
    padding-top: 10px !important
}

.padding-top-20 {
    padding-top: 20px !important
}

.padding-top-25 {
    padding-top: 25px !important
}

.padding-top-30 {
    padding-top: 30px !important
}

.padding-top-40 {
    padding-top: 40px !important
}

.padding-top-45 {
    padding-top: 45px !important
}

.padding-top-50 {
    padding-top: 50px !important
}

.padding-top-60 {
    padding-top: 60px !important
}

.padding-top-70 {
    padding-top: 70px !important
}

.padding-top-80 {
    padding-top: 80px !important
}

.padding-top-100 {
    padding-top: 180px !important
}

.padding-bottom-70 {
    padding-bottom: 70px !important
}

.padding-bottom-60 {
    padding-bottom: 60px !important
}

.padding-bottom-50 {
    padding-bottom: 50px !important
}

.padding-bottom-40 {
    padding-bottom: 40px !important
}

.padding-bottom-30 {
    padding-bottom: 30px !important
}

.padding-bottom-20 {
    padding-bottom: 20px !important
}

.padding-bottom-10 {
    padding-bottom: 10px !important
}

.padding-bottom-0 {
    padding-bottom: 0 !important
}

.margin-top-0 {
    margin-top: 0 !important
}

.carousel.carousel1 .carousel-indicators {
    position: inherit;
    right: 0
}

.carousel.carousel1 .item .lead {
    font-size: 20px
}

.carousel {
    background: #2f4357
}

    .carousel h1, .carousel h2, .carousel p {
        color: #fff
    }

    .carousel .item {
        padding-left: 30px
    }

    .carousel .item, .carousel {
        height: 500px
    }

        .carousel .item {
            padding-top: 40px
        }




 
@keyframes gradient {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}

@media all and (min-width:601px) {
    #myCarousel h1 {
        font-size: 2.9em
    }
}

@media all and (max-width:601px) {
    .carousel-control {
        visibility: hidden
    }
}

.carousel-fade .carousel-inner .item {
    opacity: 0;
    transition-property: opacity
}

.carousel-fade .carousel-inner .active {
    opacity: 1
}

    .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right {
        left: 0;
        opacity: 0;
        z-index: 1
    }

.carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right {
    opacity: 1
}

.carousel .carousel-control {
    z-index: 2;
    background-image: none
}

@media all and (transform-3d),(-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.right, .carousel-fade .carousel-inner > .item.active.right {
        opacity: 0;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    .carousel-fade .carousel-inner > .item.left, .carousel-fade .carousel-inner > .item.active.left {
        opacity: 0;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    .carousel-fade .carousel-inner > .item.next.left, .carousel-fade .carousel-inner > .item.prev.right, .carousel-fade .carousel-inner > .item.active {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

.carousel .left.carousel-control, .carousel .right.carousel-control {
    background-color: rgba(0,0,0,.3);
    border-radius: 10px;
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    width: 50px;
    height: 50px;
    margin-top: auto;
    margin-bottom: auto
}

    .carousel .left.carousel-control:hover, .carousel .right.carousel-control:hover {
        background-color: rgba(0,0,0,.5);
        border-radius: 10px;
        -webkit-transition: all .25s ease-in-out;
        -moz-transition: all .25s ease-in-out;
        -ms-transition: all .25s ease-in-out;
        -o-transition: all .25s ease-in-out;
        transition: all .25s ease-in-out
    }

.carousel .left {
    left: 10px
}

.carousel .right {
    right: 10px
}

.popup-wrapper {
    display: block;
    position: relative;
    overflow: hidden
}

.popup-gallery {
    display: inline-block;
    position: relative
}

.first-gallery {
    margin-bottom: 15px
}

.popup-gallery img {
    position: relative;
    z-index: 10;
    width: 100%;
    height: auto
}

.popup-gallery:hover img {
    opacity: .25
}

.popup-gallery a span.eye-wrapper, .popup-gallery a span.eye-wrapper2 {
    background-color: #000;
    position: absolute;
    display: block;
    overflow: hidden;
    z-index: 2;
    height: 100% !important;
    top: 0%;
    margin-top: 0;
    left: 0%;
    right: 0%;
    font-size: 22px;
    color: #fff;
    text-align: center;
    font-weight: 300;
    opacity: 0;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0
}

.popup-gallery-rounded a span.eye-wrapper, .popup-gallery-rounded a span.eye-wrapper2 {
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px
}

.popup-gallery a span.eye-wrapper i.eye-icon, .popup-gallery a span.eye-wrapper2 i.eye-icon {
    position: absolute;
    display: inline-block;
    font-size: 38px;
    z-index: 3;
    top: 50% !important;
    margin-top: -19px !important;
    left: 0%;
    right: 0%
}

.popup-gallery a:hover span {
    opacity: 1
}

.popup-gallery img, .popup-gallery a span {
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out
}

.footer {
    width: 100%;
    position: relative;
    background-color: #353535;
    margin: 0 auto
}

.footer-top {
    padding: 60px 0 0 0;
    border-bottom: 2px dotted #999
}

.footer-bottom {
    padding: 27px 0 55px 0
}

a.top-scroll {
    position: relative;
    padding: 6px 7px 2px 7px;
    font-size: 26px;
    line-height: 26px;
    color: #999 !important;
    background-color: transparent;
    border: 1px solid #999;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out
}

    a.top-scroll:hover {
        color: #fff !important;
        background-color: #3498db;
        border: 1px solid #3498db
    }

.footer h4 {
    font-size: 16px;
    position: relative;
    padding-bottom: 20px;
    color: #fff
}

    .footer h4::after {
        position: absolute;
        content: "";
        background-color: #3498db;
        height: 3px;
        width: 40px;
        bottom: -1px;
        left: 0
    }

.footer p, .footer a {
    color: #ddd;
    font-size: 15px
}

    .footer a.btn {
        color: #fff
    }

.footer-bottom p {
    color: #999
}

    .footer-bottom p a {
        font-size: 16px;
        color: #999;
        text-decoration: underline
    }

.footer p a:hover {
    color: #20abf5
}

p.contact_info {
    margin-bottom: 8px;
    font-size: 14px;
    line-height: 20px
}

    p.contact_info a {
        margin-bottom: 8px;
        font-size: 14px;
        line-height: 20px
    }

    p.contact_info i {
        font-size: 18px;
        padding-right: 5px;
        vertical-align: middle
    }

ul.footer_social {
    display: block;
/*    float: right; */
    margin: 0
}

    ul.footer_social li {
        display: inline-block;
        margin: 0 0 10px 10px;
        color: #999;
        line-height: 100% !important
    }

        ul.footer_social li a i {
            display: inline-block;
            padding: 0;
            font-size: 22px !important;
            line-height: 22px !important;
            color: #999;
            transition: all .5s ease-in-out;
            -moz-transition: all .25s ease-in-out;
            -webkit-transition: all .25s ease-in-out
        }

            ul.footer_social li a i:hover {
                transition: all .25s ease-in-out;
                -moz-transition: all .25s ease-in-out;
                -webkit-transition: all .25s ease-in-out;
                color: #3498db
            }

        ul.footer_social li a img {
            display: inline-block;
            padding: 0;
            font-size: 22px !important;
            line-height: 22px !important;
            color: #999;
            transition: all .5s ease-in-out;
            -moz-transition: all .25s ease-in-out;
            -webkit-transition: all .25s ease-in-out;
            filter: grayscale(100%) brightness(2);
            transition: filter 0.25s ease-in-out;


        }
            ul.footer_social li a img:hover {
                transition: all .25s ease-in-out;
                -moz-transition: all .25s ease-in-out;
                -webkit-transition: all .25s ease-in-out;
                color: #3498db;
                filter: grayscale(0%) brightness(1.3); 
            }
ul.footer-gallery {
    position: relative;
    display: block;
    margin: 0
}

    ul.footer-gallery li {
        display: inline-block;
        border: 5px solid #292929;
        margin: 5px 2px 2px 2px;
        transition: all .25s ease-in-out;
        -moz-transition: all .25s ease-in-out;
        -webkit-transition: all .25s ease-in-out
    }

        ul.footer-gallery li.popup-gallery::after {
            display: none
        }

        ul.footer-gallery li a img {
            position: relative;
            display: inline-block;
            max-width: 70px
        }

ul.footer-list {
    display: block;
    margin: 0
}

    ul.footer-list li {
        padding: 5px 0;
        border-bottom: 1px solid #999
    }

        ul.footer-list li.first {
            padding-top: 0
        }

        ul.footer-list li a:hover {
            color: #3498db
        }

#logo {
    margin-top: 0
}

.yamm .nav, .yamm .collapse, .yamm .dropup, .yamm .dropdown {
    position: static
}

.yamm .container {
    position: relative
}

.yamm .dropdown-menu {
    left: auto
}

.yamm .yamm-content {
    padding: 20px 25px;
    min-width: 480px
}

    .yamm .yamm-content a, .yamm {
        font-size: 1.08em
    }

        .yamm .yamm-content a span {
            font-size: 1.6em;
            margin-bottom: 6px;
            vertical-align: middle
        }

        .yamm .dropdown.yamm-fw .dropdown-menu {
            left: 0;
            right: 0;
            background: #fff url(/img/dropdown-graphic.png) bottom right;
            background-repeat: no-repeat;
            background-attachment: scroll;
            background-position: bottom right;
            background-size: auto
        }

.dropdown-menu li a {
    /*color: #7c8595;*/
    font-size: 14px;
    padding-top: 4px;
    padding-bottom: 4px
}

    .dropdown-menu li a i {
      /*  color: #7c8595;*/
         font-size: 1.2em; 
        padding-right: 4px;
        margin-top:-32px;
    }
        .dropdown-menu li a i :hover {
            color: none;
        }
    .dropdown-menu li a:hover, .dropdown-menu li a:hover i {
       /* color: #0c8ac2*/
    }

.nav-title {
    margin-bottom: 10px;
    color: #2f362f;
    font-size: 16px;
    line-height: 22px;
    font-weight: 500;
    font-family: 'Roboto',sans-serif
}

.nav-subtitle {
    color: #7c8595;
    font-size: 13px;
    font-weight: 400;
    font-family: 'Roboto',sans-serif
}

.hidden-nav-item {
    display: none !important
}

.navbar-brand > img {
    max-height: 45px
}

.navbar-default .navbar-nav > li > a.selected {
    color: #3498db
}

.dropdown-menu li a.selected, .dropdown-menu li a.selected i {
    color: #3498db
}

  .navbar-nav > li > a.purchase {
    position: relative;
    color: #3498db;
    background-color: transparent;
    border: 2px solid #3498db;
    margin-left: 15px;
    margin-right: -15px !important;
    margin-top: 18px;
    padding: 2px 20px;
    font-size: 14px;
    line-height: 2em;
    font-weight: 600 !important;
    text-transform: uppercase;
    webkit-border-radius: 5px 5px;
    -moz-border-radius: 5px 5px;
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
      right:1em;
}

    .navbar-nav > li > a.purchase:hover {
        color: #fff !important;
        background-color: #3498db;
        border: 2px solid #3498db
    }

#navbar-collapse-02 .current a.purchase {
    color: #3498db !important;
    background-color: #fff !important;
    border: 1px solid #fff !important
}

.top-intro {
    background-color: #343434
}

ul.header_contact {
    margin-bottom: 0
}

    ul.header_contact li {
        padding: 8px 0 0 20px;
        line-height: 20px;
        display: inline-block;
        color: #dedede
    }

        ul.header_contact li i {
            display: inline-block;
            vertical-align: text-top;
            padding-left: 5px;
            font-size: 20px !important;
            color: #dedede
        }

ul.header_social {
    display: block;
    margin: 0 !important;
    border-right: 1px solid rgba(255,255,255,.15)
}

    ul.header_social li {
        float: left;
        line-height: 100% !important
    }

        ul.header_social li a i {
            display: inline-block;
            padding: 12px 12px 12px 12px;
            border-right: 1px solid rgba(255,255,255,.15);
            font-size: 17px !important;
            color: #e4f1fe;
            background-color: transparent;
            transition: all .5s ease-in-out;
            -moz-transition: all .25s ease-in-out;
            -webkit-transition: all .25s ease-in-out
        }

            ul.header_social li a i:hover {
                color: #fff;
                transition: all .25s ease-in-out;
                -moz-transition: all .25s ease-in-out;
                -webkit-transition: all .25s ease-in-out
            }

        ul.header_social li a.twitter i:hover {
            background-color: #4099ff
        }
        ul.header_social li a.github i:hover {
            background-color: #454545
        }

        ul.header_social li a.pinterest i:hover {
            background-color: #c92228
        }

        ul.header_social li a.facebook i:hover {
            background-color: #0d8bf0
        }

        ul.header_social li a.instagram i:hover {
            background-color: #6dc993
        }
ul.header_social li a.youtube i:hover {
    background-color: #aa0000
}

        ul.header_social li a.linkedin i:hover {
            background-color: #0a66c2
        }
        ul.header_social li a.skype i:hover {
            background-color: #00aff0
        }

.breadcrumb-wrapper {
    background-color: #f6f7f8;
   /* border-top: 1px solid #eaeaea;*/
    padding: 25px 0 10px 0
}

    .breadcrumb-wrapper.blue {
        background-color: #3498db;
        border-top: 1px solid #3b5998
    }

[data-bs-theme="dark"] .breadcrumb-wrapper.blue {
    background-color: #2458ab;
    border-top: 1px solid #3b5998;
    color:white;
}
 

    .breadcrumb-wrapper.darkblue {

        background-color: #176698;
        border-top: 1px solid #955488
    }


[data-bs-theme="dark"] .breadcrumb-wrapper.blue {
  
}
 
    .breadcrumb-wrapper.blog {
        padding: 8px 0 5px 0
    }

    .breadcrumb-wrapper h1 {
        margin: 0
    }

    .breadcrumb-wrapper.blue h1, .breadcrumb-wrapper.blue h2, .breadcrumb-wrapper.blue p {
        color: #fff
    }
        .breadcrumb-wrapper.darkblue h1, .breadcrumb-wrapper.darkblue h2, .breadcrumb-wrapper.darkblue p {
        color: #fff
    }

    .breadcrumb-wrapper.blue a {
        color: #fff;
        font-weight: 600
    }

.breadcrumb.blue {
    color: #fff
}

.breadcrumb > .active {
    color: #fff
}

h2.page-title {
    font-size: 22px;
    font-weight: 700;
    margin: 10px 0 10px 0
}

.page-intro {
    background-color: #3498db;
    padding: 90px 0
}

.features-item {
    margin: 30px 0;
    text-align: center
}

    .features-item h3 {
        font-size: 20px;
        margin-bottom: 10px
    }

    .features-item p {
        padding: 0 10px
    }

.services-pic {
    border-radius: 50%
}

.icon-pic {
    max-height: 72px
}

.icon-wrapper {
    margin-bottom: 25px;
    width: 100%
}

.icon-md {
    font-size: 36px;
    height: 68px;
    width: 68px;
    line-height: 75px;
    color: #fff;
    margin-right: 10px;
    background-color: #2d3e50;
    text-align: center;
    display: block;
    border-radius: 50%;
    -webkit-transition: 500ms;
    -moz-transition: 500ms;
    -o-transition: 500ms;
    transition: 500ms
}

.bulletsection p {
    font-size: 1.1em
}

.bulletsection span {
    font-size: 1.3em
}

.bulletsection .media:hover .icon-md {
    border-radius: 10px;
    background-color: #0088e1
}

.features-icon {
    padding: 18px 22px;
    font-size: 42px;
    line-height: 42px;
    display: inline-block;
    text-align: center;
    color: #fff;
    background-color: #3498db;
    -webkit-border-radius: 8px 8px;
    -moz-border-radius: 8px 8px;
    border-radius: 8px 8px;
    transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out
}

.services-item {
    margin: 20px 0
}

.services-text {
    padding-left: 90px;
    padding-right: 20px
}

    .services-text h4 {
        font-size: 18px;
        margin-top: 2px;
        margin-bottom: 8px;
        color: #454545
    }

.services-icon {
    display: block;
    width: 90px;
    height: 90px;
    position: absolute;
    left: 0;
    top: 0;
    text-align: center
}

.services-icon-blue, .services-icon-green, .services-icon-red, .services-icon-yellow, .services-icon-orange, .services-icon-lyla {
    width: 80px;
    height: 80px;
    padding: 20px 20px;
    font-size: 36px;
    line-height: 38px;
    display: inline-block;
    text-align: center;
    color: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out
}

.services-icon-blue {
    background-color: #3498db;
    border: 1px solid #3498db
}

.services-icon-green {
    background-color: #1abc9c;
    border: 1px solid #1abc9c
}

.services-icon-red {
    background-color: #e74c3c;
    border: 1px solid #e74c3c
}

.services-icon-yellow {
    background-color: #f1c40f;
    border: 1px solid #f1c40f
}

.services-icon-orange {
    background-color: #e87e04;
    border: 1px solid #e87e04
}

.services-icon-lyla {
    background-color: #9b59b6;
    border: 1px solid #9b59b6
}

.cta-wrapper h5 {
    color: #fff;
    font-size: 22px;
    margin: 15px 0 5px 0
}

.cta-wrapper p {
    color: #fff;
    font-size: 16px
}

.newsletter_wrapper {
    background: #3498db
}

.newsletter_box {
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
    padding: 20px 0 20px 0
}

.newsletter_info {
    padding: 1px 0 30px 60px;
    border-left: 1px solid #fff
}

    .newsletter_info h2 {
        font-size: 28px;
        line-height: 36px;
        color: #fff;
        font-weight: 400;
        margin-bottom: 30px
    }

#newsletter-form #email_newsletter {
    width: 91%;
    max-width: 400px;
    height: 56px;
    line-height: 56px;
    padding: 0 4%;
    border: 1px solid #fff;
    background-color: transparent;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    color: #fff;
    font-size: 16px;
    margin: 0 10px 0 0
}

#newsletter-form #submit-button-newsletter {
    width: 140px;
    height: 56px;
    background-color: #fff;
    border: 1px solid #fff;
    color: #2980b9;
    display: inline;
    margin: 0 5px 0 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 700;
    vertical-align: top;
    transition: background-color .25s ease-in-out;
    -moz-transition: background-color .25s ease-in-out;
    -webkit-transition: background-color .25s ease-in-out
}

    #newsletter-form #submit-button-newsletter:hover {
        color: #fff;
        background-color: #2980b9;
        border: 1px solid #2980b9;
        transition: background-color .25s ease-in-out;
        -moz-transition: background-color .25s ease-in-out;
        -webkit-transition: background-color .25s ease-in-out
    }

::-webkit-input-placeholder {
    color: #fff
}

:-moz-placeholder {
    color: #fff
}

::-moz-placeholder {
    color: #fff
}

:-ms-input-placeholder {
    color: #fff
}

p.newsletter_success_box {
    font-size: 18px;
    color: #eee;
    font-style: italic;
    margin-bottom: 15px
}

.portfolio-sorting {
    margin-bottom: 50px
}

    .portfolio-sorting li a {
        font-family: 'Roboto',sans-serif;
        font-size: 17px;
        line-height: 1.2;
        font-weight: 500;
        color: #7c8595
    }

        .portfolio-sorting li a:hover, .portfolio-sorting li a.active {
            color: #3498db
        }

.portfolio-item, .gallery-item {
    display: inline-block
}

    .gallery-item img {
        -webkit-border-radius: 5px 5px 5px 5px;
        -moz-border-radius: 5px 5px 5px 5px;
        border-radius: 5px 5px 5px 5px
    }

.portfolio-box, .portfolio-box-grey {
    text-align: center;
    background-color: #fff;
    border-bottom: 3px solid #e0e0e0;
    margin-bottom: 20px;
    padding: 1px 20px 12px 20px;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px
}

.portfolio-box-grey {
    margin-bottom: 30px;
    background-color: #f6f7f8;
    border-bottom: 2px solid #e0e0e0
}

    .portfolio-box h3, .portfolio-box-grey h3 {
        margin: 10px 0 1px 0 !important;
        line-height: 20px
    }

        .portfolio-box h3 a, .portfolio-box-grey h3 a {
            color: #454545;
            font-size: 18px;
            transition: all .25s ease-in-out;
            -moz-transition: all .25s ease-in-out;
            -webkit-transition: all .25s ease-in-out
        }

.portfolio-item h3 a:hover {
    color: #3498db
}

.portfolio-box p.portfolio-info {
    font-size: 15px;
    font-style: italic;
    margin-bottom: 5px
}

.portfolio-item img {
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0
}

/* ========================================================== */
/* 				  		     06. TEAM                         */
/* ========================================================== */

.team-item, .team-item-white {
    text-align: center;
    margin: 20px 0;
    padding: 1px 30px 15px 30px;
     height: 485px;
}

    .team-item h3, .team-item-white h3 {
           
        margin: 20px 0 1px 0 !important;
        color: #ddd;
        font-size: 18px;
        font-weight: 700;
        text-transform: uppercase;
        transition: all .25s ease-in-out;
        -moz-transition: all .25s ease-in-out;
        -webkit-transition: all .25s ease-in-out
    }

    .team-item-white h3 {
        color: #454545
    }

    .team-item p {
        color: #ccc
    }

.team-info {
    display: block;
    margin-bottom: 0
}

    .team-info p {
        color: #ccc;
        font-style: italic
    }

 

.team-info-white p {
    font-style: italic
}

.team-info::after, .team-info-white::after {
    background-color: #3498db;
    display: inline-block;
    vertical-align: middle;
    content: "";
    width: 50px;
    height: 3px;
    margin-top: -20px
}

.team-img {
    max-width:180px;
    padding: 6px 6px;
    background-color: #eaeaea;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    box-shadow: 1px 1px 2px rgba(0,0,0,.1)
}

ul.team-icon {
    margin-top: 15px
}

    ul.team-icon li {
        display: inline-block;
        margin: 0 3px;
        -webkit-transition: all .25s ease-in-out;
        -moz-transition: all .25s ease-in-out;
        -ms-transition: all .25s ease-in-out;
        -o-transition: all .25s ease-in-out;
        transition: all .25s ease-in-out
    }

        ul.team-icon li a {
            margin: 0;
            display: inline-block;
            padding: 8px 8px;
            width: 34px;
            height: 34px;
            font-size: 18px;
            line-height: 18px;
            background-color: #fff;
            border-radius: 50%;
            color: #fff
        }

            ul.team-icon li a.twitter {
                background-color: #4099ff
            }

            ul.team-icon li a.pinterest {
                background-color: #c92228
            }

            ul.team-icon li a.facebook {
                background-color: #3b5998
            }

            ul.team-icon li a.dribble {
                background-color: #ea4c89
            }
            ul.team-icon li a.linkedin {
                background-color: #0a66c2
            }
   

.team-icon li a:hover {
    color: #dedede;
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out
}

.blog-item {
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    margin: 30px 0 10px 0
}

    .blog-item.blogs {
        border: 1px solid #ccc
    }

    .blog-item img {
        -webkit-border-radius: 5px 5px 0 0;
        -moz-border-radius: 5px 5px 0 0;
        border-radius: 5px 5px 0 0
    }

.blog-item-inner {
    width: 100%;
    display: inline-block;
    padding: 1px 25px 20px 25px;
    background-color: #f6f7f8;
    border-bottom: 2px solid #e0e0e0;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out
}

    .blog-item-inner p {
        margin: 15px 0 20px 0
    }

h3.blog-title {
    margin-top: 15px;
    margin-bottom: 10px
}

    h3.blog-title a {
        font-size: 20px;
        color: #454545;
        transition: all .25s ease-in-out;
        -moz-transition: all .25s ease-in-out;
        -webkit-transition: all .25s ease-in-out
    }

        h3.blog-title a:hover {
            color: #228798;
            transition: all .25s ease-in-out;
            -moz-transition: all .25s ease-in-out;
            -webkit-transition: all .25s ease-in-out
        }

a.blog-icons {
    color: #858585;
    font-size: 14px;
    font-style: italic;
    margin-right: 10px;
    padding-right: 10px;
    border-right: 1px solid #aaa;
    transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out
}

    a.blog-icons i {
        color: #656565;
        font-size: 16px;
        line-height: 16px;
        vertical-align: text-bottom
    }

    a.blog-icons.last {
        border-right: none
    }

    a.blog-icons:hover {
        color: #228798;
        transition: all .25s ease-in-out;
        -moz-transition: all .25s ease-in-out;
        -webkit-transition: all .25s ease-in-out
    }

a.button-blog {
    background-color: #3498db;
    border: 1px solid #3498db;
    color: #fff;
    display: inline-block;
    font-weight: 400;
    font-size: 13px;
    padding: 10px 20px;
    margin: 0 0 20px 0;
    -webkit-border-radius: 3px 3px;
    -moz-border-radius: 3px 3px;
    border-radius: 3px 3px;
    transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out
}

    a.button-blog:hover {
        background-color: transparent;
        border: 1px solid #3498db;
        color: #3498db;
        transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
        -webkit-transition: all .5s ease-in-out
    }

ul.post_info {
    width: 100%;
    float: left;
    margin: 10px 0 15px 0;
    clear: both
}

    ul.post_info li {
        float: left;
        margin-right: 12px;
        padding-right: 12px;
        line-height: 14px;
        border-right: 1px solid #999
    }

        ul.post_info li.last {
            border-right: none
        }

        ul.post_info li a {
            font-size: 13px;
            line-height: 14px;
            color: #888
        }

            ul.post_info li a:hover {
                color: #3498db
            }

.post_author {
    display: block;
    overflow: hidden;
    margin-bottom: 50px;
    padding: 25px 25px;
    background-color: #f6f7f8 !important;
    border-bottom: 2px solid #e0e0e0 !important;
    border-radius: 5px 5px !important;
    -webkit-border-radius: 2px 2px;
    -moz-border-radius: 2px 2px;
    border-radius: 2px 2px
}

    .post_author h5 {
        margin-bottom: 10px
    }

    .post_author p {
        margin-bottom: 15px
    }

.post_author_pic {
    float: left;
    margin-right: 25px;
    width: 170px;
    border-radius: 0 !important
}

ul.author_icons {
    display: inline-block;
    margin-bottom: 0
}

    ul.author_icons li {
        display: inline-block;
        margin: 0;
        line-height: 100% !important
    }

        ul.author_icons li a i {
            display: inline-block;
            font-size: 22px;
            line-height: 22px;
            color: #454545;
            margin: 5px 5px;
            transition: all .5s ease-in-out;
            -moz-transition: all .25s ease-in-out;
            -webkit-transition: all .25s ease-in-out
        }

            ul.author_icons li a i:hover {
                transition: all .5s ease-in-out;
                -moz-transition: all .25s ease-in-out;
                -webkit-transition: all .25s ease-in-out;
                color: #3498db
            }

.second_comment {
    padding-left: 45px
}

.post_text {
    overflow: hidden;
    margin-bottom: 30px;
    padding: 20px 25px 20px 25px;
    background-color: #f6f7f8 !important;
    border-bottom: 2px solid #e0e0e0 !important;
    border-radius: 5px 5px !important;
    -webkit-border-radius: 2px 2px;
    -moz-border-radius: 2px 2px;
    border-radius: 2px 2px
}

    .post_text h5 {
        margin-bottom: 1px
    }

.comments_pic {
    margin-right: 20px;
    float: left;
    width: 70px;
    border-radius: 0 !important
}

.comments_form {
    margin: 30px 0;
    float: left;
    clear: both
}

input.comments_input {
    width: 90%;
    height: 44px;
    padding: 0 20px;
    background-color: #f6f7f8;
    border: 1px solid #eaeaea !important;
    color: #656565;
    font-size: 14px;
    margin: 0 0 10px 0;
    -webkit-border-radius: 2px 2px;
    -moz-border-radius: 2px 2px;
    border-radius: 2px 2px
}

textarea.comments_text {
    width: 90%;
    height: 120px;
    padding: 15px 20px;
    background-color: #f6f7f8;
    border: 1px solid #eaeaea !important;
    color: #656565;
    font-size: 14px;
    margin: 0 0 10px 0;
    -webkit-border-radius: 2px 2px;
    -moz-border-radius: 2px 2px;
    border-radius: 2px 2px
}

input.comments-submit {
    width: 120px;
    height: 44px;
    float: left;
    background-color: #3498db;
    border: 2px solid #3498db;
    color: #fff;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 13px;
    padding: 6px 15px;
    margin: 0 15px 0 0;
    -webkit-border-radius: 4px 4px;
    -moz-border-radius: 4px 4px;
    border-radius: 4px 4px;
    transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    transition: background-color .25s ease-in-out;
    -moz-transition: background-color .25s ease-in-out;
    -webkit-transition: background-color .25s ease-in-out
}

    input.comments-submit:hover {
        background-color: #fff;
        border: 2px solid #3498db;
        color: #3498db;
        transition: all .25s ease-in-out;
        -moz-transition: all .25s ease-in-out;
        -webkit-transition: all .25s ease-in-out
    }

.pricing-box-green, .pricing-box-blue, .pricing-box-red {
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 40px;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    background-color: #f9f9f9;
    text-align: center;
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    border-bottom: 2px solid #e5e5e5
}

    .pricing-box-green:hover, .pricing-box-red:hover, .pricing-box-red:hover {
        box-shadow: 0 2px 20px rgba(0,0,0,.08)
    }

    .pricing-box-green .pricing-top, .pricing-box-blue .pricing-top, .pricing-box-red .pricing-top {
        padding: 20px 0;
        -webkit-border-radius: 5px 5px 0 0;
        -moz-border-radius: 5px 5px 0 0;
        border-radius: 5px 5px 0 0
    }

    .pricing-box-green .pricing-top {
        background-color: #16a085
    }

    .pricing-box-blue .pricing-top {
        background-color: #34b1c4
    }

    .pricing-box-red .pricing-top {
        background-color: #dd624e
    }

.pricing-top h3 {
    color: #fff;
    font-size: 22px;
    text-transform: uppercase;
    margin-bottom: 10px;
    font-weight: 700;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s
}

.pricing-top .price .currency {
    color: #fff;
    font-size: 24px;
    line-height: 40px;
    font-weight: 600;
    vertical-align: top;
    display: inline-block
}

.pricing-top .price span.number {
    color: #fff;
    font-size: 36px;
    line-height: 42px;
    font-weight: 700
}

.pricing-top .price .month {
    font-size: 16px;
    line-height: 18px;
    font-weight: 600
}

    .pricing-top .price .month .blue {
        color: #3498db
    }

.pricing-bottom {
    padding: 0 40px 40px 40px
}

    .pricing-bottom ul {
        list-style: none;
        list-style-type: none;
        margin: 35px 0 40px;
        padding: 0
    }

        .pricing-bottom ul li {
            text-align: center;
            font-size: 16px;
            line-height: 30px
        }

.btn-pricing-green {
    color: #fff;
    font-weight: 600;
    background-color: #16a085;
    border: 2px solid #16a085;
    padding: 14px 0
}

    .btn-pricing-green:hover {
        color: #16a085;
        background-color: transparent;
        border-color: #16a085
    }

.btn-pricing-blue {
    color: #fff;
    background-color: #34b1c4;
    border: 2px solid #34b1c4;
    padding: 14px 0;
    font-weight: 600
}

    .btn-pricing-blue:hover {
        color: #34b1c4;
        background-color: transparent;
        border: 2px solid #34b1c4
    }

.btn-pricing-red {
    color: #fff;
    font-weight: 600;
    background-color: #dd624e;
    border: 2px solid #dd624e;
    padding: 14px 0
}

    .btn-pricing-red:hover {
        color: #dd624e;
        background-color: transparent;
        border-color: #dd624e
    }

a.btn, .Newspaper-Button.rev-btn, .contact-submit {
    border-radius: 0 !important;
    border-color: #70c6ff
}

iframe.contact-maps {
    padding: 10px 10px;
    border-radius: 8px;
    background-color: #f6f7f8;
    border: 1px solid #eaeaea !important
}

#contact-form {
    margin: 0 auto;
    width: 100%;
    max-width: 960px;
    text-align: center;
    margin-bottom: 10px
}

input.contact-input {
    width: 100%;
    height: 55px;
    padding-left: 2%;
    padding-right: 2%;
    margin-bottom: 15px;
    font-size: 14px;
    float: left;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px
}

textarea {
    height: 155px;
    margin-bottom: 15px;
    width: 100%;
    padding-left: 2%;
    padding-right: 2%;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #656565;
    font-size: 14px;
    float: left;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px
}

input.contact-submit, input.analysis-submit {
    color: #fff;
    border: 2px solid #3498db;
    background-color: #3498db;
    cursor: pointer;
    display: block;
    font-size: 14px;
    font-weight: 600;
    margin-top: 10px;
    padding: 16px 30px;
    position: relative;
    text-transform: uppercase;
    -webkit-border-radius: 3px 3px;
    -moz-border-radius: 3px 3px;
    border-radius: 3px 3px;
    transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out
}

    input.contact-submit:hover, input.analysis-submit:hover {
        color: #3498db;
        background-color: transparent;
        border: 2px solid #3498db;
        transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
        -webkit-transition: all .5s ease-in-out
    }

input.analysis-submit {
    display: inline-block
}

input.white-input::-webkit-input-placeholder, textarea.white-input::-webkit-input-placeholder {
    color: #7c8595
}

input.white-input:-moz-placeholder, textarea.white-input:-moz-placeholder {
    color: #7c8595
}

input.white-input::-moz-placeholder, textarea.white-input::-moz-placeholder {
    color: #7c8595
}

input.white-input:-ms-input-placeholder, textarea.white-input:-ms-input-placeholder {
    color: #7c8595
}

#contact-form input.contact-input:focus, #contact-form textarea.contact-commnent:focus {
    border-color: #3498db;
    outline: none
}

p.contact_success_box {
    display: inline-block;
    color: #fff;
    font-size: 20px;
    font-style: italic;
    padding: 20px 20px;
    border: 1px solid #fff;
    webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px
}

.section_features {
    width: 100%;
    max-width: 1140px;
    margin: 0 auto;
    padding: 20px 0 0 0;
    position: relative;
    overflow: hidden;
    z-index: 1
}

.no-padding {
    padding: 0
}

.wrapper-inner {
    display: inline-block;
    width: 100%;
    max-width: 585px;
    padding: 40px 0 40px 35px
}

.portfolio-pic {
    margin-bottom: 30px
}

.btn, btn:hover {
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out
}

.btn-margin {
    display: inline-block;
    margin: 10px 10px
}

.btn-white {
    color: #454545;
    background-color: #fff;
    border-color: #fff
}

    .btn-white:hover, .btn-white:focus, .btn-white:active, .btn-white.active, .open .dropdown-toggle.btn-white {
        color: #fff;
        background-color: transparent;
        border-color: #fff
    }

.btn-white-big {
    color: #454545;
    background-color: #fff;
    border-color: #fff;
    padding: 10px 25px;
    font-size: 16px
}

    .btn-white-big:hover, .btn-white-big:focus, .btn-white-big:active, .btn-white-big.active, .open .dropdown-toggle.btn-white-big {
        color: #fff;
        background-color: transparent;
        border-color: #fff
    }

.btn-white-transparent {
    color: #fff;
    background-color: transparent;
    border-color: #fff
}

    .btn-white-transparent:hover, .btn-white-transparent:focus, .btn-white-transparent:active, .btn-white-transparent.active, .open .dropdown-toggle.btn-white-transparent {
        color: #454545;
        background-color: #fff;
        border-color: #fff
    }

.btn-small-blue {
    color: #fff;
    font-weight: 600;
    background-color: #3498db;
    border: 2px solid #3498db;
    padding: 12px 25px
}

    .btn-small-blue:hover {
        color: #3498db;
        background-color: transparent;
        border-color: #3498db
    }

.btn-blue {
    background-color: #3498db;
    position: relative;
    display: inline-block;
    text-align: center;
    color: #fff
}

    .btn-blue:hover, .btn-blue:focus, .btn-blue:active, .btn-blue.active, .open .dropdown-toggle.btn-blue {
        color: #fff;
        background-color: #2980b9
    }

.btn-green {
    background-color: #1bbc9b;
    position: relative;
    display: inline-block;
    text-align: center;
    color: #fff
}

    .btn-green:hover, .btn-green:focus, .btn-green:active, .btn-green.active, .open .dropdown-toggle.btn-green {
        color: #fff;
        background-color: #1bbc9b
    }

.btn-blue.small {
    padding: 16px 28px
}

.btn-blue.xsmall {
    padding: 14px 20px;
    font-size: 14px;
    text-transform: none
}

.btn-blue.xlarge, .btn-green.xlarge {
    margin: 10px 10px;
    padding: 14px 26px 12px 26px;
    text-transform: none;
    font-size: 16px;
    font-weight: 500
}

    .btn-blue.xlarge i, .btn-green.xlarge i {
        padding-right: 8px;
        vertical-align: middle;
        font-size: 20px
    }

.partners-wrapper {
    position: relative;
    margin: 0 auto;
    width: 100%;
    max-width: 1140px
}

.partners-item {
    padding: 50px 0;
    text-align: center;
    border-right: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
    transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out
}

    .partners-item.no-border-bottom {
        border-bottom: none
    }

    .partners-item.last {
        border-right: none
    }

    .partners-item img {
        opacity: .4;
        margin: 10px 25px;
        -webkit-transition: all .25s ease-in-out;
        -moz-transition: all .25s ease-in-out;
        -ms-transition: all .25s ease-in-out;
        -o-transition: all .25s ease-in-out;
        transition: all .25s ease-in-out
    }

        .partners-item img:hover {
            opacity: 1
        }

.section-grey.sponsors-padding {
    padding: 60px 0
}

.section-grey.sponsors-padding-small {
    padding: 25px 0
}

.sponsors img.sponsor {
    opacity: .4;
    margin: 10px 23px;
    max-height: 60px;
    margin-right: 15px;
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}

    .sponsors img.sponsor:hover {
        opacity: 1;
        -webkit-filter: unset;
        filter: unset
    }

.fun-facts-wrapper {
    width: 100%;
    position: relative;
    overflow: hidden;
    background-color: #2f3539;
    border-top: 1px solid #393f43;
    margin: 0 auto;
    padding: 25px 0 30px 0
}

.fun-facts-box {
    float: left;
    width: 19.99%;
    padding-top: 15px
}

.fun-facts-title {
    font-size: 15px;
    font-weight: 400;
    color: #fff;
    font-style: italic
}

    .fun-facts-title span {
        font-size: 28px;
        line-height: 30px;
        font-weight: 600;
        font-style: normal;
        color: #f5f5f5
    }

.fun-facts-box i {
    font-size: 40px;
    line-height: 60px;
    color: #3498db
}

.blockquote {
    border-left: 3px solid #3498db;
    padding-left: 15px;
    padding-bottom: 3px;
    margin-bottom: 30px
}

.testimonials_item {
    position: relative;
    z-index: 100;
    margin: 30px 0;
    padding-bottom: 0;
    width: 100%
}

.testimonials_box {
    background-color: #fff;
    box-shadow: 1px 1px 2px rgba(0,0,0,.1);
    padding: 30px 30px;
    position: relative;
    z-index: 100;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px
}

    .testimonials_box .testimonials_arrow {
        background: none repeat scroll 0 0 #fff;
        border-right: 1px solid rgba(0,0,0,.1);
        border-bottom: 1px solid rgba(0,0,0,.1);
        display: block;
        width: 12px;
        height: 12px;
        left: 60px;
        bottom: -6px;
        position: absolute;
        z-index: 50;
        transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        display: none\9
    }

    .testimonials_box p {
        margin: 0;
        font-size: 16px;
        line-height: 26px
    }

img.autor_pic {
    float: left;
    margin: 15px 15px 0 25px;
    padding: 4px 4px;
    background-color: #fff;
    width: 80px;
    height: 80px;
    -webkit-border-radius: 44px 44px;
    -moz-border-radius: 44px 44px;
    border-radius: 44px 44px;
    box-shadow: 1px 1px 2px rgba(0,0,0,.1)
}

p.autor {
    display: block;
    margin-top: 36px;
    font-size: 16px;
    line-height: 20px;
    color: #fff
}

    p.autor span {
        font-family: 'Roboto',sans-serif;
        text-transform: uppercase;
        color: #fff;
        font-weight: 500;
        font-size: 16px
    }

.testimonials_item2 {
    position: relative;
    z-index: 100;
    margin: 10px 0 60px 0;
    padding-bottom: 0;
    width: 100%
}

.testimonials_box2 {
    background-color: #fff;
    border: 1px solid #f0f0f0;
    box-shadow: 1px 1px 2px rgba(0,0,0,.1);
    padding: 30px 30px;
    position: relative;
    z-index: 100;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px
}

    .testimonials_box2 .testimonials_arrow {
        background: none repeat scroll 0 0 #fff;
        border-right: 1px solid #cecece;
        border-bottom: 1px solid #cecece;
        display: block;
        width: 12px;
        height: 12px;
        left: 60px;
        bottom: -6px;
        position: absolute;
        z-index: 50;
        transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        display: none\9
    }

    .testimonials_box2 p {
        margin: 0;
        font-size: 16px;
        line-height: 26px
    }

img.autor_pic_second {
    float: left;
    margin: 15px 15px 0 25px;
    padding: 4px 4px;
    background-color: #fff;
    border: 1px solid #dedede;
    width: 80px;
    height: 80px;
    -webkit-border-radius: 44px 44px;
    -moz-border-radius: 44px 44px;
    border-radius: 44px 44px
}

p.autor_second {
    display: block;
    margin-top: 36px;
    font-size: 16px;
    line-height: 20px;
    color: #757575
}

    p.autor_second span {
        font-family: 'Roboto',sans-serif;
        text-transform: uppercase;
        color: #454545;
        font-weight: 500;
        font-size: 17px
    }

.section-testimonials {
    position: relative;
    background-color: #3498db;
    padding: 60px 0
}

.testimonials-wrapper2 {
    position: relative;
    max-width: 960px
}

.testimonials-info {
    display: inline-block;
    padding: 10px 40px 10px 0;
    border-right: 1px solid #fff
}

    .testimonials-info img {
        float: left;
        margin-right: 20px;
        width: 110px;
        height: 110px;
        padding: 5px 5px;
        background-color: transparent;
        border: 1px solid #fff;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%
    }

p.author-name {
    float: left;
    margin: 0;
    padding-top: 30px;
    font-size: 18px;
    line-height: 26px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    font-family: 'Roboto',sans-serif
}

    p.author-name span {
        font-size: 18px;
        font-weight: 400;
        font-style: italic;
        text-transform: none;
        color: #fff;
        font-family: 'Open Sans',sans-serif
    }

p.testimonials-text {
    padding: 20px 0 0 0;
    font-size: 20px;
    line-height: 32px;
    font-weight: 400;
    color: #fff
}

ul.sidebar_categories {
    margin-bottom: 30px
}

    ul.sidebar_categories li a {
        color: #555;
        line-height: 22px
    }

        ul.sidebar_categories li a:hover {
            color: #3498db
        }

ul.tags {
    float: left;
    list-style: none;
    width: 100%;
    margin-bottom: 20px
}

    ul.tags li {
        float: left;
        margin-bottom: 10px;
        margin-right: 5px
    }

        ul.tags li a {
            background-color: #fff;
            border: 1px solid #e0e0e0;
            border-radius: 2px 2px 2px 2px;
            color: #454545;
            font-size: 12px;
            padding: 6px 10px;
            transition: all .5s ease-in-out;
            -moz-transition: all .5s ease-in-out;
            -webkit-transition: all .5s ease-in-out
        }

            ul.tags li a:hover {
                background-color: #3498db;
                border: 1px solid #3498db;
                color: #fff;
                transition: all .5s ease-in-out;
                -moz-transition: all .5s ease-in-out;
                -webkit-transition: all .5s ease-in-out
            }

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

    .sidebar_posts.last {
        margin-bottom: 35px
    }

    .sidebar_posts a {
        font-size: 14px
    }

        .sidebar_posts a:hover {
            color: #3498db
        }

span.sidebar_post_date {
    color: #7c8595;
    font-style: italic;
    font-size: 13px;
    display: block;
    padding-top: 5px
}

.sidebar_posts img {
    width: 70px;
    height: 70px;
    float: left;
    margin-right: 20px
}

.panel-icon {
    margin-right: 5px;
    font-size: 20px;
    vertical-align: middle
}

.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 500;
    color: #454545;
    font-family: 'Roboto',sans-serif
}

    .panel-title > a, .panel-title > small, .panel-title > .small, .panel-title > small > a, .panel-title > .small > a {
        color: #656565
    }

.panel-group .panel {
    margin-bottom: 0
}

.panel-body {
    padding: 20px 10px 10px 10px
}

    .panel-body p, .panel-body span {
        font-size: 1.12em !important
    }

.panel-heading {
    padding: 8px 10px 16px 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.panel-default {
    border-color: transparent
}

    .panel-default > .panel-heading {
        color: #959595;
        background-color: transparent;
        border: none;
        border-bottom: 1px solid #e7e7e7
    }

.panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group {
    border-top: 3px solid #3498db;
    border-bottom: 1px solid #e7e7e7
}

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

    .progress-list p {
        margin-bottom: 3px
    }

    .progress-list li {
        margin-bottom: 10px
    }

        .progress-list li span {
            float: right
        }

.progress.plain {
    height: 20px;
    margin-bottom: 0;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    background: none;
    border: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

    .progress.plain .bar {
        float: left;
        filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
        width: 0;
        height: 100%;
        font-size: 12px;
        color: #fff;
        text-align: center;
        text-shadow: none;
        -webkit-border-radius: 0;
        border-radius: 0;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        background: #3498db !important
    }

    .progress.plain.bluebar .bar {
        background: #34b1c4 !important
    }

    .progress.plain.redbar .bar {
        background: #e74c3c !important
    }

    .progress.plain.greenbar .bar {
        background: #1abc9c !important
    }

    .progress.plain.yellowbar .bar {
        background: #f1c40f !important
    }

    .progress.plain.lylabar .bar {
        background: #9b59b6 !important
    }

.bar-container {
    background: #f2f2f2 !important;
    border-bottom: 0;
    line-height: 1
}

.chart {
    display: inline-block;
    position: relative;
    width: 150px;
    height: 150px
}

    .chart canvas {
        position: absolute;
        display: block;
        top: 0;
        left: 50%;
        margin-left: -75px
    }

    .chart span {
        color: #454545;
        font-size: 34px;
        font-weight: 500;
        line-height: 150px;
        display: block;
        font-family: 'Roboto',sans-serif
    }

        .chart span:after {
            content: '%';
            margin-left: 0;
            font-size: 40px
        }

h5.chart-title {
    margin: 25px 0 12px 0
}

.process-wrapper {
    border-top: 1px solid #e8e8e8;
    text-align: center
}

    .process-wrapper .process-inner {
        background: url('../img/process-line.png') no-repeat scroll center 120px
    }

        .process-wrapper .process-inner .process {
            display: inline-block;
            text-align: center
        }

            .process-wrapper .process-inner .process p.process-title {
                font-size: 18px;
                font-weight: 700;
                color: #454545;
                font-family: 'Roboto',sans-serif
            }

            .process-wrapper .process-inner .process .process-circle {
                padding: 15px;
                border-radius: 100%;
                margin-bottom: 20px;
                width: 180px;
                height: 180px;
                background-color: #fff;
                border: 2px dashed #cecece;
                transition: all 300ms ease-in-out 0s
            }

                .process-wrapper .process-inner .process .process-circle .process-circle-icon {
                    width: 165px;
                    height: 165px;
                    line-height: 175px;
                    border-radius: 50%;
                    background: #f4f6f7;
                    margin: -10px;
                    position: relative
                }

                    .process-wrapper .process-inner .process .process-circle .process-circle-icon .process-description {
                        position: absolute;
                        font-size: 14px;
                        line-height: 24px;
                        color: #454545;
                        text-align: center;
                        width: 100%;
                        height: 100%;
                        top: 0;
                        padding-top: 50px;
                        opacity: 0;
                        transition: all 300ms ease-in-out 0s
                    }

                    .process-wrapper .process-inner .process .process-circle .process-circle-icon img {
                        margin-top: -10px;
                        display: inline-block;
                        border-radius: 50%;
                        transition: all 300ms ease-in-out 0s
                    }

            .process-wrapper .process-inner .process:hover .process-circle .process-circle-icon img {
                opacity: .07
            }

            .process-wrapper .process-inner .process:hover .process-circle .process-circle-icon .process-description {
                opacity: 1
            }

@media(min-width:992px) {
    .dropdown:hover > .dropdown-menu {
        display: block;
        -webkit-transition: all .25s ease-in;
        -moz-transition: all .25s ease-in;
        -ms-transition: all .25s ease-in;
        -o-transition: all .25s ease-in;
        transition: all .25s ease-in
    }
}

@media(max-width:991px) {
    .dropdown-menu {
        position: relative;
        top: 100%;
        left: 0;
        z-index: 1000;
        float: left;
        min-width: 200px;
        padding: 0;
        margin: 2px 0 0;
        font-size: 14px;
        text-align: left;
        list-style: none;
     /*   background-color: transparent;*/
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        border-radius: 4px;
        -webkit-box-shadow: none;
        box-shadow: none
    }

        .dropdown-menu .divider {
            display: none
        }

    .yamm .yamm-content {
        padding: 0 25px;
        min-width: 320px
    }

    .nav-title, .nav-subtitle {
        display: none
    }

    .nav > li {
        text-align: left
    }

    .navbar-default .navbar-nav > li > a {
        line-height: 28px;
        padding-top: 8px;
        padding-bottom: 8px
    }

    .navbar-nav > li > .dropdown-menu {
        margin-bottom: 12px
    }

    .yamm .nav, .yamm .collapse, .yamm .dropup, .yamm .dropdown {
        position: relative
    }

    .dropdown-menu, .dropdown-menu > li, .dropdown-menu > li > a {
        width: 100%;
        clear: both
    }

        .dropdown-menu > li > a {
            padding: 6px 20px
        }

    .yamm .dropdown.yamm-fw .dropdown-menu {
        background: none
    }
/*
    .navbar-default .navbar-nav > li > a.purchase {
        font-family: 'Roboto',sans-serif;
        position: relative;
        color: #3498db;
        background-color: transparent;
        border: none;
        margin-left: 15px;
        margin-right: 0 !important;
        margin-top: 0;
        padding: 0;
        font-size: 16px;
        line-height: 40px;
        font-weight: 500 !important;
        text-transform: none;
        webkit-border-radius: 5px 5px;
        -moz-border-radius: 5px 5px;
        border-radius: 5px 5px
    }

        .navbar-default .navbar-nav > li > a.purchase:hover {
            color: #fff !important;
            background-color: #3498db !important;
            border: none
        }*/

    #navbar-collapse-02 .current a.purchase {
        color: #3498db !important;
        background-color: transparent !important;
        border: none
    }

    .pricing-bottom {
        padding: 0 20px 40px 20px
    }

    .newsletter_box {
        text-align: center
    }

    .newsletter_info {
        padding: 0;
        border-left: none
    }

        .newsletter_info h2 {
            font-size: 26px
        }

        .newsletter_info p {
            font-size: 18px;
            line-height: 28px
        }

    #newsletter-form #email_newsletter {
        width: 90%;
        margin-bottom: 10px
    }

    #newsletter-form #submit-button-newsletter {
        width: 140px;
        height: 56px;
        margin: 0
    }

    .testimonials-info {
        border-right: none;
        padding: 0;
        width: 100%
    }

    p.testimonials-text {
        padding: 10px 0 0 0;
        font-size: 18px;
        line-height: 28px
    }

    .process-wrapper .process-inner {
        background: none
    }
}

@media handheld,only screen and (max-width:800px) {
    .fun-facts-box {
        width: 50%
    }

    .team-item {
        margin-bottom: 30px
    }

    .wrapper-inner {
        max-width: none;
        padding: 40px 0 80px 35px
    }

    .partners-item { 
        padding: 10px 0;
        border-right: none;
        border-bottom: none
    } 

    .col-md-4.small-padding-right, .col-md-6.small-padding-right {
        padding-right: 15px !important
    }
}

@media(max-width:768px) {
    .top-intro .details-wrapper {
        text-align: center !important
    }
/* 
    .top-intro {
        display: none
    } */

    .hidden-nav-item {
        display: block !important
    }

    .navbar-nav > li.hidden-nav-item > .dropdown-menu {
        display: block !important
    }

    .hidden-nav-item > .dropdown-menu > li > a {
        display: block !important
    }
}

.inner-shadow {
    -moz-box-shadow: inset 0 0 20px #000;
    -webkit-box-shadow: inset 0 0 20px #000;
    box-shadow: inset 0 0 20px #000
}

.inner-shadowv {
    border-bottom: #353535;
    border-top: #353535;
    -moz-box-shadow: inset 0 16px 16px -16px #353535,inset 0 -8px 8px -8px #696868;
    -webkit-box-shadow: inset 0 16px 16px -16px #353535,inset 0 -8px 8px -8px #696868;
    box-shadow: inset 0 16px 16px -16px #353535,inset 0 -8px 8px -8px #696868
}

.one-edge-shadow {
    -webkit-box-shadow: 0 8px 6px -6px black;
    -moz-box-shadow: 0 8px 6px -6px black;
    box-shadow: 0 8px 6px -6px black
}

.one-edge-shadow-lt {
    -webkit-box-shadow: 0 6px 6px -6px black;
    -moz-box-shadow: 0 6px 6px -6px black;
    box-shadow: 0 6px 6px -6px black
}

.shadow {
    -moz-box-shadow: 3px 3px 5px 6px #ccc;
    -webkit-box-shadow: 3px 3px 5px 6px #ccc;
    box-shadow: 3px 3px 5px 6px #ccc
}

/*.lnflag.en {
    background: url(/img/icon/us.png) no-repeat
}*/

.lnflag.en {
    background: url(/img/icon/gb.png) no-repeat;
      background-size:24px 20px;
}
.lnflag.de {
    background: url(/img/icon/de.png) no-repeat;
      background-size:24px 20px;
}




.lnflag.tr {
    background: url(/img/icon/tr.png) no-repeat;
  background-size:24px 20px;

}

.lnflag {
     background-size:14px 32px;
    top: 4px;
    padding-left: 40px;

}
.dropdown-toggle .lnflag {

}
 


.dropdown-menu > li > a { 
    line-height: 2.6857143; 
    z-index:1000;
}


.heart {
    background: url(/img/bundle/web_heart_animation.png);
    background-position: left;
    background-repeat: no-repeat;
    height: 50px;
    width: 50px;
    cursor: pointer;
    position: absolute;
    left: -14px;
    background-size: 2900%
}

    .heart:hover, .heart:focus {
        background-position: right
    }

@-webkit-keyframes heartBlast {
    0% {
        background-position: left
    }

    100% {
        background-position: right
    }
}

@keyframes heartBlast {
    0% {
        background-position: left
    }

    100% {
        background-position: right
    }
}

.heartAnimation {
    display: inline-block;
    -webkit-animation-name: heartBlast;
    animation-name: heartBlast;
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-timing-function: steps(28);
    animation-timing-function: steps(28);
    background-position: right
}

.likeCount {
    font-family: 'Georgia',Times,Times New Roman,serif;
    margin-top: 13px;
    margin-left: 28px;
    font-size: 16px;
    color: #999
}

div.twitter-tweet-rendered p.entry-title {
    font-family: Arial,sans-serif !important;
    font-size: 14px !important;
    padding: 5px !important;
    background: #eee !important;
    max-width: 300px !important
}

    div.twitter-tweet-rendered p.entry-title a.link {
        font-family: Arial,sans-serif !important;
        font-size: 14px !important
    }

div.twitter-tweet-rendered div.twt-border {
    padding: 0 !important;
    border: none !important;
    box-shadow: none !important
}

div.twitter-tweet-rendered iframe.twt-follow-button {
    display: none !important
}

div.twitter-tweet-rendered div.footer ul.twt-actions {
    display: none !important
}

div.twitter-tweet-rendered div.footer a.view-details {
    display: block !important;
    width: 120px !important;
    margin: 5px 0 !important;
    padding: 7px 0 !important;
    background: #000 !important;
    color: #fff !important;
    text-decoration: none !important;
    border-radius: 13px !important;
    text-align: center !important;
    box-shadow: -1px -1px 2px #555 !important
}

    div.twitter-tweet-rendered div.footer a.view-details span {
        font: 14px Georgia,serif !important;
        color: #fff !important
    }

.colrow {
    -moz-column-width: 15em;
    -webkit-column-width: 15em;
    -moz-column-gap: 1em;
    -webkit-column-gap: 1em
}

.twitter-tweet {
    display: inline-block;
    padding: .25rem;
    width: 100%
}

blockquote {
    border-left: 5px solid #369
}

.error {
    color: #e80c4d
}

.field-validation-error {
    color: #e80c4d;
    font-weight: bold
}

.field-validation-valid {
    display: none
}

input.input-validation-error {
    border: 1px solid #e80c4d
}

input[type="checkbox"].input-validation-error {
    border: 0 none
}

.validation-summary-errors {
    color: #e80c4d;
    font-weight: bold;
    font-size: 1.1em
}

.validation-summary-valid {
    display: none
}

.langbtn {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    width: 100px
}

.langmenu li {
    margin-bottom: 2px;
    padding-left: 10px !important;
    padding-bottom: 0;
    padding-top: 0;
    padding-top: 2px;
    display: block !important
}

    .langmenu li a {
        margin: 0;
        padding: 0
    }

#langdrop:hover {
    border-color: #fff !important;
    outline: 0;
    -webkit-box-shadow: 5px rgba(0,0,0,.075),0 0 8px #fff;
    box-shadow: 5px rgba(0,0,0,.075),0 0 8px #fff
}

.sidebar_posts {
    clear: both
}

ol.numlist {
    counter-reset: myCouter
}

    ol.numlist li {
        font-size: 1.25em;
        list-style: outside none none;
    /*    margin-left: 40px;*/
        font-weight: normal !important
    }

        ol.numlist li::before {
            content: counter(myCouter,decimal);
            counter-increment: myCouter;
            background: #2980b9 none repeat scroll 0 0;
            color: #fff;
            display: inline-block;
            height: 40px;
            margin: 5px 10px;
            text-align: center;
            width: 40px;
            padding: 5px;
        }

.blog-item-inner img {
    width: 100%;
    height: auto
}

.unselectable {
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    -webkit-user-select: none;
    user-select: none
}

.bd-callout-info {
    border-left: 4px solid #5bc0de !important
}

.bd-callout {
    padding: 1.25rem;
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
    border: 1px solid #ddd;
    border-left-width: .25rem;
    border-radius: .25rem;
    background-color: #f7f7f7;
    border-radius: 3px
}

    .bd-callout p:last-child {
        margin-top: 0
    }

.section-dark p, .section-dark h2 {
    color: #fff
}

.aligncenter {
    margin-left: auto;
    margin-right: auto
}

#chat-box-msg p {
    margin-top: 2px;
    margin-bottom: 2px;
    font-size: 1em
}

#chat-box, #chat-box-header {
    z-index: 1000
}

#chatmain {
    -moz-box-shadow: 6px 6px 5px 6px #ccc;
    -webkit-box-shadow: 6px 6px 5px 6px #ccc;
    box-shadow: 6px 6px 5px 6px #ccc
}

#chatopen {
    z-index: 1000
}

@keyframes fadeinup {
    from {
        opacity: 0;
        transform: translateY(20px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes fadein {
    from {
        opacity: 0;
        transform-origin: center top;
        margin-top: -15px
    }

    to {
        margin-top: 0;
        opacity: 1
    }
}

.boxed {
    padding: 10px 15px;
    background-color: rgba(0,0,0,.6);
    display: inline-block;
    border: 1px outset #353535;
    animation: fadeinup
}

 
.textdiv h4{
    color:white !important;
}







.m-0 {
    margin: 0 !important;
}

.m-1 {
    margin: .25rem !important;
}

.m-2 {
    margin: .5rem !important;
}

.m-3 {
    margin: 1rem !important;
}

.m-4 {
    margin: 1.5rem !important;
}

.m-5 {
    margin: 3rem !important;
}

.mt-0 {
    margin-top: 0 !important;
}

.mr-0 {
    margin-right: 0 !important;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.ml-0 {
    margin-left: 0 !important;
}

.mx-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.mt-1 {
    margin-top: .25rem !important;
}

.mr-1 {
    margin-right: .25rem !important;
}

.mb-1 {
    margin-bottom: .25rem !important;
}

.ml-1 {
    margin-left: .25rem !important;
}

.mx-1 {
    margin-left: .25rem !important;
    margin-right: .25rem !important;
}

.my-1 {
    margin-top: .25rem !important;
    margin-bottom: .25rem !important;
}

.mt-2 {
    margin-top: .5rem !important;
}

.mr-2 {
    margin-right: .5rem !important;
}

.mb-2 {
    margin-bottom: .5rem !important;
}

.ml-2 {
    margin-left: .5rem !important;
}

.mx-2 {
    margin-right: .5rem !important;
    margin-left: .5rem !important;
}

.my-2 {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important;
}

.mt-3 {
    margin-top: 1rem !important;
}

.mr-3 {
    margin-right: 1rem !important;
}

.mb-3 {
    margin-bottom: 1rem !important;
}

.ml-3 {
    margin-left: 1rem !important;
}

.mx-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
}

.my-3 {
    margin-bottom: 1rem !important;
    margin-top: 1rem !important;
}

.mt-4 {
    margin-top: 1.5rem !important;
}

.mr-4 {
    margin-right: 1.5rem !important;
}

.mb-4 {
    margin-bottom: 1.5rem !important;
}

.ml-4 {
    margin-left: 1.5rem !important;
}

.mx-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
}

.my-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
}

.mt-5 {
    margin-top: 3rem !important;
}

.mr-5 {
    margin-right: 3rem !important;
}

.mb-5 {
    margin-bottom: 3rem !important;
}

.ml-5 {
    margin-left: 3rem !important;
}

.mx-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
}

.my-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
}

.mt-auto {
    margin-top: auto !important;
}

.mr-auto {
    margin-right: auto !important;
}

.mb-auto {
    margin-bottom: auto !important;
}

.ml-auto {
    margin-left: auto !important;
}

.mx-auto {
    margin-right: auto !important;
    margin-left: auto !important;
}

.my-auto {
    margin-bottom: auto !important;
    margin-top: auto !important;
}

.p-0 {
    padding: 0 !important;
}

.p-1 {
    padding: .25rem !important;
}

.p-2 {
    padding: .5rem !important;
}

.p-3 {
    padding: 1rem !important;
}

.p-4 {
    padding: 1.5rem !important;
}

.p-5 {
    padding: 3rem !important;
}

.pt-0 {
    padding-top: 0 !important;
}

.pr-0 {
    padding-right: 0 !important;
}

.pb-0 {
    padding-bottom: 0 !important;
}

.pl-0 {
    padding-left: 0 !important;
}

.px-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.pt-1 {
    padding-top: .25rem !important;
}

.pr-1 {
    padding-right: .25rem !important;
}

.pb-1 {
    padding-bottom: .25rem !important;
}

.pl-1 {
    padding-left: .25rem !important;
}

.px-1 {
    padding-left: .25rem !important;
    padding-right: .25rem !important;
}

.py-1 {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important;
}

.pt-2 {
    padding-top: .5rem !important;
}

.pr-2 {
    padding-right: .5rem !important;
}

.pb-2 {
    padding-bottom: .5rem !important;
}

.pl-2 {
    padding-left: .5rem !important;
}

.px-2 {
    padding-right: .5rem !important;
    padding-left: .5rem !important;
}

.py-2 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important;
}

.pt-3 {
    padding-top: 1rem !important;
}

.pr-3 {
    padding-right: 1rem !important;
}

.pb-3 {
    padding-bottom: 1rem !important;
}

.pl-3 {
    padding-left: 1rem !important;
}

.py-3 {
    padding-bottom: 1rem !important;
    padding-top: 1rem !important;
}

.px-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
}

.pt-4 {
    padding-top: 1.5rem !important;
}

.pr-4 {
    padding-right: 1.5rem !important;
}

.pb-4 {
    padding-bottom: 1.5rem !important;
}

.pl-4 {
    padding-left: 1.5rem !important;
}

.px-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
}

.py-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
}

.pt-5 {
    padding-top: 3rem !important;
}

.pr-5 {
    padding-right: 3rem !important;
}

.pb-5 {
    padding-bottom: 3rem !important;
}

.pl-5 {
    padding-left: 3rem !important;
}

.px-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
}

.py-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
}


#cookieConsent{
    margin-bottom:0;
    opacity:1;
}

.blockchainbg {
    background: rgb(51,0,153);
    background: linear-gradient(230deg, rgba(51,0,153,1) 0%, rgba(102,51,204,1) 41%, rgba(51,51,153,1) 100%);
}

    .blockchainbg h1, .blockchainbg h2, .blockchainbg p {
        color: #ffffff;
    }

.phoneli  {
    font-size:0.9em;
}
/*
main    ul li  {
    list-style: disc;
    margin: 0;
    padding: unset;
    margin-left: 20px;
    padding-left: 5px;
    color: var(--bs-body-color);
    font-size: unset;
    line-height: 14px;
    margin-bottom: 20px;
}
main  ol li {
    list-style:decimal ;
    margin: 0;
    padding: unset;
    margin-left: 20px;
    padding-left: 5px;
    color: var(--bs-body-color); 
    font-size: unset;
    line-height: 14px;
    margin-bottom: 20px;
}
 */

#components-reconnect-modal {
    display: none !important;
}