/*.cbp-so-scroller {	margin-top: 3em;	overflow: hidden;}*/
/*.cbp-so-section {	margin-bottom: 15em; }
*/
/* Clear floats of children 
.cbp-so-section:before,
.cbp-so-section:after {	content: " ";	display: table; }

.cbp-so-section:after {	clear: both;}*/

/* Text styling */

.cbp-so-section h2 { font-size: 4vw; font-weight: 900; line-height: 1; text-transform:uppercase; color:#ff5722; margin-bottom:30px; word-wrap: break-word; }

.cbp-so-section p {font-size: 24px;	font-weight: 300; display:block }
.cbp-so-section ul li {
	font-size: 24px;
    font-weight: 300;
    display: inline-block;
    width: 26%;
    margin: 0 3%;
    vertical-align: top;
    border-left: 1px solid #9e9e9e;
    text-align: left;
    padding: 10px;	}



/* Sides */
.cbp-so-side {	width: 50%;
				float: left;
				margin: 0;
				padding: 3em 4%;
				overflow: hidden;
				min-height: 12em;
				
				-moz-transition: -moz-transform 1.8s, opacity 1.8s;
				transition: transform 1.8s, opacity 1.8s;-webkit-transition: -webkit-transform 1.8s, opacity 1.8s;}
				
				
.cbp-so-side.small-side { width: 30%}
.cbp-so-side.large-side { width: 70%}
	
.cbp-so-middle {	
	
	-moz-transition: -moz-transform 2.8s, opacity 2.8s;
	transition: transform 2.8s, opacity 2.8s;-webkit-transition: -webkit-transform 2.8s, opacity 2.8s;}
	
/*.cbp-so-flags, .cbp-so-gallerys {	
	
	-moz-transition: -moz-transform 0.5s, opacity 0.5s;
	transition: transform 0.5s, opacity 0.5s;-webkit-transition: -webkit-transform 0.5s, opacity 0.5s;}*/
	
.cbp-so-title {	
	-moz-transition: -moz-transform 2.5s, opacity 2.5s;
	transition: transform 2.5s, opacity 2.5s;-webkit-transition: -webkit-transform 2.5s, opacity 2.5s;
	transition-delay: 1s}

.cbp-so-init .cbp-so-title { opacity:0 }

.cbp-so-section.cbp-so-animate .cbp-so-title {	opacity: 1;}



.cbp-so-title span {	
	
font-family: 'montserrat';
    font-size: 60px;
    font-weight: 100;
    letter-spacing: 10px;
}



.cbp-so-county {	
display:inline-block; min-height:60px; text-align:center; text-transform:uppercase; vertical-align:top;  
  
  -webkit-transition: -webkit-transform 0.5s, all 1s ease-in-out;
  -moz-transition: -moz-transform 0.5s, all 1s ease-in-out;
  -ms-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: transform 0.5s, all 1s ease-in-out;}
  
  
.cbp-so-init .cbp-so-county {	 opacity:0; }


.cbp-so-section.cbp-so-animate .cbp-so-county {	opacity: 1; }

	
.cbp-so-county p { display:block; color:#fff; font-size:1em;}
.cbp-so-county section { font-size: 4em;
    border-bottom: 2px #fff solid;
    display: block;
    width: fit-content;
    text-align: center;
    margin: 0 auto 21px;
    padding-bottom: 10px;
	font-family: 'montserrat';
    font-weight: bold;
}

/* Clear floats of children */
.cbp-so-side:before,
.cbp-so-side:after {	content: " ";	display: table; }

.cbp-so-side:after { clear: both;}
.cbp-so-side-right { text-align: left;}
.cbp-so-side-left {	text-align: right;}
.cbp-so-side-right img { float: left;}
.cbp-so-side-left img {	float: right;}

/* Initial state (hidden or anything else) */
.cbp-so-init .cbp-so-side {	opacity: 0;}

.cbp-so-init .cbp-so-side-left {	
									-moz-transform: translateX(-120px);
									transform: translateX(-120px);-webkit-transform: translateX(-120px); }

.cbp-so-init .cbp-so-side-right {	
									-moz-transform: translateX(120px);
									transform: translateX(120px);-webkit-transform: translateX(120px);}
									
.cbp-so-init .cbp-so-side-middle {	
									-moz-transform: scale(0.3);
									transform: scale(0.3);-webkit-transform: scale(0.3);}
									
	
									
/*.cbp-so-init .cbp-so-side-flags {	-webkit-transform: opacity(0);
									-moz-transform: opacity(0);
									transform: opacity(0);}	*/		
														

/* Animated state */
/* add you final states (transition) or your effects (animations) for each side */
.cbp-so-section.cbp-so-animate .cbp-so-side-left,
.cbp-so-section.cbp-so-animate .cbp-so-side-right {	
													-moz-transform: translateX(0px);
													transform: translateX(0px);-webkit-transform: translateX(0px);
													opacity: 1;}

.cbp-so-section.cbp-so-animate .cbp-so-side-middle {	
														-moz-transform: scale(1);
														transform: scale(1);-webkit-transform: scale(1);
														opacity: 1;}
														
														
										
													
/* For example, add a delay for the right side:
.cbp-so-section.cbp-so-animate .cbp-so-side-right {
	-webkit-transition-delay: 0.2s;
	-moz-transition-delay: 0.2s;
	transition-delay: 0.2s;}
*/



/********
***********************************/

.arrow-down {
    width: 70px;
    height: 70px;
    margin: 0px auto 60px;
    border-left: 2px solid #ffffff;
    border-bottom: 2px solid #ffffff;
    border-radius: 2px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);

 }


  
.county-1, .county-2, .county-3, .county-4, .county-5, .county-6, .county-7
{ 	width: 14%;
    margin: 0.75%;
    border: #ffffff 3px solid;
    padding: 20px 20px 30px 20px;
    border-radius: 20px; }


.county-1  {  -webkit-transition-delay: 1s;
			  -moz-transition-delay: 1s;
				-o-transition-delay: 1s;
				transition-delay: 1s;}
.county-2 {  -webkit-transition-delay: 1.2s;
				-moz-transition-delay: 1.2s;
				-o-transition-delay: 1.2s;
				transition-delay: 1.2s}
.county-3 {  -webkit-transition-delay: 1.4s;
				-moz-transition-delay: 1.4s;
				-o-transition-delay: 1.4s;
				transition-delay: 1.4s}
.county-4 {  -webkit-transition-delay: 1.6s;
				-moz-transition-delay: 1.6s;
				-o-transition-delay: 1.6s;
				transition-delay: 1.6s}
.county-5 {  -webkit-transition-delay: 1.8s;
				-moz-transition-delay: 1.8s;
				-o-transition-delay: 1.8s;
				transition-delay: 1.8s}
.county-6 {  -webkit-transition-delay: 2s;
				-moz-transition-delay: 2s;
				-o-transition-delay: 2s;
				transition-delay: 2s}
.county-7 {  -webkit-transition-delay: 2.2s;
				-moz-transition-delay: 2.2s;
				-o-transition-delay: 2.2s;
				transition-delay: 2.2s}








@media (max-width : 1199px) {
.cbp-so-section h2 { font-size: 3.4em; 
					text-align: center; }
	}	
@media (min-width : 600px) and (max-width : 1198px) {
.county-1, .county-2, .county-3, .county-4, .county-5, .county-6, .county-7
{ width: 40%; margin:3%; }

.smooth-section-2 {	padding:30px 20px; }

.smooth-section-1 p {  }
/*.smooth-section-2 h2 { font-size:3.5em }	*/
	}
	
@media (max-width : 599px) {

.county-1, .county-2, .county-3, .county-4, .county-5, .county-6, .county-7 
{ width: 90%; margin:10px auto; }
	
.smooth-section-2 {	padding:30px 20px; }
							
.smooth-section-1 p {  }
/*.smooth-section-2 h2 { font-size:3.5em }*/
	}
/****************
***************************************************/











/* Example media queries */
@media screen and (max-width: 73.5em) {
	.cbp-so-scroller {		/*font-size: 65%;*/	}
	/*.cbp-so-section h2 {		margin: 0;	}*/
	.cbp-so-side img {		max-width: 120%;	}
}
@media screen and (max-width: 50em) {
	.cbp-so-side, .cbp-so-side.small-side, .cbp-so-side.large-side {float: none; width: 100%;	}
	.cbp-so-side img {		max-width: 100%;	}
	
.cbp-so-side {		padding: 3em 4%; }

.cbp-so-section ul li {
    display: block;
    width: 90%;
    margin: 10px auto;
    border-left: none;
	border-top: 1px solid #9e9e9e;
    text-align: center;
	padding: 20px 10px;	}	
	
.cbp-so-side-right { text-align: center;}
.cbp-so-side-left {	text-align: center;}
.cbp-so-side-right img { float: none;}
.cbp-so-side-left img {	float: none;}	
	
	
	}
	
	




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

	
}