body {margin:0;padding:0;background:#fff;font-family:MyriadPro-Regular;color:#59524c;font-size:14px;}

img,form {border:0;margin:0;}
a,input {outline:none;}
a {color:#59524c;text-decoration:none;transition: all 0.3s ease;}
a:hover {text-decoration:none;}
h1,h2, h3, h4, h5, h6 {font-weight:normal;margin:5px 0;padding:0;}
ul {list-style:none;}
p {margin-top:3px;margin-bottom:3px;}
.clr {clear:both;}

input,option,select {height:30px;}
input,option,select,textarea {background:#fff !important;border:none;color:#797d8d;padding:0 5px;max-width:98%;}
hr {height:2px;background:#f7f7f7;margin-top:5px;margin-bottom:5px;border:0px;}

@font-face {font-family:MyriadPro-Semibold;src:local("MyriadPro-Semibold"),url(/fonts/MyriadPro-Semibold.otf);}
@font-face {font-family:MyriadPro-Regular;src:local("MyriadPro-Regular"),url(/fonts/MyriadPro-Regular.otf);}

::-webkit-scrollbar-track {background-color:#fff;}
::-webkit-scrollbar {background-color:#fff;height:5px;width:7px;}
::-webkit-scrollbar-thumb {background:#444a5d;opacity:0.8;}

.wrapper {max-width:1000px;width:100%;margin:auto;}

header {overflow:hidden;background:#000 url(/images/findjob/office.jpg) center no-repeat;height:450px;}
.logo {width:100%;text-align:center;font-family:MyriadPro-Semibold;margin:70px 0 20px;overflow:hidden;}
.logo h1 {font-size:120px;color:#fff;}
.logo span {color:#e6cbb4;}
.logo p {font-size:24px;color:#efe3d9;margin-top:-35px;}

.shadow {height:999px;width:100%;background-color:rgba(0,0,0,0.45);margin-top:-500px;}
.subtop {height:120px;width:100%;overflow:hidden;background:#59524c;-webkit-box-shadow: -1px -4px 8px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    -1px -4px 8px 0px rgba(50, 50, 50, 0.75);
box-shadow:         -1px -4px 8px 0px rgba(50, 50, 50, 0.75);}

.take-home {margin-top:-290px;}

.take-home div {float:left;width:30%;margin:0 1.5%;height:290px;overflow:hidden;transition: all 0.3s ease;}
.take-home div img {width:100%;}
.take-mid {height:340px !important;margin-top:-50px !important;}

.info {width:100%;overflow:hidden;background:#fff;-webkit-box-shadow: -1px -4px 8px 0px rgba(20, 50, 50, 0.22);
-moz-box-shadow:    -1px -4px 8px 0px rgba(20, 50, 50, 0.22);
box-shadow:         -1px -4px 8px 0px rgba(20, 50, 50, 0.22);}

.take-home {position:relative;z-index:1;}
.info  {position:relative;z-index:2;}

.take-home div:hover {height:310px;margin-top:-20px;}
.take-home .take-mid:hover {height:350px !important;margin-top:-60px !important;}

.info h2 {text-align:center;color:#59524c;font-family:MyriadPro-Semibold;font-style:italic;font-size:30px;margin:25px 0;}

.colors {max-width:900px;width:100%;margin:auto;overflow:hidden;}
.colors p {text-align:center;font-weight:bold;}


.colors-white {text-align:center;overflow;hidden;margin:10px 0;}
.colors-white h3 {font-size:24px;font-weight:bold;margin:0 0 20px;}
.colors-white a {background:#5b514a;color:#e6cbb4;padding:10px 12px 7px;overflow:hidden;margin:0 3px;}

.feat {overflow:hidden;margin:20px 0;}
.feat h4 {text-align:center;font-size:20px;font-weight:bold;}
.feat p {text-align:center;font-size:16px;}

footer {text-align:center;overflow:hidden;margin:0 0 20px;}



@media screen and (max-width:950px) {
.wrapper {width:96%;padding:0 2%;}
}

@media screen and (max-width:750px) {
header {height:400px;}
.take-home {margin-top:-240px;}
.take-home div:hover {height:290px;margin-top:0;}
.take-home .take-mid:hover {height:340 !important;margin-top:-50px !important;}
}

@media screen and (max-width:730px) {
.take-home {margin-top:-275px;overflow:hidden;height:250px;}
.take-mid {margin-top:0 !important;}
.take-mid:hover {margin-top:0 !important;}
}

@media screen and (max-width:500px) {
.take-home div {width:97%;margin-bottom:10px;}
.take-home {height:auto;}
.take-home .take-mid:hover {margin-top:0px !important;}
.colors img {width:19%;}
.colors {max-width:100%;margin:auto;}
}