/* Reset Style */
body {font-family: 'Noto Sans', sans-serif;font-weight:400;font-size:14px;color:#000;height:100%;background:#fff;line-height: normal;margin:0px;padding:0px;position:relative;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
ul, li, ol, table, tr, td, h1, h2, h3, h4, h5, h6, p, form, input, select, textarea, button, img {font-size:100%; font:inherit;  vertical-align: baseline; padding: 0; margin: 0; border: 0; list-style: none;}
p {margin-bottom:20px;}
body {/* padding-top:90px; *//* overflow-x: hidden; */}
img {max-width:100%}
  body{
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow-x: hidden;
    width: 100%;
}
div,h1,h2,h3,a{
    transition: all ease 0.3s;
}
.anm { -webkit-transition: all 0.3 ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}

a:hover {
    text-decoration:none;
}
/* Background Style */
.bg1{
background: #D9EAF1;
}
.bg2{
background: #004B7A;
}
.bg3{
background: #004B7A;
}

.btn-s1{
background: #004B7A;
    color: #FFFFFF !important;
}
.btn-s2{
background: #D9EAF1;
    border: 2px solid #004B7A;
     color: #004B7A !important;
}
.bgw{background:#F7F7F7 !important}
.btn-s3{}

.btn-s1:hover{
    background: #fff;
    color: #004B7A !important; 
}
.btn-s2:hover{
    background:#004B7A;
    color:#FFFFFF !important;
}
.btn-s3:hover{}
/* Background Style End */
/* Header Style Start */
.mainHeader{
height: 70px;
display: flex;
padding: 0 80px;
position: fixed;
top: 0;
left: 0;
z-index: 1000000;
background: white;
width: 100%;
}
.mainHeader .container-fluid{
display: flex;
justify-content: space-between;
align-items: center;
}
.mainHeader .logo{
    float: left;
    width: 150px;
    position: relative;
    z-index: 100;
}
.mainHeader .headerMenu .navbar{
    float: right;
    justify-content: unset;
    padding-right: 0px;
    padding-left: 0px;
}
.mainHeader .headerMenu .navbar li{
    margin-right: 50px;
}
.mainHeader .headerMenu .navbar li:last-of-type{
    margin-right: 0px;
}
.mainHeader .headerMenu .navbar li > a{
font-family: 'Noto Sans', sans-serif;
font-size: 18px;
font-weight: 500;
color: #0C5F82;
}
.mainHeader .headerMenu .navbar li.active a{
font-weight: 700;
font-style: normal;
border-bottom: 1px solid #0C5F82;
}
.single_article.sectionBox{
    padding-right: 13px;
    padding-left: 13px;
}
.mainHeader .headerMenu .navbar li:hover{}
.mainHeader .headerMenu .navbar li:hover a{}
.mainHeader .headerMenu .navbar li a:hover{}
.mainHeader .headerMenu .headerButton{
}
.mainHeader .headerMenu .navbar .headerButton > a{color: white;font-weight: 700;text-transform: uppercase;background: #004B7A;border-radius: 30px;padding: .6rem 2.0rem;font-size: 14px;letter-spacing: 1px;border: 1px solid #fff;}
.mainHeader .headerMenu .navbar .headerButton a:hover{background: #fff;

border: 1px solid #004B7A;

color: #ffffff;}
.desk_header_menu{
    width: 100%;
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.desk_header_menu a{
    font-family: 'Noto Sans', sans-serif;
    font-size: 18px;
    font-weight: 500;
    display: inline-block;
    color: #0C5F82;
    margin: 0 3%;
}
.desk_header_menu a.active{
    font-weight: 700;
    font-style: normal;
    border-bottom: 1px solid #0C5F82;
}
/* Header Style End */
.homeBanner .btnStyle{
    margin: 0 10px;
}

/* Footer Style Start */
.footer{padding: 0;padding-bottom: 0;}
.footer .container-fluid{padding: 38px 50px;}
.footerButton:hover{color:white}
.footerButton{font-family: 'Noto Sans', sans-serif;font-size: 14px;color: white;padding:.8rem 2.7rem;display: inline-block;font-weight: 700;margin-bottom: 10px;border-radius: 30px;text-align: center; text-transform: uppercase;letter-spacing: 1px;}
.footer .row > div:last-child{border:none}
.footer .row > div{
border-right: 2px solid #0C5F82;
padding: 0 18px;
}
.footer .container{
display: flex;
flex-direction: row;
}
.footer .footer_container{
	max-width: 1226px;
	width: 100%;
	margin: 0 auto;
    padding-left: 13px;
    padding-right: 13px;
}
.container_1200{
	max-width: 1226px;
	width: 100%;
	margin: 0 auto;
    padding-left: 13px;
    padding-right: 13px;
}
.mainHeader .container_1200{
    position: relative;
}
.footer .footerLogo{
margin-bottom: 20px;
}
.footer .footerLogo a{}
.footerLogo a img{
height: 30px;
}
.footerDesc{}
.footerDesc p{
color: #0C5F82;
font-family: 'Noto Sans', sans-serif;
font-size: 16px;
}
.footerClient{
display: flex;
flex-direction: row;
}
.footerClient a{
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
}
.footerClient a img{
	height: auto !important;
  width: 170px !important;
  margin-left: 0 !important;
}

.fColTitle{
font-family: 'Noto Sans', sans-serif;
font-size: 18px;
color: #0C5F82;
font-weight: 700;
width: 100%;
margin-bottom: 28px;
font-weight: 700;
}
.fColContent{}
.fColContent ul{}
.fColContent ul li{}
.fColContent ul li a{
color: #0C5F82;
font-family: 'Noto Sans', sans-serif;
font-size: 14px;
/*border-bottom: 1px solid #0c5f82;*/
padding-bottom: 0px;
margin-bottom: 1.7rem;
display: inline-block;
}


.fColGallery{
display: table;
width: 100%;
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
}
#instagram_content{
    width: 100%;
}
.fColGallery ul li{
float: left;
width: calc(25% - 4px);
margin-bottom: 16px;
margin-left: 4px;
}
.fColGallery ul li a{
display: inline-block;
width: 100%;
height: 67px;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
}
.fColGallery ul li a img{
width: auto;
min-width: 100%;
}


/* Footer Style End */
/* Section Styles */
.homeBannerImg1{
    overflow: hidden;
}
.homeBannerImg1 img{
width: 40%;
max-width: 1100px;
    position: absolute;
    top: 0;
}
.homeBannerImg2{
    position: absolute;
    right: 0px;
    width: 30%;
    bottom: -150px;
    overflow: hidden;
}
.homeBannerImg2 img{
    max-height: 400px;
    float: right;
    width:70%;
    max-width: 500px;
}
.homeBanner::before{display: none;content:'';background:url('../images/homeBanner1.svg');background-size: contain;width: 100%;height: 125%;z-index: 9;position: absolute;left: 0;top: -39%;background-repeat: no-repeat;}
.homeBanner{
background: #D9EAF1;
background-size: 100%;
position:relative;
background-position: center center;
height: auto;
display: inline-block;
width: 100%;
}
.homeBanner .homeBannerContent .container{
justify-content: center;
align-items: center;
display: flex;
flex-direction: column;
}
.homeBanner .homeBannerContent {

    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
    margin-top: 190px;
    position: relative;
    z-index: 999999;

}
.homeBanner .homeBannerContent h2{
color: #0C5F82;
font-size: 5vw;
font-family: 'Calistoga', cursive;
text-align: center;
font-weight: 400;
}
.homeBanner .homeBannerContent .hbText{
margin-top: 17px;
width: 100%;
margin-left: auto;
margin-right: auto;
}
.homeBanner .homeBannerContent .hbText p{
font-family: 'Noto Sans', sans-serif;
font-size: 18px;
margin: auto;
text-align: center;
margin-bottom: 40px;
width: 70%;
color: #0C5F82;
}
.homeBanner .homeBannerContent .hbText p strong{
font-weight: 700;
color: #0C5F82;
}


.sectionBox h3{font-family: 'Calistoga', cursive;color: white;font-size: 45px;margin-bottom: 6px;}
.sectionBox p.smallP{
font-family: 'Noto Sans', sans-serif;
color: white;
width: 90%;
font-size: 18px;
}
.sectionBox{
padding: 110px 0;
}
.sectionBox .textCenter{
display: flex;
justify-content: center;
align-items: center;
}
.sectionBox .textCenter h3{
font-family: 'Calistoga', cursive;
font-weight: 300;
font-size: 45px;
color: #0C5F82;
margin-bottom: 30px;
}


.sectionBoxContent{
    max-width: 100%;
    margin: 0 auto;
}
.sectionBoxContent .knowSlide{
margin-bottom: 0;
margin-right: 0px;
margin-left: 0px;
}
/*.knowSlide .knowBox:hover{}
.knowSlide .knowBox:hover .kboxLink .kboxIcon a i{
display: none;
transition: 1s all ease;
}*/
.knowSlide .knowBox{
background: white;
margin-right: 17px;
border-radius: 25px;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
padding: 15px;
padding-bottom: 30px;
min-height: 290px;
}
.knowSlide .knowBox .kboxPicture{
display: flex;
justify-content: center;
align-items: center;
height: 130px;
}

.knowSlide .knowBox .kboxPicture img{
/* height: 50px; */
max-height: 150px;
height: 150px;
max-width: 80%;
margin-bottom: 15px;
    transition: all ease 0.6s;
}

.kboxPicture.rotate img{
    transform: rotate(-10deg);
}
.kboxPicture.rotate img:hover{
    transform: rotate(10deg);
}



.seperate .rotate{
        transform: rotate(0deg);
     transform-origin:20% 70%;

}
.seperate .rotate:hover{
    transform: rotate(6deg); 
}

.kboxPicture.move img{
        transform: translateX(0px);

}
.kboxPicture.move img:hover{
        transform: translateX(30px);
}

.kboxPicture.seperate img{
        position: absolute;
}

.kboxPicture.scale img{
        transform: scale(1);

}
.kboxPicture.scale img:hover{
        transform: scale(1.2);
}
 

.kboxTitle{
font-family: 'Calistoga', cursive;
font-size: 16px;
color: #000000;
text-align: center;
font-weight: 300;
margin-bottom: 5px;
height: 40px;
}
.kboxTitle h4{
font-family: 'Calistoga', cursive;
}
.kboxContent{
font-family: 'Noto Sans', sans-serif;
font-size: 14px;
text-align: center;
color: #263D52;
width: 100%;
}
.kboxContent p{
    font-size: 14px;
}
.kboxLink{
width: 100%;
height: 36px;
display: inline-block;
background: white;
border-radius: 0px 0px 25px 25px;
position: absolute;
bottom: 0;
left:0;
}
.kboxLink .kboxHover{
display: none;
transition: .6s all ease;
}
.kboxLink .kboxHover a{

}

.kboxLink .kboxIcon{
width: auto;
display: inline-block;
text-align: right;
position: absolute;
bottom: 0;
right: 17px;
top: 2px;
}
.kboxLink .kboxIcon a{
text-align: right;
float: right;
}
.kboxLink .kboxIcon a i{
background: #0AABCE;
color: white;
float: right;
width: 24px;
border-radius: 100%;
transition: 1s all ease;
height: 24px;
border-radius: 24px;
display: flex;
justify-content: center;
align-items: center;
}
.align-start{display: flex;/* justify-content: center; */align-items: flex-start;}
.storiesSection{}
.storiesSection .black{
	color: #000000;
}
.storiesSection .row{
margin: 100px 0;}
.actSection .row{
margin: 0 0 100px 0;}
.align-center2{display: flex; justify-content: center;align-items: center;}

.kboxLink .kboxIcon a .hovericon{background: #0AABCE;color: white;float: right;width: 24px;border-radius: 100%;transition: 1s all ease;height: 24px;border-radius: 24px;display: none;justify-content: center;align-items: center;}
.align-center{display: flex;/* justify-content: center; */align-items: center;}
/*.knowBox:hover{}
.knowBox:hover .kboxLink{
background: #09abce;
transition: .6s all ease;
}
.knowBox:hover .kboxLink .kboxHover{
display: block;
transition: .6s all ease;
}
.knowBox:hover .kboxLink .kboxIcon{}
.knowBox:hover .kboxLink .kboxIcon a i.hovericon{display: flex;}*/
.kbox_icon{
    background: #004B7A;
    width: 22px;
    height: 22px;
    border-radius: 100%;
    position: relative;
    cursor: pointer;
    position: absolute;
    right: 10px;
    bottom: 10px;
    transition: all 0.3s ease;
}
.kbox_icon img{
    width: 12px !important;
    position: absolute;
    top: 50%;
    left: 50%;
    pointer-events: none;
    transform: translate(-50%, -50%);
}
.kbox_hover_overlay{
    background: #004B7A;
    width: 22px;
    height: 22px;
    border-radius: 100%;
    position: relative;
    cursor: pointer;
    position: absolute;
    right: 10px;
    bottom: 10px;
    transition: all 0.3s ease;
    text-align: center;
}
.kbox_hover_overlay a{
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    color: white;
    font-family: 'Noto Sans', sans-serif;
    font-size: 15px;
    border-bottom: 1px solid #fff;
    padding-bottom: 1px;
    margin-top: -2px;
    display: inline-block;
    visibility: hidden;
    margin-top: 7px;
}


.kbox_hover.active .kbox_hover_overlay{
    width: 100%;
    border-radius: 0px 0px 25px 25px;
    bottom: 0;
    right: 0px;
    height: 40px;
}
.kbox_hover.active .kbox_hover_overlay a{
    visibility: visible;
    opacity: 1;
    transition-delay: 0.1s;
}
.kbox_hover.active .kbox_icon {
    transform: rotate(45deg);
}
.owl-carousel .owl-item .featuredIcon img{
    padding: 0px 10px;
    width: 70% ;
    margin: 0 auto;
}

.featuredLink{
display: flex;
justify-content: center;
align-items: center;
margin-top: 20px;
}
.featuredLink a{
    background: #d9eaf1;
    color: #004B7A;
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 30px;
    padding: .8rem 2.7rem;
    font-family: 'Noto Sans', sans-serif;
    font-size: 16px;
    margin-top: 0;
    display: inline-block;
    width: 60%;
    text-align: center;
    letter-spacing: 1px;
}
.featuredLink a:hover{}

.featuredimg{
text-align: center;
margin-bottom: 30px;
margin: 0;
margin-bottom: 30px;
}
.featuedimg a{}
.featuredimg img{
width: 40%;
}
.featuredText{
color: white;
text-align: center;
margin-bottom: 0;
/*margin-top: 3.5rem;*/
margin-top: 1.5rem;
}
.featuredText h4{
font-family: 'Calistoga', cursive;
font-size: 45px;
font-weight: 500;
}
.featuredText p{
    width: 95%;
    text-align: center;
    margin: auto;
    margin-bottom: 19px;
    margin-top: 8px;
    font-size: 18px;
    font-weight: 400;
    font-family: 'Noto Sans', sans-serif;
}
.featuredText a{
    color: white;
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 30px;
    padding: .8rem 2.7rem;
    font-family: 'Noto Sans', sans-serif;
    font-size: 16px;
    margin-top: 0;
    display: inline-block;
    text-align: center;
    letter-spacing: 1px;
}
.featuredText a:hover{}


.owl-controls .owl-prev{
background: url('../images/arrowLeft.svg');
transition: 1s all ease;
background-position: left;
background-size: contain;
background-repeat: no-repeat;
height: 24px;
width: 33px;
opacity: 1;
float: left;
content: '';
font-size: 0;
margin-left: 0px;
margin-bottom: 11px;
}

.owl-controls .owl-next{
background: url('../images/arrowRight.svg');
transition:1s all ease;
background-position: left;
background-size: contain;
background-repeat: no-repeat;
height: 24px;
width: 33px;
opacity: 1;
float: right;
content: '';
font-size: 0;
margin-right: -45px;
}
.swiper-pagination{z-index: 9999999 !important;}
.owl-controls{
position: absolute;
top: 50%;
width: 100%;
left: -10px;
z-index: 999;
z-index: 999999999;
}
.knowSlide .owl-item{
    padding: 0 7px;
}
.knowSlide .owl-controls{
position: static !important;
width: 100%;
height: auto;
margin-top: 13px;
}
.knowSlide .owl-nav{display:none}
.knowSlide .owl-dots{
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
margin-top: 25px;
}
.knowSlide .owl-dots .owl-dot{
background: #004B7A;
opacity: .3;
width: 15px;
height: 15px;
border-radius: 15px;
margin-right: 7px;
}
.knowSlide .owl-dots .owl-dot span{}
.knowSlide .owl-dots .owl-dot.active{
opacity: 1;
}
.knowSlide .owl-dots .owl-dot.active span{}

.owl-nav{
display: block;
position: relative;
z-index: 99999;
width: 100%;
}
.testMessage{
width: 100%;
}
.testMessage h2{font-family: 'Calistoga', cursive;font-size: 45px;text-align: center;}
.testMessage p{font-family: 'Noto Sans', sans-serif;color: white;text-align: center;width: 30%;margin: auto;font-size: 18px;margin-top: 20px;}
.modal-body .testMessage p{ width: 90%; }
.testMessage a{}
.testMessage a.testButton{border-radius: 50px;padding: 1rem 0;color: white;margin: auto;text-align: center;display: block;width: 100% !important;margin-top: 37px;min-width: 100% !important;max-width: 297px !important;float: left;/* padding: 0; */display: inline-block;}

#checkModal1{}
#checkModal1 .modal-dialog{width:50%;max-width: 80%;height: 100%;}
#checkModal1 .modal-content{
max-height: 100%;
height: auto;
background: #0C5F82;
color: white;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
#checkModal1 .modal-header{
padding: 0;
border: none;
}
#checkModal1 .modal-header button{
opacity: 1;
color: white;
margin-top: 0;
position: absolute;
right: 15px;
top: 6px;outline:none;
z-index: 9999999;
}
#checkModal1 .modal-header button span{
color: white;
opacity: 1;
font-size: 2rem;
margin-right: 13px;
font-family: 'Tahoma';
}
.testButtons a:first-child{margin-right:20px}
.testButtons{display:flex;justify-content:center;margin-top:20px}
#checkModal1 .modal-body{
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
padding: 50px 0;
    
}


#checkModal2{}
#checkModal2 .modal-dialog{width:50%;max-width: 80%;height: 100%;}
#checkModal2 .modal-content{
max-height: 100%;
height: auto;
background: #0C5F82;
color: white;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
    -webkit-box-shadow: -5px 10px 31px -12px rgba(0,0,0,0.51);
-moz-box-shadow: -5px 10px 31px -12px rgba(0,0,0,0.51);
box-shadow: -5px 10px 31px -12px rgba(0,0,0,0.51);
}
#checkModal2 .modal-header{
padding: 0;
border: none;
}
#checkModal2 .modal-header button{
opacity: 1;
color: white;
margin-top: 0;
position: absolute;
right: 15px;
top: 6px;outline:none;
z-index: 9999999;
}
#checkModal2 .modal-header button span{
color: white;
opacity: 1;
font-size: 2rem;
margin-right: 13px;
font-family: 'Tahoma';
}
#checkModal2 .modal-body{
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
padding: 50px 0;
}

.throwerModal .testMessage a.testButton{border-radius: 25px;padding: 1rem 0;color: white;margin: auto;text-align: center;display: block;width: 100% !important;margin-top: 37px;min-width: 100% !important;float: left;/* padding: 0; */display: inline-block;text-transform: uppercase;font-weight: 700;font-size: 15px;letter-spacing: 1px;}

.throwerModal .testMessage a.testButton.btn_top_small{
	margin-top: 15px;
}
.throwerModal{}
.throwerModal .modal-dialog{width: 600px;max-width: 600px;height: 100%;}
.throwerModal .modal-content{max-height: auto;height: auto;background: #3F9AB7;color: white;padding: 3rem;margin-top: 20%;border: none;}
.throwerModal .modal-header{
padding: 0;
border: none;
}
.throwerModal p{
    width: 100%;
}
.throwerModal .modal-header button{
opacity: 1;
color: white;
margin-top: 0;
position: absolute;
right: 15px;
top: 6px;outline:none;
z-index: 9999999;
}
.throwerModal .modal-header button span{
color: white;
opacity: 1;
font-size: 2rem;
margin-right: 13px;
font-family: 'Tahoma';
}
.throwerModal .modal-body{
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
padding: 1rem 0;
}
.modal-backdrop{background:#d9eaf1d6}
.pr0{padding-right:0}
.footerBottom{}
.footerBottom p{
margin: 0;
background: #004B7A;
height: 50px;
color: white;
display: flex;
justify-content: flex-start;
align-items: center;
padding-left: 40px;
}
.pt40{
padding-left: 40px;
padding-right: 0;
}
.pb0{padding-bottom:0}
.fullParag{color:white;font-size: 18px;font-family: 'Noto Sans', sans-serif;width: 100%;}
.section_featured{
	margin-top: 70px;
    overflow: hidden;
}

.floor_container{
position: relative;
margin-top: 40px;
}
.men{
position: absolute;
right: -90px;
bottom: 100px;
width: 550px;
}
.drain{
position: absolute;
right: 450px;
bottom: -36px;
width: 215px;
}
.cigaret{
position: absolute;
right: 540px;
top: -160px;
}
.floor_1{
width: 100%;
display: block;
height: 175px;
background-color: #F8F5EF;
}
.floor_2{
width: 100%;
display: block;
height: 70px;
background-color: #DBDAD7;
}
.drain_bottom_container{
position: relative;
background-color: #d9eaf1;
  margin-bottom: -1px;
}
.bottom_drain{
  width: 100%;
  max-width: 2229px;
  margin-top: -1px;
}
.drain_content{
    position: absolute;
    top:0px;
}
.drain_text{
margin-top: 50px;
margin-bottom: 110px;
}
.section_featured .fullParag{
	/*width: 79%;*/
    width: 100%;
	margin-bottom: 40px;
	font-size: 18px;
}
.sectionBackground{
background-size: cover;
height: 100vh;
background-repeat:no-repeat;
width: 100%;
display: inline-block;
background-position: right center;
}
.btnStyle:hover{color:white}
.storiesArticleButton{}
.storiesArticleButton a{
	width: auto;
	margin-right: 30px; 
}
.storiesArticleButton a:last-of-type{
    margin-right: 0px;
}
.section_plastic .fullParag{
	width: 100%;
	font-size: 18px;
}

.btnStyle{
font-family: 'Noto Sans', sans-serif;

font-size: 15px;
width: 78%;
display: inline-block; 
display: flex;
justify-content: center;
align-items: center;
border-radius: 25px; 
text-transform: uppercase;
font-weight: 700;
    padding: .8rem 2.7rem;
    letter-spacing: 1px;
}
.section_plastic .btnStyle{
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
    width: 100%;
}
.btnStyle2{
font-family: 'Noto Sans', sans-serif;
font-size: 14px;
width: 250px;
display: inline-block;
padding: 0.8rem 0;
display: flex;
justify-content: center;
align-items: center;
border-radius: 25px;
padding-bottom: .7rem;
text-transform: uppercase;
font-weight: 700;
}
.section_home_featured{
    padding-left: 13px;
    padding-right: 13px;
    padding: 50px 0;
}
.mt140r{margin-top:-140px}
.pab40x{padding-bottom:60px;position: relative;}
.pad40{padding-top:40px}
.posText{
position: absolute;
left: 0;
top: -420px;
left: 15px;
}
.darkText{}
.darkText h3, .darkText p{color:#0C5F82 !important}
.mb100{margin-bottom:100px}
.dish_img{
    float:right;
    margin-right:10%;
    max-width: 450px;
    width: 100%;
    position: relative;
}
.homeBanner .container-fluid{
	padding:0px;
}
.storiesSection{
background: #F8F5EF;
padding-bottom: 30px;
}
.storiesArticle{
background: #F8F5EF;
padding-bottom: 30px;
}


.col_style.knowledge h3{
	color: #004B7A;
}
.col_style.knowledge .article_type{
	color: #004B7A;
}
.col_style.knowledge .btn_container a{
	background-color: #004B7A;
    color:#fff !important;
} 
.col_style.solution h3{
	color: #0C5F82;
}
.col_style.solution .article_type{
	color: #0C5F82;
}
.col_style.solution .btn_container a{
	background-color: #0C5F82;
}
.col_style.solution .btn_container a:hover{
	background-color: #fff;
    color:#0C5F82;
}
.related_single.knowledge h3{
    color: #FDAF00;
}
.related_single.knowledge .rStoryDesc span{
    color: #E79200;
}
.related_single.knowledge .btn_container a{
    background-color: #FDAF00;
}

.related_single.solutions h3{
    color: #0C5F82;
}
.related_single.solutions .rStoryDesc span{
    color: #0C5F82;
}
.related_single.solutions a{
    background-color: #0C5F82;
}
.related_single.stories h3{
    color: #0C5F82;
}
.related_single.stories .rStoryDesc span{
    color: #0C5F82;
}
.related_single.stories a{
    background-color: #0C5F82;
}



.storiesSection span{
color: #000000;
font-family: 'Calistoga', cursive;
font-size: 18px;
text-align: center;
margin: auto;
display: block;
    margin-bottom: 15px;
    margin-top: -5px;
}
.storiesSection h3{
color: #000000;
text-align: center;
}
.storiesSection p{
color: #000000;
text-align: center;
margin: auto;
display: block;
font-size: 18px;
min-height: 80px;
}
.storiesSection .btnStyle{display: block;margin: auto;text-align: center;margin-top: 17px;margin-bottom: 0;}
.btn_container{
	display: block;
	text-align: center;
}
.btn_container .btnStyle{
    text-align: center;
    display: inline-block;
    width: auto;
}
.testMessage .btn_container a.testButton{
    text-align: center;
    display: inline-block;
    max-width: 280px !important; 
    min-width: 280px !important; 
    width: 280px !important;

}
.fCol{flex-direction: column;text-align: center;}
.storiesimg{margin-bottom:20px;padding:0 20px; }

.storiesSection img{ transition: all ease 0.5s;}

.storiesSection img:hover{opacity: 0.7;}
.orange{color:#FDAF00}
.orangebg{background: :#FDAF00}
a.orangebg{color:white}

.blackText{color:#000000};
.blue{color:#0C5F82}
.bluebg{background: #0C5F82}


.blue2{color:#0C5F82}
.blue2bg{background: #0AABCE}

.storiesArticle{}
.storiesArticle span{
font-family: 'Calistoga', cursive;
color: #000000;
font-size: 16px;
}
.storiesArticle span.orange{
    color: #FDAF00;
}
.fullimg{padding: 0 !important}
.storiesArticle h2{
font-family: 'Calistoga', cursive;
color: #000000;
margin-bottom: 34px;
font-size: 45px;
margin-top: 5px;
}
.storiesArticle p{
color: #000000;
font-family: 'Noto Sans', sans-serif;
text-align: center;
margin-bottom: 25px;
width: 80%;
    font-size: 18px;
}
.storiesArticle  p.big_paragraph{
    text-align: center;
    width: 80%;
    font-size: 45px;
    font-family: 'Calistoga', cursive;
    margin-left: auto;
    margin-right: auto;
     
    padding: 0 13px;
}
.storiesArticle .articleimg{
display: inline-block;
width: 100%;
margin: 35px 0;
}
.storiesArticle .articleimg .row{
justify-content: center;
align-items: center;
}
.storiesArticle .articleimg img{
width: 70%;
    padding: 30px 0;
}
.storiesArticleButton{
width: 100%;
}
.plusArticle{
width: 100%;
display: inline-block;
text-align: center;
margin-top: 40px;
margin-bottom: 25px;
}
.plusArticle img{
height: 40px;
cursor: pointer;
transition: all 0.4s ease;
margin-bottom: 10px;
}
.plusArticle.active img{
    transform: rotate(45deg);
}
.plusArticle.active .source_link{
}
.source_link{
    height: auto;
}
.source_link a{
    font-size: 13px;
    width: 100%;
    color: #000000;
    transform: translateY(20px);
    display: inline-block;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
}
.plusArticle.active .source_link a{
    transform: translateY(0px);
    opacity: 1;
    visibility: visible;
}
.source_link a:before{
    content: "Källa:";
    font-weight: bold;
    display: inline-block;
    margin-right: 5px;
}
.relatedStories{
padding-bottom: 45px;
}
.relatedStories h2{
text-align: center;
color: white;
font-family: 'Calistoga', cursive;
font-size: 45px;
margin: auto;
display: inline-block;
width: 100%;
margin-top: 40px;
margin-bottom: 40px;
}
.relatedStories .related_single{
    padding: 0 15px;
}
.relatedStories .relatedStory{
width: 100%;
display: flex;
/*justify-content: center;*/
align-items: center;
flex-direction: column;
background: #F8F5EF;
    min-height: 580px;
}
.relatedStory .rStoryImg{
display: flex;
justify-content: center;
align-items: center;
position: relative;
overflow: hidden;
}
.relatedStory .rStoryImg img{}
.relatedStory .rStoryTitle{
margin-top: 15px;
padding: 0 30px;
}
.relatedStory .rStoryTitle a{}
.relatedStory .rStoryTitle a h3{
font-family: 'Calistoga', cursive;
font-size: 30px;
text-align: center;
}

.relatedStory .rStoryDesc{}
.relatedStory .rStoryDesc span{
font-family: 'Calistoga', cursive;
font-size: 18px;
margin-top: 6px;
display: inline-block;
}
.relatedStory .rStoryContent{
padding: 0 30px;
text-align: center;
margin-top: 15px;
}
.relatedStory .rStoryContent p{
color: #000000;
    font-size: 18px;
}

.relatedStory .rStoryButton{
width: 100%;
text-align: center;
display: inline-block;
}
.relatedStory .rStoryButton a{
width: 54%;
margin: auto;
margin-bottom: 25px;
padding: 0.6rem 0;
}
.solutions .rStoryButton a:hover{
    background: #fff !important;
    color: #0c5f82 !important;
}
.actBoxNav{
background: #004B7A;
width: 100%;
display: inline-block;
height: 60px;
margin-top: 70px;
}
.actBoxNav ul{
display: flex;
justify-content: center;
align-items: center;
color: white;
flex-direction: row;
height: 60px;
}
.actBoxNav ul li:last-child{margin-right:0px}
.actBoxNav ul li{
margin-right: 30px;
}
.actBoxNav ul li.active{}
.actBoxNav ul li.active a{
font-weight: 700;
text-decoration: underline;
}
.actBoxNav ul li a{
	font-size: 18px;
color: white;
font-family: 'Noto Sans', sans-serif;
}
.actBoxNav ul li a:hover{}
.actBox::before{
    content: '';
    background: url(../images/acticon2.svg);
    background-size: cover;
    width: 240px;
    height: 230px;
    position: absolute;
    left: -15px;
    top: 0;
    opacity: 0;
    transform: translateX(-150px);
}
.actBox::after{
    content:'';
    background: url('../images/acticon1.svg');
    background-size: cover;
    width: 240px;
    height: 230px;
    position: absolute;
    right: 0px;
    bottom: -57px;
    z-index: 99;
    opacity: 0;
    transform: translateX(150px);
}
.actBox.anim::after{
    transition: all .7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    opacity: 1;
    transform: translateX(0px);
}
.actBox.anim::before{
    transition: all .7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    opacity: 1;
    transform: translateX(0px);
}

.actBox{
background: #D9EAF1;
width: 100%;
display: flex;
height: 250px;
justify-content: center;
align-items: center;
position: relative;
}
.actBox .container{
display: flex;
justify-content: center;
align-items: center;
}
.actBox .actBoxText{
    width: 100%;
}
.actBox .actBoxText h2{
font-family: 'Calistoga', cursive;
color: #0C5F82;
font-size: 45px;
text-align: center;
}
.actBox .actBoxText p{
text-align: center;
color: #0C5F82;
font-family: 'Noto Sans', sans-serif;
font-size: 18px;
width: 70%;
margin: auto;
margin-top: 7px;
}
.mb160{margin-bottom: 160px !important;}
.eqColon{}
.eqColon .col-md-6{
min-height: 270px;
display: flex;
flex-direction: column;
}


.formSection{
	background: #F7F7F7;
}


.formSectionText{
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
.formSectionText h2{
font-family: 'Calistoga', cursive;
color: #000000;
font-size: 45px;
margin-bottom: 10px;
}
.formSectionText p{
color: #000000;
font-family: 'Noto Sans', sans-serif;
font-size: 18px;
width: 60%;
margin: auto;
text-align: center;
margin-bottom: 25px;
}
.formSectionBody > .row{margin:0}

.formSectionBody{background: #DDEBF1;padding: 40px 60px;border-radius: 15px;}
.formSectionBody .fsBodyText{width: 100%;display: flex;flex-direction: column;}
.formSectionBody .fsBodyText h4{
font-family: 'Calistoga', cursive;
font-size: 22px;
color: #000000;
margin-bottom: 10px;
}
.formSectionBody .fsBodyText p{
color: #000000;
font-family: 'Noto Sans', sans-serif;
font-size: 18px;
}


.fsBodyForms{
width: 100%;
}
.fsBodyForms .formColon{
display: inline-block;
width: 100%;
margin-bottom: 50px;
}
.formColon .formCText{
display: flex;
justify-content: space-between;
align-items: center;
color: #000000;
font-family: 'Noto Sans', sans-serif;
font-size: 16px;
margin-bottom: 26px;
}
.formCText .formLabel{
display: flex;
}
.formCText .formLabel p {
margin: 0;
    font-size: 18px;
}
.formNumber{
font-weight: 700;
}
.formNumber p{
margin: 0;
}
.formNumber span{
margin-right: 8px;
}

.formTabs{
margin-bottom: 40px;
}
.formTabs .formTab:last-child{margin-right:0px}
.formTabs .formTab{width: 190px;float: left;margin-right: 20px;opacity: .68;border-radius: 15px;position: relative;cursor: pointer;}
.formTabs .formTab.active::before{content:'';position:absolute;background: url('../images/ftabCheck.svg');background-size: cover;width: 30px;height: 30px;right: 10px;top: 11px;z-index: 99999;}
.formTabs .formTab.active{
opacity: 1;
-webkit-box-shadow: 3px 3px 27px -2px rgba(12,95,130,0.64);
-moz-box-shadow: 3px 3px 27px -2px rgba(12,95,130,0.64);
box-shadow: 3px 3px 27px -2px rgba(12,95,130,0.64);
z-index: 1;
}
.formTabs .formTab .fTabImg{
background: #ffffff;
padding: 20px;
overflow: hidden;
position: relative;
width: 100%;
min-height: 190px;
border-radius: 15px ;
}
.formTabs .formTab .fTabImg img{
width: 56%;
margin-top: 3px;
position: absolute;
bottom: 37px;
left: -11px;
}
.formTabs .formTab .fTabImg img.nothrower{
    left: 50% !important;
    transform: translateX(-50%);
    margin-top: 0px;
    top: 30px;
    display: none;
}
.formTabs .formTab .fTabImg span{
font-family: 'Noto Sans', sans-serif;
display: block;
position: absolute;
bottom: 10px;
left: 0;
right: 0;
margin: 0 auto;
text-align: center;
font-size: 16px;
font-weight: bold;
color: #004B7A;
}
.formTabs .formTab.active .fTabImg span{
    color: #ffffff;
}
.formTabs .formTab.active .fTabImg{
    background: #0C5F82;
}
.formTabs .formTab.active .fTabImg img.nothrower_white{
    display: block;
}
.formTabs .formTab .fTabImg img.nothrower_blue{
    display: block;
}
.formTabs .formTab.active .fTabImg img.nothrower_blue{
    display: none;
}
.theme-green .back-bar{
    background: #fff !important;
}
.fTabContent{
background: white;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
padding: 9px 0;
border-radius:15px;
display: none;
}
.fTabContent h3{
color: #0C5F82;
font-size: 24px;
font-family: 'Noto Sans', sans-serif;
font-weight: 700;
margin: 0;
}
.fTabContent p{
margin: 0;
font-size: 16px !important;
}
.formDetail{width:100%}

.formResponse{
background: #004B7A;
width: 100%;
border-radius: 15px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
margin-bottom: 2rem;
padding: 0;
color: white;
padding-top: 2rem;
}
.formResponse p{
text-align: center;
font-family: 'Noto Sans', sans-serif;
font-size: 18px;
margin: 0 auto;
margin-bottom: 1.6rem;
margin-top: 0;
width: 80%;
text-align: center;
}
.formResponse h4{
font-family: 'Calistoga', cursive;
font-size: 45px;
margin-bottom: 15px;
margin-top: -4px;
}
.responseButton:hover{color:white}
.responseButton{
margin: 0 auto;
text-align: center;
font-family: 'Noto Sans', sans-serif;
font-size: 24px;
color: white;
border-radius: 50px;
display: inline-block;
font-size: 16px;
padding: .7rem 2.7rem;
margin-bottom: 27px;
text-transform: uppercase;
font-weight: 700;
display: flex;
justify-content: center;
align-items: center;
width: 40%;
flex-direction: column;
letter-spacing: 1px;
}
.formResponse a{
font-family: 'Noto Sans', sans-serif;
font-size: 24px;
color: white;
border-radius: 50px;
display: inline-block;
font-size: 14px;
padding: .7rem 2.7rem;
margin-bottom: 27px;
text-transform: uppercase;
font-weight: 700;
    letter-spacing: 1px;
}
.throwerModals .modal-backdrop{background: #000000}

.socialsModal{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 23px;
}
.socialmodal{
    margin-right: 19px;
}
.socialmodal li a img{
    height: 35px;
}
.mobilShowbg{
	display: none;
}
.menuToggle{display: none}
.hb_mobile_btns{
    display: none;
}
.bottom_drain_mobile{
    display: none;
}
.mobile_btn{
    display: none;
}
.col-md-6.col_mobile{
    display: none;
}
.related_slider .owl-controls{
    position: unset;
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
}
.related_slider .owl-dots .owl-dot.active{
    background-color: #ffffff;
    margin-top: 30px;
}
.related_slider .owl-dots .owl-dot{
    background: rgba(255,255,255,0.3);
    width: 15px;
    height: 15px;
    border-radius: 15px;
    margin-right: 7px;  
    display: inline-block;
}
.thrower_img img{
    margin: 0 auto;
    width: 100%;
    max-width: 250px;
    display: block;
}
.transition{
}
.transition_fast{
}
.transition_med{
    
}


.anim_left{
    opacity: 0;
    transform: translateX(-200px);
}
.anim_right{
    opacity: 0;
    transform: translateX(200px);
}
.anim_right_small{
    opacity: 0;
    transform: translateX(50px);
}
.anim_down{
    transform: translateY(-60px);
}
.anim_rotate_big{
    opacity: 0;
    transform: opacity(0) ;
  /*  z-index: 9999;*/
    position: relative;
}
.anim_rotate_big:hover{
    transform: rotate(5deg);
}
.anim_rotate_big_b{ 
    position: absolute;
}
.anim_rotate_small{
    transform: rotate(0deg);
}
.anim_rotate_small.anim{
    transition: all .7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transform: rotate(-10deg);
      transition-delay: .5s;
}

.anim_rotate_big.anim{
    opacity: 1;
    transition: all .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transform: opacity(1) ;
}

.anim_down.anim{
    transition: all .6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transform: translateY(60px);
          transition-delay: .7s;

}
.anim_left.anim{
    transition: all 1.1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transform: translateX(0px);
    opacity: 1;
}
.anim_right.anim{
    transition: all 1.1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transform: translateX(0px);
    opacity: 1;
}
.anim_right_small.anim{
    transition: all 1.1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transform: translateX(0px);
    opacity: 1;
}
.mobile_drain_bg{
    display: none;
}
.col_desktop{
    overflow: hidden;
}
.mainHeader .headerMenu .navbar li.headerButton.mr0{
    margin-right: 0px;
}
.hf_mobile_btn{
    display: none;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .actBoxNav{
        margin-bottom: -4px;
    }
    .actBoxText{
        position: absolute;
        left: 50%;
        top:50%;
        width: 100%;
        max-width: 1110px;
        transform: translate(-50%, -50%);
    }
    .storiesArticle h2{
        width: 100%;
    }
    .storiesArticle .articleimg{
        height: 100%;
    }
    .relatedStory .rStoryContent{
        width: 100%;
    }
    .relatedStory .rStoryImg{
        width: 100%;
    }
    .relatedStory .rStoryTitle a h3{
        width: 100%;
    }
    .homeBanner{
        float: left;
    }
    .sectionBox.bg1{
        float: left;
        width:100%;
    }
}

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

    .anim_rotate_big_b{ 
        width: 25% !important;
    }
}
.mobile{
        display:none !important;
    }
@media only screen and (max-width: 900px) {
  .mobile{
        display:block !important;
    }
    .desktop{
        display:none !important;
    }
    .storiesSection .row {
        margin: 0px ; 
    }
    .mainHeader .headerMenu .navbar .headerButton > a,.mainHeader .headerMenu .navbar .headerButton > a:hover{
        border: none;
        border-radius: 0;
    }
} 

.coming-soon{ 
    font-family: 'Noto Sans', sans-serif !important;
    color:#fff !important;
}

.coming-soon:hover{
    background: #FDAF00 !important;
    color:#fff !important;
    font-family: 
}