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

					CONNORS STYLE STUFF (OOSHT!)
										
******************************************************************/


/*****************************************************************
                 		   HOME INDEX 
******************************************************************/

/* Benefits - 1.1 */
/* Why - 1.2 */
/* Clients & Blog - 1.3 */
/* Templates Sliders - 1.4 */


/*****************************************************************
                 		  Benefits 1.1
******************************************************************/

#benefits {
	padding: 4em 0;
    max-width: 1370px;
    float: none !important;
    margin: 0 auto;
}
#benefits p {
	color: #878787;
}

#benefits h2 {
	text-align: center;
	margin: 2em 0 2em 0;
	color: #91c46c;
}

#benefits > div:nth-last-child(-n+6) {
	min-height: 220px;
}

#benefits > div:nth-last-child(-n+6) img {
	float: left;
	clear: both;
	margin: 2em 2em 0 0;
}

#benefits > div:nth-last-child(-n+6) h3 {
	display: block;
	overflow: auto;
}

#benefits > div:nth-last-child(-n+6) p {
	display: block;
	overflow: auto;
	padding: 0 6em 0 0;
}

@media all and (max-width: 1600px) and (min-width: 1451px) {
	#benefits > div:nth-last-child(-n+6) {
		min-height: 250px;
	}
}

@media all and (max-width: 1450px) and (min-width: 1251px) {
	#benefits > div:nth-last-child(-n+6) {
		min-height: 340px;
	}
}

@media all and (max-width: 1250px) and (min-width: 1100px) {
	#benefits > div:nth-last-child(-n+6) {
		min-height: 380px;
	}
}

@media all and (max-width: 1100px) {
	#benefits > div:first-of-type {
		text-align: center;
	}

	#benefits > div:nth-last-child(-n+6) p {
		padding: 0;
	}
}

@media all and (max-width: 479px) {
	#benefits > div:nth-last-child(-n+6) img, #benefits > div:nth-last-child(-n+6) h3, #benefits > div:nth-last-child(-n+6) p {
		display: block;
		float: none;
	}

	#benefits > div:nth-last-child(-n+6) img {
		margin: 0 auto;
	}

	#benefits > div:nth-last-child(-n+6) {
		text-align: center;
		padding: 0 0 16px 0;
	}
}


/*****************************************************************
                 		  Why 1.2
******************************************************************/

#why {
	background-color: #2d2d2d;
	padding: 4em 0;
}

#why > div {
    max-width: 1370px;
}

#why h2 {
	margin: 0 0 2em 0;
	color: #91c46c;
}

#why p {
	color: #fff;
	padding: 0 3em 0 0;
}

#why p:first-of-type {
	margin-top: 0;
}

#why div:last-of-type img {
	float: right;
}

@media all and (max-width: 1100px) {
	#why {
		text-align: center;
	}

	#why div:last-of-type {
		padding: 4em 0 0 0;
		text-align: center;
	}

	#why p {
		padding: 0;
	}

	#why div:last-of-type img {
		float: none;
	}
}


/*****************************************************************
                 		Clients & Blog 1.3
******************************************************************/

#clientsBlog {
	padding: 4em 0;
}

#clientsBlog h2 {
	color: #91c46c;
	display: inline-block;
}

#clientsBlog > .first > .first ul {
	display: inline-block;
	margin-top: 0;
}

#clientsBlog > .first > .first li {
	height: 14px;
	width: 14px;
	border-radius: 14px;
	list-style-type: none;
	display: inline-block;
	border: 3px solid #c6e070;
	margin: 0 0.4em 0 0;
	cursor: pointer;
}

#clientsBlog > .first > .last {
	width: 100%;
	height: auto;
	float: left;
	padding-right: 3em;
}

#clientsBlog > .first > .last > article {
	display: inline-block;
	float: left;
	-webkit-box-sizing: border-box;
	moz-box-sizing: border-box;
	box-sizing: border-box;
}

#clientsBlog > .first > .last > article img {
	float: left;
	clear: both;
	padding: 0 2em 0 0;
}

#clientsBlog > .first > .last > article > p {
	color: #878787;
	display: block;
	overflow: auto;
}

#clientsBlog > .first > .last > article footer {
	display: block;
	overflow: auto;
	font-size: 1.3em;}

#clientsBlog > .first > .last > article footer p {
	display: inline-block;
	color: #91c46c;
	font-family: "nimbus-sans-bold", sans-serif;
	padding: 0 0.5em 0 0;
}

#clientsBlog > .first > .last > article footer span {
	display: inline-block;
	color: #c6e070;
	font-weight: normal;
	font-family: "nimbus-sans-light", sans-serif;
}

/* Client Testimonial Media Querie */
@media all and (max-width: 650px) {
	#clientsBlog h2 {
		padding: 0 0 0.5em 0;
	}

	#clientsBlog > .first > .first {
		text-align: center;
	}

	#clientsBlog > .first > .first ul {
		display: block;
		text-align: center;
		padding: 0;
	}

	#clientsBlog > .first > .first ul li {
		height: 30px;
		width: 30px;
		border-radius: 30px;
		margin: 0 1em 0 0;
	}

	#clientsBlog > .first > .last {
		padding: 0;
		margin: 0 0 6em 0;
	}

	#clientsBlog > .first > .last > article {
		text-align: center;
	}

	#clientsBlog > .first > .last > article img {
		float: none;
		padding: 0;
		clear: none;
		margin: 1em 0 1em 0;
	}
}



/* Blog Section */
#clientsBlog > .last > article {
	border-bottom: 2px dotted #b4b4b4;
	padding: 0 0 1.2em 0;
	margin: 0 0 1.2em 0;
}

#clientsBlog > .last > article:last-of-type {
	border: 0;
	margin: 0;
	padding: 0;
}

#clientsBlog > .last > article img {
	float: left;
	clear: both;
	padding: 0.7em 2em 0 0;
}

#clientsBlog > .last > article h3, #clientsBlog > .last > article p {
	display: block;
	overflow: auto;
}

#clientsBlog > .last > article p {
	color: #878787;
}

#clientsBlog > .last > article p a {
	text-decoration: none;
	color: #a3472e;
	font-style: italic;
	padding: 0 0 0 0.5em;
}

#clientsBlog > .last > article h3 {
	margin-top: 0;
}

/* Blog Media Querie */

@media all and (max-width: 1100px) {
	#clientsBlog > .last {
		padding: 4em 0 0 0;
	}
}

@media all and (max-width: 650px) {
	#clientsBlog > .last {
		text-align: center;
		padding: 0;
	}

	#clientsBlog > .last > article {
		margin: 0 0 3em 0;
	}

	#clientsBlog > .last > article:last-of-type {
		margin: 0;
	}

	#clientsBlog > .last > article img {
		display: block;
		float: none;
		clear: none;
		margin: 0 auto;
		padding: 0 0 1em 0;
	}
}


/*****************************************************************
                 		Templates 1.4
******************************************************************/

#templates {
	text-align: center;
	background-color: #c6e070;
	padding: 3em 0;
}

#templates h2 {
	color: #fff;
}

#templates .featured_ecards {
	margin-top: 0 !important;
}

#templates .featured_ecards .featured_ecard {
	margin-top: 0.6em !important;
}

@media all and (max-width: 1100px) {
	#templates .featured_ecards .featured_ecard {
		margin-top: 4em !important;
	}
}

/*#totaliser {
    height: auto;
    width: 100%;
    display: block;
    float: left;
    background: url('../../img/headers/carbonizerbg.jpg') no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    -webkit-border-image: url('../../img/custom/totaliserBorder.png') 0 0 27px 0 stretch stretch;
    -moz-border-image: url('../../img/custom/totaliserBorder.png') 0 0 27px 0 stretch stretch;
    -o-border-image: url('../../img/custom/totaliserBorder.png') 0 0 27px 0 stretch stretch;
    border-image: url('../../img/custom/totaliserBorder.png') 0 0 27px 0 stretch stretch;
}

#totaliser > div:first-of-type {
    padding: 4em 0 0 0;
}

#totaliser > div:last-of-type {
    color: #91c46c;
    padding: 1em 0 0 0;
}

#totaliser > div:last-of-type h2 {
    margin: 0 0 0.2em 0;
}

#totaliser > div:last-of-type > span {
    font-family: "futura-pt", sans-serif;
    font-size: 3em;
    font-weight: bold;
}

#totaliser > div:last-of-type > p {
    font-size: 1.2em;
    margin-bottom: 0;
}

#totaliser > div:last-of-type > p:last-of-type {
    color: #a3472e;
}

#totaliser > div > div {
    position: relative;
    width: 100%;
    max-width: 500px;
    height: auto;
    height: 149px;
    overflow: hidden;
}

#totaliser > div > div > img {
    position: absolute;
    top: -147px;
}

#totaliserBorder {
    display: block;
    width: 100%;
    height: 37px;
    float: left;
    background: url('../../img/custom/totaliserBorder.png') no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}*/

@media all and (max-width: 1100px) {
/*    #totaliser {
        text-align: center;
    }

    #totaliser > div > div {
        margin: 0 auto;
    }

    #totaliser > div:last-of-type {
        padding: 2em 0;
    }

    #totaliser > div:last-of-type h2 {
        margin-bottom: 0.7em;
    }*/
}