/*GRID SYSTEM
Website crafted by Cloud Web Solutions. Hosting and developing on the Cloud CMS Copyright 2016. All Rights Reserved. www.cloudwebsolutions.com
*/

.wrapper
{
	
}

.section
{
	width:100%;
	margin:auto;
	clear:both;
}

.sectionmax
{
	max-width:1200px;	
	margin:auto;
	clear:both;
	background-color:#fff;
}

.sectionmax90
{
	max-width:90%;	
}

.sectionpad
{
	padding-top:2%;
	padding-bottom:2%;
}

.sectionpadbig
{
	padding-top:5%;
	padding-bottom:5%;
}

.sectionpadsides
{
	padding:0 2%;
}

.sectionpadsmall
{
	padding:1%;
}

.sectionpadall
{
	padding:2%;
}

.padleft
{
	padding-left:10%
}

.padright
{
	padding-right:10%
}

.sectionpadtop
{
	padding-top:2%;
}

.sectionpadbot
{
	padding-bottom:2%;
}

.bgcover
{
	min-height:400px;
	margin-bottom:-1px;
	background-size: cover;
	background-position: center center;
}

.center
{
	text-align:center;
}

.left
{
	text-align:left;
}

.right
{
	text-align:right;
}

/*3 equal columns*/
.col-1 .col
{
	width:100%;
	margin-bottom:2%;
	clear:both;
}

.col-2 .col
{
	width:48%;
	float:left;
	margin-right:2%;
	margin-bottom:2%;
}

.col-3 .col
{
	width:32%;
	float:left;
	margin-right:2%;
	margin-bottom:2%;
}
  
  .col-3 .col:nth-child(3)
{
    margin-right:0%;
	float:right;
}

.col-4 .col
{
	width:23%;
	float:left;
	margin-right:2%;
	margin-bottom:2%;
	border-right:1px solid #CCCCCC;
	padding-right:2%;
}

.col-4 .col:nth-child(4)
{
	border:none;
}

.col-2-1 .col
{
	width:31.9%;
	float:right;
	margin-right:0%;
	margin-bottom:2%;
}

.col-2-1 .col:first-child
{
	width:64%;
	float:left;
	margin-right:2%;
	margin-bottom:2%;
}
  
  
  
  
  .col-1-2 .col
{
	width:64%;
	float:right;
	margin-right:0%;
	margin-bottom:2%;
}

.col-1-2 .col:first-child
{
	width:31.9%;
	float:left;
	margin-right:2%;
	margin-bottom:2%;
}

.col-3 .col:last-child, .col-2 .col:last-child, .col-4 .col:last-child
{
    margin-right:0%;
	float:right;
}

.col-3:after, .col-2:after, .col-2-1:after, .col-4:after
{
	float:none;
	clear:both;
}
  
  
.customcol-2 .col:nth-child(1)
{
	width:78%;
	float:left;
	margin-right:2%;
	margin-bottom:2%;
	border-right:1px solid #CCCCCC;
	padding-right:2%;
}
  
.customcol-2 .col:nth-child(1) img
{
	float:right;

}
  
.customcol-2 .col:nth-child(2) img
{
}

.customcol-2 .col:nth-child(2)
{
	width:18%;
	float:right;
	margin-bottom:2%;
}
  
.customcol-2 .col:nth-child(2) h2
{
	font-size:18px;
	line-height:22px;
}
  
  .customcol-2 .col:nth-child(2) .post
{
	height:92px;
  overflow:hidden;
}

/* 3 unequal columns */

.customcol-3 .col:nth-child(1)
{
	width:34%;
	float:left;
	margin-right:2%;
	margin-bottom:2%;
}

.customcol-3 .col:nth-child(2)
{
	width:44%;
	float:left;
	margin-right:2%;
	margin-bottom:2%;
	border-right:1px solid #CCCCCC;
	padding-right:2%;
}

.customcol-3 .col:nth-child(3)
{
	width:18%;
	float:right;
	margin-bottom:2%;
}

.customcol-3 .col:nth-child(3)	p
{
	margin-bottom:10px;
}

.customcol-3 .col:nth-child(3) h2
{
	font-size:18px;
	line-height:22px;
}

.customcol-3:after
{
	float:none;
	clear:both;
}

/* 4 unequal columns */

.customcol-4 .col:nth-child(1)
{
	width:34%;
	float:left;
	margin-right:2%;
	margin-bottom:2%;
}

.customcol-4 .col:nth-child(2)
{
	width:21%;
	float:left;
	margin-right:2%;
	margin-bottom:2%;
	border-left:1px solid #CCCCCC;
	padding-left:2%;
}

.customcol-4 .col:nth-child(3)
{
	width:21%;
	float:left;
	margin-right:2%;
	margin-bottom:2%;
	border-right:1px solid #CCCCCC;
	padding-right:2%;
}

.customcol-4 .col:nth-child(4)
{
	width:18%;
	float:right;
	margin-bottom:2%;
}

/*3 equal columns*/

.box-1 .box
{
	width:100%;
	clear:both;
}

.box-2 .box
{
	width:50%;
	float:left;
}

.box-3 .box
{
	width:33.33%;
	float:left;
}

.box-4 .box
{
	width:25%;
	float:left;
}

.box-2-1 .box
{
	width:35%;
	float:right;
}

.box-2-1 .box:first-child
{
	width:65%;
	float:left;
}

.box-1-2 .box
{
	width:65%;
	float:right;
}

.box-1-2 .box:first-child
{
	width:35%;
	float:left;
}

.box-3 .box:last-child, .box-2 .box:last-child, .box-4 .box:last-child
{
	float:right;
}

.box-3:after, .box-2:after, .box-2-1:after, .box-4:after
{
	float:none;
	clear:both;
}

.cleargrid
{
	clear:both;
}

@media only screen and (max-width: 1500px) {
	
	.sectionmax
	{
		width:90%;
		margin:auto;
	}
	
}

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

	.customcol-3 .col:nth-child(1)
	{
		width:100%;
		float:none;
	}

	.customcol-3 .col:nth-child(2)
	{
		width:100%;
		float:none;
		border:none;
	}

	.customcol-3 .col:nth-child(2) img
	{
		margin-left:auto;
		margin-right:auto;
		display:block;
	}

	.customcol-3 .col:nth-child(3)
	{
		width:100%;
		float:none;
		margin-bottom:4%;
	}

	.customcol-3 .col:nth-child(3) img
	{
		float:left;
		margin-right:2%;
	}
  
  
  .customcol-2 .col:nth-child(1)
{
	width:48%;
	float:left;
	margin-right:2%;
	margin-bottom:2%;
	border-right:1px solid #CCCCCC;
	padding-right:2%;
}


.customcol-2 .col:nth-child(2)
{
	width:48%;
	float:right;
	margin-bottom:2%;
}
  
  .customcol-2 .col:nth-child(2) h2, .customcol-2 .col:nth-child(1) h2
{
	font-size:18px;
	line-height:22px;
}
  .customcol-2 .col:nth-child(1) img
{
	float:none;
}
  
  .customcol-2 .col:nth-child(2) .post
{
	height:100%;
  overflow:auto;
}

}


@media only screen and (max-width: 1024px) {
	
	.col-4 .col
    {
        width:48%;
        float:left;
        margin-right:2%;
        margin-bottom:2%;
        border:none;
    }

    .customcol-4 .col:nth-child(1)
    {
    	width:48%;
    	float:left;
    	margin-right:2%;
        margin-bottom:2%;
    }

    .customcol-4 .col:nth-child(2)
    {
    	width:48%;
    	float:left;
    	margin-right:2%;
        margin-bottom:2%;
        border:none;
    }

    .customcol-4 .col:nth-child(3)
    {
    	width:47%;
    	float:left;
    	margin-right:2%;
        margin-bottom:2%;
        clear:both;
        border:none;
    }

    .customcol-4 .col:nth-child(4)
    {
    	width:47%;
    	float:left;
    	margin-right:2%;
        margin-bottom:2%;
    }
	
	.sectionmax
	{
		width:85%;
		margin:auto;
	}
	
	.sectionpad
	{
		padding-top:20px;
		padding-bottom:20px;
	}
	
	.sectionpadtop
	{
		padding-top:20px;
	}
	
	.sectionpadbot
	{
		padding-bottom:20px;
	}
  
    
}

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

	.customcol-3 .col:nth-child(3) img
	{
		float:none;
		display:block;
		margin-left:auto;
		margin-right:auto;
		margin-bottom:2%;
	}
  
  
    .customcol-2 .col:nth-child(1)
{
	width:100%;
	float:left;
	margin-right:0%;
	margin-bottom:2%;
	border-right:0px solid #CCCCCC;
	padding-right:0%;
}


.customcol-2 .col:nth-child(2)
{
	width:100%;
	float:right;
	margin-bottom:2%;
}


}

@media only screen and (max-width: 800px) {
	
	.col-2-1 .col, .col-2-1 .col:first-child
	{
		width:100%;
		float:none;
	}
	
	.box-2-1 .box, .box-2-1 .box:first-child
	{
		width:100%;
		float:none;
	}
	
}

@media only screen and (max-width: 600px) {
	
	.col-3 .col, .col-2 .col, .col-2-1 .col, .col-2-1 .col:first-child, .col-4 .col, .col-1-2 .col, .col-1-2 .col:first-child
	{
		width:100%;
		float:none;
	}

	.customcol-4 .col:nth-child(1), .customcol-4 .col:nth-child(2), .customcol-4 .col:nth-child(3), .customcol-4 .col:nth-child(4)
	{
		width:100%;
		float:none;
	}
	
	.box-3 .box, .box-2 .box, .box-2-1 .box, .box-2-1 .box:first-child, .box-4 .box, .box-1-2 .box, .box-1-2 .box:first-child
	{
		width:100%;
		float:none;
	}
	
	.sectionmax
	{
		width:85%;
		margin:auto;
	}
}