/*GENERALY CODE*/
h5:hover,
a:hover {
    text-decoration: none !important;
}

.mb-30 {
    margin-bottom: 30px
}

:root {
    font-size: 14px
}

html, body {
    height: 100%;
    font-family: "Lato", sans-serif;
    font-weight: 400;
    line-height: 1.8571428571;
    font-size: 14px;
    color: #000;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Lato", sans-serif;
    font-weight: 600
}

iframe {
    border: none
}

a, b, div, ul, li {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent;
    -moz-outline-: none
}

input, input:hover, input:focus, input:active, textarea, textarea:hover, textarea:focus, textarea:active, select:focus, select:hover {
    -moz-outline: none;
    outline: none;
    border: 1px solid #C51230;
    box-shadow: none;
    border-color: #C51230;
}

img:not([draggable]), embed, object, video {
    max-width: 100%;
    height: auto
}

a {
    text-decoration: none;
    outline: 0
}

a:active, a:focus, a:hover, a:visited {
    text-decoration: none;
    outline: 0
}

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

button:focus {
    -moz-outline: none;
    outline: none;
    border: 1px solid #007FC1;
    box-shadow: none;
    border-color: #007FC1;
}

.section {
    padding: 12px 0
}

.section-top {
    padding: 120px 0 0
}

.section-bottom {
    padding: 0 0 120px
}

.btn.focus, .btn:focus {
    border: 1px solid transparent
}

.form-control:focus, .btn.focus, .btn:focus {
    color: #495057;
    background-color: #fff;
    border-color: #C51230;
    outline: 0;
    box-shadow: none
}

.acurate {
    margin: 0;
    padding: 0
}

.floatleft {
    float: left
}

.floatright {
    float: right
}

.alignleft {
    float: left;
    margin-right: 15px;
    margin-bottom: 26px
}

.alignright {
    float: right;
    margin-left: 15px;
    margin-bottom: 26px
}

.aligncenter {
    display: block;
    margin: 0 auto 26px
}

a:focus {
    outline: 0 solid
}

.fix {
    overflow: hidden
}

p {
    margin: 0
}

a {
    text-decoration: none
}

a:hover {
    color: #007FC1;
    text-decoration: none
}

a:active, a:hover {
    outline: 0 none;
    color: #007FC1;
}

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

.clear {
    clear: both
}

::-moz-selection {
    background: #C51230;
    text-shadow: none
}

::selection {
    background: #C51230;
    text-shadow: none
}

.browserupgrade {
    margin: 26px 0;
    background: #C51230;
    color: #333;
    padding: 26px 0
}

.p-0 {
    padding: 0 !important
}

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

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

.m-0 {
    margin: 0 !important
}

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

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

.pl-60 {
    padding-left: 60px
}

.ptb-108 {
    padding: 108px 0
}

.pt-112 {
    padding-top: 113px
}

.pt-173 {
    padding-top: 173px
}

.pt-107 {
    padding-top: 107px
}

.pb-112 {
    padding-bottom: 112px
}

.pb-100 {
    padding-bottom: 100px
}

.pt-90 {
    padding-top: 90px
}

.pt-40 {
    padding-top: 40px
}

.pt-23 {
    padding-top: 23px
}

.pb-10 {
    padding-bottom: 10px
}

/*GENERALY CODE END*/

/*BUTTON TO UP*/

#scrollUp {
    background: #3b3b3a;
    bottom: 20px;
    color: #fff;
    font-size: 20px;
    display: block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    position: fixed;
    right: 20px;
    text-align: center;
    text-decoration: none;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    z-index: 1000;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px
}

#scrollUp:hover {
    background: #242421;
}

/*BUTTON TO UP END*/

/*HEADER NAV*/

/*.header--slider.stick {*/
/*    position: fixed;*/
/*    top: 0;*/
/*    left: 0;*/
/*    right: 0;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    z-index: 9999;*/
/*    background: #fff;*/
/*    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.05);*/
/*    -webkit-transition: all .5s;*/
/*    -o-transition: all .5s;*/
/*    -moz-transition: all .5s;*/
/*    -ms-transition: all .5s;*/
/*    transition: all .5s;*/
/*    padding: 10px 0*/
/*}*/

/*.header--slider.stick .menu-area .main-menu ul li a {*/
/*    padding: 5px 20px*/
/*}*/

.header--slider {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    right: 0;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    padding: 0px 0;
    z-index: 9999
}

@media screen and (max-width: 778px) {
    .logo-area {
        display: none
    }
}

@media screen and (min-width: 778px) {
    .logo-mob {
        display: none
    }
}

.logo-mob {
    padding: 20px 0;
    max-width: 200px;
}



.logo-area {
    /*max-width: 250px;*/
    max-width: 100%;
    /*padding: 22px 5px 0 0 !important;*/
    padding: 41px 5px 0 0 !important;

}

@media screen and (min-width: 778px) {
    .logo-area {
        max-width: 200px;
        /*max-width: 100%;*/
        padding: 22px 5px 0 0 !important;
        /*padding: 37px 5px 0 0 !important;*/

    }
}
@media screen and (min-width: 1200px) {
    .logo-area {
        max-width: 250px;
        /*max-width: 100%;*/
        padding: 19px 5px 0 0 !important;
        /*padding: 32px 5px 0 0 !important;*/

    }
}
/*HEADER NAV END*/

/*SLIDER*/

.header--slider.bg {
    background: #fff
}

.header--slider .menu-area .main-menu ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.header--slider .menu-area .main-menu ul li {
    display: inline-block
}

.header--slider .menu-area .main-menu ul li.sub {
    position: relative
}

.header--slider .menu-area .main-menu ul li.sub:hover .sub-menu {
    opacity: 1;
    top: 140%;
    visibility: visible
}

.header--slider .menu-area .main-menu ul li.sub .sub-menu {
    margin: 0;
    list-style: none;
    width: 200px;
    background: #fff;
    padding: 20px 10px;
    position: absolute;
    content: '';
    left: 0;
    top: 200%;
    text-align: left;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    -ms-border-radius: 9px;
    -o-border-radius: 9px;
    border-radius: 9px;
    -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0 0 40px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 40px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0 0 40px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.2);
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    visibility: hidden;
    opacity: 0
}

.header--slider .menu-area .main-menu ul li.sub .sub-menu li {
    display: block
}

.header--slider .menu-area .main-menu ul li.sub .sub-menu li a {
    display: block;
    text-align: left;
    text-transform: capitalize
}

.header--slider .menu-area .main-menu ul li.sub .sub-menu li:first-child > a {
    margin-top: 0
}

.header--slider .menu-area .main-menu ul li:last-child a {
    padding-right: 0
}

.header--slider .menu-area .main-menu ul li.current_menu_item a {
    color: #C51230
}

.header--slider .menu-area .main-menu ul li a {
    display: block;
    text-align: center;
    margin-top: 10px;
    padding: 0 20px;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    font-family: "Lato", sans-serif;
    color: #969dbe;
    -webkit-transition: transition;
    -o-transition: transition;
    -moz-transition: transition;
    -ms-transition: transition;
    transition: transition
}

.header--slider .menu-area .main-menu ul li a:hover {
    color: #007FC1;
}

.header--slider .menu-right ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.header--slider .menu-right ul li {
    display: inline-block
}

.header--slider .menu-right ul li.menu-bar {
    margin-left: 25px
}

.header--slider .menu-right ul li.menu-bar a {
    display: block;
    width: 38px;
    height: 38px;
    line-height: 38px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    background: #e7f6ff;
    color: #66bfff;
    text-align: center
}

.header--slider .menu-right ul li.menu-bar a:hover {
    color: #fff;
    background: #007FC1;
}

.header--slider .menu-right ul li.search-area {
    margin-top: 10px;
    position: relative
}

.header--slider .menu-right ul li.search-area a {
    font-size: 14px;
    color: #969dbe
}

.header--slider .menu-right ul li.search-area a:hover {
    color: #007FC1;
}

.header--slider .menu-right ul li.search-area .search-form {
    position: absolute;
    right: 0;
    top: 150%;
    -webkit-transform: scale(0);
    -o-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s
}

.header--slider .menu-right ul li.search-area .search-form.active {
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.header--slider .menu-right ul li.search-area .search-form form input {
    width: 200px;
    height: 50px;
    border: 1px solid #007FC1;
    padding: 10px;
    text-transform: capitalize;
    font-family: "Lato", sans-serif;
    color: #969dbe
}


.banner-area {
    position: relative;
    padding-top: 330px;
    padding-bottom: 110px
}

.banner-area .banner-img {
    position: absolute;
    content: '';
    right: 0;
    top: 0;
    height: 100%;
    z-index: -1
}

.banner-area .banner-img img {
    width: 100%;
    height: 100%
}

.banner-area .banner-info .banner-title h1 {
    font-size: 70px;
    line-height: 80px;
    color: #1d274e;
    font-weight: 600;
    font-family: "Lato", sans-serif;
    margin-bottom: 15px
}

.banner-area .banner-info .banner-title h1 span {
    display: block
}

.banner-area .banner-info .banner-content {
    padding-right: 120px
}

.banner-area .banner-info .banner-content p {
    font-size: 18px;
    line-height: 28px;
    color: #747da1;
    margin-bottom: 40px
}

.banner-area .banner-info .banner-btn .btn {
    display: inline-block;
    border: 2px solid rgba(0, 0, 0, 0.4);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    padding: 17px 40px;
    font-size: 14px;
    color: #a3accf;
    font-family: "Lato", sans-serif;
    font-weight: 500;
    letter-spacing: 3px;
    text-transform: uppercase;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    margin-right: 25px;
    position: relative;
    z-index: 1
}

.banner-area .banner-info .banner-btn .btn:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 0;
    background: linear-gradient(90deg, #075ac9, #9806fc);
    left: 0;
    top: 0;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    z-index: -1;
    opacity: 0
}

.banner-area .banner-info .banner-btn .btn.active {
    color: #fff;
    -webkit-box-shadow: 0 6px 15px #868686;
    -o-box-shadow: 0 6px 15px #868686;
    -moz-box-shadow: 0 6px 15px #868686;
    -ms-box-shadow: 0 6px 15px #868686;
    box-shadow: 0 6px 15px #868686;
    border: 2px solid rgba(0, 0, 0, 0.4)
}

.banner-area .banner-info .banner-btn .btn.active:after {
    opacity: 1;
    height: 100%
}

.banner-area .banner-info .banner-btn .btn:hover {
    color: #fff;
    -webkit-box-shadow: 0 6px 15px #868686;
    -o-box-shadow: 0 6px 15px #868686;
    -moz-box-shadow: 0 6px 15px #868686;
    -ms-box-shadow: 0 6px 15px #868686;
    box-shadow: 0 6px 15px #868686;
    border: 2px solid rgba(0, 0, 0, 0.4)
}

.banner-area .banner-info .banner-btn .btn:hover:after {
    opacity: 1;
    height: 100%
}

/*SLIDER END*/

/*FOOTER*/

.footer-area {
    background: url(images/bg/aboutus-bg.jpg) no-repeat;
    background-position: center center;
    background-size: cover;
    background: #23252D !important
}

.footer-area .footer-top .footer-widget .widget-text p {
    font-size: 16px;
    color: #23252D;
    line-height: 26px
}

.footer-area .footer-top .footer-widget .widget-menu ul {
    margin: 0;
    padding: 9px 0 0;
    list-style: none
}

.footer-area .footer-top .footer-widget .widget-menu ul li {
    display: block
}

.footer-area .footer-top .footer-widget .widget-menu ul li a {
    position: relative;
    display: block;
    padding-bottom: 12px;
    font-size: 13px;
    color: #fff;
    font-weight: 400;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    text-align: center;
}
@media only screen and (min-width: 992px) {
    .footer-area .footer-top .footer-widget .widget-menu ul li a {
        text-align: left;
    }
}

.footer-main p {
    font-size: 13px
}

@media only screen and (max-width: 574px) {
    .footer-area .footer-top .footer-widget .widget-menu ul li {
        text-align: center
    }
}

.footer-area .footer-top .footer-widget .widget-menu ul li a:hover {
    font-weight: 900;
    -webkit-transition: all .7s;
    -o-transition: all .7s;
    -moz-transition: all .7s;
    -ms-transition: all .7s;
}


.footer-area .footer-bottom .copyright-area {
    position: relative;
    padding: 40px 0 35px
}

.copyright-area {
    text-align: center
}

@media only screen and (min-width: 1068px) {
    .copyright-area p {

        text-align: right
    }
}

.footer-area .footer-bottom .copyright-area:after {
    position: absolute;
    content: ' ';
    background: url(images/line.png) no-repeat;
    width: 100%;
    height: 2px;
    top: 0;
    left: 0
}

.footer-area .footer-top .copyright-area {
    padding-bottom: 20px;
    line-height: 1.6 !important
}

.footer-area .footer-top .line {
    background: url(images/line.png) no-repeat
}

.footer-area .footer-top .line p {
    font-size: .8rem;
    margin-bottom: 10px
}

.footer-area .footer-bottom .copyright-area p {
    margin: 0;
    font-size: 16px;
    color: #747da1;
    font-weight: 400;
    text-transform: capitalize
}

.footer-area .footer-bottom .copyright-area p a {
    font-weight: 500;
    color: #a200ff;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s
}

.footer-area .footer-bottom .copyright-area p a:hover {
    color: #575757
}
/*FOOTER END*/

.contact-bg .ct-list li span, .about-content h4, .about-content .about-feature ul li, .about-area .about-feature ul li {
    color: #000 !important
}

.contact-bg .ct-list li i {
    color: #12315a
}

.mean-container .mean-nav {
    position: absolute;
    top: 100%
}


.info_real {
    line-height: 28px;
    padding-top: 10px
}

.desc_realization p {
    font-size: 14px !important;
    color: #000 !important
}


/*.section-title {*/
/*    margin-bottom: 50px*/
/*}*/

.section-title span {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 500;
    margin-bottom: 8px;
    letter-spacing: .2em;
    font-family: inherit;
    display: inline-block;
    color: #007FC1;
}

.section-title h2 {
    font-size: 60px;
    line-height: 1.16667;
    letter-spacing: -.03em;
    margin: 0;
    color: #1d274e
}

.section-title h2 + p {
    margin-top: 9px
}

.section-title p {
    margin: 0 auto;
    margin-bottom: 19px;
    max-width: 660px
}

.svg-icon {
    width: 114px;
    height: 28px;
    margin: 0 auto;
    display: block;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url(images/border-icon.png)
}

.gray-bg {
    background: #f9f8ff
}

/*.btn-primary {*/
/*    background-image: -webkit-gradient(linear, left top, right top, from(#015dc7), to(#a200ff));*/
/*    background-image: -webkit-linear-gradient(left, #015dc7, #a200ff);*/
/*    background-image: -moz-linear-gradient(left, #015dc7, #a200ff);*/
/*    background-image: -ms-linear-gradient(left, #015dc7, #a200ff);*/
/*    background-image: -o-linear-gradient(left, #015dc7, #a200ff);*/
/*    background-image: linear-gradient(left, #015dc7, #a200ff);*/
/*    border: none;*/
/*    font-size: 14px;*/
/*    padding: 0 54px;*/
/*    line-height: 60px;*/
/*    -webkit-transition: all .5s;*/
/*    -o-transition: all .5s;*/
/*    -moz-transition: all .5s;*/
/*    -ms-transition: all .5s;*/
/*    transition: all .5s;*/
/*    display: inline-block;*/
/*    text-align: center;*/
/*    font-weight: 500;*/
/*    text-transform: uppercase;*/
/*    letter-spacing: .2em;*/
/*    -webkit-border-radius: 0;*/
/*    -moz-border-radius: 0;*/
/*    -ms-border-radius: 0;*/
/*    -o-border-radius: 0;*/
/*    border-radius: 0;*/
/*    color: #fff*/
/*}*/

/*.btn-primary:hover {*/
/*    color: #fff;*/
/*    background: #1d274e*/
/*}*/

/*.about-area {*/
/*    position: relative;*/
/*    overflow: hidden*/
/*}*/

/*.about-area .about-title h2 {*/
/*    font-size: 60px;*/
/*    line-height: 1.16667;*/
/*    letter-spacing: -.03em;*/
/*    color: #1d274e;*/
/*    margin-bottom: 35px*/
/*}*/

/*.about-area .about-feature {*/
/*    margin-bottom: 35px*/
/*}*/

/*.about-area .about-feature ul {*/
/*    margin: 0;*/
/*    padding: 0;*/
/*    list-style: none*/
/*}*/

/*.about-area .about-feature ul li {*/
/*    display: block;*/
/*    font-size: 16px;*/
/*    color: #747da1;*/
/*    line-height: 28px;*/
/*    margin-bottom: 10px*/
/*}*/

/*.about-area .about-feature ul li i {*/
/*    margin-right: 9px;*/
/*    color: #015dc7*/
/*}*/

/*.about-area .about-img {*/
/*    position: absolute;*/
/*    content: '';*/
/*    width: 30%;*/
/*    top: 20px;*/
/*    !*height: 86%*!*/
/*}*/

.about-content {
    text-align: none
}

@media only screen and (max-width: 992px) {
    .about-img img {
        display: none;
        padding-top: 0 !important
    }
}

@media only screen and (min-width: 768px) {
    .about-img img {
        padding-top: 115px !important;
        padding-right: 50px !important
    }
}

@media only screen and (min-width: 1200px) {
    .about-img img {
        padding-top: 80px !important
    }
}

/*.our-service-area {*/
/*    background-image: url(images/bg/main-banner.jpg)*/
/*}*/

/*.our-service-area .section-title {*/
/*    margin-bottom: 38px*/
/*}*/

/*.our-service-area .single-service {*/
/*    margin-top: 30px*/
/*}*/

/*.our-service-area .single-service:hover .media .service-icon {*/
/*    -webkit-transform: rotate(360deg);*/
/*    -o-transform: rotate(360deg);*/
/*    -moz-transform: rotate(360deg);*/
/*    -ms-transform: rotate(360deg);*/
/*    transform: rotate(360deg)*/
/*}*/

/*.our-service-area .single-service:hover .media .service-icon i {*/
/*    color: #000*/
/*}*/

/*.our-service-area .single-service .media .service-icon {*/
/*    padding-right: 25px;*/
/*    -webkit-transition: all .5s;*/
/*    -o-transition: all .5s;*/
/*    -moz-transition: all .5s;*/
/*    -ms-transition: all .5s;*/
/*    transition: all .5s*/
/*}*/

/*.our-service-area .single-service .media .service-icon i {*/
/*    font-size: 60px;*/
/*    color: #12315a;*/
/*    line-height: 60px;*/
/*    -webkit-transition: all .5s;*/
/*    -o-transition: all .5s;*/
/*    -moz-transition: all .5s;*/
/*    -ms-transition: all .5s;*/
/*    transition: all .5s*/
/*}*/

/*.our-service-area .single-service .media .media-body h3 {*/
/*    margin-bottom: 13px;*/
/*    text-transform: capitalize*/
/*}*/

/*.our-service-area .single-service .media .media-body h3 a {*/
/*    color: #1d274e;*/
/*    -webkit-transition: all .5s;*/
/*    -o-transition: all .5s;*/
/*    -moz-transition: all .5s;*/
/*    -ms-transition: all .5s;*/
/*    transition: all .5s*/
/*}*/

/*.our-service-area .single-service .media .media-body h3 a:hover {*/
/*    color: #000*/
/*}*/

/*.our-service-area .single-service .media .media-body p {*/
/*    margin-bottom: 0*/
/*}*/

.portfolio-details-area .portfolio-content .portfolio-subtitle a {
    font-weight: 400;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: #C51230;
    margin-top: -5px;
    display: block
}

.portfolio-details-area .portfolio-content .portfolio-subtitle a:hover {
    font-weight: 450;
    letter-spacing: .3em;
    padding-left: 1px;
    -webkit-transition: all .6s;
    -o-transition: all .6s;
    -moz-transition: all .6s;
    -ms-transition: all .6s;
    transition: all .6s
}

.portfolio-details-area .portfolio-content .portfolio-meta .single-meta span, .portfolio-details-area .portfolio-content .portfolio-meta .single-meta h5 {
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: .2em;
    color: #000;
    display: block;
    font-size: 14px;
    margin-bottom: 3px
}

.portfolio-area .portfolio .grid .grid-item .single-portfolio {
    margin-top: 30px;
    overflow: hidden
}

.portfolio-area .portfolio .grid .grid-item .single-portfolio:hover .images a img {
    transform: scale(1.05) !important
}

.portfolio-list .single-portfolio:hover a img {
    transform: scale(1.02) !important;
    width: 100%;
    height: 100%;
    /*transition-duration: 500ms !important;*/
    /*transition-timing-function: linear !important;*/
    /*transition-delay: 1ms !important;*/
    cursor: zoom-in;
    filter: brightness(83%);
    transition-duration: 2s;
}

.portfolio-details-area .portflio-list .single-portfolio a img {
    width: 100%;
    height: 100%;
    /*-webkit-transition: all 5s;*/
    /*-o-transition: all 5s;*/
    /*-moz-transition: all 5s;*/
    /*-ms-transition: all 5s;*/
    /*transition: all 5s*/
    transition-duration: 500ms;
}


.portfolio-area .portfolio .grid .grid-item .single-portfolio:hover .images .overlay {
    opacity: 11111;
    -webkit-transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    transform: rotateX(0deg);
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s
}

.portfolio-area .portfolio .grid .grid-item .single-portfolio .images {
    overflow: hidden;
    position: relative;
    height: 250px;
    width: 100%
}

.images .project_class {
    padding: 0 20px;
    color: #000;
    width: 100%;
    position: absolute;
    bottom: 10px
}

.info_realization ul li {
    line-height: 2
}

.images .overlay-content .pc_fad {
    position: absolute;
    width: 100%;
    top: -10px
}

.portfolio-area .portfolio .grid .grid-item .single-portfolio .images a {
    overflow: hidden
}

.portfolio-area .portfolio .grid .grid-item .single-portfolio .images a img {
    width: 100%;
    height: 100%;
    -webkit-transition: all .10s;
    -o-transition: all .10s;
    -moz-transition: all .10s;
    -ms-transition: all .10s;
    transition: all .10s
}

.portfolio-area .portfolio .grid .grid-item .single-portfolio .images .overlay {
    position: absolute;
    -webkit-transform: rotateX(-90deg);
    -o-transform: rotateX(-90deg);
    -moz-transform: rotateX(-90deg);
    -ms-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    opacity: 0;
    content: '';
    top: -10px;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(5, 5, 6, 0.1)
}

.portfolio-area .portfolio .grid .grid-item .single-portfolio .images .overlay .overlay-content .portfolio-title h3 {
    line-height: 1.416;
    font-size: 24px
}

.portfolio-area .portfolio .grid .grid-item .single-portfolio .images .overlay .overlay-content .portfolio-title h3 a {
    color: #fff
}

.portfolio-style-2 .overlay-content .vert-stan {
    font-size: 36px;
    padding-bottom: 30px
}

/*.banner-contact {*/
/*    padding: 116px 0 107px !important;*/
/*    background-image: url(images/bg/banner-contact-min.jpeg) !important;*/
/*    background-position: top center !important;*/
/*    background-repeat: no-repeat !important;*/
/*    margin-top: 0 !important;*/
/*    text-align: center !important*/
/*}*/

/*@media screen and (min-width: 768px) {*/
/*    .banner-contact {*/
/*        padding: 188px 0 174px !important;*/
/*        text-align: right !important;*/
/*        background-image: url(images/bg/banner-contact.jpeg) !important*/
/*    }*/
/*}*/

.banner-offers {
    padding: 116px 0 107px !important;
    background-image: url(images/bg/banner-offers-min.jpeg) !important;
    background-position: top center !important;
    background-repeat: no-repeat !important;
    margin-top: 0 !important;
    text-align: center !important
}

@media screen and (min-width: 768px) {
    .banner-offers {
        padding: 188px 0 174px !important;
        text-align: right !important;
        background-image: url(images/bg/banner-offers.jpeg) !important
    }
}
@media screen and (min-width: 1200px) {
.portfolio-details-area .portflio-list .single-portfolio a img {
        /*height: 330px;*/
    }
}


.banner-area .banner-page ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.banner-area .banner-page ul li {
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: .2em;
    color: #fff;
    display: inline-block;
    margin-right: 11px;
    position: relative
}

.banner-area .banner-page ul li:first-child:before {
    display: none
}

.banner-area .banner-page ul li:before {
    content: "|";
    margin-right: 13px
}

.banner-area .banner-page ul li a {
    color: #fff;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s
}

.banner-area .banner-page ul li a:hover {
    color: #12315a
}

.banner-area .page-title h2 {
    font-size: 70px;
    line-height: 1.142;
    font-weight: 600;
    color: #fff;
    margin-top: 21px;
    margin-bottom: 0;
    text-transform: capitalize
}

/*.aboutus-area .about-img {*/
/*    position: relative*/
/*}*/

/*.aboutus-area .about-img img {*/
/*    width: 100%;*/
/*    height: auto*/
/*}*/

/*.aboutus-area .about-img .play-btn {*/
/*    z-index: 5;*/
/*    position: absolute;*/
/*    left: 60px;*/
/*    bottom: 60px*/
/*}*/

/*.aboutus-area .about-img .play-btn a {*/
/*    display: block;*/
/*    width: 100px;*/
/*    height: 100px;*/
/*    line-height: 110px;*/
/*    color: #fff;*/
/*    -webkit-border-radius: 50%;*/
/*    -moz-border-radius: 50%;*/
/*    -ms-border-radius: 50%;*/
/*    -o-border-radius: 50%;*/
/*    border-radius: 50%;*/
/*    margin: 0 auto;*/
/*    -webkit-transition: all .5s;*/
/*    -o-transition: all .5s;*/
/*    -moz-transition: all .5s;*/
/*    -ms-transition: all .5s;*/
/*    transition: all .5s;*/
/*    background-color: #015dc7;*/
/*    background-image: -webkit-gradient(linear, left top, right top, from(#12315a;*/
/*), to(#a200ff));*/
/*    background-image: -webkit-linear-gradient(left, #015dc7, #a200ff);*/
/*    background-image: -moz-linear-gradient(left, #015dc7, #a200ff);*/
/*    background-image: -ms-linear-gradient(left, #015dc7, #a200ff);*/
/*    background-image: -o-linear-gradient(left, #015dc7, #a200ff);*/
/*    background-image: linear-gradient(left, #015dc7, #a200ff);*/
/*    text-align: center*/
/*}*/

/*.aboutus-area .about-img .play-btn a i {*/
/*    font-size: 20px*/
/*}*/

/*.aboutus-area .about-img .play-btn a:hover {*/
/*    color: #007FC1;*/
/*    background: #fff;*/
/*    -webkit-box-shadow: 0 0 30px #000;*/
/*    -o-box-shadow: 0 0 30px #000;*/
/*    -moz-box-shadow: 0 0 30px #000;*/
/*    -ms-box-shadow: 0 0 30px #000;*/
/*    box-shadow: 0 0 30px #000*/
/*}*/

/*.aboutus-area .about-img:before {*/
/*    content: '';*/
/*    position: absolute;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    top: 50px;*/
/*    left: -50px;*/
/*    z-index: 1;*/
/*    background-repeat: no-repeat;*/
/*    background-position: left bottom;*/
/*    background-image: url(images/bg/path.png);*/
/*    z-index: -1*/
/*}*/

/*.aboutus-area .about-info {*/
/*    padding-top: 35px*/
/*}*/

/*@media only screen and (min-width: 968px) {*/
/*    .aboutus-area .about-info {*/
/*        margin-left: -45px*/
/*    }*/
/*}*/

/*.aboutus-area .about-info .about-title span {*/
/*    font-size: 16px;*/
/*    text-transform: uppercase;*/
/*    font-weight: 500;*/
/*    margin-bottom: 12px;*/
/*    letter-spacing: .2em;*/
/*    font-family: inherit;*/
/*    display: inline-block;*/
/*    color: #015dc7*/
/*}*/

/*.aboutus-area .about-info .about-title h2 {*/
/*    font-size: 60px;*/
/*    line-height: 1.16667;*/
/*    letter-spacing: -.03em;*/
/*    color: #1d274e;*/
/*    margin-bottom: 40px*/
/*}*/

.portfolio-details-area .portflio-list .single-portfolio {
    margin-bottom: 40px;
    overflow: hidden
}

/*powiekszenie realizacja*/
.portfolio-details-area .portflio-list .single-portfolio:hover a img {
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: all .9s;
    -o-transition: all .9s;
    -moz-transition: all .9s;
    -ms-transition: all .9s;
    transition: all .9s !important;
}

.portfolio-details-area .portflio-list .single-portfolio a {
    display: block;
    overflow: hidden
}



.portfolio-details-area .portfolio-content {
    margin-bottom: 40px
}

.portfolio-details-area .portfolio-content p {
    font-size: 16px;
    color: #747da1;
    line-height: 26px
}

.portfolio-details-area .portfolio-content .portfolio-title h2 {
    font-size: 40px;
    margin-top: 14px;
    margin-bottom: 33px;
    color: #1d274e
}

.portfolio-details-area .portfolio-content .portfolio-title h3 {
    margin-top: 14px;
    margin-bottom: 14px;
    color: #1d274e
}

/*.portfolio-details-area .portfolio-content blockquote {*/
/*    font-size: 16px;*/
/*    line-height: 26px;*/
/*    padding: 24px 30px 24px 40px;*/
/*    overflow: hidden;*/
/*    background-color: #6747ee;*/
/*    background-image: -webkit-gradient(linear, left top, right top, from(#6747ee), to(#9124dc));*/
/*    background-image: -webkit-linear-gradient(left, #6747ee, #9124dc);*/
/*    background-image: -moz-linear-gradient(left, #6747ee, #9124dc);*/
/*    background-image: -ms-linear-gradient(left, #6747ee, #9124dc);*/
/*    background-image: -o-linear-gradient(left, #6747ee, #9124dc);*/
/*    background-image: linear-gradient(left, #6747ee, #9124dc);*/
/*    position: relative;*/
/*    clear: both;*/
/*    margin: 40px 0*/
/*}*/

/*.portfolio-details-area .portfolio-content blockquote:before {*/
/*    position: absolute;*/
/*    content: '';*/
/*    width: 116px;*/
/*    height: 85px;*/
/*    right: 20px;*/
/*    left: auto;*/
/*    top: auto;*/
/*    bottom: 10px;*/
/*    !*background-image: url(images/icon-blockquote.png);*!*/
/*}*/

/*.portfolio-details-area .portfolio-content blockquote p {*/
/*    font-size: 14px;*/
/*    line-height: 24px;*/
/*    color: #f5f5f5;*/
/*    margin-bottom: 0*/
/*}*/

.portfolio-details-area .portfolio-content .portfolio-meta .single-meta {
    margin-bottom: 24px
}

.portfolio-details-area .portfolio-content .portfolio-meta .single-meta h3 {
    font-family: "Lato", sans-serif;
    font-size: 24px;
    line-height: 1.5;
    font-weight: 600;
    color: #1d274e;
    margin-bottom: 0
}

.portfolio-details-area .portfolio-nave .next {
    width: 50%;
    float: right
}

.ct-list {
    margin: 0 0 30px;
    list-style: none
}

.ct-list.layout1 li i {
    margin-right: 9px;
    color: #015dc7
}

.ct-list.layout1 li + li {
    margin-top: 10px
}

.ct-list.layout1.green-color li i {
    color: #1cae0d
}

.ct-list.layout2 li {
    border-bottom: 1px solid #f0f0f0;
    padding: 17px 0
}

.ct-list.layout2 li label {
    font-family: 'Lato', sans-serif;
    font-weight: 600;
    color: #1d274e;
    width: 28%;
    padding-right: 30px
}

@media screen and (max-width: 767px) {
    .ct-list.layout2 li label {
        width: 42%
    }
}

@media screen and (max-width: 575px) {
    .ct-list.layout2 li label {
        width: 100%
    }
}

.ct-list.layout2 li:last-child {
    border: none
}

.ct-list.layout3 li {
    position: relative
}

.ct-list.layout3 li + li {
    margin-top: 17px
}

.ct-list.layout3 i {
    font-size: 19px;
    position: absolute;
    top: 6px;
    left: 0
}

.ct-list.layout3 i + span {
    padding-left: 39px
}

.ct-list.layout3 span {
    font-size: 18px;
    color: #747da1;
    line-height: 1.6666;
    display: inline-block
}

@media only screen and (max-width: 992px) {
    .os-section-heading-2 {
        text-align: center
    }
}

@media only screen and (min-width: 992px) {
    .heading-contact-2 h4 {
        padding-top: 20px !important
    }
}

@media only screen and (max-width: 992px) and (min-width: 768px) {
    .heading-contact-2 h4 {
        margin-top: -30px !important
    }
}

@media only screen and (max-width: 768px) {
    .heading-contact-2 h4 {
        margin-top: -12px !important;
        text-align: center
    }
}

/*.text-grd {*/
/*    -webkit-background-clip: text;*/
/*    -webkit-text-fill-color: transparent;*/
/*    background-image: -moz-linear-gradient(0deg, #005ec7 0%, #a200ff 100%);*/
/*    background-image: -webkit-linear-gradient(0deg, #005ec7 0%, #a200ff 100%);*/
/*    background-image: -ms-linear-gradient(0deg, #005ec7 0%, #a200ff 100%)*/
/*}*/

/*.grd-bg-op {*/
/*    position: relative*/
/*}*/

/*.grd-bg-op::before {*/
/*    top: 0;*/
/*    left: 0;*/
/*    right: 0;*/
/*    bottom: 0;*/
/*    content: "";*/
/*    position: absolute;*/
/*    background-image: -moz-linear-gradient(0deg, #005ec7 0%, #a200ff 100%);*/
/*    background-image: -webkit-linear-gradient(0deg, #005ec7 0%, #a200ff 100%);*/
/*    background-image: -ms-linear-gradient(0deg, #005ec7 0%, #a200ff 100%)*/
/*}*/

.portfolio-style-2 .overlay {
    width: auto !important;
    height: auto !important
}

.portfolio-style-2 .overlay-content {
    top: 50%;
    right: 0;
    left: 0;
    text-align: center;
    position: absolute;
    -webkit-transform: translateY(-50%);

    -o-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.portfolio-style-2 .overlay-content > a:only-child {
    font-size: 30px;
    color: #fff
}

/*@-webkit-keyframes pulse-border {*/
/*    0% {*/
/*        -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);*/
/*        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);*/
/*        opacity: 1*/
/*    }*/
/*    100% {*/
/*        -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);*/
/*        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);*/
/*        opacity: 0*/
/*    }*/
/*}*/

/*@keyframes pulse-border {*/
/*    0% {*/
/*        -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);*/
/*        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);*/
/*        opacity: 1*/
/*    }*/
/*    100% {*/
/*        -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);*/
/*        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);*/
/*        opacity: 0*/
/*    }*/
/*}*/

.about-info.about-info2 {
    padding: 0
}

.about-info.about-info2 h2.title {
    font-size: 50px;
    color: #1d274e;
    text-transform: capitalize
}

.about-info.about-info2 .title em {
    font-style: normal
}

.mt-75 {
    margin-top: -75px
}

.mt-45 {
    margin-top: -45px
}

.footer-main {
    background: #84807D !important;
    padding: 22px 0 2px 0;
    margin-top: 70px;
    position: relative;
    bottom: 0;
}

.footer-main a {
    color: #fff
}

.footer-main a:hover {
    color: #6f6d6d;
}

footer p {
    color: #fff
}

/*.about-area {*/
/*    padding-top: 40px*/
/*}*/

.newform .form-control {
    min-height: 56px;
    position: relative;
    border-color: #e4e4e4;
    background: #fff;
    border-radius: 0;
    margin-bottom: 40px
}

.newform .form-control:active, .newform .form-control:focus {
    border: solid #C51230 2px
}

.newform textarea.form-control {
    min-height: 155px
}

.newform .btn {
    background-image: -moz-linear-gradient(0deg, #005ec7 0%, #005ec7 100%);
    background-image: -webkit-linear-gradient(0deg, #005ec7 0%, #005ec7 100%);
    background-image: -ms-linear-gradient(0deg, #005ec7 0%, #005ec7 100%);
    font-size: 14px;
    box-shadow: 0 16px 32px 0 rgba(134, 134, 134, 0.3);
    color: #fff;
    padding: 16px 20px 14px;
    text-transform: uppercase;
    border-radius: 0;
    float: left
}

.newform .btn:hover {
    background-image: -moz-linear-gradient(0deg, #12315a, #005ec7 100%);
    background-image: -webkit-linear-gradient(0deg, #12315a, #005ec7 100%);
    background-image: -ms-linear-gradient(0deg, #12315a, #005ec7 100%)
}

.contact-bg {
    padding: 50px;
    background: #fff;
    margin: 0 0 118px;
    box-shadow: 0 0 35px 0 rgba(156, 156, 156, 0.23)
}

.contact-bg ul li span {
    font-size: 1rem !important
}

.contact {
    padding-top: -20px
}

@media screen and (min-width: 768px) {
    .contact {
        padding-top: 20px
    }
}

.h-mess {
    height: 155px
}

.image_show li img {
    display: inline
}



.edit-real img {
    max-width: 150px !important
}

nav {
    text-align: center;
    display: none
}

@media only screen and (min-width: 778px) {
    nav li {
        display: inline-block
    }

    nav li a {
        padding: 0
    }

    nav {
        display: block
    }
}

.nav__open {
    display: block;
    padding: 0;
    margin: 0
}

@media only screen and (max-width: 778px) {
    .navbar {
        display: block
    }

    .navbar li a {
        font-size: 1.3rem;
        padding: 3px;
        color: #111A5C;
        text-transform: uppercase
    }

    .navbar .langs {
        padding: 10px 0 0
    }
}

@media only screen and (min-width: 778px) {
    .navbar {
        padding: 41px 1px 38px 1px
    }
}

.navbar li a {
    color: #111A5C;
    text-transform: uppercase;
    font-size: 1.1rem;
    font-weight: 500
}

@media only screen and (max-width: 778px) and (min-width: 768px) {
    .navbar {
        margin-left: -170px
    }
}

.navbar li a:active {
    color: #C51230
}

.header--slider {
    background-color: #fff
}

@media only screen and (min-width: 792px) {
    .header--slider {
        background-color: #fff
    }
}

@media only screen and (max-width: 989px) {
    .photo_offer {
        display: none
    }

    .offer-space {
        margin-top: -45px !important
    }

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

.hamburger__container {
    float: right;
    margin-top: 21px
}

@media only screen and (min-width: 778px) {
    .hamburger__container {
        display: none
    }
}

.hamburger-icon {
    z-index: 101;
    cursor: pointer;
    -webkit-transition: all .7s ease;
    -o-transition: all .7s ease;
    transition: all .7s ease
}

.hamburger-icon .bar {
    display: block;
    height: 2px;
    width: 25px;
    background: #222553;
    margin: 3px auto;
    -webkit-transition: all .7s ease;
    -o-transition: all .7s ease;
    transition: all .7s ease
}

.hamburger-icon .top {
    -webkit-transform: translateY(5px) rotateZ(45deg);
    -ms-transform: translateY(5px) rotate(45deg);
    transform: translateY(5px) rotateZ(45deg)
}

.hamburger-icon .bottom {
    -webkit-transform: translateY(-5px) rotateZ(-45deg);
    -ms-transform: translateY(-5px) rotate(-45deg);
    transform: translateY(-5px) rotateZ(-45deg)
}

.hamburger-icon .middle {
    width: 0
}

/*realizations*/

.product-square {
    margin: 25px 0;
    padding: 10px;
    background: #f4f4f4;
    min-height: 220px
}

/*tutaj zmienaimy wymiary hovera do realizacji*/
.product-square:before {
    content: "";
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 10px;
    z-index: 999;
    background: #C51230;
    /*background: #005091;*/
    mix-blend-mode: lighten;
    opacity: 0;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s
}



.product_realization:hover .product-square:before {
    opacity: .50
}

.product_realization h5 {
    margin-top: -60px;
    text-align: center
}

#simplecookienotification_v01 {
    display: block;
    z-index: 99999;
    min-height: 35px;
    width: 100%;
    position: fixed;
    background: #fff none repeat scroll 0 0;
    border-image: none 100% / 1 / 0 stretch;
    border-top: 1px solid #000;
    text-align: center;
    right: 0;
    color: #000;
    bottom: 0;
    left: 0;
    /*border-color: #a0b2c0;*/
    /*box-shadow: rgba(0, 0, 0, 0.8) 0 0 4px 1px*/
}

.cookiess {
    padding: 10px;
    margin-left: 15px;
    margin-right: 15px;
    font-size: 14px;
    font-weight: 400
}

#simplecookienotification_v01_polityka {
    color: #002C60;
}

#simplecookienotification_v01_polityka:hover {
    color: #007FC1;
}

#okbutton {
    color: #000;
    padding: 5px 15px;
    text-decoration: none;
    font-size: 12px;
    font-weight: 400;
    border: 1px solid #000;
    border-radius: 0;
}

#okbutton:hover {
    color: #007FC1;
    border: 1px solid #007FC1;
}

#jwc_hr2 {
    height: 10px;
    display: none
}

.nav__top .navbar > li > a:hover {
    color: #C51230
}

.nav__top .navbar > li > a:focus {
    color: #C51230
}

.nav__top .navbar > li > .active {
    color: #C51230;
    font-weight: 700
}

.panelAdmin {
    border: 3px solid #12315a;
    padding: 2px
}






.product-square{
    position: relative;
}

.product-square img{
    width: 100%;
}

.image_show .row li {
    list-style: none;
}
/*.hover-border2{*/
/*    position: absolute;*/
/*    left:0;*/
/*    top:0;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    overflow: hidden;*/
/*}*/

/*.hover-border2 div{*/
/*    position: absolute;*/
/*    left: 0;*/
/*    top:0;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*}*/

/*.hover-border2 div::before {*/
/*    position: absolute;*/
/*    content: "";*/
/*    background:#007FC1;*/
/*    height: 2px;*/
/*    width: 100%;*/
/*    left: 0;*/
/*    top: 0;*/
/*    -webkit-transform: translateX(-100%);*/
/*    -ms-transform: translateX(-100%);*/
/*    -o-transform: translateX(-100%);*/
/*    transform: translateX(-100%);*/
/*    -webkit-transition: 0.2s;*/
/*    -o-transition: 0.2s;*/
/*    transition: 0.2s;*/
/*}*/

/*.hover-border2::after {*/
/*    position: absolute;*/
/*    content: "";*/
/*    background:#007FC1;*/
/*    width: 2px;*/
/*    height: 100%;*/
/*    right: 0;*/
/*    bottom: 0;*/
/*    -webkit-transform: translateY(-100%);*/
/*    -ms-transform: translateY(-100%);*/
/*    -o-transform: translateY(-100%);*/
/*    transform: translateY(-100%);*/
/*    -webkit-transition: 0.2s 0.2s;*/
/*    -o-transition: 0.2s 0.2s;*/
/*    transition: 0.2s 0.2s;*/
/*}*/

/*.hover-border2 div::after {*/
/*    position: absolute;*/
/*    content: "";*/
/*    background:#007FC1;*/
/*    width: 100%;*/
/*    height: 2px;*/
/*    right: 0;*/
/*    bottom: 0;*/
/*    -webkit-transform: translateX(100%);*/
/*    -ms-transform: translateX(100%);*/
/*    -o-transform: translateX(100%);*/
/*    transform: translateX(100%);*/
/*    -webkit-transition: 0.2s 0.4s;*/
/*    -o-transition: 0.2s 0.4s;*/
/*    transition: 0.2s 0.4s;*/
/*}*/

/*.hover-border2::before {*/
/*    position: absolute;*/
/*    content: "";*/
/*    background:#007FC1;*/
/*    width: 2px;*/
/*    height: 100%;*/
/*    left: 0;*/
/*    top: 0;*/
/*    -webkit-transform: translateY(100%);*/
/*    -ms-transform: translateY(100%);*/
/*    -o-transform: translateY(100%);*/
/*    transform: translateY(100%);*/
/*    -webkit-transition: 0.2s 0.8s;*/
/*    -o-transition: 0.2s 0.8s;*/
/*    transition: 0.2s 0.8s;*/
/*}*/




.product-square:hover .news-hover{
    background-color: #fff;
}

/*.product-square:hover .hover-border2::before,*/
/*.product-square:hover .hover-border2::after,*/
/*.product-square:hover .hover-border2 div::before,*/
/*.product-square:hover .hover-border2 div::after {*/
/*    -webkit-transform: translateX(0);*/
/*    -ms-transform: translateX(0);*/
/*    -o-transform: translateX(0);*/
/*    transform: translateX(0);*/
/*}*/

.title-realization {
    margin-top: 14px !important;
    margin-bottom: 0 !important;
}

.border-realization-active {
    border: 2px solid transparent;
}
.border-realization-active:hover {
    border: 2px solid #C51230;
}


.link-arrow-2 {
    display: inline-block;
    font-size: 1.18rem;
    color: #999999;
    font-weight: 400;
}

.image-desktop {
    display: none;
}

@media screen and (min-width: 778px) {
    .image-desktop {
        display: block;
    }
}

.hov-img {
    border: 2px solid transparent;
    padding: 2px;
}
.hov-img:hover {
    border: 2px solid #007FC1;
    padding: 2px;
}

@media screen and (max-width: 778px) {
    .experience-box {
        padding-top: 20px;
        text-align: center;
    }
}
@media screen and (min-width: 779px) {
    .experience-box {
        padding-left: 30px;
        /*margin-right: -5px;*/
    }
    .hov-img {
        width: 95%;
        /*padding-right: -30px;*/
        /*margin-right: -30px;*/
        margin-left: 15px;

    }
}

.item-a {
    border: 1px solid transparent !important;
    min-height: 200px;
    margin: 10px 0;

}

.jump {
    color: #37474F;
    font-weight: 700;
    padding: 10px;
    /*min-height: 180px;*/
}

@media screen and (min-width: 479px) {
    .item-a {
        min-height: 150px;
        margin: 0px 0;

    }
    .jump {
        /*min-height: 130px;*/
    }
}
@media screen and (min-width: 768px) {
    .item-a {
        min-height: 180px;
        margin: 10px 0;

    }
    .jump {
        /*min-height: 160px;*/
    }
}
@media screen and (min-width: 992px) {
    .item-a {
        min-height: 150px;
        margin: 0px 0;

    }
    .jump {
        /*min-height: 130px;*/
    }
}





.jump img {
    margin-top: 10px;
}


/*@media only screen and (min-width: 768px) {*/
    .jump {
        color: #37474F;
        font-weight: 700;
        padding: 10px;
        transition: 0.3s;
        -webkit-transition: 0.3s;
        -moz-transition: 0.3s;
        -ms-transition: 0.3s;
        -o-transition: 0.3s;
        margin: 5px 0 0 0;

    }
    .jump:hover {
        -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.19), 0 3px 3px rgba(0, 0, 0, 0.23);
        -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.19), 0 3px 3px rgba(0, 0, 0, 0.23);
        -ms-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.19), 0 3px 3px rgba(0, 0, 0, 0.23);
        -o-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.19), 0 3px 3px rgba(0, 0, 0, 0.23);
        box-shadow: 0 5px 10px rgba(0, 0, 0, 0.19), 0 3px 3px rgba(0, 0, 0, 0.23);
        /*margin-bottom: 10px;*/
        /*margin-bottom: 5px;*/
        /*padding-bottom: 5px;*/
        /*padding-top: 1px;*/
        -webkit-transition-timing-function: ease-in-out;
        -moz-transition-timing-function: ease-in-out;
        -ms-transition-timing-function: ease-in-out;
        -o-transition-timing-function: ease-in-out;
        transition-timing-function: ease-in-out;
        /*padding-top: 10px;*/
        margin: 1px 0 0 0;

    }

/*}*/

.active3 {
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.19), 0 3px 3px rgba(0, 0, 0, 0.23);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.19), 0 3px 3px rgba(0, 0, 0, 0.23);
    -ms-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.19), 0 3px 3px rgba(0, 0, 0, 0.23);
    -o-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.19), 0 3px 3px rgba(0, 0, 0, 0.23);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.19), 0 3px 3px rgba(0, 0, 0, 0.23);
    margin: 1px 0 0 0;

}




@media screen and (min-width: 1200px) {
    ul.lh-max li {
        line-height: 40px;

    }
}

/*.lit:hover {*/
/*    display: flex;*/
/*    -webkit-transition-timing-function: ease-in-out;*/
/*    -moz-transition-timing-function: ease-in-out;*/
/*    -ms-transition-timing-function: ease-in-out;*/
/*    -o-transition-timing-function: ease-in-out;*/
/*    transition-timing-function: ease-in-out;*/
/*}*/

/*.lit .hover-display-offer img {*/
/*    max-width: 160px;*/
/*    padding-left: 10px;*/
/*    display: none;*/
/*    transition: 3s;*/
/*    -webkit-transition: 3s;*/
/*    -moz-transition: 3s;*/
/*    -ms-transition: 3s;*/
/*    -o-transition: 3s;*/
/*}*/

/*.lit:hover .hover-display-offer img*/
/*{*/
/*    display: inline;*/
/*    -webkit-transition-timing-function: ease-in-out;*/
/*    -moz-transition-timing-function: ease-in-out;*/
/*    -ms-transition-timing-function: ease-in-out;*/
/*    -o-transition-timing-function: ease-in-out;*/
/*    transition-timing-function: ease-in-out;*/
/*}*/


.btn-yellow  {
    border: 2px solid #C51230;
    color: #C51230;
    background-color: #fff;
    padding: 18px 30px;
    font-size: 14px;
    line-height: 1.5;
    text-transform: uppercase;
    letter-spacing: .0875em;
    font-weight: 600;
    /*color: #fff;*/
    font-family: "Avenir Next",Avenir,"Helvetica Neue",Helvetica,Arial,sans-serif;
    border-radius: 100px;
    outline: 0;
    width: 50%;
    cursor: pointer;
    -webkit-transition: background-color .3s cubic-bezier(.215,.61,.355,1),color .3s cubic-bezier(.215,.61,.355,1);
    -o-transition: background-color .3s cubic-bezier(.215,.61,.355,1),color .3s cubic-bezier(.215,.61,.355,1);
    transition: background-color .3s cubic-bezier(.215,.61,.355,1),color .3s cubic-bezier(.215,.61,.355,1);
}

.btn-yellow:hover  {
    background-color: #C51230;
    color: #fff;

}


@media screen and (min-width: 992px) {
    .contact-side-border {
        /*border-left: 2px solid #1d274e;*/
    }
}

.contact-data h4,
.contact-data h3,
.contact-data h2 {
    text-align: center;
    padding: 0 0 10px 0;
}

.contact-data h3,
.contact-data h2 {
    color: #C51230;
    /*font-weight: 500;*/
}

.contact-data h4 {
    font-weight: 700;
}


.header-title-ost {
    text-shadow: 1px 1px 3px #a1a1a1;
    color: #db1a0a;
    font-size: 30px;
    letter-spacing: 5px;
    font-weight: 500;
    margin: 0 -5px 5px 0;
}

.bg-back-ost {
    background: #FDFDFD !important;

}

.bg-white-ost {
    background: white !important;
    box-shadow: 0 0 35px 0 rgba(156, 156, 156, 0.23);
    margin: -20px 40px 40px 40px;
    padding: 20px 0 0 0;
}

.block-offer {
    margin: -10px 0 !important;
}

@media screen and (max-width: 992px) {
    .block-offer {
        margin: 0 0 !important;
    }
}

h5.offer-icon-title {
    font-size: 17px
}
.sm-pd {
    margin-bottom: -30px;
}
@media screen and (min-width: 992px) {
    .block-offer {
        min-height: 100px;

    }
    .line-row {
        margin-top: 46px !important;
    }
    .sm-pd {
        margin-bottom: 0;
    }
    h5.offer-icon-title {
        /*font-size: 16px;*/
    }
}

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

    h5.offer-icon-title {
        /*font-size: 17px*/
    }
}