/****************************** OVERRIDES OUTLINE TO FIX POPUPS TEXT ****************************/

*{ outline: none; }
iframe{ display: block; }



/****************************** COPIED IN FROM COLOURS FILE ****************************/

html{ box-sizing: border-box; margin:0; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }		
	
h1 { float:left; width:100%; margin:0; clear: both; font-size: 5rem; }
h2 { float:left; width:100%; margin:0; clear: both; margin-bottom: 20px; font-size: 3.5rem; }
h3 { float:left; width:100%; margin:0; clear: both; font-size: 1.6rem; }
h4 { float:left; width:100%; margin:0; clear: both; }
h5 { float:left; width:100%; margin:0; clear: both; }
h6 { float:left; width:100%; margin:0; clear: both; }

a { text-decoration:none; cursor:pointer; background-color: transparent; }
p { float:left; width:100%; margin-bottom: 10px; font-weight:400; font-size: 1.3rem; }	
ul li, ol li { float:left; width:100%; font-size: 1.3rem; }

#main-text-page a:hover{
	color: #00a298;
}



/****************************** FONTS ****************************/

@media screen and (max-width: 480px){
	h2{ font-size: 3rem; }
}

@media screen and (max-width: 400px){
	h2{ font-size: 2.5rem; }
}



/****************************** DEFAULT ****************************/

.smooth-scroll-wrapper{float: left; width: 100%; }

.half-width-right{ float: right; width: 50%; }
.half-width-left{ float: left; width: 50%; }


@media screen and (max-width:1280px){
	.half-width-right, .half-width-left{ width: 60%; }
}

@media screen and (max-width:1024px){
	#second-text-contact{ width: 100%; }
}

@media screen and (max-width:768px){
	.half-width-right, .half-width-left{
		width: 100%;
	}
}

/****************************** HEADER SECTION ****************************/

#site-header{ height:110px; position: fixed; top: 0; z-index:50; }

#site-header, #sticky-header, #site-logo, #site-logo img, #header-right{ -webkit-transition:all .5s; -moz-transition:all .5s; -o-transition:all .5s; transition:all .5s; }

#sticky-header{ height:110px; }
#site-logo{ margin-top: -23px;  }
#site-logo img{ height:95px; }
.main-navigation{ width:calc( 100% - 270px ); /*height:62px;*/ height: 43px; }

.white-logo-text{ display: none; }

.scrolled-down #site-header{ height:50px; }
.scrolled-down #site-logo{ margin-top: -7px;  }
.scrolled-down #site-logo img{ height: 45px; }
.scrolled-down .main-navigation{ height:30px; }

@media screen and (max-width:1023px){
	#site-header{ height:70px; }
	#sticky-header{ height:70px; padding-top:15px; padding-bottom:15px; }
	#site-logo{ margin-top: -14px; }
	#site-logo img{ height:70px; }
	.main-navigation{ height:40px; }
	
	.scrolled-down #site-header{ height:50px; }	
	.scrolled-down #sticky-header{ height:50px; padding-top:10px; padding-bottom:10px; }
	.scrolled-down #site-logo img{ /*height:30px;*/ }
	.scrolled-down .main-navigation{ height:30px; }
}

@media screen and (max-width:768px){
	#site-logo{ margin-top: -10px;  }
	#site-logo img{ height: 60px; }
	.scrolled-down #site-logo img{ /*height: 35px; margin-top: 4px;*/ }
}

/***** MAIN NAV *****/
.main-navigation { display: block; position:relative; z-index:2000; -webkit-transition:all .5s;	-moz-transition:all .5s; -o-transition:all .5s;	transition:all .5s; }

.nav-menu{ list-style:none; margin:0; padding-left: 0; }
.nav-menu ul{ list-style:none; margin:0; padding-left: 0; }

#main-menu { list-style:none; }
#main-menu > li{ margin-left: 15px; float: left; width:auto; position: relative; font-size: 1rem; }
#main-menu > li > a { float:left; width:100%; padding:0 25px; text-decoration: none; text-align:center; font-size: 1.2rem; transition:background .1s linear; -moz-transition:background .1s linear; -webkit-transition:background .1s linear; }

#main-menu > li > ul > li > a{ text-align:left; }
#main-menu > li.current_page_item > ul > li > a{ text-transform:none; }


@media screen and (max-width: 1023px) {
	#main-menu{ margin:0; }	
}


.global-nav.global-active{ display: block; }
.global-nav-top,
.global-nav-middle{ float: left; width: 100%; }
.global-nav-col{ float: left; width: 25%; padding: 30px 3% 0 0; }
.global-nav .global-nav-col ul{ margin: 0; }
.global-nav .global-nav-col ul li { list-style: none; }
.global-nav .global-nav-col ul li a{ display: block; margin-bottom: 7px; font-size: 1.3rem; }
.global-nav .global-nav-col ul li ul{ width: calc(100% - 25px); margin: 5px 0 10px 25px; }
.global-nav .global-nav-col ul li ul li a{ font-size: 1.1rem; }
.scrolled-down .global-nav{ top: 50px; }


/* Toggle button */

.menu-main-menu-container {
    margin-right: 25px;
    float: right;
}

#menu-button{
	top: -1px;
}
.scrolled-down #menu-button{
	/*top: 0;*/
}
.menu-toggle{
	width:100px;
	padding:0;
	border:none;
	border-radius:0;
	background:none;
	display:block;
	-webkit-transition:all .5s;
	-moz-transition:all .5s;
	-o-transition:all .5s;
	transition:all .5s;
}

.menu-toggle-line{
	height:2px;
	width:40px;
	left: 5px;
	position:absolute;
	-webkit-transition:all .5s;
	-moz-transition:all .5s;
	-o-transition:all .5s;
	transition:all .5s;
}
#menu-toggle-line-1{
	top:20%;
}
#menu-toggle-line-2{
	top:52%;
}
#menu-toggle-line-3{
	top:84%;
}

.menu-toggle.active #menu-toggle-line-1{ top:50%; transform:rotate(45deg); }
.menu-toggle.active #menu-toggle-line-2{ opacity:0; }
.menu-toggle.active #menu-toggle-line-3{ top:50%; transform:rotate(-45deg); }

.responsive-menu-holder #mobile-menu{ position: fixed; top: -100%; }

@media screen and (max-width:1023px) { 
	.menu-toggle { display: block; }	
	#main-menu, .global-nav.global-active{ display:none; }
	
	.main-navigation{ width: 40px; }
	.main-navigation .navigation-left{ width: 100%; }
	.inner-page.scrolled-down .main-navigation{ height: 40px; }

	#site-logo.menu-open .grey-logo-text{ display: none; }
	#site-logo.menu-open .white-logo-text{ display: block; }
	.scrolled-down #site-logo.menu-open .grey-logo-text{ display: block; }
	.scrolled-down #site-logo.menu-open .white-logo-text{ display: none; }
	
	.responsive-menu-holder.open #mobile-menu{ transform: translateY(0%) translateX(0%); opacity: 1; transition: opacity .5s linear; }
	.responsive-menu-holder #mobile-menu ul { margin: 0; }
	.responsive-menu-holder #mobile-menu li{ padding: 5px 0; list-style: none; }
	
	.responsive-menu-holder.open #mobile-menu li a{ opacity: 1; transform: translateY(0); }
	
	.responsive-menu-holder.open #mobile-menu li:first-child a{ transition: opacity .3s linear .06s,transform .3s cubic-bezier(.25,.46,.45,.94) .06s; }
	.responsive-menu-holder.open #mobile-menu li:nth-child(2) a{ transition: opacity .3s linear .12s,transform .3s cubic-bezier(.25,.46,.45,.94) .12s; }
	.responsive-menu-holder.open #mobile-menu li:nth-child(3) a{ transition: opacity .3s linear .18s,transform .3s cubic-bezier(.25,.46,.45,.94) .18s; }
	.responsive-menu-holder.open #mobile-menu li:nth-child(4) a{ transition: opacity .3s linear .24s,transform .3s cubic-bezier(.25,.46,.45,.94) .24s; }
	.responsive-menu-holder.open #mobile-menu li:nth-child(5) a{ transition: opacity .3s linear .3s,transform .3s cubic-bezier(.25,.46,.45,.94) .3s; }
	.responsive-menu-holder.open #mobile-menu li:nth-child(6) a{ transition: opacity .3s linear .36s,transform .3s cubic-bezier(.25,.46,.45,.94) .36s; }
	.responsive-menu-holder.open #mobile-menu li:nth-child(7) a{ transition: opacity .3s linear .42s,transform .3s cubic-bezier(.25,.46,.45,.94) .42s; }
	.responsive-menu-holder.open #mobile-menu li:nth-child(8) a{ transition: opacity .3s linear .48s,transform .3s cubic-bezier(.25,.46,.45,.94) .48s; }
	.responsive-menu-holder.open #mobile-menu li:nth-child(9) a{ transition: opacity .3s linear .54s,transform .3s cubic-bezier(.25,.46,.45,.94) .54s; }
	.responsive-menu-holder.open #mobile-menu li:nth-child(10) a{ transition: opacity .3s linear .6s,transform .3s cubic-bezier(.25,.46,.45,.94) .6s; }
	.responsive-menu-holder.open #mobile-menu li:nth-child(11) a{ transition: opacity .3s linear .66s,transform .3s cubic-bezier(.25,.46,.45,.94) .66s; }
	.responsive-menu-holder.open #mobile-menu li:nth-child(12) a{ transition: opacity .3s linear .72s,transform .3s cubic-bezier(.25,.46,.45,.94) .72s; }
	.responsive-menu-holder.open #mobile-menu li:nth-child(13) a{ transition: opacity .3s linear .78s,transform .3s cubic-bezier(.25,.46,.45,.94) .78s; }
	.responsive-menu-holder.open #mobile-menu li:nth-child(14) a{ transition: opacity .3s linear .84s,transform .3s cubic-bezier(.25,.46,.45,.94) .84s; }
	.responsive-menu-holder.open #mobile-menu li:nth-child(15) a{ transition: opacity .3s linear .90s,transform .3s cubic-bezier(.25,.46,.45,.94) .90s; }
	.responsive-menu-holder.open #mobile-menu li:nth-child(16) a{ transition: opacity .3s linear .96s,transform .3s cubic-bezier(.25,.46,.45,.94) .96s; }
	.responsive-menu-holder.open #mobile-menu li:nth-child(17) a{ transition: opacity .3s linear 1.02s,transform .3s cubic-bezier(.25,.46,.45,.94) 1.02s; }
	.responsive-menu-holder.open #mobile-menu li:nth-child(18) a{ transition: opacity .3s linear 1.08s,transform .3s cubic-bezier(.25,.46,.45,.94) 1.08s; }
	.responsive-menu-holder.open #mobile-menu li:nth-child(19) a{ transition: opacity .3s linear 1.14s,transform .3s cubic-bezier(.25,.46,.45,.94) 1.14s; }
	.responsive-menu-holder.open #mobile-menu li:nth-child(20) a{ transition: opacity .3s linear 1.20s,transform .3s cubic-bezier(.25,.46,.45,.94) 1.20s; }
	.responsive-menu-holder.open #mobile-menu li:nth-child(21) a{ transition: opacity .3s linear 1.26s,transform .3s cubic-bezier(.25,.46,.45,.94) 1.26s; }
	.responsive-menu-holder.open #mobile-menu li:nth-child(22) a{ transition: opacity .3s linear 1.32s,transform .3s cubic-bezier(.25,.46,.45,.94) 1.32s; }
	.responsive-menu-holder.open #mobile-menu li:nth-child(23) a{ transition: opacity .3s linear 1.38s,transform .3s cubic-bezier(.25,.46,.45,.94) 1.38s; }
	.responsive-menu-holder.open #mobile-menu li:nth-child(24) a{ transition: opacity .3s linear 1.44s,transform .3s cubic-bezier(.25,.46,.45,.94) 1.44s; }
	.responsive-menu-holder.open #mobile-menu li:nth-child(25) a{ transition: opacity .3s linear 1.50s,transform .3s cubic-bezier(.25,.46,.45,.94) 1.50s; }
	.responsive-menu-holder.open #mobile-menu li:nth-child(26) a{ transition: opacity .3s linear 1.56s,transform .3s cubic-bezier(.25,.46,.45,.94) 1.56s; }
	.responsive-menu-holder.open #mobile-menu li:nth-child(27) a{ transition: opacity .3s linear 1.62s,transform .3s cubic-bezier(.25,.46,.45,.94) 1.62s; }
	.responsive-menu-holder.open #mobile-menu li:nth-child(28) a{ transition: opacity .3s linear 1.68s,transform .3s cubic-bezier(.25,.46,.45,.94) 1.68s; }
	.responsive-menu-holder.open #mobile-menu li:nth-child(29) a{ transition: opacity .3s linear 1.74s,transform .3s cubic-bezier(.25,.46,.45,.94) 1.74s; }
	.responsive-menu-holder.open #mobile-menu li:nth-child(30) a{ transition: opacity .3s linear 1.80s,transform .3s cubic-bezier(.25,.46,.45,.94) 1.80s; }
	.responsive-menu-holder.open #mobile-menu li:nth-child(31) a{ transition: opacity .3s linear 1.86s,transform .3s cubic-bezier(.25,.46,.45,.94) 1.86s; }
	.responsive-menu-holder.open #mobile-menu li:nth-child(32) a{ transition: opacity .3s linear 1.92s,transform .3s cubic-bezier(.25,.46,.45,.94) 1.92s; }
	.responsive-menu-holder.open #mobile-menu li:nth-child(33) a{ transition: opacity .3s linear 1.98s,transform .3s cubic-bezier(.25,.46,.45,.94) 1.98s; }
	.responsive-menu-holder.open #mobile-menu li:nth-child(34) a{ transition: opacity .3s linear 2.04s,transform .3s cubic-bezier(.25,.46,.45,.94) 2.04s; }
	.responsive-menu-holder.open #mobile-menu li:nth-child(35) a{ transition: opacity .3s linear 2.10s,transform .3s cubic-bezier(.25,.46,.45,.94) 2.10s; }
	.responsive-menu-holder.open #mobile-menu li:nth-child(36) a{ transition: opacity .3s linear 2.16s,transform .3s cubic-bezier(.25,.46,.45,.94) 2.16s; }
	.responsive-menu-holder.open #mobile-menu li:nth-child(37) a{ transition: opacity .3s linear 2.22s,transform .3s cubic-bezier(.25,.46,.45,.94) 2.22s; }
	.responsive-menu-holder.open #mobile-menu li:nth-child(38) a{ transition: opacity .3s linear 2.28s,transform .3s cubic-bezier(.25,.46,.45,.94) 2.28s; }
	.responsive-menu-holder.open #mobile-menu li:nth-child(39) a{ transition: opacity .3s linear 2.34s,transform .3s cubic-bezier(.25,.46,.45,.94) 2.34s; }
	.responsive-menu-holder.open #mobile-menu li:nth-child(40) a{ transition: opacity .3s linear 2.40s,transform .3s cubic-bezier(.25,.46,.45,.94) 2.40s; }
	.responsive-menu-holder.open #mobile-menu li:nth-child(41) a{ transition: opacity .3s linear 2.46s,transform .3s cubic-bezier(.25,.46,.45,.94) 2.46s; }
	.responsive-menu-holder.open #mobile-menu li:nth-child(42) a{ transition: opacity .3s linear 2.52s,transform .3s cubic-bezier(.25,.46,.45,.94) 2.52s; }
	.responsive-menu-holder.open #mobile-menu li:nth-child(43) a{ transition: opacity .3s linear 2.58s,transform .3s cubic-bezier(.25,.46,.45,.94) 2.58s; }
	.responsive-menu-holder.open #mobile-menu li:nth-child(44) a{ transition: opacity .3s linear 2.64s,transform .3s cubic-bezier(.25,.46,.45,.94) 2.64s; }
	.responsive-menu-holder.open #mobile-menu li:nth-child(45) a{ transition: opacity .3s linear 2.70s,transform .3s cubic-bezier(.25,.46,.45,.94) 2.70s; }
	.responsive-menu-holder.open #mobile-menu li:nth-child(46) a{ transition: opacity .3s linear 2.76s,transform .3s cubic-bezier(.25,.46,.45,.94) 2.76s; }
	.responsive-menu-holder.open #mobile-menu li:nth-child(47) a{ transition: opacity .3s linear 2.82s,transform .3s cubic-bezier(.25,.46,.45,.94) 2.82s; }
	.responsive-menu-holder.open #mobile-menu li:nth-child(48) a{ transition: opacity .3s linear 2.88s,transform .3s cubic-bezier(.25,.46,.45,.94) 2.88s; }
	.responsive-menu-holder.open #mobile-menu li:nth-child(49) a{ transition: opacity .3s linear 2.94s,transform .3s cubic-bezier(.25,.46,.45,.94) 2.94s; }
	.responsive-menu-holder.open #mobile-menu li:nth-child(50) a{ transition: opacity .3s linear 3.0s,transform .3s cubic-bezier(.25,.46,.45,.94) 3.0s; }
}



/****************************************** MOBILE MENU **************************************/
#mobile-menu-social{ width:150px; margin:0 auto; }

#mobile-menu{
	left:-250px;
	width:250px;
	z-index:10;
	-webkit-transition:left .5s;
	-moz-transition:left .5s;
	-o-transition:left .5s;
	transition:left .5s;
}

#mobile-menu.active{ left:0; }

#mobile-menu h4{  }
#menu-main-nav{ margin:0 0 20px; }
#menu-main-nav li{  }
#menu-main-nav li a{ float:left; width:100%; padding:5px 0; text-align:center; }

#mobile-menu-social{  }
#mobile-menu-social li{ margin:0 10px; }
#mobile-menu-social li a{  }
#mobile-menu-social [class^="i"]::before, #mobile-menu-social [class*=" i"]::before, #mobile-menu-social .header-social-link .fa{ font-size:1rem; }



/****************************** HERO **********************************/
#hero-wrapper{ max-height:600px; overflow:hidden; }

@media screen and (max-height:767px){ #hero-wrapper{ max-height:400px; } }
@media screen and (max-width:1023px){ #hero-wrapper{ max-height:400px; } }
@media screen and (max-width:767px){ #hero-wrapper{ max-height:300px; } }
@media screen and (max-width:479px){ #hero-wrapper{ max-height:none; } }



/****************************************** FOOTER **************************************/

footer a{ float:left; -webkit-transition: color .3s; -moz-transition: color .3s; -o-transition: color .3s; transition: color .3s; }
.footer-email-wrapper a,
.footer-phone-wrapper a{ font-size: 1.2rem; }
footer .footer-content-wrapper a:hover{ color: #02aea2; }
footer ul{ list-style:none;	float:left; }

#footer-bottom-right { text-align: right; }
#site-footer{ padding-top: 50px; }

.footer-content-wrapper{ position: relative; overflow: hidden; padding-top: 100px; font-size: 0.9rem; }
.footer-seperator{ height: 30px; width: 1px; margin: 0 30px; }
	
.footer-top{ float:left; width: 100%; padding-bottom: 20px; border-bottom: 1px solid; }

.flex-container{ position: relative; overflow: hidden; display: flex; justify-content: center; flex-wrap: wrap; }
.flex-container .no-wrap{ flex-wrap: nowrap; }
.flex-container .reverse-wrap{ flex-wrap: wrap-reverse; }
.flex-item-container{ position: relative; float: left; display: flex; justify-content: flex-start; align-items: center; }
.footer-section{ margin-top: 30px; width: 100%; }
.footer-section:last-of-type{ margin-bottom: 100px; }
.footer-logo-wrapper{ position: relative; overflow: hidden; height: 160px; }
.footer-logo-wrapper img{ position: relative; float: left; height: 130px; }
.footer-text-wrapper{ position: relative; overflow: hidden; }
.footer-text-content{ margin-top: 10px; }
.footer-social-wrapper ul{ margin: 0; }
.footer-social-wrapper ul li{ width: auto; margin: 0 0.5rem; }
.footer-menu-content ul{ margin: 0; }
.footer-logos-wrapper{ overflow: visible; }
.footer-other-logo img{ position: relative; float: left; height: 40px; max-width: none; padding-right: 20px; }
.footer-legal-wrapper{ position: relative; float: left; width:100%; }

.footer-menu-column ul{ margin-left:0; padding-right:20px; }
.footer-menu-column a{ margin-bottom:5px; font-size:0.9rem; }
.footer-bottom{ float:left; width: 100%; padding-bottom: 35px;  }
.footer-bottom ul{ margin-bottom: 0; }
.footer-bottom ul li{ float: left; width: 200px; }

.footer-menu-content ul li{ width: auto; padding: 0 2rem 20px 0; }
.footer-menu-content ul li a{ cursor: pointer; }
.grecaptcha-badge{ display: none; }
.footer-address-wrapper { margin-top: 15px; }
.footer-social-wrapper { margin-top: 15px; }
.footer-logo { max-width: 300px; float: right;  }
.footer-logo img { max-height: 150px; }

@media screen and (max-width: 740px ){
	.footer-content-wrapper .flex-container .no-wrap{ flex-wrap: wrap; }
}	

@media screen and (max-width: 1023px ){
	.footer-section:last-of-type { margin-bottom: 30px; }
}

@media screen and (max-width: 599px ){
	.footer-logo { max-width: 100%; }
}

@media screen and (max-width: 480px ){
	.footer-legal-wrapper p{ font-size: 1rem; }
}



/*********************** FORMS ***********************/

.form-row > p{
	margin: 0;
    font-size: inherit;
}

input[type="text"], input[type="email"], input[type="tel"], input[type="file"], input[type="url"], input[type="date"], input[type="password"], textarea, select{
	border-bottom: 0.1rem dotted #1f1f22;
}

input[type="text"].wpcf7-not-valid, input[type="email"].wpcf7-not-valid, input[type="tel"].wpcf7-not-valid, input[type="url"].wpcf7-not-valid, input[type="date"].wpcf7-not-valid, input[type="password"].wpcf7-not-valid, input[type="search"].wpcf7-not-valid, textarea.wpcf7-not-valid{
	margin: 20px 0 35px;
}

.form-row span.wpcf7-form-control-wrap{
	border-bottom: none;
}

.main-content-wrapper .wpcf7-form input[type="submit"],
.main-content-wrapper .wpcf7-form button[type="submit"]{
	display: block;
	margin: 30px auto;
}

span.wpcf7-not-valid-tip{
	position: absolute;
    top: calc(100% - 30px);
    text-align: left;
}



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

.breadcrumb-trail > span:last-of-type{ opacity: 1; }
#breadcrumb-wrapper span{ font-size: 1.2rem; }
#breadcrumb-wrapper .current-item{ color: #000000; }
#breadcrumb-wrapper a{ -webkit-transition: color .3s; -moz-transition: color .3s; -o-transition: color .3s; transition: color .3s; }
#breadcrumb-wrapper a:hover{ color: #00a298; }

@media screen and (max-width:1199px){
	#breadcrumb-wrapper{ padding-left: 20px; padding-right: 20px; }
}
@media screen and (max-width:599px){
	#breadcrumb-wrapper{ padding-left: 0; padding-right: 0; }
}




/****************************** FRONT PAGE ******************************/

.right-header-image{ position: absolute; top: 100px; right: -25%; width: 80%; height: 140vh; background-size: 85%; background-repeat: no-repeat; z-index: 1; }

.left-half-content{ float: left; width: 50%; padding: 0 3%; }
.left-half-content .hero-heading{ width: 75%; }
.left-half-content p{ width: 70%; }
.left-half-big-height{ height: 100vh; }

.header-more-info .highlighted-text-large{ font-size: 1.45rem; }

.trans-white-bg{ transform: translateY(-200px); background-image: linear-gradient(rgba(255, 255, 255, 0) 0px, rgb(255, 255, 255) 20%, rgb(255, 255, 255) 100%); background-position: 50% 50%; background-origin: padding-box; background-clip: border-box; background-size: auto auto; z-index: -1; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.main-text{ z-index: 3; margin-top: 75px; }
#main-text-home,
.home #meet-team-section{ z-index: auto; }

.left-side-images{ position: absolute; top: 0; left: -40px; width: 700px; height: 800px; z-index: 4; }


.right-side-images{ position: absolute; right: -160px; width: 800px; height: 815px; z-index: 5; }
.right-side-image{ position: absolute; top: -140px; left: 0; width: 100%; height: 100%; background-size: 100%; background-repeat: no-repeat; background-position: center; }

.home .right-side-image{ top: -270px; }

.big-tri-left .right-half-content{ padding-right: 25%; }
.big-tri-left-why-choose .right-half-content{ padding-right: 25%; }
.big-tri-right .left-half-content{ padding-left: 25%; /*padding-right: 25%;*/ padding-right: 10%; width: 100%; }
.big-tri-right .left-half-content p{ width: 100%; }

.page-template-template-product .big-tri-left .right-half-content{ min-height: 340px; }
.page-template-template-product .big-tri-left-why-choose .right-half-content{ min-height: 340px; }


@media screen and (max-height:767px){
	.left-half-content .hero-heading{ width: 85%; font-size: 3rem; }
	.left-half-big-height{ height: 100vh; }
}

@media screen and (max-height:570px){
	.left-half-content .hero-heading{ padding-top: 100px; }
}

@media screen and (max-width:1300px){
	.right-header-image { height: 180vh; }	
}
@media screen and (max-width:1500px){
	.right-side-images,
	.left-side-images{ width: 50%; }
	.big-tri-right .left-half-content{ padding-left: 15%; padding-right: 5%; }
	.big-tri-left .right-half-content{ padding-right: 15%; }
	.big-tri-left-why-choose .right-half-content{ padding-right: 10%; }
}

@media screen and (max-width:1280px){
	.right-side-images, .left-side-images{ width: 40%; }
	.big-tri-right .left-half-content{ padding-left: 10%; }
	.right-side-images{ right: -100px; }
	.right-header-image.large-bobbing-right{ width: 90%; right: -20%; top: 0; }
	
	.left-half-content .hero-heading{ width:80%; font-size: 4rem; }
	.left-half-content p{ width: 80%; }
	.big-height-responsive{ height: 35vh; }
	.header-more-info .highlighted-text-large{ font-size: 1.2rem; }
}

@media screen and (max-width:768px){
	.right-header-image{ right: -43%; }
	.left-half-content{ width: 70%; }
	.left-half-content .hero-heading{ font-size: 3rem; }
	
	.big-tri-right .left-half-content{ padding-left: 0; padding: 0 30px; }
	.big-tri-left .right-half-content{ padding: 0 30px; }
	.right-side-images, .left-side-images{ width: 60%; }
	.left-side-images{ display: none; }
	.team-teams-section-wrapper .right-side-images{ display: none; }
	.right-side-images{ height: 430px; }
	.right-side-image{ top: auto; bottom: -300px; }
	.right-header-image{ height: 100vh; }
	
	.big-height-responsive{ height: 50vh; }
	.big-height-responsive.left-half-content{ width: 75%; margin: 0 auto; float: none; }
	.big-height-responsive.left-half-content p{ width: 100%; text-align: center; }
	.big-height-responsive.left-half-content .tri-btn-1-holder{ float: none; width: auto; margin: 0 auto; display: table; }
	
	.right-side-image:nth-of-type(2){ display: none; }
	
	.smooth-scroll-wrapper.padding-vertical-150{ padding-top: 75px; padding-bottom: 75px; }
	.smooth-scroll-wrapper.padding-vertical-150:nth-of-type(2){ padding-top: 0; padding-bottom: 50px; }
	.smooth-scroll-wrapper.padding-vertical-150:nth-of-type(3){ padding-top: 0; }
		
	.page-template-template-product .right-side-images{ display: none; }
	.page-template-template-product .left-side-images{ display: block; width: 40%; height: 550px; }
	.page-template-template-product .half-width-right{ width: 60%; }
}

@media screen and (max-width:599px){
	.main-text{ margin-top: 35px; }
}

@media screen and (max-width:550px){
	.page-template-template-product .left-side-images{ display: none; }
	.page-template-template-product .half-width-right{ width: 100%; }
}

@media screen and (max-width:480px){
	.left-half-content{ width: 65%; padding: 0 0px 0 30px; }
	.left-half-content .hero-heading{ font-size: 1.6rem; width: 90%; margin-bottom: 30px; }
	.left-half-content p{ width: 95%;  }
	
	.big-height-responsive{ height: 65vh; }
	.big-height-responsive.left-half-content{ width: 100%; padding: 0 30px; }
	
	.right-side-images, .left-side-images{ width: 85%; }
	.smooth-scroll-wrapper.padding-vertical-150{ padding-top: 50px; padding-bottom: 50px; }
	
}

/***************************** PRODUCT PAGE ******************************/

.related-product-wrapper{ position: relative; float: left; width: 25%; padding: 30px 30px 0px 0px; }
.related-product-button { float: left; font-weight: 600; }
.related-product-wrapper h3 { margin: 20px 0px; }
.related-product-wrapper p { margin-bottom: 20px; }
.related-product-wrapper > a{
	
}
.related-product-wrapper > a img{
	-webkit-transition: opacity 0.3s;
	-moz-transition: opacity 0.3s;
	-o-transition: opacity 0.3s;
	transition: opacity 0.3s;
}
.related-product-wrapper > a:hover img{
	opacity: 0.5;
}
.related-product-button a{
	-webkit-transition: color 0.3s;
	-moz-transition: color 0.3s;
	-o-transition: color 0.3s;
	transition: color 0.3s;
}
.related-product-button a:hover{
	color: #00a298 !important;
}

@media screen and (max-width:768px){
	.related-product-wrapper{ width: 50%; }
	.related-product-wrapper:nth-of-type(odd){ clear: left; }
}

@media screen and (max-width:480px){
	.related-product-wrapper{ width: calc(100% - 60px); padding: 0; margin: 0 30px 50px; }
}

/***************************** CONTACT PAGE ******************************/
.contact-info { padding-top: 50px; }
.contact-info a{
	-webkit-transition: color 0.3s;
	-moz-transition: color 0.3s;
	-o-transition: color 0.3s;
	transition: color 0.3s;
}
.contact-info a:hover{ color: #00a298; }


/***************************** BLOG PAGES *****************************/
.sidebar-blog .arch ul, .sidebar-blog .category ul {
	margin: 0;
}

.sidebar-blog .arch ul li, .sidebar-blog .category ul li {
    list-style: none;
	padding: 5px 0px;
}
.sidebar-blog .arch ul li a, 
.sidebar-blog .category ul li a{
	-webkit-transition: color 0.3s;
	-moz-transition: color 0.3s;
	-o-transition: color 0.3s;
	transition: color 0.3s;
}
.sidebar-blog .arch ul li a:hover, 
.sidebar-blog .category ul li a:hover{
	color: #00a298;
}

.sidebar-blog .archive, .sidebar-blog .category { padding: 30px 0px; }

.sidebar-left-content{ float: left; padding-left: 30px; position: relative; }
.sticky-nav-checker.active{ position: fixed; top: 85px; }
.related-stories{ padding-top: 50px; }

.blog-header-image{ background-repeat: no-repeat; background-position: center; background-size: cover; float: left; width: 100%; height: 450px; margin: 15px 0px 35px; }

.sidebar-left-content .sticky-nav-checker.stuck-bottom{ position:absolute; top:auto; bottom:0; }

.related-stories article{ padding-left: 0; background: none; width: 46%; margin: 2.5% 2.5% 2.5% 0%; float: left; }

.infin-scroll .teaser-content { /*min-height: 350px;*/ }

.blog-post-teaser-content.content-container { float: left; margin-top: 20px; }

.teaser-date { margin-top: 20px; }

.infin-scroll article{ padding-left: 0; background: none; width: 47%; margin: 0% 2.5% 70px 0%; float: left; }
.infin-scroll article:nth-of-type(odd){ clear: left; }
.infin-scroll article .news-image-holder,
.related-stories article .news-image-holder{ float: left; width: 100%; height: 240px; transition: opacity .3s; -webkit-transition: opacity .3s; -moz-transition: opacity .3s; -o-transition: opacity .3s; }
.infin-scroll article .news-image-holder:hover,
.related-stories article .news-image-holder:hover{ opacity: 0.5; }
.infin-scroll article .news-image-holder .news-image,
.related-stories article .news-image-holder .news-image{ width: 100%; height: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; }

@media screen and (max-width:1399px){
	#blog-category-section { padding-right: 20px; }	
}

@media screen and (max-width:1199px){
	.related-stories{ padding-left: 20px; }
}

@media screen and (max-width:1024px){
	#contact-page-contact-main-content-inner{ padding-top: 0; }
}

@media screen and (max-width:1023px){
	#main-text-blog{ float: right; width: 70%; }
	.infin-scroll article{  }
}

@media screen and (max-width:768px){
	.sidebar-left-content{ display: none; }
	#main-text-blog{ width: 100%; }
	.infin-scroll article{  }
	#contact-page-contact-main-content-inner{ padding: 80px 0; }
}

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

@media screen and (max-width:599px){
	.infin-scroll .teaser-content { min-height: 500px; }
	.related-stories { padding: 20px; }
}

@media screen and (max-width:499px){
	.infin-scroll article{ width: 100%; margin-right: 0; }
	.infin-scroll .teaser-content { /*min-height: 600px;*/ min-height: auto; margin-bottom: 100px; }
}

@media screen and (max-width:479px){
	.related-stories article{ width: 100%; margin-right: 0; }
}


/*******************************************************************************
Privacy Page GDPR Update 180523
*******************************************************************************/
#gdpr *{  }
#gdpr p{  }
#gdpr a{  }
#gdpr li{ line-height:160%; }
#gdpr table{ width:100%; }
#gdpr table{ margin-bottom:20px; border-collapse:collapse; }
#gdpr table tr{  }
#gdpr table th{ padding:5px 10px; border:#666 solid 1px; background: #666; color:#fff !important; }
#gdpr table th p{ color:#fff !important; }
#gdpr table td{ padding:5px 10px; border:#666 solid 1px; vertical-align: top; }
#gdpr table p{ padding:0; margin:0; line-height: 160%; }



/*******************************************************************************
Full size image section
*******************************************************************************/

#full-height-section-wrapper{  }
.full-height-section-wrapper{ position: relative; overflow:hidden; height: 100vh; width: 100%; }
.full-height-content-section-content-wrapper{ position: relative; overflow: visible; display: block; margin: 0 auto; max-width: 1700px; }

.full-height-content-section-container .image-bg{ position: relative; height: 80vh; width: 40%; top: 10vh; z-index: 1; margin: 0px 100px; }

.Left-side.full-height-content-section-container .image-bg{ max-height: none; max-width: none; float: right; }
.Right-side.full-height-content-section-container .image-bg{ float: left; max-height: none; max-width: none; }

.full-height-content-section-content{ position: absolute; float: left; display: flex; top: 0; left: 0; width: 100%; height: 100%; align-items: center; }

.full-height-content-section-text { width: 50%; padding: 40px; }

.Left-side .full-height-content-section-text{ position: relative; float: left; }
.Right-side .full-height-content-section-text{ position: relative; float: right; text-align: right; right: 0px; }

.Left-side .full-height-content-section-text a { float: left; }
.Right-side .full-height-content-section-text a { float: right; }

.full-height-content-section-text span.one-line{ display: block; }

.Right-side .full-height-content-section-text .cta-button {	padding: 20px 65px 0px 0px;	margin-top: 20px; }

.full-height-content-section-text-bg { position: absolute; width: 100%; height: 100%; z-index: -1; top: 0; left: 0;	}

@media screen and (max-width:1300px){
	.full-height-content-section-container .image-bg { margin: 0px 50px; }	
	.Right-side .full-height-content-section-text{ right: 30px; }
	
}
@media screen and (max-width:1024px){
	/*.Right-side .full-height-content-section-text { float: left; }*/
	
}

@media screen and (max-width:599px){
	.full-height-content-section-text { width: 90%; padding: 15px; }
	.appear-from-right { right: -30px; }
	.appear-from-left { left: 30px; }
	.Right-side .full-height-content-section-text { float: left; right: -30px; }
	.full-height-content-section-container .image-bg { display: none; /*margin: 0px; height: 20vh; width: 100%; top: 80vh;*/ }
	
}



/******************* CTA BLOCK ********************/	
	
.cta-bar-content-wrapper{ position: relative; overflow: hidden; max-width: 1000px; padding: 20px; margin: 0 auto; display: flex; align-items: center; justify-content: center; }
	
.cta-bar-content{ position: relative; float: left; width: 100%; }
.cta-bar-text{ position: relative; float: left; font-size: 2rem; }		
	
	
	
/*******************************************************************************
Testimonial
*******************************************************************************/

.carousel-testimonials-wrapper{ position: relative; overflow: visible; padding: 40px 20px; max-width: 1400px; margin: 0 auto; }

.testimonials-author{ position: relative; float: left; width: auto; padding-right: 5px; }
.testimonials-company{ position: relative; float: left; width: auto; }

.slick-dots{ list-style: none; width: auto; margin: auto; display: table !important; float: none; padding-top: 20px; }
.slick-dots li { float: left; width: auto; padding: 10px; }

.testimonials-section-wrapper{ position: relative; padding-top: 50px; }
.testimonials-section-wrapper .slick-dots li.slick-active button{ border: 1px solid; }	
.testimonials-section-wrapper .slick-dots li button{ width: 15px; height: 15px; float: left; text-indent: -50000px; border-radius: 16px; border: 1px solid; }	
	
.testimonials-text{ text-align: center; font-size: 1.6rem; font-weight: 700; padding: 0px 80px; }	 
	
.sub-text-container{ position: relative; overflow: hidden; display: flex; width: 100%; align-items: center; justify-content: center; margin-top: 30px; }	
	
.top-quote-mark	{ background-size: contain; width: 60px; height: 45px; float: left; }
.bottom-quote-mark { background-size: contain; width: 60px; height: 45px; float: right; }

@media screen and (max-width: 480px){
	.testimonials-text{ padding: 50px 0 0; font-size: 1.4rem; }
}

@media screen and (max-width: 400px){
	.testimonials-text{ font-size: 1.2rem; }
}



/*******************************************************************************
MEET THE TEAM
*******************************************************************************/

#meet-team-section .section-heading,
#suggested-section .section-heading{ text-align: center; }

.team-member-holder{ margin-bottom: 50px; }
.team-member{ position: relative; float: left; width: 20%; /*padding-right: 30px;*/ padding-left: 15px; padding-right: 15px; }
.team-member-info{ float: left; width: 100%; margin-top: 20px; }

.team-members-quote .team-quote,
.team-members-quote-2 .team-quote{ display: none; }
.team-members-quote .team-quote.current,
.team-members-quote-2 .team-quote.current{ display: block; }

.member-contact-info h2{ font-size: 1.2rem; }
.big-tri-right .left-half-content .member-contact-info p{ width: auto; float: left; }

.team-members-list{ margin: 0; padding-left: 14%; }
.team-members-list-2{}
#main-wrapper .team-members-list .tab-link,
#main-wrapper .team-members-list-2 .tab-link{ background-image: none; padding-left: 0px; width: auto;
font-size: 0.95rem; }
#main-wrapper .team-members-list .tab-link .tri-btn-1-holder:hover,
#main-wrapper .team-members-list-2 .tab-link .tri-btn-1-holder:hover{ cursor: pointer; }

#main-wrapper .team-members-list .tab-link{ margin-right:70px; }
#main-wrapper .team-members-list-2 .tab-link{ width:50%; margin-right:0; }

.right-side-images .side-image-team,
.left-side-images .side-image-team{ display: none; }
.right-side-images .side-image-team.current,
.left-side-images .side-image-team.current{ display: block; }

.team-teams-section-wrapper .right-half-content > .center-outer,
.team-teams-section-wrapper .left-half-content > .center-outer{ float: left; width: 100%; display: block; }
.team-teams-section-wrapper .right-half-content > .center-outer > .center-inner,
.team-teams-section-wrapper .left-half-content > .center-outer > .center-inner{ float: left; width: 100%; }


@media screen and (max-width:800px){
	.team-member{ width: 50%; margin-bottom: 40px; }
}

@media screen and (max-width:600px){
	.team-member{ width: 100%; /*padding-right: 0px;*/ }
}



/*******************************************************************************
Team member
*******************************************************************************/

.testimonials-section-wrapper .team-member-testimonials-wrapper{ position: relative; overflow: visible; padding: 40px 20px; max-width: 900px; margin: 0 auto; }

.team-member-testimonials-wrapper{ position: relative; overflow: visible; padding: 40px 20px; max-width: 800px; margin: 0 auto; }

.right-half-content .team-members-team-name-heading { padding: 0px 20px; float: right; }
.left-half-content .team-members-team-name-heading { padding: 0px 20px; float: left; }

.team-teams-section-wrapper .right-half-content { text-align: right; }
.team-teams-section-wrapper .big-tri-left .right-half-content { padding-right: 15%; }

.team-teams-section-wrapper .right-half-content .slick-dots{ list-style: none; width: auto; margin: 0px; display: table !important; float: right; padding-top: 20px; }
.team-teams-section-wrapper .left-half-content .slick-dots{ list-style: none; width: auto; margin: 0px; display: table !important; float: none; padding-top: 20px; }

/***** ADDED 22-10-2021 TO CHANGE THIS SECTION TO HAVE IMAGES OF THE TEAM MEMBERS INSTEAD OF THE BIG TRIANGLE *****/
.team-teams-content-wrapper{ width: 100%; padding: 0 15%; margin-top: 0; }
.testimonial-content-wrapper{ display: flex; flex-direction: row; justify-content: space-between; }
.testimonial-content-wrapper.testimonial-align-right{ flex-direction: row-reverse; }
.team-teams-section-wrapper .team-teams-content-wrapper > .right-half-content,
.team-teams-section-wrapper .team-teams-content-wrapper > .left-half-content{ padding: 0; }
.team-teams-content-wrapper .team-member-testimonials-wrapper{ max-width: none; }
.team-member-content-text-content-wrapper,
.team-member-content-image-content-wrapper{  }
.team-member-content-text-content-wrapper{ flex-basis: 70%; flex-grow: 0; flex-shrink: 0; }
.team-member-content-image-content-wrapper{ flex-basis: 20%; flex-grow: 1; flex-shrink: 1; }
.testimonial-align-left .team-member-content-image-content-wrapper{ padding-right: 50px; }
.testimonial-align-right .team-member-content-image-content-wrapper{ padding-left: 50px; }
.team-member-content-image-content-wrapper img{ max-height: 400px; }


@media screen and (max-width:1300px){
	.team-member-testimonials-wrapper { max-width: 650px; padding: 40px 0px; }
	.right-half-content .team-members-team-name-heading { padding: 0px 0px; }
}

@media screen and (max-width:1100px){
	.team-teams-content-wrapper{ padding: 0 10%; }
}

@media screen and (max-width:1023px){
	.team-teams-content-wrapper{ padding: 0 5%; }
}

@media screen and (max-width:899px){
	.team-member-content-image-content-wrapper{ flex-basis: 30%; }
	.team-member-content-text-content-wrapper{ flex-basis: 60%; }
}

@media screen and (max-width:699px){
	.testimonial-content-wrapper,
	.testimonial-content-wrapper.testimonial-align-right{ flex-direction: column; }
	.team-member-content-text-content-wrapper{  }
	.team-member-content-image-content-wrapper{ padding: 0; width: 100%; }
	.testimonial-align-left .team-member-content-image-content-wrapper,
	.testimonial-align-right .team-member-content-image-content-wrapper{ padding: 0; }
	.team-member-content-image-content-wrapper img{ margin: 0 auto 30px; }
}

@media screen and (max-width:599px){
	.team-member-testimonials-wrapper { max-width: 500px; }
	.left-half-content .team-members-team-name-heading { padding: 0px; }
}

@media screen and (max-width:499px){
	.team-member-testimonials-wrapper { max-width: 350px; }
	.team-teams-section-wrapper .big-tri-left .right-half-content { padding-right: 10%; }
}

/*******************************************************************************
Default block settings
*******************************************************************************/

.section-container {
    position: relative;
    overflow: hidden;
    float: left;
    width: 100%;
}



/*******************************************************************************
Triangle blocks - left and right options
*******************************************************************************/

.hero-triangle-section-wrapper{
    height: 800px;
}
.hero-triangle-section-wrapper h1{
	line-height: 105%;
}

.left-triangle-section-wrapper {
    min-height: 800px;
}
.left-triangle-section-wrapper .big-tri-left {
	min-height: 800px;
}

.hero-triangle-section-wrapper .big-tri-right .left-half-content p{ width: 100%; margin-top: 40px; }

.big-tri-right, .big-tri-left {
	min-height: 700px;
}

.team-teams-section-wrapper .big-tri-right, .team-teams-section-wrapper .big-tri-left {
	/*height: 800px; */  /*REMOVED AS WE CHANGED THE STYLE OF THE SECTION */
}

.below-hero-section-wrapper .big-tri-right {
	height: auto;
}

.big-tri-left-why-choose {
	min-height: 800px;
	height: auto;
}

.big-tri-left-why-choose .left-side-image {
    position: absolute;
    top: 150px;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 1;
}

.left-side-image{ position: absolute; top: 0px; left: 0; width: 100%; height: 100%; background-size: 100%; background-repeat: no-repeat; background-position: center; z-index: 1; }


.triangle-hero-section-wrapper .left-half-content { padding: 0 10%; }
.triangle-hero-section-wrapper .left-half-big-height { height: 65vh; }
.triangle-hero-section-wrapper .right-header-image { top: 0px; }
.triangle-hero-section-wrapper .left-half-big-height .sub-text p { font-size: 2rem; font-weight: 600; width: 85%; }

/***** ANDY EDITS 27-11-2020 *****/
.triangle-hero-section-wrapper section.main-text{
	display: flex;
    min-height: 100vh;
}
.triangle-hero-section-wrapper section.main-text .left-half-big-height{
	height: auto;
    min-height: auto;
	padding: 150px 10%;
    align-self: center;
}

.triangle-hero-section-wrapper .triangle-hero-text .cta{
	font-size: 1.3rem;
}


@media screen and (max-width:1300px){
	.triangle-hero-section-wrapper .left-half-big-height .sub-text p { width: 100%; }
	.triangle-hero-section-wrapper .left-half-big-height { height: 85vh; }
}

@media screen and (max-width:1024px){
	#second-hero-section .left-half-content { width: 100%; }
	.main-text h1,
	#main-text-home h1{ font-size: 3.5rem; }
}

@media screen and (max-width:900px){
	.main-text h1,
	#main-text-home h1{ font-size: 3rem; }
}

@media screen and (max-width:768px){
	.hero-triangle-section-wrapper{ height: auto; }
	.hero-triangle-section-wrapper .big-tri-right, 
	.hero-triangle-section-wrapper .big-tri-left{ min-height: auto; padding-top: 100px; padding-bottom: 100px; }
	.triangle-hero-section-wrapper section.main-text .left-half-big-height{ padding: 100px 10%; }
}

@media screen and (max-width:599px){
	.triangle-hero-section-wrapper section.main-text{ min-height: auto; }
	.triangle-hero-section-wrapper .right-header-image { display: none; }
	.triangle-hero-section-wrapper .left-half-content { width: 100%; }
	.triangle-hero-section-wrapper .left-half-big-height .sub-text p { width: 100%; }
}



/***** VERSION FOR THE BELOW THE HERO SECTION - ONLY ON DEFAULT PAGE TEMPLATE - ADDED 12-3-2021 *****/

.below-hero-section-wrapper .big-tri-right{
	min-height: auto;
}

@media screen and (max-width:768px){
	.below-hero-section-wrapper .big-tri-right{
		margin-top: 100px;
	}
}



/*******************************************************************************
Just text block and centered text block
*******************************************************************************/

.text-content-wrapper {
    position: relative;
    overflow: hidden;
    max-width: 1000px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.centered-text-content-wrapper {
    position: relative;
    overflow: hidden;
    max-width: 1000px;
    padding: 60px 20px 160px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.text-content {
    position: relative;
    float: left;
    width: 100%;
	padding: 20px;
}

.text-bar-central {
    position: relative;
    float: left;
    font-size: 1.5rem;
}

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

	.text-content ul { width: 90%; }
}



/*******************************************************************************
CTA lines
*******************************************************************************/

.triangle-hero-section-wrapper .cta-button {
	padding: 20px 0px 20px 65px;
	margin-top: 20px;
    float: left;
}

.cta-button {
	padding: 20px 0px 0px 65px;
	margin-top: 20px;
    float: left;
}

.cta-button-related-articles {
	padding: 20px 65px 10px 0px;
    float: left;
	font-weight: 600;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
article .cta-button-related-articles:hover{
	color: #00a298 !important;
    border-bottom-color: #00a298 !important;
}

/*******************************************************************************
Why us block
*******************************************************************************/

.reason-holder { padding: 20px 10px; }


/*******************************************************************************
Pagination
*******************************************************************************/
.wp-pagenavi {
    clear: both;
}

.wp-pagenavi .pages {
    display: none;
}

.wp-pagenavi span.current {
    font-weight: bold;
}

.wp-pagenavi a, .wp-pagenavi span {
    text-decoration: none;
    padding: 3px 10px;
    margin: 2px;
	font-size: 1.3rem;
}







/******************************************************************************** 
                        ADDED FOR PRODUCT CATEGORY PAGE
*********************************************************************************/
#product-category-teasers-wrapper{
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.product-category-teaser-wrapper{
	padding-top: 50px;
}
@media screen and (max-width: 480px){
	.product-category-teaser-wrapper{
		width: 100%;
		margin: 0;
	}
}