.og-context-node-8078.node-type-features .main-container-wrapper:before { display: none; }

.features-banner-wrap {
    background: #f2f7f7 !important;
    padding: 50px 0;
    width: 95%;
    margin: auto;
}
.features-banner-content {
    max-width: 560px;
}
.features-banner-wrap h1 {
    font-size: 60px;
}
.features-item .content-wrap
{
padding: 100px 0;
}
#features-1 .content-wrap {
    padding: 80px 0 100px;
}
.features-item .cont-part ul li {
    font-size: 18px;
    background: url(/sites/default/files/sites/sites-green-tick.png) no-repeat;
    background-position: 0px 6px;
    padding-left: 25px;
    background-size: 15px;
    padding-right: 0;
    margin: 0 0 10px;
}
.features-item .cont-part p a {
    text-decoration: none;
position: relative;
}
.features-item .cont-part p a:after {
content: '';
    background: rgb(3, 169, 245);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 90%;
    height: 1px;
    -webkit-transform-origin: bottom right;
    transform-origin: bottom right;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    transition: -webkit-transform .5s ease;
    transition: transform .5s ease;
    transition: transform .5s ease,-webkit-transform .5s ease;
}
.features-item .cont-part p a:hover:after
{
    -webkit-transform-origin: bottom left;
    transform-origin: bottom left;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}
.features-item.right-image .content-wrap>div.cont-part {
    width: 27%;
}
.features-item.left-image .content-wrap>div.cont-part {
    padding-left: 100px;
    width: 36%;
}
.features-item .cont-part h2
{
font-size: 50px;
font-family: 'proxima_nova_rgbold';
}
.features-item .image-part {
    position: relative;
overflow: visible;
}
.features-item.left-image .image-part img.img-responsive,
.features-item.right-image .image-part img.img-responsive,
.features-item.bottom-image .image-part img.img-responsive,
.features-item.left-image .image-part img,
.features-item.right-image .image-part img,
.features-item.bottom-image .image-part img{
    opacity: 1;
    transform: none;
}
.features-item .image-part>div
{
	padding: 0;
	text-align: left;
}
#features-2 .image-part>div img.img-responsive {
    border: 1px solid #f5f5f5;
}
.features-item .image-part img[class|=animate]{
    box-shadow: none;
    position: absolute;
    opacity: 0;
    -webkit-transition: all 2s ease;
    transition: all 2s ease;
}

.features-item .image-part img.animate-img1 {
    top: 16%;
    left: -4%;
    max-width: 78%;
}
.features-item .image-part img.animate-img2 {
    top: -30px;
    right: -1px;
    max-width: 35%;
	transform: translateX(50px);
}
.features-item .image-part img.animate-img3 {
    top: -90px;
    left: 65px;
    max-width: 55%;
}
.features-item .image-part img.animate-img4 {
        bottom: 110px;
    max-width: 58%;
    right: 130px;
}
.features-item .image-part img.animate-img5 {
    bottom: -30px;
    right: 350px;
    max-width: 58%;
}
.features-item .image-part img.animate-img6 {
    top: -50px;
    max-width: 40%;
    right: 0;
}
.features-item .image-part img.animate-img7 {
    right: -30px;
    z-index: -1;
    bottom: -29px;
    max-width: 110%;
    opacity: .5 !important;	
}
.features-item .image-part img.animate-img8 {
    top: 184px;
    max-width: 85%;
    right: 0;
}
.features-item .image-part img.animate-img9 {
    top: -50px;
    right: -80px;
    max-width: 50%;
}
.features-item .image-part img.animate-img10 {
    top: 250px;
    max-width: 80%;
    right: 0px;
}
.features-item .image-part img.animate-img11 {
    left: 0;
    max-width: 40%;
    border: 1px solid #ececec;
    bottom: -40px;
}


.features-item .animated .image-part img.animate-img1 {
    opacity: 1;
    left: 4%;
}
.features-item .animated .image-part img.animate-img2 {
    opacity: 1;
    transform: translateX(1px);
}
.features-item .animated .image-part img.animate-img3 {	
    opacity: 1;
    top: -30px;
}
.features-item .animated .image-part img.animate-img4 {	
    opacity: 1;
    right: 180px;
}
.features-item .animated .image-part img.animate-img5 {	
    opacity: 1;
    right: 300px;
}
.features-item .animated .image-part img.animate-img6 {
    opacity: 1;
    top: 0px;
}

.features-item .animated .image-part img.animate-img8 {
    opacity: 1;
	top: 134px;
}
.features-item .animated .image-part img.animate-img9 {
    opacity: 1;
    right: -30px;
}
.features-item .animated .image-part img.animate-img10 {
    opacity: 1;
    top: 200px;
}
/*.features-item .animated .image-part img.animate-img11 {
    opacity: 1;
    top: 0px;
}*/

#features-3 .image-part {
    vertical-align: bottom;
    padding-bottom: 0;
}

#features-4 .cont-part {
    text-align: left;
    max-width: 360px;
    background: #f7f4f0;
    padding: 60px 100px;
}
#features-4 .cont-part {
    text-align: left;
    max-width: 360px;
    background: #f7f4f0;
    padding: 60px 100px 300px;
}
#features-4 .image-part {
    top: 0;
    z-index: 0;
}
#features-4 .cont-part > * {
    z-index: 2;
    position: relative;
}
#features-4 img.img-responsive {
    position: relative;
    max-width: 65%;
    margin: auto;
    display: block;
    margin-top: -490px;
}
#features-5 .img-responsive {
    max-width: 85%;
}
#features-6 .img-responsive
{
	    max-width: 70%;
    margin: 0 70px 0 0;
    display: block;
    border: 1px solid #ececec;
    float: right;
}
#features-7 .img-responsive {
    max-width: 70%;
    float: right;
    display: block;
    border: 1px solid #ececec;
    right: 20px;
    margin-right: 40px;
}
#features-8 .img-responsive {
    max-width: 85%;
    float: right;
    position: relative;
	top: -50px;
}
#features-8 .animated .img-responsive { top: 0;}

.features-item .image-part img { 
	transform: none;
    opacity: 1;  
}

@media screen and (max-width: 1200px)
{
.features-banner-wrap {
    width: 100%;
}
	
	.features-item .image-part img.animate-img2 {
    top: 0px;
}
	.features-item .animated .image-part img.animate-img3 {
    top: 20px;
}
	.features-item .image-part img.animate-img8 {
    top: 175px;
}
	.features-item .animated .image-part img.animate-img8 {
    top: 125px;
}
#features-6 .img-responsive {
    margin: 0 50px 0 0;
}	
.features-item .image-part img.animate-img10 {
    top: 237px;
}
.features-item .animated .image-part img.animate-img10 {
    top: 187px;
}	
	
}
@media screen and (max-width: 1024px)
{
.features-item .content-wrap {
    padding: 100px 0;
}	
.features-banner-wrap h1 {
    font-size: 48px;
}
.features-item .cont-part h2 {
    font-size: 36px;
}
.features-item.right-image .content-wrap>div.cont-part {
    width: 33%;
}
.features-item.left-image .content-wrap>div.cont-part {
    padding-left: 80px;
}	
	.features-item .image-part img.animate-img1 {
    top: 18%;
}
	.features-item .image-part img.animate-img2 {
    top: 50px;
}
	.features-item .image-part img.animate-img3 {
    left: 45px;
}
	.features-item .animated .image-part img.animate-img3 {
    top: 80px;
}	
#features-4 img.img-responsive {
    max-width: 82%;
}	
	.features-item .image-part img.animate-img4 {
    max-width: 75%;
    right: 130px;
}
	.features-item .animated .image-part img.animate-img4 {
    opacity: 1;
    right: 50px;
}
	.features-item .animated .image-part img.animate-img5 {
    right: 180px;
}
	.features-item .image-part img.animate-img5 {
    max-width: 75%;
}
	.features-item .image-part img.animate-img8 {
    top: 154px;
    max-width: 95%;
}
.features-item .animated .image-part img.animate-img8 {
    opacity: 1;
    top: 104px;
}


#features-6 .img-responsive {
    max-width: 75%;
    margin: 0 60px 0 0;
}	
	.features-item .image-part img.animate-img10 {
    top: 209px;
    max-width: 85%;    		
}
	.features-item .animated .image-part img.animate-img10 {
    opacity: 1;
    right: 10px;
	top: 174px;	
}
#features-7 .img-responsive {
    max-width: 75%;
	}
}
@media screen and (max-width: 992px)
{
.features-item .content-wrap {
    padding: 80px 0;
}	
#features-1 .content-wrap {
    padding: 80px 0 20px;
}	
.features-banner-content {
    max-width: 490px;
}
.features-banner-wrap h1 {
    font-size: 42px;
    line-height: 1.1;
}	
	.features-banner-wrap {
    padding: 40px 0 60px;
}
	.features-item .content-wrap>div.cont-part
	{
		text-align: left;
	}
.features-item.right-image .content-wrap>div.cont-part,
.features-item.left-image .content-wrap>div.cont-part{
    width: 100%;
    text-align: left;
    max-width: 500px;
	padding: 0;
}	
.features-item .image-part img.animate-img2 {
    top: -20px;
}
.features-item .animated .image-part img.animate-img3 {
    top: 30px;
    left: 40px;
}
#features-3 .img-responsive {
    margin: 60px 0 0;
}
#features-4 .cont-part {
    max-width: 270px;
    padding: 60px 80px 200px;
}
#features-4 img.img-responsive {
    max-width: 80%;
}
	#features-4 img.img-responsive {
    max-width: 80%;
    margin-top: -360px;
}
.features-item .animated .image-part img.animate-img4 {
    opacity: 1;
    right: 40px;
}
.features-item .image-part img.animate-img4 {
    bottom: 80px;
}	
.features-item .animated .image-part img.animate-img5 {
    right: 130px;
}
#features-5 .img-responsive {
    max-width: 100%;
}	
.features-item .image-part img.animate-img6 {
    max-width: 48%;
    right: -40px;
}

.features-item .image-part img.animate-img7 {
    bottom: -10px;
    max-width: 110%;
}	
.features-item .animated .image-part img.animate-img8 {
    right: -20px;
	top: 105px;
}
.features-item .image-part img.animate-img8 {
    top: 105px;
    max-width: 110%;
}	
.features-item .image-part img.animate-img9 {
    right: -40px;
    top: 0px;
    max-width: 60%;
}	

.features-item .animated .image-part img.animate-img10 {
    right: -20px;
	top: 210px;
}	
.features-item .image-part img.animate-img10 {
    top: 230px;
    max-width: 100%;
}	
#features-6 .img-responsive {
    max-width: 90%;
    margin: 0 auto;
	    float: none;
}
#features-7 .img-responsive {
    max-width: 90%;
    float: none;
    right: 0;
    margin-right: 0;
    margin-top: 30px;
}	
#features-8 .img-responsive {
    max-width: 100%;
    float: none;
    position: relative;
}
.features-item .image-part img.animate-img11 {
    left: -50px;
    max-width: 40%;
    border: 1px solid #ececec;
    bottom: -10px;
}	
	
}

@media screen and (max-width: 767px)
{
.features-item .content-wrap {
    padding: 40px 0;
}	
	.features-banner-wrap {
    padding: 80px 0 60px;
}
.features-banner-wrap h1 {
    font-size: 36px;
    line-height: 1.1;
}
.features-item .image-part img[class|=animate]
	{
		opacity: 1;
	}
.features-item .image-part img.animate-img1 {
    left: 10px;
}
.features-item .image-part img.animate-img2 {
    top: -10px;	
    right: 0;
    transform: translateX(0);
}	
.features-item .image-part img.animate-img3 {
    top: 15px;
    left: 25px;
}	
#features-3 .img-responsive {
    margin: 40px 0 0;
}
#features-4 .cont-part {
    max-width: 200px;
    padding: 60px 40px 140px;
}	
#features-4 img.img-responsive {
    max-width: 100%;
    margin-top: -200px;
}	
.features-item .image-part img.animate-img4 {
    bottom: 50px;
    max-width: 90%;
    right: 0;
}	
.features-item .image-part img.animate-img5 {
    max-width: 90%;
    right: 40px;
    bottom: -10px;
}
#features-6 .img-responsive {
    max-width: 85%;
}	
.features-item .image-part img.animate-img6 {
    max-width: 48%;
    right: -9px;
    top: 0;
}
.features-item .image-part img.animate-img8 {
    top: 80px;
    max-width: 100%;
    right: 0;
}	
#features-7 .img-responsive {
    max-width: 85%;
    float: none;
    right: 0;
    margin: 20px auto 0;
}
.features-item .image-part img.animate-img9 {
    right: 0;
    top: 10px;
    max-width: 60%;
}
.features-item .image-part img.animate-img10 {
    top: 125px;
    max-width: 100%;
    right: 0;
}
#features-8 .img-responsive {
	right: 0;
    top: 20px;
}
.features-item .image-part img.animate-img11 {
    left: 0;
    max-width: 32%;
}	
	
}
@media screen and (max-width: 480px)
{
.features-item .cont-part p a {
    margin: 0 0 20px;
    display: inline-block;
}	
.bottom-cta-wrap .content-wrap h2 {
    max-width: 280px;
}
.features-item .image-part img.animate-img2 {
    transform: translateX(1px);
}	
#features-4 .image-part {
    max-width: 320px;
}	
#features-4 img.img-responsive {
    max-width: 325px;
    margin-top: -200px;
}	
.features-item .animated .image-part img.animate-img4 {
    opacity: 1;
    right: -3px;
    max-width: 290px;
    bottom: 50px;
}
.features-item .animated .image-part img.animate-img5 {
    max-width: 290px;
    right: 40px;
}
#features-2 .image-part>div img.img-responsive, #features-5 .img-responsive {
    max-width: 99%;
}	
.features-item .image-part img.animate-img11 {
    top: 20px;
    max-width: 40%;
    bottom: auto;
}	
}