/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */

a.navbar-brand {
  white-space: normal;
  text-align: center;
  word-break: break-all;
}

/* Provide sufficient contrast against white background */
a {
  color: #0366d6;
}

.btn-primary {
  color: #fff;
  background-color: #1b6ec2;
  border-color: #1861ac;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
  color: #fff;
  background-color: #1b6ec2;
  border-color: #1861ac;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
  font-size: 14px;
}
@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.border-top {
  border-top: 1px solid #e5e5e5;
}
.border-bottom {
  border-bottom: 1px solid #e5e5e5;
}

.box-shadow {
  box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy {
  font-size: 1rem;
  line-height: inherit;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}

body {
  /* Margin bottom by footer height */
  margin-bottom: 60px;
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  white-space: nowrap;
  line-height: 60px; /* Vertically center the text there */
}



/*--------------------------------------------------------------
# Portfolio Details
--------------------------------------------------------------*/
.portfolio-details {
    padding-top: 40px;
}

    .portfolio-details .portfolio-details-slider img {
        width: 100%;
    }

    .portfolio-details .portfolio-details-slider .swiper-pagination {
        margin-top: 20px;
        position: relative;
    }

        .portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet {
            width: 12px;
            height: 12px;
            background-color: #fff;
            opacity: 1;
            border: 1px solid #f47d57;
        }

        .portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet-active {
            background-color: #f47d57;
        }

    .portfolio-details .portfolio-info {
        padding: 30px;
        box-shadow: 0px 0 30px rgba(33, 65, 60, 0.08);
    }

        .portfolio-details .portfolio-info h3 {
            font-size: 22px;
            font-weight: 700;
            margin-bottom: 20px;
            padding-bottom: 20px;
            border-bottom: 1px solid #eee;
        }

        .portfolio-details .portfolio-info ul {
            list-style: none;
            padding: 0;
            font-size: 15px;
        }

            .portfolio-details .portfolio-info ul li + li {
                margin-top: 10px;
            }

    .portfolio-details .portfolio-description {
        padding-top: 30px;
    }

        .portfolio-details .portfolio-description h2 {
            font-size: 26px;
            font-weight: 700;
            margin-bottom: 20px;
        }

        .portfolio-details .portfolio-description p {
            padding: 0;
        }

/*Mobile*/
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
    /* Styles */
    .showonmobile {
        display: flex !important;
    }

    .hideonmobile {
        display: none !important;
    }

    .our-portfolio .showed-content:hover {
        top: 100vh !important;
    }

    #partners .item:hover .showed-content {
        top: 20px !important;
    }

    .our-portfolio .item:hover .hidden-content {
        top: 0 !important;
    }

    .about-us .top-dec {
        display: none;
    }

    .about-us .section-heading h2 {
        margin-right: 0px;
        text-align: center;
        margin-bottom: 45px;
    }
}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) and (max-device-width : 700px) {
    /* Styles */
    .showonmobile {
        display: flex !important;
    }

    .hideonmobile {
        display: none !important;
    }

    .our-portfolio .showed-content:hover {
        top: 100vh !important;
    }

    #partners .item:hover .showed-content {
        top: 20px !important;
    }

    .our-portfolio .item:hover .hidden-content {
        top: 0 !important;
    }
    .about-us .top-dec {
        display: none;
    }

    .about-us .section-heading h2 {
        margin-right: 0px;
        text-align: center;
        margin-bottom: 45px;
    }
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
    /* Styles */
    .showonmobile {
        display: flex !important;
    }

    .hideonmobile {
        display: none !important;
    }

    .our-portfolio .showed-content:hover {
        top: 100vh !important;
    }

    #partners .item:hover .showed-content {
        top: 20px !important;
    }

    .our-portfolio .item:hover .hidden-content {
        top: 0 !important;
    }

    .about-us .top-dec {
        display: none;
    }

    .about-us .section-heading h2 {
        margin-right: 0px;
        text-align: center;
        margin-bottom: 45px;
    }
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
    /* Styles */
    .showonmobile {
        display: flex !important;
    }

    .hideonmobile {
        display: none !important;
    }

    .our-portfolio .showed-content:hover {
        top: 100vh !important;
    }

    #partners .item:hover .showed-content {
        top: 20px !important;
    }

    .our-portfolio .item:hover .hidden-content {
        top: 0 !important;
    }

    .about-us .top-dec {
        display: none;
    }

    .about-us .section-heading h2 {
        margin-right: 0px;
        text-align: center;
        margin-bottom: 45px;
    }
}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
    /* Styles */
    .showonmobile {
        display: flex !important;
    }

    .hideonmobile {
        display: none !important;
    }

    .our-portfolio .showed-content:hover {
        top: 100vh !important;
    }

    #partners .item:hover .showed-content {
        top: 20px !important;
    }

    .our-portfolio .item:hover .hidden-content {
        top: 0 !important;
    }

    .about-us .top-dec {
        display: none;
    }

    .about-us .section-heading h2 {
        margin-right: 0px;
        text-align: center;
        margin-bottom: 45px;
    }
}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
    /* Styles */
    .showonmobile {
        display: flex !important;
    }

    .hideonmobile {
        display: none !important;
    }

    .our-portfolio .showed-content:hover {
        top: 100vh !important;
    }

    #partners .item:hover .showed-content {
        top: 20px !important;
    }

    .our-portfolio .item:hover .hidden-content {
        top: 0 !important;
    }

    .about-us .top-dec {
        display: none;
    }

    .about-us .section-heading h2 {
        margin-right: 0px;
        text-align: center;
        margin-bottom: 45px;
    }
}
/**********
iPad 3
**********/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
    /* Styles */
    .showonmobile {
        display: flex !important;
    }

    .hideonmobile {
        display: none !important;
    }

    .our-portfolio .showed-content:hover {
        top: 100vh !important;
    }

    #partners .item:hover .showed-content {
        top: 20px !important;
    }

    .our-portfolio .item:hover .hidden-content {
        top: 0 !important;
    }

    .about-us .top-dec {
        display: none;
    }

    .about-us .section-heading h2 {
        margin-right: 0px;
        text-align: center;
        margin-bottom: 45px;
    }
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
    /* Styles */
    .showonmobile {
        display: flex !important;
    }

    .hideonmobile {
        display: none !important;
    }

    .our-portfolio .showed-content:hover {
        top: 100vh !important;
    }

    #partners .item:hover .showed-content {
        top: 20px !important;
    }

    .our-portfolio .item:hover .hidden-content {
        top: 0 !important;
    }

    .about-us .top-dec {
        display: none;
    }

    .about-us .section-heading h2 {
        margin-right: 0px;
        text-align: center;
        margin-bottom: 45px;
    }
}
/* Desktops and laptops ----------- */
@media only screen and (min-width : 1224px) {
    /* Styles */
    .showonmobile {
        display: none !important;
    }

    .hideonmobile {
        display: flex !important;
    }
}

/* Large screens ----------- */
@media only screen and (min-width : 1824px) {
    /* Styles */
    .showonmobile {
    display: none !important;
}

.hideonmobile {
    display: flex !important ;
}
}

/* iPhone 4 ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
    /* Styles */
    .showonmobile {
        display: flex !important;
    }

    .hideonmobile {
        display: none !important;
    }

    .our-portfolio .showed-content:hover {
        top: 100vh !important;
    }

    #partners .item:hover .showed-content {
        top: 20px !important;
    }

    .our-portfolio .item:hover .hidden-content {
        top: 0 !important;
    }

    .about-us .top-dec {
        display: none;
    }

    .about-us .section-heading h2 {
        margin-right: 0px;
        text-align: center;
        margin-bottom: 45px;
    }
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
    /* Styles */
    .showonmobile {
        display: flex !important;
    }

    .hideonmobile {
        display: none !important;
    }

    .our-portfolio .showed-content:hover {
        top: 100vh !important;
    }

    #partners .item:hover .showed-content {
        top: 20px !important;
    }

    .our-portfolio .item:hover .hidden-content {
        top: 0 !important;
    }

    .about-us .top-dec {
        display: none;
    }

    .about-us .section-heading h2 {
        margin-right: 0px;
        text-align: center;
        margin-bottom: 45px;
    }
}

/* iPhone 5 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2) {
    /* Styles */
    .showonmobile {
        display: flex !important;
    }

    .hideonmobile {
        display: none !important;
    }

    .our-portfolio .showed-content:hover {
        top: 100vh !important;
    }

    #partners .item:hover .showed-content {
        top: 20px !important;
    }

    .our-portfolio .item:hover .hidden-content {
        top: 0 !important;
    }

    .about-us .top-dec {
        display: none;
    }

    .about-us .section-heading h2 {
        margin-right: 0px;
        text-align: center;
        margin-bottom: 45px;
    }
}

@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2) {
    /* Styles */
    .showonmobile {
        display: flex !important;
    }

    .hideonmobile {
        display: none !important;
    }

    .our-portfolio .showed-content:hover {
        top: 100vh !important;
    }

    #partners .item:hover .showed-content {
        top: 20px !important;
    }

    .our-portfolio .item:hover .hidden-content {
        top: 0 !important;
    }

    .about-us .top-dec {
        display: none;
    }

    .about-us .section-heading h2 {
        margin-right: 0px;
        text-align: center;
        margin-bottom: 45px;
    }
}

/* iPhone 6 ----------- */
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2) {
    /* Styles */
    .showonmobile {
        display: flex !important;
    }

    .hideonmobile {
        display: none !important;
    }

    .our-portfolio .showed-content:hover {
        top: 100vh !important;
    }

    #partners .item:hover .showed-content {
        top: 20px !important;
    }

    .our-portfolio .item:hover .hidden-content {
        top: 0 !important;
    }

    .about-us .top-dec {
        display: none;
    }

    .about-us .section-heading h2 {
        margin-right: 0px;
        text-align: center;
        margin-bottom: 45px;
    }
}

@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2) {
    /* Styles */
    .showonmobile {
        display: flex !important;
    }

    .hideonmobile {
        display: none !important;
    }

    .our-portfolio .showed-content:hover {
        top: 100vh !important;
    }

    #partners .item:hover .showed-content {
        top: 20px !important;
    }

    .our-portfolio .item:hover .hidden-content {
        top: 0 !important;
    }

    .about-us .top-dec {
        display: none;
    }

    .about-us .section-heading h2 {
        margin-right: 0px;
        text-align: center;
        margin-bottom: 45px;
    }
}

/* iPhone 6+ ----------- */
@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2) {
    /* Styles */
    .showonmobile {
        display: flex !important;
    }

    .hideonmobile {
        display: none !important;
    }

    .our-portfolio .showed-content:hover {
        top: 100vh !important;
    }

    #partners .item:hover .showed-content {
        top: 20px !important;
    }

    .our-portfolio .item:hover .hidden-content {
        top: 0 !important;
    }

    .about-us .top-dec {
        display: none;
    }

    .about-us .section-heading h2 {
        margin-right: 0px;
        text-align: center;
        margin-bottom: 45px;
    }
}

@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2) {
    /* Styles */
    .showonmobile {
        display: flex !important;
    }

    .hideonmobile {
        display: none !important;
    }

    .our-portfolio .showed-content:hover {
        top: 100vh !important;
    }

    #partners .item:hover .showed-content {
        top: 20px !important;
    }

    .our-portfolio .item:hover .hidden-content {
        top: 0 !important;
    }

    .about-us .top-dec {
        display: none;
    }

    .about-us .section-heading h2 {
        margin-right: 0px;
        text-align: center;
        margin-bottom: 45px;
    }
}

/* Samsung Galaxy S3 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2) {
    /* Styles */
    .showonmobile {
        display: flex !important;
    }

    .hideonmobile {
        display: none !important;
    }

    .our-portfolio .showed-content:hover {
        top: 100vh !important;
    }

    #partners .item:hover .showed-content {
        top: 20px !important;
    }

    .our-portfolio .item:hover .hidden-content {
        top: 0 !important;
    }

    .about-us .top-dec {
        display: none;
    }

    .about-us .section-heading h2 {
        margin-right: 0px;
        text-align: center;
        margin-bottom: 45px;
    }
}

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2) {
    /* Styles */
    .showonmobile {
        display:flex !important;
    }

    .hideonmobile {
        display: none !important;
    }

    .our-portfolio .showed-content:hover {
        top: 100vh !important;
    }

    #partners .item:hover .showed-content {
        top: 20px !important;
    }

    .our-portfolio .item:hover .hidden-content {
        top: 0 !important;
    }

    .about-us .top-dec {
        display: none;
    }

    .about-us .section-heading h2 {
        margin-right: 0px;
        text-align: center;
        margin-bottom: 45px;
    }
}

/* Samsung Galaxy S4 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3) {
    /* Styles */
    .showonmobile {
        display: flex !important;
    }

    .hideonmobile {
        display: none !important;
    }

    .our-portfolio .showed-content:hover {
        top: 100vh !important;
    }

    #partners .item:hover .showed-content {
        top: 20px !important;
    }

    .our-portfolio .item:hover .hidden-content {
        top: 0 !important;
    }

    .about-us .top-dec {
        display: none;
    }

    .about-us .section-heading h2 {
        margin-right: 0px;
        text-align: center;
        margin-bottom: 45px;
    }
}

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3) {
    /* Styles */
    .showonmobile {
        display: flex !important;
    }

    .hideonmobile {
        display: none !important;
    }

    .our-portfolio .showed-content:hover {
        top: 100vh !important;
    }

    #partners .item:hover .showed-content {
        top: 20px !important;
    }

    .our-portfolio .item:hover .hidden-content {
        top: 0 !important;
    }

    .about-us .top-dec {
        display: none;
    }

    .about-us .section-heading h2 {
        margin-right: 0px;
        text-align: center;
        margin-bottom: 45px;
    }
}

/* Samsung Galaxy S5 ----------- */
@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3) {
    /* Styles */
    .showonmobile {
        display: flex !important;
    }

    .hideonmobile {
        display: none !important;
    }

    .our-portfolio .showed-content:hover {
        top: 100vh !important;
    }

    #partners .item:hover .showed-content {
        top: 20px !important;
    }

    .our-portfolio .item:hover .hidden-content {
        top: 0 !important;
    }

    .about-us .top-dec {
        display: none;
    }

    .about-us .section-heading h2 {
        margin-right: 0px;
        text-align: center;
        margin-bottom: 45px;
    }
}

@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3) {
    /* Styles */
    .showonmobile {
        display: flex !important;
    }

    .hideonmobile {
        display: none !important;
    }

    .our-portfolio .showed-content:hover {
        top: 100vh !important;
    }

    #partners .item:hover .showed-content {
        top: 20px !important;
    }

    .our-portfolio .item:hover .hidden-content{
        top:unset;
    }

    .about-us .top-dec {
        display: none;
    }

    .about-us .section-heading h2 {
        margin-right: 0px;
        text-align: center;
        margin-bottom: 45px;
    }
}
/*Mobile*/