@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: 'Futura PT Book';
    src: url('../fonts/FuturaPT-Book.eot');
    src: url('../fonts/FuturaPT-Book.eot?#iefix') format('embedded-opentype'),
        url('../fonts/FuturaPT-Book.woff2') format('woff2'),
        url('../fonts/FuturaPT-Book.woff') format('woff'),
        url('../fonts/FuturaPT-Book.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
html, body{ height:100%; }
body { font-family: 'Futura PT Book'; color:#363636; }	
body, h1, h2, h3, h4, p, ul, li{ padding: 0px;	margin: 0px; }
ul li{ list-style-type:none; }
img{ border:none; max-width:100%; }

.head-banner{ height:100%; background:url(../images/wave-bg.jpg) 0px 50%/100% no-repeat; position:relative;  }
.content{ width:90%; margin:auto; }
.navigation{ border-bottom:1px solid #eeedec; padding:15px 0px; font-size:15px; letter-spacing:1px; width:100%;  background:rgba(255,255,255,0.9); z-index:9999; position:fixed; top:0px; left:0px; min-height:52px; }
.navigation a{ margin-right:20px; font-weight:bold; }
.navigation a:hover, .navigation a:focus{ text-decoration:none; border-bottom:1px solid #e2e2e2; }
.navigation a img{ margin-top:-6px; }
.navigation .social-links{ text-align:right; }

.banner-logo{ text-align:center; padding:13% 0px 0; }
.intro{ padding:50px 0 0 0; width:50%; margin:auto;  }
.intro h2{ font-weight:normal; line-height:45px; font-size:34px; font-style:italic; }
.row{ margin-right:0px; }
@keyframes bouncing {
  from, 40%, 53%, 80%, to {
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transform: translate3d(0, -10px, 0);
  }

  70% {
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    transform: translate3d(0,-4px,0);
  }
}

.bouncing {
  position: absolute;
  animation-duration: 4s;
  animation-name: bouncing;
  animation-iteration-count: infinite;
  font-size: 2em; 
  bottom:40px; 
  left:50%;
}
.arrow-down a{ background:url(../images/arrow-down.png) 0px 0px no-repeat; text-decoration:none; color:#363636; width:20px; height:20px; position:absolute; font-size:15px;}
.arrow-down a span{ display:none; } 
.arrow-down a:hover span{ display:block; width:90px; text-align:center; margin:-23px 0px 0px -35px; } 

#whatwedo{ height:100%; }
.wwd-bg{ margin:30px 0px; background:url(../images/what-we-do-bg-m.jpg) 0px 0px/100% no-repeat; min-height:489px; position:relative; }

.whatWeDo h2{ text-align:center; font-weight:bolder; text-transform:uppercase; font-size:23px; margin-top:60px; }
.whatWeDo h2 span{ border-bottom:2px solid #e2e2e2; }
.whatWeDo h2 span a{ color:#363636; font-size:23px; text-decoration:none; }
.whatWeDo p{ font-size:16px; }
.whatWeDo h3{ font-size:18px; padding-bottom:10px; font-weight:bold; text-transform:uppercase; }
.whatWeDo h3 span{ font-size:29px; }
.whatWeDo  a{ font-size: 50px; letter-spacing: -3px; line-height: 0px; }
.whatWeDo a:hover{ text-decoration:none; }
.food, .real-estate, .education, .entertainment{ position:absolute; width:27%; line-height: 18px; }
.food{ left:4%; bottom: 10%; }
.food h3, .food a, .purple{ color:#8e4d89; }
.real-estate{ left: 4%; top: 8%; }
.real-estate h3, .real-estate a, .blue{ color:#62ccc5; }
.education{ right:2%; top:6%; }
.education h3, .education a, .yellow{ color:#fdad09; }
.entertainment{ right:2%; bottom: 10%; }
.entertainment h3, .entertainment a, .dblue{ color:#4a79a7; }

#reachus{ height:100%; }
.footer{ min-height:300px; background:url(../images/footer-bg.jpg) 0px 0px/100% repeat; }
.footer h2{ text-align:center; text-transform:uppercase; font-size:23px; font-weight:bold; margin-top: 60px;  }
.footer h2 span{ border-bottom:2px solid #e2e2e2; }
.footer .content{ padding:50px 0px; }
.address, .phone, .email{ padding:0px 0px 30px 45px; font-size:19px; }
.address{ background:url(../images/address-icon.png) 0px 0px no-repeat; margin-top:35px; }
.phone{ background:url(../images/phone-icon.png) 0px 0px no-repeat; }
.email{ background:url(../images/email-icon.png) 0px 0px no-repeat; }
.email a{ color:#363636; }

.footer-links{ padding-bottom:30px; }
.footer-links a{ color:#363636; line-height:45px; font-size:20px; }
.social-links a{ margin-right:10px;  }

.copyright{ text-align:center; font-size:14px; padding:70px 0px; letter-spacing:1px; }

.rwd-block{ font-size:80px; display:none; }
.scrollToTop{ background:#ccc url(../images/top-arrow.png) 50% 50% no-repeat; width:40px; height:40px; border-radius:50%; position:fixed; bottom:25px; right:15px; display:none; }
.scrollToTop:hover, .scrollToTop:focus{ text-decoration:none; }

@media screen and (min-width: 812px) {
.wwd-bg{ min-height: 323px; } 
/* .head-banner{ height:auto; } */
.real-estate { left: 4%; top: 3%; }
.education { right: 2%; top: 3%; }
.food { left: 4%; bottom: 16%; }
.entertainment { right: 2%; bottom: 13%; }
.whatWeDo p { font-size: 12px; }
.food, .real-estate, .education, .entertainment{ width: 28%; line-height: 14px; }
.whatWeDo h3 { font-size: 11px; padding-bottom:2px; }
.whatWeDo h3 span { font-size: 20px; }
}

@media screen and (min-width: 960px) {
.wwd-bg { min-height: 355px; }
.whatWeDo h3 { font-size: 13px; padding-bottom: 3px; }
.whatWeDo h3 span { font-size: 23px; }
.food, .real-estate, .education, .entertainment{ width: 28%; }
.real-estate { left: 4%; top: 4%; }
.education { right: 1%; top: 4%; }
.food { left: 5%; bottom: 10%; }
.entertainment { right: 1%; bottom: 6%; }
.whatWeDo p { font-size: 13px; }
}

@media screen and (min-width: 1024px) {
.wwd-bg { min-height: 374px; }
.whatWeDo h3 { font-size: 14px; padding-bottom: 3px; }
.whatWeDo h3 span { font-size: 23px; }
.food, .real-estate, .education, .entertainment{ width: 28%; }
.real-estate { left: 4%; top: 4%; }
.education { right: 1%; top: 4%; }
.food { left: 5%; bottom: 9%; }
.entertainment { right: 1%; bottom: 6%; }
}

@media screen and (min-width: 1100px) {
.wwd-bg{ min-height: 415px; }
.food, .real-estate, .education, .entertainment { width: 29%; }
.real-estate { left: 4%; top: 4%; }
.education { right: 1%; top: 4%; }
.food { left: 5%; bottom: 12%; }
.entertainment { right: 1%; bottom: 10%; }
.whatWeDo h3 { font-size: 15px; padding-bottom: 5px; }
.whatWeDo h3 span { font-size: 22px; }
}

@media screen and (min-width: 1280px) {
.wwd-bg{ min-height: 479px; }
.food, .real-estate, .education, .entertainment{ width: 23%; line-height: 18px; }
.real-estate { left: 5%; top: 6%; }
.education { right: 5%; top: 6%; }
.food { left: 5%; bottom: 13%; }
.entertainment { right: 5%; bottom: 9%; }
/*.head-banner { height:auto; } */
.whatWeDo p { font-size: 14px; line-height: 22px; }
.whatWeDo h3 { font-size: 14px; }
.whatWeDo h3 span { font-size: 24px; }
}

@media screen and (min-width: 1360px) {
/* .head-banner { height:auto; } */
.wwd-bg { min-height: 508px; }
.food, .real-estate, .education, .entertainment { width: 24%; }
.real-estate { left: 5%; top: 3%; }
.education { right: 5%; top: 3%; }
.food { left: 5%; bottom: 12%; }
.entertainment { right: 5%; bottom: 9%; }
.whatWeDo p { font-size: 16px; line-height: 24px; }
.whatWeDo h3 { font-size: 16px; }
.whatWeDo h3 span { font-size: 28px; }
}
@media screen and (min-width: 1400px) {
.wwd-bg{ min-height: 522px; }
/* .head-banner { height: 56%; } */
.whatWeDo p { font-size: 18px; line-height: 24px; }
.whatWeDo h3 { font-size: 16px; }
.whatWeDo h3 span { font-size: 30px; }
}

@media screen and (min-width: 1500px) {
.wwd-bg{ min-height: 550px; }
.food, .real-estate, .education, .entertainment{ width: 23%; line-height: 22px; }
.real-estate { left: 5%; top: 6%; }
.education { right: 5%; top: 6%; }
.food { left: 5%; bottom: 12%; }
.entertainment { right: 5%; bottom: 9%; }
/*.head-banner { height: 55%; }*/
.whatWeDo p { font-size: 18px; line-height: 24px; }
.whatWeDo h3 { font-size: 18px; }
.whatWeDo h3 span { font-size: 30px; }
}
@media screen and (min-width: 1600px) {
 .wwd-bg{ min-height:611px; }
/*.head-banner { height: 50%; }*/
.real-estate { left: 4%; top: 8%; }
.education { right: 5%; top: 8%; }
.whatWeDo p { font-size: 18px; line-height: 24px; }
.whatWeDo h3 { font-size: 19px; }
.whatWeDo h3 span { font-size: 32px; }
.food { left: 4%; bottom: 11%; }
.entertainment { right: 5%; bottom: 8%; }
}
@media only screen and (max-width: 1600px) and (min-width: 1600px)  {
.real-estate { left: 4%; top: 7%; }
.education { right: 5%; top: 7%; }
.food { left: 4%; bottom: 15%; }
.entertainment { right: 5%; bottom: 12%; }
}

@media screen and (max-width: 1680px) {
.banner-logo { text-align: center;  }
}

@media screen and (min-width: 1700px) {
.wwd-bg { min-height: 624px; }
.education { right: 5%; top: 5%; }
.whatWeDo p { font-size: 18px; line-height: 24px; }
.whatWeDo h3 { font-size: 19px; }
.whatWeDo h3 span { font-size: 32px; }
.food { left: 5%; bottom: 10%; }
.entertainment { right: 5%; bottom: 6%; }
}

@media screen and (min-width: 1800px) {
.wwd-bg { min-height: 674px; }
.education { right: 5%; top: 5%; }
.whatWeDo p { font-size: 18px; line-height: 24px; }
.whatWeDo h3 { font-size: 21px; }
.whatWeDo h3 span { font-size: 34px; }
.real-estate { left: 4%; top: 5%; }
.entertainment { right: 5%; bottom: 10%; }
}

@media screen and (min-width: 1900px) {
.head-banner{ height:100%; background:url(../images/wave-bg.jpg) 0px 10%/100% no-repeat; }
.wwd-bg{ min-height:720px; }
.whatWeDo p { font-size: 18px; line-height: 24px; }
.whatWeDo h3 { font-size: 22px; }
.whatWeDo h3 span { font-size: 40px; }
.real-estate { left: 4%; top: 9%; }
.education { right: 5%; top: 9%; }
.entertainment { right: 5%; bottom: 15%; }
.food { left: 4%; bottom: 15%; }
}
@media screen and (min-width: 2048px) {
.wwd-bg{ min-height:780px; }
.entertainment { right: 5%; bottom: 14%; }
.content { width: 1828px; }
.intro { padding: 50px 0 0 0; }
}


@media (max-width: 800px) and (min-width: 768px) {
.wwd-bg{ min-height: 323px; } 
.content{ width:100%; }
.whatWeDo h3 { font-size: 12px; padding-bottom:2px; }
.whatWeDo p { font-size: 13px; }
.food, .real-estate, .education, .entertainment{ width: 28%; line-height: 14px; }
.head-banner{ height:auto; } 
.whatWeDo h3 span { font-size: 24px; }
.real-estate { left: 4%; top: 2%; }
.education { right: 2%; top: 2%; }
.food { left: 4%; bottom: 11%; }
.entertainment { right: 2%; bottom: 7%; }
.intro{ width:90%; }
}
@media screen and (max-width: 1200px) {
.head-banner{ background:url(../images/wave-bg.jpg) 0px 70%/100% no-repeat; }
}
@media (max-width: 980px) {
.head-banner, #whatwedo, #reachus{ height:auto; }
.footer-links a{ line-height:40px; }
.bouncing{ bottom: -30px; }
}


@media (max-width: 767px) {
body{ background:none; }
.banner-logo{ padding:120px 0px 0; }
.intro{ padding:30px 0 0  0px; }
.bouncing{ bottom: -30px; }
.rwd-block{ display:block; text-align:center; margin-bottom:30px; }
.wwd-bg{ background:none; }
.food, .real-estate, .education, .entertainment{ position:inherit; left:0px; top:0; margin-bottom:50px; text-align:center; width:100%; }
.intro{ width:95%; }
.head-banner{ height:auto; }
.intro h2{ font-size:26px; line-height:35px; }
.navigation .col-md-9, .navigation .col-md-3{ width:50%; float:left; padding:0px; }
.col-sm-9, .navigation .col-sm-3  .social-links{ text-align:center!important; }
.navigation .col-sm-3  .social-links{ padding-top:10px; }
.col-md-12{ width:90%; margin:auto; }
#whatwedo{ padding-top: 45px; }
.footer{ padding-top:100px; }
.footer h2{ margin-top:0px; }

}