/**********************/
 /******* General ******/
/**********************/
/*html,body{
    margin:0;
    padding:0;
    width: 100%;
    outline:none;
}*/
body {
    font-size: 18px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
    color: #121110;
    overflow-x: hidden; /* Prevent scroll on narrow devices */
}

p {
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	font-weight: 300;
    color: black;
}
h2{
	font-size: 24px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
}

.landingCards{
	background-color: #fff;
    padding-top: 40px;
    padding-bottom: 40px;
	display: flex;
    align-items: center;
    flex-wrap: wrap;
	min-height:140px;
}
.landingCards .editable{
	display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.marginBottomTen{
	margin-bottom:20px;
}
.editable p{
    margin: 0 0 5px;
}

*{
    outline:none !Important;
}

.form-control{
     font-weight: 200;
}

.footerWrapper ul{
    list-style: none;
    margin-top:20px;
}
.footerTitle{
    font-size:18px;
    font-weight: 700;
    padding-bottom:3px;
}

.textAlignMobile{
    text-align: unset;
}
.paddingT{
    padding-top:20vh;
}
/* nav */
.navbar-default .navbar-nav>li>a{
	color:#fff!Important;
	margin-top:15px;
}

/* landing1 */

.landing1Title{
    font-size: 28px;
    color: #000000;
    font-family:'Exo2-Bold';
}
.bgHeaderText{
    font-family:'Callie_Hand';
    font-size: 64px;
    color: #ffffff;
    
}

.woodIntroHeader{
    font-size: 35px;
    color: black;
    
}
.bgText{
    font-size: 36px;
    text-align: center;
    color: #ffffff;
}

.cardHeaderText{
    font-size:14px;
    font-weight: bold;
    line-height: normal;
    letter-spacing: 0.7px;
    color: #000000;
    font-family:'Roboto-Bold';
    margin-bottom: 16px;
    padding-top: 26px;
}
.cardText{
    font-size:14px;
    letter-spacing: normal;
    color:#121110;
}

.marginTopMobileNot{
    margin-top:0px;
}

.pad-b-nm{
    padding-bottom: 30px;
}
/* end of landing1 */
/* landing2 */

.cardContent{
    width:92%;
    height: 96px;
    background-color:#ffffff;
    opacity:0.86;
    position: absolute;
    bottom: 0;
    padding:15px;
}
.cardContentHeader{
    font-weight: 700;
    font-size: 14px;
    color:#121110;
}
.cardContentText{
    color:#121110;
    font-size:14px;  
}




/*end of landing2 */
/* landing3 */

.landing3Text{
    font-size:16px;
    font-weight: 300;
    color: #000000;
}
.landing3Text2{
    font-weight: 200;
    color: #000000;
    font-size: 16px;
    font-weight: 300;
}

/* Overlay */
.overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 15px;
    right: 0;
    height: 100%;
    width: 93%;
    opacity: 0;
    transition: .5s ease;
    
}
.text {
    color: white;
    font-size: 14px;
    position: relative;
    top: 50%;
    padding-right: 10px;
    padding-left: 10px;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
}
.viewSite{
    padding:6px 16px;
    text-align: center;
    border: 1px solid white;
    border-radius:20px;
    font-size: 14px;
    line-height: 20px;
    bottom: 0;
    margin:0 auto;
    position: relative;
    cursor: pointer;
    width:115px;
    margin-top:15px;
}


.col-sm-4:hover .overlay{
    opacity: 1;
}
/* end of landing3*/
/*landing4*/
.landing4Bg{
    min-height: 494px;
    background:#ffffff;
    margin-top:40px;
}
.landing4Text{
    font-family: 'RobotoSlab-Bold';
    font-weight: bold;
    font-size: 28px;
    letter-spacing: 1.4px;
    color: #121110;
    text-align: left;
    /* top: 40%; */
    /* position: absolute; */
    margin-top: 35%;
}
.landing4BGImage{
    height: 409px;
    width:409px;
    margin-top: 37px;
    margin-bottom: 40px;
}
.landing4ContactText{
    font-size:15px;
    font-family:'Roboto-Regular';
}

/*end of landing4*/
/*kontakt*/
.contactHeader{
  font-family: 'Nunit-Bold';
  font-size: 20px;
  text-align: left;
  color: #ffffff;
}
.contactText{
  font-size: 16px;
  color: #ffffff; 
}
.contactLabelText{
    font-size:12px;
    font-weight: 300;
    color: #ffffff;
}
.customButton1{
    border-radius: 3px;
    background-color: #ef3d50;
    padding-top: 11px;
    padding-bottom: 11px;
    width: 100%;
    border: none;
}
.customButton2{
    color: white;
    margin-top: 30px;
    border-radius: 8px;
    background-color: #ef3d50;
}
.customButton1Text{
    font-weight: 700;
    font-size:16px;
    color:#ffffff;
}
.customButton1Text2{
    font-weight: 700;
    font-size:16px;
    color:#ffffff;
}
.customButton3{
    border-radius: 8px;
    background-color: #ef3d50;
    border: none;
    color: white;
    padding: 5px;
    padding-left: 40px;
    padding-right: 40px;
    font-weight: 700;
}
.customButton4{
    border-radius: 3px;
    background-color: #ef3d50;
    border: none;
    color: white;
    padding: 5px;
    padding-left: 40px;
    padding-right: 40px;
    font-weight: 500;
	height:44px;
	width:250px;
}

/*end of contact*/

/*end of landing5*/
/*landing7*/


/*end of landing7*/
/* footer */
.footerWrapper{
    width:100%;
    background-color: rgb(74, 74, 74);
    padding-bottom: 25px;
    padding-top:50px;
    color:#fff;
}

/* end of footer */
/* page news */
.navBackButton{
    padding: 9px 27px 9px 37px;
    border-radius: 21px;
    clear: both;
    display: inline-block;
    border: 1px solid #aaa;
    font-size: 16px;
    line-height: 20px;
    color: #333;
    text-align: left;
    float: left;
    background-image: url(../images/left-arrow.svg);
    background-size: 11%;
    background-repeat: no-repeat;
    background-position: 18% center;
    z-index: 500;
    position: relative;
    background-color: #fff;
    cursor: pointer;
    margin-top: 50px;
}
.btn-danger:hover{
    background:none;
    color:#ee7767;
    border: 1px solid #aaa;
    background-image: url(../images/left-arrow.svg);
    background-size: 11%;
    background-repeat: no-repeat;
    background-position: 18% center;
}
.pageTitle{
    font-weight: 700;
    font-size:36px;
}

.pageSubTitle{
    font-weight: 700;
    font-size: 22px;
    margin-bottom: 10px;
}

.newsEmail{
    font-family:'Roboto-Bold';
    padding-top: 10px;
    color:#18395a;
}
.newsEmail:hover{
    color:#ee7767;
}
.newsPhone{
    color:#ee7767;
    font-family:'Roboto-Bold';
}

.newsUserCard{
    text-align: left;
}

.newsOurTeamTitle{
    color:#ee7767;
    font-size:20px;
    font-weight: 700;
}
.newsOurTeamBody{
    color:#18395a;
    padding-top: 8px;
}
.newsOurTeamBody:hover{
    color:#f52c11;
    font-weight: bold;
}
.backHref{
    color:#333;
}
.backHref:hover{
    color:#ee7767;
}

/* end of page news */
.jodit_iframe_wrapper{
    max-width: 100%;
    width: auto!important;
}

iframe{
    max-width: 100%;
}


a {
	text-decoration: none !important;
}


/* paddings */

.paddinBottom40Mobile{
    padding-bottom: 0px;
}
.noPadding{
    padding-left: 0px;
    padding-right: 0px;
}

.noPaddingAlways{
    padding-left: 0px;
    padding-right: 0px;
}

.noPaddingLeft{
    padding-left: 0px;
}

.noPaddingRight{
    padding-right: 0px;
}
.noPaddingTop{
    padding-top:0px;
}
.noPaddingBottom{
    padding-bottom: 0px;
}

.noPaddingLeftAlways{
    padding-left: 0px;
}

.noPaddingRightAlways{
    padding-right: 0px;
}

.paddingTopNotMobile{
    padding-top: 50px;
}
.paddingTop5Mobile{
    padding-top: -1px;
}

.paddingLeftMobile{
    padding-left:0px;
}
.paddingLRNone{
    padding-left: 0px;
    padding-right:0px;
}

  /**********************/
 /**** Personalized ****/
/**********************/

.rowFlex{
    display: flex;
    flex-flow: row wrap;
}

.colFlex{
    flex: 1 auto;
	flex-grow: 0;
}


::-webkit-input-placeholder {
   color: #000000;
}

:-moz-placeholder { /* Firefox 18- */
   color: #000000;
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #000000;
}

:-ms-input-placeholder {  
   color: #000000;
}



.jodit_iframe_wrapper{
    max-width: 100%!important;
    max-height: 100%!important;
}




  /**********************/
 /****** TAB STYLE *****/
/**********************/


.tabs-style-flip a img{
	padding-right: 20px;
	margin-top: -10px;
	max-width: 120px;
}

.tab-current{
	background-color: #fff!important;
	border-top: 2px solid #8db917;
}

.tabs-style-flip nav a span{
	font-size: 16px;
	letter-spacing: 0px;
	font-weight: 700;
	color: #26007f!important;
	line-height: 1;
}

.tab-current a{
	font-size: 16px;
	/*font-size: 28px;*/
	font-weight: 700;
	letter-spacing: 0px;
	color: #26007f!important;
	line-height: 1;
}

.slick-next {
    right: 150px;
}

.sliderText{ 
    font-weight: 700;
    font-size: 14px;
    color: #000000;
    padding-top: 20px;
}


  /**********************/
 /**** HOVER EFFECT ****/
/**********************/
	



  /**********************/
 /**** SLICK SLIDER ****/
/**********************/
.slick-dots li.slick-active button::before {
    opacity: 0.75;
    color: #ef3d50;
}
.slick-dots {
    position: absolute;
    bottom: 20px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}

  /**********************/
 /****** SELECT 2 ******/
/**********************/
.select2-container--default{
    font-size: 16px;
    font-weight: 300;
    text-align: center;
    color: #000000;
}

.select2-selection{
    height: 34px!important;
    background-color: #ffffff!important;
    border: solid 1px #d9d9d9!important; 
    border-radius: 4px!important;
    padding-top: 4px;
}

.select2-selection__arrow{
    top: 8px!important;
    right: 8px!important;
    background-image: url("../images/arrow_down@3x.png");
    background-size: 10px 5px;
    background-repeat: no-repeat;
    background-position: center;
}

.select2-selection__arrow b{
    border-color: transparent!important;
    border: none!important;
}

.select2-search__field{
    display: true;
}

.singleWoodSubTitle{
    font-weight: 700;
	font-size:12px;
}
.tableTitle{
	color:black;
	padding-left:20px;
	padding-top:20px;
	padding-bottom:20px;
}
.centerText td{
	text-align:center;
}
.centerText th{
	text-align:center;
}
.paddinBottom7{
	padding-bottom:5px;
}
.paddinBottom7 span p{
	margin-bottom:0px;
}
.singleWoodSubTitle2 p{
    margin: 0 0 0px !Important;
}


  /**********************/
 /**** INPUT NUMBER ****/
/**********************/

.quantity {
  position: relative;
}

.quantity input[type=number]::-webkit-inner-spin-button,
.quantity input[type=number]::-webkit-outer-spin-button
{
  -webkit-appearance: none;
  margin: 0;
}

.quantity input[type=number]
{
  -moz-appearance: textfield;
  width: 52%;
}

.quantity input {
  width: 45px;
  height: 42px;
  line-height: 1.65;
  float: left;
  display: block;
  padding: 0;
  margin: 0;
  padding-left: 20px;
  border: 1px solid #d9d9d9;
}

.quantity input:focus {
  outline: 0;
}

.quantity-nav {
  float: left;
  position: relative;
  height: 42px;
}

.quantity-button {
  position: relative;
  cursor: pointer;
  border-left: 1px solid #d9d9d9;
  width: 28px;
  text-align: center;
  color: #333;
  font-size: 13px;
  line-height: 1.7;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.quantity-button.quantity-up {
  position: absolute;
  height: 50%;
  top: 0;
  border-bottom: 1px solid #d9d9d9;
  
  background-image: url("../images/inputup@3x.png");
  background-repeat: no-repeat;
  background-size: 10px 6px;
  background-position: center top 6px;
}

.quantity-button.quantity-down {
  position: absolute;
  bottom: -0.1px;
  height: 50%;
  
  background-image: url("../images/inputdown@3x.png");
  background-repeat: no-repeat;
  background-size: 10px 6px;
  background-position: center bottom 6px;
}
input{
	border-radius:0px!important;
}


  /**********************/
 /***** BREADCRUMBS ****/
/**********************/



  /**********************/
 /****** Parsley *******/
/**********************/

ul.parsley-errors-list{
    text-align: left;
    margin: 0;
    padding: 0;
    padding-top: 4px;
    padding-bottom: 4px;
}

li.parsley-type, li.parsley-equalto,  li.parsley-required, li.parsley-remote{
   list-style: none;
    margin-top: -12px;
    font-size: 12px;
    color: #ef3d50;
}

  /**********************/
 /***** Responsive *****/
/**********************/

@media screen and (max-width:  867px) {
	
}

@media screen and (min-width:  967px) {
/*	.dropdown:hover .dropdown-menu {
		display: block;
		margin-top: 0;
	 }*/
}

@media screen and (max-width:  967px) {
	
    .noPadding{
        padding-left: 15px;
        padding-right: 15px;
    }

    .noPaddingLeft{
        padding-left: 15px;
    }

    .noPaddingRight{
        padding-right: 15px;
    }
    
    
    .noPaddingAlways{
        padding-left: 0px!important;
        padding-right: 0px!important;
    }

    .noPaddingLeftAlways{
        padding-left: 0px;
    }

    .noPaddingRightAlways{
        padding-right: 0px;
    }
    
    
    .noPaddingMobile{
        padding-left: 0px;
        padding-right: 0px;
    }
    
    .noPaddingMobileLeft{
        padding-left: 0px;
    }
    
    .noPaddingMobileRight{
        padding-right: 0px;
    }
    .noPaddingMobileTop{
        padding-top: 0px;
    }
    
    .noPaddingMobileBottom{
        padding-bottom: 0px;
    }
	
	.rowFlex{
        display: inline;
    }

    .colFlex{
        flex: 0;
    }
}


@media screen and (max-width:  667px) {
	
}





  /**********************/
 /** CHECKBOX + RADIO **/
/**********************/


.pure-checkbox input[type="checkbox"],
.pure-radiobutton input[type="checkbox"],
.pure-checkbox input[type="radio"],
.pure-radiobutton input[type="radio"] {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.pure-checkbox input[type="checkbox"]:focus + label:before,
.pure-radiobutton input[type="checkbox"]:focus + label:before,
.pure-checkbox input[type="radio"]:focus + label:before,
.pure-radiobutton input[type="radio"]:focus + label:before,
.pure-checkbox input[type="checkbox"]:hover + label:before,
.pure-radiobutton input[type="checkbox"]:hover + label:before,
.pure-checkbox input[type="radio"]:hover + label:before,
.pure-radiobutton input[type="radio"]:hover + label:before {
  border-color: #fb8f8f;
  background-color: #f2f2f2;
}
.pure-checkbox input[type="checkbox"]:active + label:before,
.pure-radiobutton input[type="checkbox"]:active + label:before,
.pure-checkbox input[type="radio"]:active + label:before,
.pure-radiobutton input[type="radio"]:active + label:before {
  transition-duration: 0s;
}
.pure-checkbox input[type="checkbox"] + label,
.pure-radiobutton input[type="checkbox"] + label,
.pure-checkbox input[type="radio"] + label,
.pure-radiobutton input[type="radio"] + label {
  position: relative;
  padding-left: 2em;
  vertical-align: middle;
  user-select: none;
  cursor: pointer;
}
.pure-checkbox input[type="checkbox"] + label:before,
.pure-radiobutton input[type="checkbox"] + label:before,
.pure-checkbox input[type="radio"] + label:before,
.pure-radiobutton input[type="radio"] + label:before {
  box-sizing: content-box;
  content: '';
  color: #fb8f8f;
  position: absolute;
  top: 50%;
  left: 0;
  width: 14px;
  height: 14px;
  margin-top: -9px;
  border: 2px solid #fb8f8f;
  text-align: center;
  transition: all 0.4s ease;
}
.pure-checkbox input[type="checkbox"] + label:after,
.pure-radiobutton input[type="checkbox"] + label:after,
.pure-checkbox input[type="radio"] + label:after,
.pure-radiobutton input[type="radio"] + label:after {
  box-sizing: content-box;
  content: '';
  background-color: #fb8f8f;
  position: absolute;
  top: 50%;
  left: 4px;
  width: 10px;
  height: 10px;
  margin-top: -5px;
  transform: scale(0);
  transform-origin: 50%;
  transition: transform 200ms ease-out;
}
.pure-checkbox input[type="checkbox"]:disabled + label:before,
.pure-radiobutton input[type="checkbox"]:disabled + label:before,
.pure-checkbox input[type="radio"]:disabled + label:before,
.pure-radiobutton input[type="radio"]:disabled + label:before {
  border-color: #cccccc;
}
.pure-checkbox input[type="checkbox"]:disabled:focus + label:before,
.pure-radiobutton input[type="checkbox"]:disabled:focus + label:before,
.pure-checkbox input[type="radio"]:disabled:focus + label:before,
.pure-radiobutton input[type="radio"]:disabled:focus + label:before,
.pure-checkbox input[type="checkbox"]:disabled:hover + label:before,
.pure-radiobutton input[type="checkbox"]:disabled:hover + label:before,
.pure-checkbox input[type="radio"]:disabled:hover + label:before,
.pure-radiobutton input[type="radio"]:disabled:hover + label:before {
  background-color: inherit;
}
.pure-checkbox input[type="checkbox"]:disabled:checked + label:before,
.pure-radiobutton input[type="checkbox"]:disabled:checked + label:before,
.pure-checkbox input[type="radio"]:disabled:checked + label:before,
.pure-radiobutton input[type="radio"]:disabled:checked + label:before {
  background-color: #cccccc;
}
.pure-checkbox input[type="checkbox"] + label:after,
.pure-radiobutton input[type="checkbox"] + label:after {
  background-color: transparent;
  top: 50%;
  left: 4px;
  width: 8px;
  height: 3px;
  margin-top: -4px;
  border-style: solid;
  border-color: #ffffff;
  border-width: 0 0 3px 3px;
  border-image: none;
  transform: rotate(-45deg) scale(0);
}
.pure-checkbox input[type="checkbox"]:checked + label:after,
.pure-radiobutton input[type="checkbox"]:checked + label:after {
  content: '';
  transform: rotate(-45deg) scale(1);
  transition: transform 200ms ease-out;
}
.pure-checkbox input[type="radio"]:checked + label:before,
.pure-radiobutton input[type="radio"]:checked + label:before {
  animation: borderscale 300ms ease-in;
  background-color: white;
}
.pure-checkbox input[type="radio"]:checked + label:after,
.pure-radiobutton input[type="radio"]:checked + label:after {
  transform: scale(1);
}
.pure-checkbox input[type="radio"] + label:before,
.pure-radiobutton input[type="radio"] + label:before,
.pure-checkbox input[type="radio"] + label:after,
.pure-radiobutton input[type="radio"] + label:after {
  border-radius: 50%;
}
.pure-checkbox input[type="checkbox"]:checked + label:before,
.pure-radiobutton input[type="checkbox"]:checked + label:before {
  animation: borderscale 200ms ease-in;
  background: #fb8f8f;
}
.pure-checkbox input[type="checkbox"]:checked + label:after,
.pure-radiobutton input[type="checkbox"]:checked + label:after {
  transform: rotate(-45deg) scale(1);
}
@keyframes borderscale {
  50% {
    box-shadow: 0 0 0 2px #4f8196;
  }
}

@keyframes roll{
	0% {transform: translateX(500px) rotate(360deg); opacity: 0;}
	100% {transform: translateX(0px) rotate(0deg); opacity: 1;}
}

@keyframes moveUp{
	0% {transform: translateY(40px);}
	100% {transform: translateY(0px);}
}

@keyframes fadeIn{
	0% {opacity: 0;}
	100% {opacity: 1;}
}


/* HEADER NEW */

.headerText1{
    margin-top: 20vh;
	font-weight: 700;
	color: #ffffff;
}

.headerText3{
    font-size: 20px;
     color: #ffffff;
     margin-bottom: 50px;
}

.headerButton2{
    height: 43px;
    border-radius: 20px;
    color: #ffffff;
	font-weight: 500;
    font-size: 16px;
    text-align: center;
    transition: .3s;
    background-image: linear-gradient(to bottom, #b23146 6%, #de3f50);
}

.headerButton3{
    height: 43px;
    border-radius: 20px;
    color: #ffffff;
	font-weight: 500;
    font-size: 16px;
    text-align: center;
    transition: .3s;
    background-image: linear-gradient(to bottom, #b23146 6%, #de3f50);
    margin-left: auto;
    margin-right: auto;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    border:none;
}

.headerButton3:hover{
    background-image: linear-gradient(to bottom, #ef3d50 6%, #de3f50);
}

.headerButton2 div{
    margin-left: auto;
    margin-right: auto;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.headerButton2:hover{
    background-image: linear-gradient(to bottom, #ef3d50 6%, #de3f50);
}

.subpageHeader{
    background-size: cover;
    background-position: center;
    height: 35vh;
    background-repeat: no-repeat;
}

.subpageHeaderOther{
    background-size: cover;
    background-position: center;
    height: 30vh;
    background-repeat: no-repeat;
}

.subpageBreadcrumbsOther{
    font-size: 12px;
    font-weight: 600;
    color: #ffffff;
    margin-top: 5vh;
    border-bottom: 1px solid #ffffff;
    padding-bottom: 10px;
	padding-top:10px;
	padding-left:15px;
	
}

.subpageBreadcrumbs{
    font-size: 12px;
    font-weight: 600;
    color: #ffffff;
    margin-top: 9vh;
    border-bottom: 1px solid #ffffff;
    padding-bottom: 10px;
	padding-top:10px;
	padding-left:15px;
	
}

.subpageHeaderText1{
     font-size: 48px;
     font-weight: 700;
     color: #ffffff;
}

.subpageHeaderText2{
    color: #fff;
    font-size: 16px;
    font-weight: 300;
}

.topNavigation{
    height: 23px;
    width: 100%;
    text-align: right;
	background-color:#4a4a4a;
	color:#fff
}

.topNavigationContent{
    display: inline-block;
    margin-right: 30px;
	font-size:14px;
	padding-top:3px;
}

.topNavigationContentLast{
    display: inline-block;
    margin-right: 320px;
    padding-top: 10px;
    
}

.GetQuoteButton{
    display: inline-block;
    height: 44px;
    border-radius: 3px;
    background-color: #ef3d50;
    border: 1px solid #ef3d50;
    color: #ffffff;
    text-align: center;
    transition: .3s;
}

.GetQuoteButton:hover{
    color: #ef3d50;
    background-color: #ffffff;
}

.PrintButton{
    display: inline-block;
    height: 50px;
	width:100px;
    text-align: center;
    transition: .3s;
	background-color:#fff;
	border: 1px solid #fff;
}

.PrintButton:hover{
    color: #ef3d50;
    border: 1px solid #ef3d50;
}

.topNavigationButton{
    display: inline-block;
    width: 244px;
    height: 44px;
    border-radius: 3px;
    background-color: #ef3d50;
    border: 1px solid #ef3d50;
    color: #ffffff;
    text-align: center;
    position: absolute;
    top: 0;
    right: 0;
    transition: .3s;
}

.topNavigationButton div{
    margin-left: auto;
    margin-right: auto;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.topNavigationButton:hover{
    color: #ef3d50;
    background-color: #ffffff;
}
.unslider-arrow{
	background: rgb(119, 115, 111, 0.7);
    width: 70px;
    border-radius: 100px;
    height: 70px;
	transition: 0.2s;
}
.unslider-arrow:hover{
	background: rgb(27, 27, 27, 1);
}
.unslider-arrow img{
	width: 20px;
}

.landingText1{
	padding-top: 30px;
}

.landingText2{
    color: #000000;
    font-size: 16px;
    color: #121110;
    font-weight: 400;
}

.customLine1{
    border-bottom: 1px solid #262c3a;
    height: 0.1px;
	margin-bottom: 30px;
}

.customLineAbout{
    border-bottom: 2px solid #b23146;
    height: 12px;
    margin-bottom: 30px;
}

.backToSearch{
    font-size: 14px;
    font-weight: 600;
    color: #ffffff;
    margin-top: 34px;
	padding-bottom:10px;
}

.backToSearch:hover{
    opacity: 0.8;
}

.backToSearch span img{
    width: 17px;
    height: 14px;
    position: relative;
}

.usageTitle{
    color: #000000;
    font-size: 14px;
    font-weight: 600;
}

/* DEMO-SPECIFIC STYLES */
.typewriter {
  overflow: hidden; /* Ensures the content is not revealed until the animation */
  border-right: .15em solid #ef3d50; /* The typwriter cursor */
  white-space: nowrap;
  margin: 0 auto; /* Gives that scrolling effect as the typing happens */
  animation: 
    typing 1.5s steps(10, end),
    blink-caret .5s step-end infinite;
}

/* The typing effect */
@keyframes typing {
  from { width: 0 }
  to { width: 100% }
}

/* The typewriter cursor effect */
@keyframes blink-caret {
  from, to { border-color: transparent }
  50% { border-color: #ef3d50 }
}

/* mobile view */
@media screen and (max-width: 1200px) {
    .cardContent {
	width: 91%;
    }
    .lng3textCustom {
	font-size: 11px;
    }
    .lng3text {
	font-size: 11px;
    }
    .overlay {
	width: 91%;
    }
    .lng2Card1Text1{
	width: 100px;
    }
    .landing2BG2 {
	background-position: center;
	background-size: cover;
	height: 450px;
	/* margin-top: -119px; */
    }
    .landing2Bg {
	height: 450px;
	padding: 0px;
	padding-left: 50px;
    }
}


@media (max-width: 950px) {
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
    }
    .navbar-inverse {
	background-color: #fff;
	border:none;
	min-height: 80px;
	height: auto;
    }
    .navbar-nav {
    float: none!important;
    margin-top: 30.5px;
}
.navbar-right {
    float: left!important;
    margin-right: -15px;
    padding-top: 20px;
}

}

@media screen and (max-width: 991px) {
    .customButton1 {
	border-radius: 3px;
	background-color: #ef3d50;
	padding-top: 11px;
	padding-bottom: 11px;
	width: 98%;
	border: none;
	margin-left:10px;
    }
    .cardContent {
	width: 88%;
    }
    .cardText {
	font-size: 11px;
	letter-spacing: normal;
	color: #121110;
    }
    .lng2Card1Text4 {
	font-size: 11px;
    }
    .lng3textCustom {
	font-size: 11px;
    }
    .lng3text {
	font-size: 11px;
    }
    .nav>li{
	padding-right: 3px;
    }
    .lng3Image1{
	height: 200px;
	background-size:175px;
    }
    .lng3Image{
	height: 200px;
	background-size:75px;
    }
    .lng3Image2{
	height: 200px;
	background-size:90px;
    }
    .paddingTop5Mobile{
	padding-top: 5px;
    }
    .overlay {
	width: 89%;
    }
    .landing4BGImage{
	background-size: 345px !important;
    }
    .newsUserCard{
	text-align: center;
    }
    .lng2Card1Text1{
	width: 60px;
    }
    .landing4Text{
	margin-top: 60%;
    }

    .landing2Products{
	margin-top: -570px;
	padding-left: -17px;
	padding-left: 0px;
	margin-left: -50px;
    }
    .responsive{
	margin-left:50px;
    }
   
}


@media screen and (max-width: 768px) {
    .cardContent {
	width: 95%;
    }
    .pad-b-nm{
	padding-bottom: 0px;
    }
    .marginTopMobileNot{
	margin-top:-136px;
    }
    .landing2BG2 {
	background-position: center;
	background-size: cover;
	height: 340px;
	/* margin-top: -119px; */
    }
    .landing2Bg {
	height: auto;
	padding: 20px;
	padding-left: 30px;
    }
    .paddinBottom40Mobile{
	padding-bottom: 40px;
    }
    .cardText {
	font-size: 15px;
	letter-spacing: normal;
	color: #121110;
    }
    .lng2Card1Text4 {
	font-size: 14px;
    }
    .lng3textCustom {
	font-size: 14px;
    }
    .lng3text {
	font-size: 14px;
    }
    .paddingTopNotMobile{
	padding-top: 0px;
    }
    .lng3Image1{
	height: 200px;
	background-size:250px;
    }
    .paddingTop5Mobile{
	padding-top: -1px;
    }
    .overlay {
	width: 100%;
    }
    .landing4Text{
	text-align: center;
    }
    .landing4BGImage{
	height: 250px;
	width:250px;
    }
    .paddingLeftMobile{
	padding-left:30px;
    }
    .lng2Card1Text1{
	width: 180px;
    }
    .landing4Text{
	margin-top: 10%;
    }
    .textAlignMobile{
	text-align: center;
    }

}

@media screen and (max-width: 640px) {
    .footerImage{
	width:307px;
    }
}
@media screen and (max-width: 580px) {
    .logoWood {
		margin-top: -45px;
		margin-left: 20px;
    }
    .bgText {
	font-size: 21px;
    }
    .bgHeaderText {
	font-size: 46px;
    }
    .cardContent {
    width: 93%;
}
    .landing2Title {
	padding-top: 30px;
	font-size: 30px;
	padding-bottom: 10px;
    }
    .landing4ContactText {
	font-size: 14px;
	text-align: center;
    }
}
@media screen and (max-width: 495px) {
    .paddingT{
	padding-top:15vh;
    }
}
@media screen and (max-width:418px){
    .navText {
	font-size: 26px;
    }
    .logoWood{
        margin-left:0px;
    }
}

.interestedInSpecies{
	font-weight: 500!Important;
	padding-bottom: 20px;
	font-size: 20px;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #000000;
}

/* The container */
.CheckboxContainer {
    display: block;
    position: relative;
    padding-left: 30px;
    margin-bottom: 12px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	font-weight:10!Important;
}

/* Hide the browser's default checkbox */
.CheckboxContainer input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 18px;
    width: 18px;
    background-color: #fff;
	border: 2px solid #848282;
    border-radius: 3px;
}

/* On mouse-over, add a grey background color */
.CheckboxContainer:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.CheckboxContainer input:checked ~ .checkmark {
    background-color: #ef3d50;
	border: 2px solid #ef3d50;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.CheckboxContainer input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.CheckboxContainer .checkmark:after {
    left: 3px;
    top: -1px;
    width: 8px;
    height: 14px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

label{
	font-size: 12px;
	color: #898a98;
	font-weight:400;
}

.contactContainer{
	background-color:#f2f2f2;margin-bottom:10px;
}
.form-control{
	color: black;
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 2.14;
    letter-spacing: normal;
}
.flexSameHeight{
/*	display: flex;*/
	justify-content: space-around;
	align-items: flex-start;
}
.ImagesContainer{
	text-align:center;
	padding-top:20px;
	background-image: linear-gradient(90deg, #7bcfd1 0%, #97ebed 50%, #7bcfd1 85%);
}
.ImageGalleries{
	width: 100%;
	height: 150px; 
	display: none;
}
.ImageWrap{
	background-size: cover; 
	background-position: center; 
	height: 150px;
}
.TableContainer{
	padding-top:20px;
	margin-bottom: 50px;
	flex-wrap: wrap;
	margin-top: 20px;
	display: flex;
}
.OtherContainer{
	padding-top:20px;
	margin-bottom: 50px;
	flex-wrap: wrap;
	margin-top: 20px;
	display: flex;
}
.CallUsWrap{
	background-image: url('../images/group-2.jpg');
	height: 350px;
	position: -webkit-sticky;
	position: sticky;
	top: 60px;
}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    border: none!Important;
}

tbody td{
  padding: 30px;
}

tbody tr:nth-child(even){
  background-color: #f4f4f4;
  color: black;
}
.TableWrap{
	margin-bottom:30px;
	background-color:#fff
}
.TableContainer td{
	font-size:14px;
}

.ProductCard{
	background-color:#fff;	
	margin-bottom:20px;
}
.ProductWrapper{
	padding-bottom: 10px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
	border-bottom:1px solid black;
}
.ProductCardAbout{
	background-color:#fff;
	margin-bottom:20px;
	padding-bottom:40px;
	padding-top:30px;
}
.ProductTitle{
	font-size: 24px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
	display:inline-block;
	padding-left:30px;
	padding-top:5px;
	padding-right: 30px;
}
.aboutBackground{
	background-repeat: no-repeat;
    background-position: 100% 50%;
    background-size: 50%;
}
.ProductCardAbout a{ 
	color:black;
}
.backgroundSliderImage{
	background-position:0px -60px;background-size:cover;width:100%;min-height:770px;
}
.stillNotConvincedBackground{
	background-color:#fff;padding-bottom:30px;
}
.footerLink{
	color:black;
}
.table span p{
	font-size: 14px;font-family: 'Montserrat', sans-serif;font-weight: 300;
}
/* The actual timeline (the vertical ruler) */
.timeline {
    max-width: 800px;
    margin: 0 auto;
}

/* The actual timeline (the vertical ruler) */
.timeline {
    max-width: 1200px;
    margin: 0 auto;
}

/* The actual timeline (the vertical ruler) */
.timeline::after {
    content: '';
    position: absolute;
    width: 3px;
    background-color: darkGrey;
    top: 10%;
    bottom: 0;
    left: 50%;
    margin-left: -1.5px;
}

/* Container around content */
.containerTimelineLeft {
    padding: 0px 20px 10px 0px;
    position: relative;
    background-color: inherit;
    width: 50%;
}
.containerTimelineRight {
    padding: 0px 0px 0px 20px;
    position: relative;
    background-color: inherit;
    width: 50%;
}

/* The circles on the timeline */
.containerTimelineLeft::after {
    content: '';
    position: absolute;
    width: 25px;
	height: 25px;
    right: -12px;
    background-color: #b23146;
    border: 4px solid #b23146;
    top: 15px;
    border-radius: 50%;
    z-index: 1;
	top: 40%;
	font-size:13px;
	color: #fff;
}
.containerTimelineRight::after {
    content: '';
    position: absolute;
    width: 25px;
	height: 25px;
    right: -12px;
    background-color: #b23146;
    border: 4px solid #b23146;
    top: 15px;
    border-radius: 50%;
    z-index: 1;
	top: 40%;
	font-size:13px;
	color: #fff;
}

/* Place the container to the left */
.left {
    left: 0;
}

/* Place the container to the right */
.right {
    left: 50%;
}

/* Fix the circle for containers on the right side */
.right::after {
    left: -12px;
}

/* The actual content */
.content {
    padding: 20px 20px 10px 10px;
    position: relative;
	display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.containerTimeline p{
	margin-top:10px;
}

/* Media queries - Responsive timeline on screens less than 600px wide */
@media screen and (max-width: 450px) {
    .one {
        height:210px!important;
    }
    .two {
        height:290px!important;
    }
    .three {
        height:230px!important;
    }
    .four {
        height:130px!important;
    }
    .five {
        height:160px!important;
    }
    .six {
        height:280px!important;
    }
    .seven {
        height:330px!important;
    }
    .eight {
        height:200px!important;
    }
    .nine {
        height:150px!important;
    }
    .ten {
        height:140px!important;
    }
    .eleven {
        height:300px!important;
    }
/*    .timeline::after {
       top: 5%; 
    }*/
}

.footerWrapper{
	padding-top:0px;
}

.one::after {content: '1';padding-left: 6px;}
.two::after {content: '2';padding-left: 5px;}
.three::after {content: '3';padding-left: 5px;}
.four::after {content: '4';padding-left: 4px;}
.five::after {content: '5';padding-left: 5px;}
.six::after {content: '6';padding-left: 5px;}
.seven::after {content: '7';padding-left: 5px;}
.eight::after {content: '8';padding-left: 5px;}
.nine::after {content: '9';padding-left: 5px;}
.ten::after {content: '10';padding-left: 3px;}
.eleven::after {content: '11';padding-left: 4px;}

.littleHeader{
	font-size: 15px;
	font-weight: bold;
	color: #b23146;
}
.grayText{
	font-size: 18px;
	color: #898a98;
	font-weight:500;
}
.grayTextNormal{
	font-size: 18px;
	color: #898a98;
	font-weight:300;
}
.redNotBold{
	font-size: 15px;
	color: #b23146;
	font-weight: 600;
	padding-top:13px;
}

.buttonInverted{
    height: 43px;
    color: black;
	font-weight: 500;
    font-size: 16px;
    text-align: center;
    transition: .3s;
    background-color:#fff;
	border-style: solid;
	border: 1px solid #b23146;
	border-radius: 20px;
}

.buttonInverted div{
    margin-left: auto;
    margin-right: auto;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.buttonInverted:hover{
    background-image: linear-gradient(to bottom, #ef3d50 6%, #de3f50);
	color:#fff;
}

.nextButton {
  min-height: 42px;
  width: 100%;
  border-radius: 3px;
  border-color: #4cb994;
  background-color: #4cb994;
  font-size: 16px;
  font-weight: 600;
  text-align: center;
  color: #ffffff;
  -webkit-appearance: none;
  background-image: url("../images/arrowRight@3x.png");
  background-repeat: no-repeat;
  background-size: 9px 14px;
  background-position: right 13px center;
  transition: .5s; }
  .nextButton:hover {
    background-color: #348569;
    border-color: #348569; }
  .nextButton.grey {
    background-color: #7e7e7e;
    border-color: #7e7e7e; }
    .nextButton.grey:hover {
      background-color: #585858;
      border-color: #585858; }
  .nextButton.condensed {
    min-height: 25px;
    font-size: 12px; }
  .nextButton.white {
    color: #000000;
    background-color: #ffffff;
    border-color: #7e7e7e; }
    .nextButton.white:hover {
      background-color: #7b7b7b;
      border-color: #7b7b7b; }
  .nextButton.h42 {
    height: 42px; }
  .nextButton.footer {
    border-radius: 0; }
  .nextButton svg {
    width: 25px;
    height: 25px;
    float: left;
    position: absolute;
    left: 30px;
    top: 8px; }

.cancelButton {
  min-height: 42px;
  width: 100%;
  border-radius: 3px;
  border-color: #7e7e7e;
  background-color: #ffffff;
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  color: #000000;
  transition: .5s; }
  .cancelButton:hover {
    background-color: #d9d9d9;
    border-color: #d9d9d9; }

.googleColor {
  background-color: #ffffff;
  color: #4a4a4a;
  font-weight: 600 !important;
  border-color: #e8e8e8 !important;
  transition: .5s;
  border-left: 0;
  border-right: 0; }
  .googleColor svg path {
    transition: .5s;
    /*fill: #d34836!important;*/ }
  .googleColor:hover {
    color: #ffffff !important;
    background-color: #d34836 !important; }
    .googleColor:hover svg path {
      /*fill: $whiteColor!important;*/ }

.facebookColor {
  background-color: #ffffff;
  border-color: #e8e8e8 !important;
  color: #4a4a4a;
  font-weight: 600 !important;
  transition: .5s;
  border-left: 0;
  border-right: 0; }
  .facebookColor svg path {
    transition: .5s;
    fill: #3b5998 !important; }
  .facebookColor:hover {
    color: #ffffff !important;
    background-color: #3b5998 !important; }
    .facebookColor:hover svg path {
      fill: #ffffff !important; }


.step {
  padding-bottom: 80px;
  position: relative; }
  .step__number {
    margin-top: 21px;
    margin-bottom: 12px; }
    .step__number.grey {
      opacity: .6;
      pointer-events: none; }
    .step__number__circle {
      width: 32px;
      height: 32px;
      background-color: #ffffff;
      border-radius: 100px;
      font-size: 20px;
      font-weight: 700;
      color: #000000; }
      .step__number__circle.twoDigit span {
        left: 2px; }
      .step__number__circle span {
        position: absolute;
        left: 9px;
        top: 3px; }
    .step__number__title {
      font-size: 20px;
      font-family: "Nunito", sans-serif;
      font-weight: 700;
      line-height: 0.7;
      color: #000000;
      padding-top: 10px; }
    .step__number__text {
      padding-top: 10px;
      font-size: 13px;
      line-height: 1.31;
      color: #000000; }
  .step__boxHover {
    cursor: pointer;
    margin-top: 10px; }
    .step__boxHover:hover {
      border-radius: 3px;
      background-color: #ffffff;
      min-height: 30px;
      transition: .5s; }
  .step__box {
    border-radius: 3px;
    background-color: #ffffff;
    min-height: 30px; }
    .step__box.grey {
      opacity: .6;
      pointer-events: none; }
    .step__box__select {
      margin-top: 18px;
      margin-bottom: 18px;
      height: 46px; }
      .step__box__select select {
        padding-left: 39%; }
    .step__box__userData {
      font-size: 16px;
      color: #000000; }
    .step__box__editLink {
      font-size: 13px;
      color: #000000;
      text-decoration: underline !important;
      cursor: pointer;
      transition: .5s; }
      .step__box__editLink:hover {
        opacity: .6; }
      .step__box__editLink.big {
        font-size: 16px; }
    .step__box__header {
      font-size: 12px;
      font-weight: 700;
      letter-spacing: 1.5px;
      text-align: center;
      color: #000000;
      border-radius: 3px;
      border: solid 3px #ffd100;
      padding-top: 5px;
      padding-bottom: 2px; }
      .step__box__header.hiddenElement {
        opacity: 0; }
    .step__box__body {
      min-height: 200px; }
      .step__box__body.grey * {
        color: #7e7e7e !important; }
      .step__box__body__title {
        font-size: 20px;
        font-weight: 600;
        text-align: center;
        color: #000000;
        padding-top: 32px; }
      .step__box__body__price {
        font-size: 16px;
        text-align: center;
        color: #000000;
        padding-bottom: 20px; }
        .step__box__body__price span {
          font-size: 21px;
          font-weight: 700; }
      .step__box__body__element__image {
        padding-top: 2px; }
      .step__box__body__element__text {
        font-size: 13px;
        line-height: 2.08;
        color: #000000; }
        .step__box__body__element__text.bigger {
          font-size: 16px; }
    .step__box__selection {
      font-size: 16px;
      text-align: center;
      color: #000000;
      padding-top: 17px;
      padding-bottom: 17px;
      border-top: solid 1px #d2cfd3;
      cursor: pointer;
      position: relative;
      transition: .5s;
      border-bottom: solid 2px #ffffff; }
      .step__box__selection.grey {
        color: #7e7e7e !important; }
      .step__box__selection.bold {
        font-weight: 600; }
      .step__box__selection:hover {
        background-color: #fafafa;
        border-color: #fafafa; }
      .step__box__selection img {
        display: none;
        position: absolute;
        right: -10px;
        top: -11px;
        z-index: 30; }
      .step__box__selection.rightBorder {
        border-right: solid 1px #d2cfd3; }
      .step__box__selection.active {
        border-radius: 3px;
        border: solid 2px #ffd100; }
        .step__box__selection.active img {
          display: block; }
    .step__box__ribbon {
      position: absolute;
      left: -13px;
      top: 60px; }
      .step__box__ribbon.top {
        top: 30px; }
      .step__box__ribbon span {
        position: absolute;
        font-size: 12px;
        font-weight: 700;
        text-align: center;
        color: #000000;
        top: 10px;
        left: 10px; }
    .step__box__extra {
      border-radius: 3px;
      background-color: #ffffff;
      border: solid 2px transparent;
      padding-top: 32px;
      padding-bottom: 20px;
      transition: border .5s, display .5s;
      cursor: pointer; }
      .step__box__extra img.check {
        display: none;
        position: absolute;
        right: -10px;
        top: -11px;
        z-index: 30; }
      .step__box__extra.active {
        border-color: #ffd100; }
        .step__box__extra.active img.check {
          display: block; }
      .step__box__extra__image {
        text-align: center; }
      .step__box__extra__caption {
        font-size: 13px;
        text-align: center;
        color: #000000;
        padding-top: 10px; }
        .step__box__extra__caption.additionalTop1 {
          padding-top: 16px; }
        .step__box__extra__caption.additionalTop2 {
          padding-top: 22px; }
        .step__box__extra__caption.additionalPadding {
          padding-bottom: 12px; }
    .step__box__inputGroup__caption {
      font-size: 16px;
      color: #000000;
      padding-left: 20px; }
    .step__box__inputGroup__input {
      min-height: 46px;
      background-color: #ffffff;
      border: solid 1px #d9d0d0;
      font-size: 16px;
      font-weight: 600;
      color: #000000;
      width: 100%;
      padding-left: 20px; }
      .step__box__inputGroup__input.small {
        font-size: 13px; }
      .step__box__inputGroup__input.textarea {
        min-height: 78px;
        padding-top: 12px;
        resize: none;
        font-size: 13px; }
    .step__box__caption {
      font-size: 13px;
      text-align: center;
      color: #000000; }
    .step__box__hours__element {
      background-color: #ffffff;
      border: solid 1px #d2cfd3;
      font-size: 16px;
      padding-top: 10px;
      padding-bottom: 10px;
      text-align: center;
      color: #000000;
      margin-left: -1px;
      margin-bottom: -1px;
      cursor: pointer;
      transition: border-color .5s; }
      .step__box__hours__element.roundTopLeft {
        border-top-left-radius: 3px; }
      .step__box__hours__element.roundTopRight {
        border-top-right-radius: 3px; }
      .step__box__hours__element.roundBottomLeft {
        border-bottom-left-radius: 3px; }
      .step__box__hours__element.roundBottomRight {
        border-bottom-right-radius: 3px; }
      .step__box__hours__element img {
        display: none;
        position: absolute;
        right: -10px;
        top: -11px;
        z-index: 100;
        transition: .5s; }
      .step__box__hours__element:hover {
        background-color: #fafafa;
        border-color: #fafafa; }
      .step__box__hours__element.active {
        z-index: 12;
        border-color: #ffd100;
        font-weight: 600; }
        .step__box__hours__element.active img {
          display: block; }
  .step__summary {
    background-color: #ffffff;
    border-radius: 3px;
    padding-bottom: 11px;
    /*position: fixed;
    max-width: 23vw;*/ }
    .step__summary__seperator {
      border-bottom: solid 1px #d2cfd3;
      margin-top: 11px;
      margin-bottom: 11px; }
    .step__summary__title {
      font-size: 20px;
      font-weight: 700;
      color: #000000;
      padding-top: 11px;
      padding-left: 30px; }
    .step__summary__caption {
      font-size: 13px;
      color: #000000;
      padding-left: 15px; }
      .step__summary__caption.semibold {
        font-weight: 600; }
      .step__summary__caption.big {
        font-size: 20px; }
      .step__summary__caption.smallgrey {
        font-size: 10px;
        text-align: right;
        color: #9b9b9b; }
      .step__summary__caption.rightAlign {
        text-align: right; }
      .step__summary__caption.imgPadding img {
        padding-left: 8px;
        display: none; }
    .step__summary__input {
      min-height: 36px; }
      .step__summary__input input {
        height: 100%;
        width: 100%;
        min-height: 36px;
        background-color: #ffffff;
        border: solid 1px #d9d0d0;
        font-size: 13px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: left;
        color: #9b9b9b;
        padding-left: 15px;
        border-right: 0; }
    .step__summary__button {
      min-height: 36px;
      background-color: #4cb994;
      font-size: 13px;
      font-weight: 700;
      text-align: center;
      color: #ffffff; }
      .step__summary__button button {
        -webkit-appearance: none;
        border: 0;
        box-shadow: none;
        background: inherit;
        width: 100%;
        padding: 0;
        height: 36px; }
  .step__scoreBox {
    /*position: fixed;
    max-width: 23vw;
    top: 320px;*/
    background-color: rgba(255, 255, 255, 0.91);
    padding-top: 20px;
    padding-bottom: 15px;
    margin-top: 7px; }
    .step__scoreBox__text {
      font-size: 18px;
      font-weight: 700;
      text-align: right;
      color: #000000; }
    .step__scoreBox__caption {
      font-size: 13px;
      text-align: center;
      color: #4a4a4a;
      padding-top: 10px; }

.footer__element__body__title {
  font-size: 13px;
  font-weight: 600;
  color: #000000; }
.footer__element__body__text {
  font-size: 13px;
  color: #4a4a4a;
  padding-top: 6px; }
  .footer__element__body__text.logos {
    padding-top: 4px; }
    .footer__element__body__text.logos img {
      padding-right: 3px; }

.positionRelative {
  position: relative; }

.topSeperator {
  border-top: 1px solid #d9d0d0; }

.success__image {
  text-align: center; }
.success__title {
  font-size: 20px;
  font-weight: 600;
  text-align: center;
  color: #000000;
  padding-top: 17px; }
.success__box {
  padding-top: 22px;
  padding-bottom: 30px;
  background-color: #ffffff; }
  .success__box__text {
    font-size: 16px;
    text-align: center;
    color: #000000; }
    .success__box__text.green {
      color: #4cb994; }
  .success__box__title {
    font-size: 16px;
    text-align: center;
    font-weight: 600;
    color: #000000; }
  .success__box__image {
    text-align: center; }
.success__under {
  font-size: 20px;
  font-weight: 600;
  text-align: center;
  color: #000000;
  margin-top: 20px; }

/* Media queries - Responsive timeline on screens less than 600px wide */
@media screen and (max-width: 580px) {
    .container-fluid{
		margin-top:10px;
	}
}

@media screen and (max-width: 1000px) {
    
    .NoMobilePaddingLeft{
        padding-left:0px!important;
    }
    #MobileMarginButton{
        margin-bottom: 30px!important;
        margin-top:40px!important;
    }
    .g-recaptcha div{
        width:100%!important;
    }
    .headerText1{
        margin-top:10px!important;
    }
    .backgroundSliderImage {
        background-position: 0px -60px;
        background-size: cover;
        width: 100%;
        min-height: 770px;
    }
    .SmallerMaringMobile{
        margin-top:20px!important;
    }
    .footerRow{
        text-align: center;
    }
    .LessPaddingMobile{
        padding-left:0px!important;
        padding-top:20px;
    }
    .gtbank{
        margin-left:0px!important;
    }
}