@import url("common.css");
.bannerText	{ width:1000px; margin: 0 auto; position:absolute; top: 5%; z-index: 9; right:5%; text-align:center;}
.bannerText h2	{ font-size:4.7em; color: #002d4d; padding: 0px 20px 0px 0px; text-align: right;}
.bannerText h5	{ font-size:2em; font-weight: 400; color: #000; text-align: right; padding: 0px 20px 0px 0px;}
.bannerText a	{ background-color: #007bd5; padding: 12px 25px 12px; color: #fff; font-size: 1.6em; display: inline-block;
    border-radius: 4px; text-decoration: none; margin: 20px 20px 0 0px; float: right;}
.bannerText a:hover { background-color: #fc3176; }
.howitworks	{ padding:40px 0 60px; background:url(../images/lets_bg.jpg) repeat; height:100%; overflow:hidden;}
.howitworks h2	{ font-size:3.5em; text-align:center; }
.howitworks section	{ background-color:#fff; border-radius:5px; width:22%; float:left; position:relative; margin-top:25px; margin-right:3%;}
.howitworks section span.circle	{ background-color:#fff; width:120px; height:120px; border-radius:60px; display: block; position:absolute; text-align:center; left:50%; margin-left:-60px;}
.howitworks section span.circle b	{ width:70px; height:70px; border-radius:35px; display:block; margin:0 auto; margin-top:25px; font-size:3.6em; color:#fff;-webkit-box-shadow: 3px 5px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 3px 5px 5px 0px rgba(0,0,0,0.75);
box-shadow: 3px 5px 5px 0px rgba(0,0,0,0.75);}
.howitworks h3			{ color:#fff; /*font-style:italic;*/ font-size:1.4em; font-weight:normal; line-height:31px; text-transform: uppercase;}
.howitworks  section div h3 span		{ font-size:1.63em; margin:0; font-weight:700; display:block;}
.howitworks section div	{ margin:80px 0 0 0; width:106%; margin-left:-3%; border-radius:5px; padding:50px 0 10px 0;}
.howitworks section div *	{ margin:0 30px 20px 25px;}
.howitworks section div p	{ font-size:1.1em; color:#fff;}
.howitworks section span.circle b,.howitworks section div	{ background-color:#0264ac}
.howitworks section + section span.circle b,.howitworks section + section div	{ background-color:#e95c52}
.howitworks section + section + section span.circle b,.howitworks section + section + section div	{ background-color:#ffa810}
.howitworks section + section + section + section span.circle b,.howitworks section + section + section + section div	{ background-color:#86b102}
.howitworks section p a				{ display: block;margin: 15px 0 0 0; font-size: 0.9em; color: #fff; background: rgba(0,0,0,0.3); padding: 12px; border-radius: 8px;text-decoration:none;font-weight: bold; text-align: center;}
.howitworks section p a:hover		{ text-decoration:none; background: rgba(0,0,0,0.6);}
.ourExpertise,.clientTestimonials	{ padding:40px 0 60px 0; height:100%; overflow:hidden;}
.ourExpertise h4		{ font-size:1.8em; background-color:#eeeeee; padding:8px 0;text-align:center; color:#2d2c2c;}
.ourExpertise section	{ width:23%; margin-right:2%; float:left; height:100%; overflow:hidden; margin-top:30px;}
.ourExpertise section figure	{ background-color:#90a4ad; overflow:hidden; height:250px; text-align:right;}
.ourExpertise section a figure img	{ width:93%;transition: all 0.9s ease 0s;}
.ourExpertise section a:hover figure img	{ width:105%;}
.ourExpertise section + section figure	{ background-color:#e57373;}
.ourExpertise section + section + section figure	{ background-color:#ffcb29;}
.ourExpertise section + section + section + section figure	{ background-color:#86b102;}

.our-products {
    background-color: #91bfd4;
    padding: 40px 0 60px 0;
    overflow: hidden;
	height:100%;
    position: relative;
    width: 100%;
}
.our-products h2 {
    margin: 0 0 10px 0;
    text-align: center;
}
.our-products .fixedWidth div div {
    float: left;
    width: 24.8%;
    margin-right: 3.8%;
    padding: 60px 35px 40px;
    -webkit-box-shadow: 0px 0px 50px 0px rgba(45,144,209,1);
    -moz-box-shadow: 0px 0px 50px 0px rgba(45,144,209,1);
    box-shadow: 0px 0px 50px 0px rgba(45,144,209,1);
    position: relative;
    overflow: hidden;
    margin-top: 15px;
    text-align: center;
}
.our-products .fixedWidth div div:before {
    background: url(../images/ourpro-box-edge.png) 0 0 no-repeat;
    width: 100%;
    height: 85px;
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0.5;
}
.our-products .fixedWidth div div:nth-child(3n+3) {
    margin-right: 0;
}
.our-products .fixedWidth div div:nth-child(1) {
    background: #fff799;
}
.our-products .fixedWidth div div:nth-child(2) {
    background: #bcd8e0;
}
.our-products .fixedWidth div div:nth-child(3) {
    background: #f095d6;
}
.our-products .fixedWidth div div figure	{ height:190px;}
.our-products .fixedWidth div div figure img {
    margin: 0 auto 15px;
}

.our-products .fixedWidth div div h4 {
    margin: 0 0 10px 0;
    padding: 0;
    font-size: 1.429em;
    font-weight: 700;
    color: #000;
}
.our-products .fixedWidth div div p {
    margin: 0 0 15px 0;
    font-size: 1.071em;
    line-height: 1.4;
    color: #485155;
    text-align: left;
}
.our-products .fixedWidth div div a.button {
    display: inline-block;
    font-size: 1.071em;
    line-height: 1;
    padding: 13px 16px;
    background: #4285f4;
    border-radius: 5px;
    color: #fff;
	text-decoration: none;
}
.our-products .fixedWidth div div a.button:hover {
    background: rgba(0,0,0,0.3);
    padding: 13px 40px;
}
.our-products .fixedWidth div div a.button:active {
    margin-top: 3px;
}

@media screen and (max-width: 1279px) {
.bannerText{width: 100%; right: 0; top: 2%;}
.bannerText h2{font-size: 4em;}
.bannerText h5{font-size: 1.5em;}
.howitworks section{width: 22.7%;}
.howitworks section:last-child{margin-right: 0 !important;}
.our-products .fixedWidth div div{width: 23.5%;}
.our-products .fixedWidth div div figure img{max-width: 100%;}
}

@media screen and (max-width: 1023px) {
.our-products .fixedWidth div div{width: 23.3%; min-height: 400px;}
}

@media screen and (max-width: 979px) {
.bannerText h2{font-size: 3em;}
.howitworks section{width: 47%; margin-right: 6%;}
.howitworks section:nth-child(3){margin-right: 0;}
.ourExpertise section{width: 49%;}
.ourExpertise section:nth-child(3){margin-right: 0;}
.ourExpertise section:last-child{margin-right: 0;}
.ourExpertise section figure{height: 350px;}
.our-products .fixedWidth div div{width: 100%; box-sizing: border-box; margin: 20px 0 0 !important;}
}

@media screen and (max-width: 799px) {
.bannerText h2{font-size: 2.8em;}
.bannerText h5{font-size: 1.3em;}
}

@media screen and (max-width: 670px) {
.bannerText h2{font-size: 2.5em; text-align: right;  padding: 0 20px 0 0;}
.bannerText h5{font-size: 1.2em; text-align: right; padding: 0 20px 0 0;}
.ourExpertise section figure{height: 300px;}
}

@media screen and (max-width: 570px) {
.ourExpertise section figure{height: auto; padding: 0 0 10px;}
}

@media screen and (max-width: 450px) {
header h1{padding: 0 !important;}
header nav{margin: 15px auto 0;}
.bannerText{top: 3%; text-align: right;}
.bannerText h2{font-size: 1.5em;}
.bannerText h5{font-size: 0.8em;}
.bannerText a{margin: 5px 20px 0 0; font-size: 1em; padding: 5px 7px;}
.howitworks h2{font-size: 2.5em;}
.howitworks section{width: 100%; margin: 0 0 30px !important;}
.ourExpertise section{width: 100%; margin: 0 0 30px !important;}
.ourExpertise h2{font-size: 2.5em; margin-bottom: 30px;}
.our-products h2{font-size: 2.5em;}
.clientTestimonials h2{font-size: 2.5em;}
}

@media screen and (max-width: 400px) {
.bannerText h2{font-size: 1em;}
.bannerText h5{font-size: 0.7em;}
}