@import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap');

* {
    margin: 0;
    padding: 0;
}

body {
    margin: 0;
    padding: 0;

    font-size: 14px;
    font-weight: normal;
    background: #fff;
    overflow-x: hidden;
    font-family: 'Open Sans', sans-serif;
    color: #2D4233;
}
a, p {
    color: #2D4233;
    text-decoration: none;
    background: transparent;
}
.form-control:disabled, .form-control[readonly] {
    /*background-color: #e9ecef;*/
    background: none!important;
    opacity: 1;
    cursor: not-allowed;
    color: #2D4233;
}
.zSpanBtn {
    cursor: pointer;
}
.breakFix {
    margin: 50px;
    display: flex;
}

select {
    color: #2D4233!important;
    padding: 0 17px!important;
    font-size: 14px!important;
}

/* HEADER */
header {
    margin: 15px 0 0 0;
    background: #fff;
    /*height: 95px;*/
    height: 45px;
}
#navIconOkvir {
    z-index: 99999;
    width: 200px;
    height: 150px;
    position: absolute;
    top: -20px;
    left: 0;
    margin: -15px;
}
#navIconOkvir.act {
    width: 200px;
    height: 150px;
    position: absolute;
    top: -20px;
    left: 0;
    margin: -13px;
    background: #2D4233;
    transform: rotate(-10deg);
    border-top-right-radius: 30%;
    transition: background .2s;
}
#navIconOkvir.act .navIcon {
    transform: rotate(10deg);
}
#navIconOkvir.act .navIcon a {
    color: #fff;
}
header .navIcon {
    margin: 40px 60px;
}
header .navIcon a {
    font-size: 50px;
}
header .navIcon a:hover,
header .navIcon a:active,
header .navIcon a:focus {
    color: #2D4233;
}
/*header .navLogo {
    text-align: center;
    margin-top: -5px;
}*/
header .navLogo {
    margin-top: -5px;
    text-align: center;
    margin-right: 25%;
}
header .navLogo img {
    width: 200px;
    z-index: 99999;
    position: relative;
}
header .navRequestQuote {
    text-align: right;
    margin: 25.5px -10%;
}
header .navRequestQuote a {
    background: #fff;
    color: #F26621;
    font-size: 16px;
    text-transform: uppercase;
    padding: 10px;
    border-radius: 10px;
    font-weight: bold;
    text-decoration: none;
    border: 3px solid #F26621;
    letter-spacing: 2px;
}
header .navRequestQuote a.act {
    background: #F26621;
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    padding: 10px;
    border-radius: 10px;
    font-weight: bold;
    text-decoration: none;
    letter-spacing: 2px;
    transition: all .3s;
}
header .navRequestQuote a.act:hover {
    background: #fff;
    color: #F26621;
    font-size: 16px;
    text-transform: uppercase;
    padding: 10px;
    border-radius: 10px;
    font-weight: bold;
    text-decoration: none;
    border: 3px solid #F26621;
    letter-spacing: 2px;
    transition: all .3s;
}
/* NAVIGATION - After header */
#navigation {
    display: none;
    position: absolute;
    width: 100%;
    /*height: 40vh;*/
    /*height: 280px;*/
    margin: 50px 0;
    background: #2D4233;
    z-index: 9999;
}
.navNVmeni {
    /*margin: 50px 0;*/
    margin: 80px 0;
}
.navNVmeni li {
    display: block;
}
.navNVmeni li a {
    font-size: 18px;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    letter-spacing: 3px;
    text-decoration: none;
    color: #fff;
}
.navNVmeni li a:hover,
.navNVmeni li a:active,
.navNVmeni li a:focus {
    color: #F26621;
}
.navNVmeni li a.active {
    color: #F26621;
    text-transform: uppercase;
}
/* Nav meni nova tacna */
.navMeniNovaTacna {
    margin: 15px -10%;
}
.navMeniNovaTacna li {
    display: inline-block;
    padding: 10px 15px;
}
.navMeniNovaTacna li a {
    color: #2D4233;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
}
.navMeniNovaTacna li a.act,
.navMeniNovaTacna li a:hover,
.navMeniNovaTacna li a:focus,
.navMeniNovaTacna li a:active {
    color: #F26621;
    border-bottom: 2px solid #F26621;
    padding-bottom: 5px;
}

/* About Us */
/*#aboutUS {
    margin-top: 50px;
}
#aboutUS p {
    font-size: 19px;
    font-weight: 600;
}*/
#aboutUS {
    padding: 4% 0;
    width: 100%;
    height: 100%;
}
.ab_Fix {
    opacity: 1;
    position: relative;
    z-index: 999;
}
.aboutUS_bg:before {
    content: "";
    position: absolute;
    top: 20%;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    background: url(/assets/img/page/nv_home1.jpg) center;
    background-size: 80% 120%!important;
    background-repeat: no-repeat!important;
    opacity: 0.2;
}
#aboutUS p {
    font-size: 19px;
    font-weight: 600;
}
.ourService_ {
    margin: 50px auto;
    text-align: center;
}
.ourService_ a {
    background: #F26621;
    color: #fff;
    font-size: 20px;
    text-transform: uppercase;
    padding: 10px 30px;
    border-radius: 10px;
    font-weight: bold;
    text-decoration: none;
    letter-spacing: 2px;
    border: 3px solid #F26621;
    transition: all .3s;
}
.ourService_ a:hover {
    background: transparent;
    color: #F26621;
    font-size: 20px;
    text-transform: uppercase;
    padding: 10px 30px;
    border-radius: 10px;
    font-weight: bold;
    text-decoration: none;
    letter-spacing: 2px;
    border: 3px solid #F26621;
    transition: all .3s;
}
/* Contact Us */
#reqQuote {
    margin-top: 50px;
    background: url('/assets/img/page/background-SEND-REQUEST.jpg');
    background-size: 100% 100%!important;
    background-repeat: no-repeat!important;
    width: 100%;
    height: 100%;
    padding: 0.5% 0 4% 0;
}
/* NV Input */
.nv_input {
    background: #fff;
    padding: 20px;
    border-radius: 10px;
    border: 1px solid #2D4233;
    color: #2D4233;
    font-weight: bold;
    position: relative;
    z-index: 99;
}
.nv_input > option {
    color: #2D4233;
}
.sendReq_ {
    text-align: center;
    background: #F26621;
    color: #fff;
    font-size: 20px;
    text-transform: uppercase;
    padding: 8px;
    border-radius: 10px;
    font-weight: bold;
    border: 3.5px solid transparent;
    width: 100%;
    cursor: pointer;
    user-select: none;
    letter-spacing: 2px;
    transition: all .5s;
}
.sendReq_:hover,
.sendReq_:active,
.sendReq_:focus {
    border: 3.5px dashed #fff;
    transition: all .4s;
}
.contactUsInfo {
    text-align: center;
}
.contactUsInfo p {
    color: #fff;
}
/* Req Quote error alerts */
.inputAlert_::after {
    content: "";
    border: 2px dashed red;
    padding: 15px 0;
    width: 100%;
    position: absolute;
    top: -10px;
    bottom: -10px;
    left: 0;
    right: 0;
    z-index: 1;
}

/* OUR SERVCE */
#ourService {
    background: url('/assets/img/page/background-OUR-SERVICES.jpg');
    background-size: 100% 100%!important;
    background-repeat: no-repeat!important;
    width: 100%;
    height: 100%;
    padding: 20px 0;
}
/* Our service item */
.serviceItem {
    text-align: center;
    display: inline-block;
    width: 28vh;
    margin: 30px auto;
    cursor: pointer;
}
.serviceItemImg img {
    width: 100%;
    height: auto;
}
.serviceItemTitle {
    background: #fff;
    width: 80%;
    margin: -5vh auto;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    padding: 8px 0 2px 0;
    z-index: 999;
    position: relative;
    box-shadow: 1px 1px 8px #2D4233;
}
.serviceItemTitle h1 {
    color: #2D4233;
    font-size: 14px;
    font-weight: bold;
}

/* View Service item */
#viewServiceItem {

}

.viewServiceItemArrow {
    margin: 5vh auto;
}
.viewServiceItemArrow.l {
    text-align: left;
}
.viewServiceItemArrow.r {
    text-align: right;
}
.viewServiceItemArrow a {
    font-size: 120px;
    color: #2D4233;
    transition: color .3s;
}
.viewServiceItemArrow a:hover,
.viewServiceItemArrow a:active,
.viewServiceItemArrow a:focus {
    color: #F26621;
    transition: color .3s;
}

.viewServiceItemTitle {
    margin: 0;
    padding: 0;
}
.viewServiceItemTitle h1 {
    text-align: left;
    color: #F26621;
    font-size: 25px;
}
.viewServiceItemText {
    margin: 20px 0;
}
.viewServiceItemText p {
    color: #2D4233;
    font-size: 15px;
    margin: 0;
    padding: 0;
    font-weight: 600;
}
/* View service portfolio btn */
.viewServiceItemBtn {
    position: absolute;
    width: 100%;
    margin: -22.5px auto;
    text-align: center;
}
.viewServiceItemBtn a {
    background: #F26621;
    color: #fff;
    font-size: 30px;
    text-transform: uppercase;
    padding: 15px 50px;
    border-radius: 10px;
    font-weight: bold;
    text-decoration: none;
}
/* View service BG */
#viewServiceItemBG {
    background-size: cover!important;
    background-repeat: no-repeat!important;
    background-position: center center!important;
    width: 100%;
    height: 100vh;
    transition: background .5s ease-in-out;
}













/* How To */
#howTo {
    margin-top: 50px;
    background: #fff;
    width: 100%;
    height: 100%;
}
.howTo {

}
.howTo h1 {
    color: #F26621;
    font-size: 20px;
}
.hTsIcon {
    position: absolute;
    right: 30px;
    top: 37px;
}
.hTsIcon i {
    font-size: 30px;
    color: #2D4233;
}
/* How to Results */
.howTo_R {
    padding: 15px;
}
#howToResult {  }
.howToResult h1 {
    color: #707070;
    font-size: 19px;
    font-weight: bold;
}
#howToResultItem {
    cursor: pointer;
}
.howToResultItem {
    margin: 0 0 30px 0;
}
.howToResultItemBG_ {
    width: 100%;
    min-height: 180px;
    height: 100%;
    border: 1px solid #2D4233;
    overflow: hidden;
    border-radius: 3px;
}
.howToResultItemBG {
    width: 100%;
    min-height: 180px;
    height: 100%;
    background-size: cover!important;
    background-repeat: no-repeat!important;
    background-position: center!important;
    transition: all .5s;
}
.howToResultItem small {
    font-size: 14px;
    color: #888;
    font-weight: normal;
}
.howToResultItem h1 {
    font-weight: bold;
    font-size: 25px;
    margin: 8px 0;
    color: #2D4233;
}
.howToResultItem p {
    font-size: 15px;
    font-weight: normal;
    color: #2D4233;
}
.howToResultItem a {
    padding: 8px 30px 8px 0;
    text-transform: lowercase;
    text-decoration: none;
}
._r {
    position: absolute;
    color: #2D4233;
    margin: 1px 10px;
}
#howToResultItem:hover .howToResultItemBG {
    transform: scale(1.1);
    transition: all .5s;
}
#howToResultItem:hover .howToResultItem a,
#howToResultItem:hover .howToResultItem a,
#howToResultItem:hover .howToResultItem a,
#howToResultItem:hover ._r {
    color: #F26621;
    transition: all .5s;
}

/* FOOTER */
#footer {
    position: relative;
    z-index: 99;
    background: #F26621;
}
#footer .footer_logo {

}
#footer .footer_logo img {
    width: auto;
    height: 80px;
}
#footer .footer_logo li {
    display: inline-block;
}
#footer .footer_logo .footer_logo_textImg {
    position: absolute;
    width: 300px;
    height: auto;
    top: 20%;
    left: 30%;
}
#footer .footer_logo .footer_logo_t {
    position: absolute;
    top: 15px;
    left: 120px;
}
#footer .footer_logo .footer_logo_t h1 {
    font-size: 20px;
    font-weight: bold;
    color: #fff;
}
#footer .footer_logo .footer_logo_t h2 {
    font-size: 15px;
    font-weight: normal;
    color: #fff;
}

#footer .footer_sociial_link {
    text-align: right;
}
#footer .footer_sociial_link li {
    display: inline-block;
    padding: 10px;
}
#footer .footer_sociial_link li a {
    font-size: 40px;
    color: #fff;
}
#afterFooter {
    position: relative;
    z-index: 99;
    margin: 0;
    padding: 20px;
    background: #2D4233;
}
.afterFooter {
    text-align: center;
}
.afterFooter p {
    margin: 0;
    padding: 0;
    font-size: 14px;
    color: #fff;
}