/**
* Importing necessary  Styles.
**/

/*----camera-slider---*/
@import url("../vendor/Camera-master/css/camera.css");

/*----owl-carousel css----*/
@import url("../vendor/owl-carousel/owl.carousel.css");
@import url("../vendor/owl-carousel/owl.theme.css");
/*-------- animated css ------*/
@import url("../vendor/WOW-master/css/libs/animate.css");

/***

====================================================================
  Loading Transition
====================================================================

 ***/
#loader-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999999;
    background: #fff;
    overflow: hidden;
}
#loader {
    background: url(../images/1.gif);
    width: 64px;
    height: 40px;
    position: relative;
    top: 50%;
    margin: -20px auto 0 auto;
}

/*---------------------------- Theme Main Banner -------------------------*/
#theme-main-banner {
    margin: 0 !important;
    margin-top: -72px !important; /*En costum*/
}

.camera_wrap {
    float: none;
}

#theme-main-banner .camera_overlayer {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 26, 27, 0.1);
}

#theme-main-banner .main-container {
    position: relative;
}

#theme-main-banner .camera_caption {
    height: 100%;
}

#theme-main-banner .container {
    position: relative;
    z-index: 1;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    padding-left: 32px;
    margin-top: 4rem !important;
}

#theme-main-banner .camera_caption > div {
    background: transparent;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    text-shadow: none;
    left: 0;
    padding: 0;
}

#theme-main-banner .camera_caption h1 {
    padding: 30px 0 35px 0;
}

#theme-main-banner .camera_caption p {
    font-size: 1.70rem;
    line-height: 35px;
    color: #556382;
    font-weight: 400;
}

#theme-main-banner .camera_caption .theme-button-one {
    background: #fff;
}

#theme-main-banner .camera_caption .theme-button-one:hover {
    color: #fff;
}

#theme-main-banner .camera_pag {
    position: absolute;
    height: 100%;
    top: 0;
    left: 3%;
    z-index: 9;
}

#theme-main-banner .camera_pag .camera_pag_ul {
    text-align: center;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

#theme-main-banner .camera_pag .camera_pag_ul li {
    display: block;
    margin: 15px 0;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    border-width: 1px;
    background: transparent;
}

#theme-main-banner .camera_pag .camera_pag_ul li span {
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    border-radius: 50%;
}

/*--------------------- Transition --------------------*/
.tran3s,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
.header-one .theme-menu-wrapper .right-widget .social-icon li a,
#mega-menu-holder ul.dropdown li a:before,
.theme-button-one,
#theme-main-banner .camera_pag .camera_pag_ul li > span,
.top-feature .main-content,
.service-style-one .single-service .text,
.service-style-one .single-service,
.owl-theme .owl-dots .owl-dot span,
.our-team .team-member .overlay .hover-content ul li a,
.our-team .team-member .overlay,
.our-team .team-member .text,
.theme-footer-two .top-footer .footer-list ul li a,
.theme-footer-one .top-footer .footer-list ul li a,
.theme-footer-one .bottom-footer ul li a,
.header-two .top-header .social-icon li a,
.our-case .single-case-block .hover-content,
.our-case .single-case-block .hover-content .text .details,
.accordion-one .panel-group .panel-heading a:before,
.our-blog .single-blog .post-meta .read-more,
.theme-footer-two .logo-widget .social-icon li a,
.core-values .single-value-block .image-box .overlay,
.theme-sidebar-one .service-categories ul li a,
.theme-pagination ul li a,
.project-details .project-details-sidebar .social-icon li a,
.blog-sidebar .sidebar-categories ul li a,
.blog-sidebar .sidebar-archives ul li a,
.blog-sidebar .sidebar-tags ul li a,
.blog-details .share-option li a,
.shop-page .single-product .product-name .price,
.shop-page .single-product .image-box,
.shop-page .single-product .product-name .add-to-cart,
.shop-page .single-product .product-name .add-to-cart a,
.shop-details .product-review-tab .nav-tabs .nav-link {
    transition: all 0.3s ease-in-out;
}

.tran4s,
.our-solution .single-solution-block .icon,
.our-case .single-case-block .hover-content .text,
.our-blog .single-blog .image-box img {
    transition: all 0.4s ease-in-out;
}

/*----------------- Theme button ------------------*/
body .theme-button-one {
    line-height: 50px;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
    border-radius: 5px;
    padding: 15px 35px;
}


body .theme-button-one:hover {
    background: #000f32;
}

/*----------------------- Theme Color File -------------------*/
.p-color,
.header-one .top-header .address-wrapper .quotes a,
.header-one .top-header .address-wrapper .address .icon,
#theme-main-banner .camera_caption h1,
#theme-main-banner .camera_caption .theme-button-one,
.top-feature .main-content:hover h4 a,
.about-compnay .mission-goal li .icon,
.service-style-one .single-service .text .read-more,
.service-style-one .single-service:hover .text h5 a,
.service-style-one .contact-text h5,
.service-style-one .contact-text h5 a,
.our-team .team-member .overlay .hover-content ul li a:hover,
.theme-counter h6,
.single-counter-box .number,
.theme-footer-one .top-footer .footer-newsletter .theme-button-one,
.header-two #mega-menu-holder > ul > li.active > a,
.header-two #mega-menu-holder > ul > li:hover > a,
.header-two #mega-menu-holder > ul > li.active > .sub-toggle,
.header-two #mega-menu-holder > ul > li:hover > .sub-toggle,
.callout-banner .theme-button-one,
.our-solution .single-solution-block:hover h5 a,
.faq-section .wrapper .img-box .play,
.why-choose-us .single-block .icon,
.why-choose-us .single-block:hover h5 a,
.short-banner .overlay h2,
.our-blog .single-blog .post-meta .read-more,
.our-blog .single-blog:hover .post-meta .title a,
.why-we-best .wrapper .best-list-item li .icon,
.why-we-best .wrapper .best-list-item li:hover h5 a,
.core-values .single-value-block .image-box .overlay a,
.core-values .single-value-block:hover .text h5 a,
.theme-sidebar-one .service-categories ul li a:hover,
.theme-sidebar-one .service-categories ul li.active a,
.service-details
    .service-content
    .presentation-section
    .best-list-item
    li
    .icon,
.project-details .project-details-sidebar .social-icon li a:hover,
.blog-sidebar .sidebar-categories ul li a:hover,
.blog-sidebar .sidebar-recent-post li .post a:hover,
.blog-sidebar .sidebar-archives ul li a:hover,
.blog-details .share-option .tag-meta li a:hover,
.blog-details .share-option .social-icon li a:hover,
.our-blog .comment-area .single-comment .comment a,
.shop-page .single-product .product-name .price,
.shop-page .single-product:hover .product-name h5 a,
.shop-page .single-product .product-name .add-to-cart a,
.shop-details .product-details .product-info .price,
.faq-page .panel-group .panel-heading h6 a:before {
    color: #001a57;
}

.p-bg-color,
.scroll-top,
.header-one .top-header .address-wrapper .quotes a:hover,
.theme-menu-wrapper .right-widget .search-option form button,
#mega-menu-holder ul.dropdown li:hover > a:before,
.theme-button-one,
#theme-main-banner .camera_caption .theme-button-one:hover,
.callout-banner.no-bg .theme-button-one,
#theme-main-banner .camera_pag .camera_pag_ul li.cameracurrent > span,
#theme-main-banner .camera_pag .camera_pag_ul li:hover > span,
.service-style-one .contact-text h5:before,
.testimonial-section .owl-theme .owl-dots .owl-dot.active span,
.testimonial-section .owl-theme .owl-dots .owl-dot:hover span,
#polyglotLanguageSwitcher ul.dropdown li:hover,
.our-case .single-case-block .hover-content .text .details:hover,
.our-blog .single-blog .image-box .overlay .date,
.core-values .single-value-block .image-box .overlay a:hover,
.theme-sidebar-one .sidebar-brochures ul,
.theme-pagination ul li a:hover,
.theme-pagination ul li.active a,
.blog-sidebar .sidebar-tags ul li.active a,
.blog-sidebar .sidebar-tags ul li a:hover {
    background: #001a57;
}

.header-one .top-header .address-wrapper .quotes a,
#theme-main-banner .camera_pag .camera_pag_ul li,
.theme-pagination ul li a:hover,
.theme-pagination ul li.active a,
.blog-sidebar .sidebar-tags ul li.active a,
.blog-sidebar .sidebar-tags ul li a:hover,
.shop-page .single-product:hover .image-box {
    border-style: solid;
    border-color: #001a57;
}

/*--------------------------- Theme Header One  ---------------------*/
.header-one {
    position: relative;
}

.header-one .top-header {
    background: #fff;
    padding: 40px 0 32px 0;
}

.header-one .top-header .address-wrapper li {
    display: inline-block;
    vertical-align: middle;
}

.header-one .top-header .address-wrapper .quotes a {
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 46px;
    padding: 0 27px;
    border-width: 2px;
    border-radius: 5px;
}

.header-one .top-header .address-wrapper .quotes a:hover {
    color: #fff;
}

.header-one .top-header .address-wrapper .address {
    position: relative;
    padding: 0 38px 0 60px;
    margin-right: 15px;
}

.header-one .top-header .address-wrapper .address .icon {
    position: absolute;
    top: -6px;
    left: 0;
    font-size: 40px;
}

.header-one .top-header .address-wrapper .address:first-child:before {
    content: "";
    position: absolute;
    top: 5px;
    right: 0;
    width: 1px;
    height: 42px;
    background: #e8e8e8;
}

.header-one .top-header .address-wrapper .address:first-child {
    margin-right: 35px;
}

/*------------------------ Theme menu One --------------------*/
.header-one .theme-menu-wrapper {
    position: relative;
    z-index: 99;
    margin-bottom: -42px;
}

.header-one .theme-menu-wrapper .bg-wrapper {
    background: #000f32;
    position: relative;
    padding-left: 25px;
}

.theme-menu-wrapper .right-widget ul li {
    display: inline-block;
    line-height: 75px;
    vertical-align: middle;
}

.theme-menu-wrapper .right-widget .social-icon li a {
    font-size: 15px;
    color: #ccd1dd;
    margin: 0 7px;
}

.theme-menu-wrapper .right-widget .social-icon li a:hover {
    color: #fff;
}

.theme-menu-wrapper .right-widget .cart-icon {
    margin-left: 30px;
    width: 60px;
    text-align: center;
    border-right: 1px solid #0d2356;
    border-left: 1px solid #0d2356;
}

@media (min-width: 1400px) {
    #theme-main-banner {
        margin: 0 !important;
        margin-top: 10px !important;
    }
}

@media (max-width: 600px) {
    #theme-main-banner .container {
        /* border: 2px solid rgb(0, 38, 255); */
        padding-left: 5.5%;
        margin-top: 5%;
    }

    #theme-main-banner .camera_caption p {
        font-size: 1.35rem !important;
        font-weight: 400;
    }
}

@media screen and (min-width: 600px) and (max-width: 992px) {
    #theme-main-banner .container {
        /* border: 2px solid rgb(81, 255, 0); */
        margin-top: 5%;
    }

    .enh1 {
        font-size: 2rem !important;
    }

    h1 {
        font-size: 2rem !important;
    }

    #theme-main-banner .camera_caption p {
        font-size: 1.45rem !important;
        font-weight: 400!important;
    }
}