body {
	font-family: 'Rubik', sans-serif;
	font-size:13pt;
}
.homecontainer{
    margin-top: 70px;

}

.unclickable > a:hover {
  cursor: default;
}

/* Hide Google reCaptcha badge */
.grecaptcha-badge {
	display: none;
}

@media only screen and (min-width: 1700px){
.homebelow{

    max-width: 1800px!important;
}
    }

.homebelow{
     text-align:center;
    max-width: 1500px;
}

.WeRSC{
width: 100%;
}
.navbar {
	position: fixed;
    opacity: 1;
	transition: top 0.3s ease-in-out;
	padding: 0rem 0rem 0rem 15%!important;

}
.navbar-dark .navbar-nav .nav-link{
	color: #fff1e2!important;

}
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
	color: #f1db26!important;
}
#mc_embed_signup {
                background: #fff;
                clear: left;
                font: 14px Helvetica,Arial,sans-serif;
                width: 100%;
            }
#ReadMoreVacancy{
color: black;
}
.min-high{
   min-height: 250px;
    max-height: 250px;
    width: 100%;
}
#ReadMoreVacancy:hover{
    text-decoration: none;
    color: black;
    opacity: 0.5;
}
.post-li{
    display: block!important;
}
.img-rounded{
            border-radius: 6px;
        }
      /*  .S1 {
            position: absolute;
            width: 100%;
        }

        .S2 {
            position: absolute;
        }
}
}
*/

.below{
    height: 250px!important;
    margin-bottom: 10px;
}
.post-content{
    overflow: hidden;
    background-color: white;
    height: auto;
}
.RText {
            font-family: "Raleway";
            font-weight: 500;
            font-size: 55px;
            letter-spacing: 5px;
            line-height: normal;
            color: #ffffff;
            text-shadow: -1px 0 #B2B3B5, 0 1px #B2B3B5, 1px 0 #B2B3B5, 0 -1px #B2B3B5;
        }

      /*  @media (min-width: 640px) {
            .S1 {
                left: 0;
                top: 0;
                font-size: 25px;
            }

            .S2 {
                width: 250px;
                right: 5px;
                top: 10px;
            }
        }

        @media (max-width: 640px) {
            .S1 {
                bottom: 0px;
                font-size: 16px;
            }

            .S2 {
                width: 200px;
                right: 5px;
                top: 5px;
            }
        }*/


.dropdown .dropdown-menu .dropdown-item:active, .dropdown .dropdown-menu .dropdown-item:hover{background-color:#f5f5f5;}


.navbar-hide {
    pointer-events: none;
	top: -1000px;
	position:fixed !important;
}
.navbar-appear {
  	cursor: pointer;
	top :0;
	position:fixed !important;
}
.navbar-brand {
	padding:0!important;
}
@media only screen and (min-width: 992px)  and (max-width: 1064px)  {
.below{
    height: 310px!important;
     transition: height 1ms ease;
}
}
@media only screen and (min-width: 768px)  and (max-width: 800px)  {
.below{
    height: 300px!important;
     transition: height 1ms ease;
}
}

@media only screen and (max-width: 276px){
	
	.navbar-brand{
	
	padding: 0!important;
	
}
.navbar-toggler {
	margin-top:-20%;
     padding: 0!important;
    }
}


@media only screen and (max-width: 767px){
    
.weAreSC{
     flex-wrap: unset!important;
    margin: 0!important;
   }
.weAreSC .col-xs-6{
    padding-left: 0!important;
    padding-right: 0!important;
   }
    #collapsibleNavId{
       overflow: scroll;
    
    height: 325px;
   }

}
@media only screen and (min-width: 870px)  and (max-width: 1280px)  {

.navbar-nav> li {
    padding: 1% 1% 1% 1%!important;    
    transition: padding 1s ease;
                }

.navbar {
	padding: 0rem 0rem 0rem 12%!important;
		}
}

@media only screen and (max-width: 870px)   {
.navbar {
    padding: 0rem 0rem 0rem 2%!important;
        }
.navbar-nav> li {
    padding: 1% 1% 1% 1%!important;
    transition: padding 1s ease;
                }
.dropdown .dropdown-menu .dropdown-item:active, .dropdown .dropdown-menu .dropdown-item:hover
        {
    color: #f1db26;
        }
.mb_parallax_container  
        {
    background-attachment: inherit!important;
        }
}


.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    margin-top: 22px;
    margin-bottom: 11px;
    font-weight: 500;
    line-height: 1.2;
}

.well-sm {
    padding: 9px;
    border-radius: 3px;
}

.navbar-dark .navbar-toggler-icon {
	
	border: 1px solid #dddddd;
    border-radius: 4px;
    width: 1.6em;
    height: 1.5em;
   
}

.navbar-toggler:focus, .navbar-toggler:hover {
    text-decoration: none;
    background-color: #dddddd;
}
 
.row-eq-height {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.navbar-nav > li:hover > .dropdown-menu {
	display: block;
	cursor: pointer;
}

vertical-center-row {
	display: flex;
	align-items: center;
}

.ToolBar1 {
	border-bottom: 1px solid #e3e3e3;
	background-color: #f1f1f1;
}

.ToolBar1 i {
	border-right: 1px solid #e3e3e3;
	height: 25px;
	padding: 5px;
	color: #999999;
}

.ToolBar1 span {
	font-family: Verdana;
	font-size: 11px;
	color: #999999;
}

@media (max-width: 540px) {
	.ToolBar1 span {
		display: none;
	}
}


.LogoImage1 {
    max-height: 43px;
    margin-top: 13px;
    margin-bottom: 13px;
    min-width: 150px;
    min-height: 35px;
}

.affix {
	top: 0;
	width: 100%;
	z-index: 9999;
}


@media (max-width: 768px) {
	.affix {
		overflow-y: auto;
		overflow-x: hidden;
		max-height: 100%;
	}
}

.dropdown-toggle:after { content: none }

.bg-light{
	margin: 0px 0px;
    background-color: #02233e!important;
    border-bottom: 2px solid #d9d9d9;
}
.test-class{
     padding: 1% 3% 1% 3%!important;
    transition: padding 1s ease;
}

/*@media only screen and (min-width: 1280px){
.navbar-nav> li {
    padding: 1% 3% 1% 3%!important;
    transition: padding 1s ease;

}
.nav-link{
    display: unset!important;
}
}*/

.navbar-light .navbar-nav .nav-link{
	color: #fff1e2!important;
	
}

.startBody{
    padding-top: 65px;
}

.socials li {
	float: left;
	padding: 11px;
	padding-left: 6px;
	padding-right: 6px;
}

.socials li a, .socials li a:hover {
		text-decoration: none;
}

.socials li a i {
	display: block;
	width: 35px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	border-radius: 5px;
	font-size: 21px;
	color: white;
}

.socials li a i:hover {
	background-color: white;
	color: #02233e;
}
			
.socials li a i {
	background-color: #02233e;
	box-shadow: 0 2px 4px 0 rgba(255, 255, 255, 0.5), 0 2px 5px 0 rgba(255, 255, 255, 0.4);
}
		
.navbar-collapse .dropdown-menu > li a {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 70px;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	min-width: 200px;
}

.navbar-collapse {
	padding-right: 0px;
}

.Shadow01{
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3), 0 6px 20px 0 rgba(0, 0, 0, 0.2);
}

.ArtImage{
	padding-top:10px;
	padding-bottom:20px;
	text-align:center;
}

.csPolicy{
    width:35px;
    height:35px;
    margin-right: 5px;

    -moz-box-shadow: 0 2px 2px 2px #888;
    -webkit-box-shadow: 0 2px 2px 2px#888;
    box-shadow: 0 2px 2px 2px #888;

    border-radius: 5px;
}

#mc4wp-form-1{
	margin-bottom: 0px!important;
}

.wpcf7-text, .wpcf7-textarea{
	display: block;
    width: 100%;
    padding: 6px 12px;
    font-size: 16px;
    line-height: 1.42857143;
    color: #555555;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #cccccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.btn-primary {
	width: 150px;
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: bold;
}

 #buttonHoverDuraocean {
            background: #5C9091;
            color: #fff;
            border: none;
            position: relative;
            height: 60px;
            font-size: 1.5em;
            padding: 0 2em;
            cursor: pointer;
            transition: 800ms ease all;
            outline: none;
}

#buttonHoverDuraocean:hover {
                background: #fff;
                color: #1AAB8A;
}

#buttonHoverDuraocean:before, #buttonHoverDuraocean:after {
                content: '';
                position: absolute;
                top: 0;
                right: 0;
                height: 2px;
                width: 0;
                background: #1AAB8A;
                transition: 400ms ease all;
}

#buttonHoverDuraocean:after {
                right: inherit;
                top: inherit;
                left: 0;
                bottom: 0;
}

#buttonHoverDuraocean:hover:before, #buttonHoverDuraocean:hover:after {
                width: 100%;
                transition: 800ms ease all;
}
   
#buttonHoverDuraland {
            background: #974B59;
            color: #fff;
            border: none;
            position: relative;
            height: 60px;
            font-size: 1.5em;
            padding: 0 2em;
            cursor: pointer;
            transition: 800ms ease all;
            outline: none;
}

#buttonHoverDuraland:hover {
                background: #fff;
                color: #974B59;
 }

#buttonHoverDuraland:before, #buttonHoverDuraland:after {
                content: '';
                position: absolute;
                top: 0;
                right: 0;
                height: 2px;
                width: 0;
                background: #974B59;
                transition: 400ms ease all;
}

#buttonHoverDuraland:after {
                right: inherit;
                top: inherit;
                left: 0;
                bottom: 0;
}

#buttonHoverDuraland:hover:before, #buttonHoverDuraland:hover:after {
                width: 100%;
                transition: 800ms ease all;
 }

.mb_parallax_container {
  height: auto;
  width: 100%;
  margin-top:50px;
  padding-top: 20vh;
  padding-bottom: 20vh;
  background-position: center;
  background-attachment: fixed;
    background-size: 100% 100%;
  background-repeat: no-repeat;
}
    
.mb_parallax_overlay {
  margin: auto;
  color:white;
  
}

#mb_parallax_one {
  background-image: url(http://scancom.lifestylegarden.com/wp-content/uploads/about-us/intro/scancom-introduction-parallax.jpg); 
}
@media only screen and (max-width: 488px){
    #buttonHoverDuraocean {
             height: auto!important;}
    #buttonHoverDuraland {
            height:  auto!important;}


    }

 @media (min-width: 1024px) {
            .TopN {
                min-height:700px;
            }
        }
 @media (min-width: 768px) and (max-width: 1023px) {
            .TopN {
                min-height:830px;
            }
        }
 @media (min-width: 540px) and (max-width: 767px) {
            .TopN {
                min-height:400px;
            }
        }
 @media (max-width: 539px) {
            .TopN {
                min-height:400px;
            }
        }
 @media (max-width: 320px) {
            .TopN {
                min-height:400px;
            }
        }