@import url(fonts/stylesheet.css);
/*@import url(fonts/hv_75.css);
@import url(fonts/hv_95.css);
@import url(http://fonts.googleapis.com/css?family=Raleway:700,500);*/
@import url(http://fonts.googleapis.com/css?family=Roboto:400,700);

/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}

body {padding: 0;margin: 0;font-family: 'Roboto', Helvetica, sans-serif; font-size: 12px;}

.wrapper {width: 1027px;margin: 0 auto;}

.header-container {background: #333847;border-bottom: 2px solid #f15c22;text-align: center}
.header-container nav li a {padding: 0 32px;color:#ffffff;display: inline-block;text-decoration: none;font-size: 14px;height: 52px;line-height: 52px;font-weight: 700;}
.header-container nav li a:hover, .header-container nav li a.active {color: #f15c22;}

.footer-container {background: url("../img/bkg_bottom.png") no-repeat 50% 0;max-height: 524px;text-align: center;margin-top: 150px}
.footer-container footer {padding-top:50px;color:#ffffff; }
.footer-container footer h3 {background: url("../img/logo_sm.png") no-repeat 50%;height: 73px;text-indent: -9999px;}
.footer-container footer nav {margin: 30px 0;}
.footer-container footer nav li {display: block;margin: 9px 0;}
.footer-container footer nav li a {color:#ffffff;font-size: 11px;text-decoration: none;font-weight: 700;}
.footer-container footer nav li a:hover {text-decoration: underline;}
.footer-container footer .contact-info {font-size: 9pt;padding: 30px 0 0 0;}
.footer-container footer .contact-info a {font-size: 9pt;color: #ffffff;text-decoration: none}
.footer-container footer .copyright {font-size: 7pt;padding: 30px 0 40px 0;}

nav li {display: inline-block;}

ul.social {width: 100%;text-align: center;}
ul.social li {display: inline-block;margin: 5px;}
ul.social li a {width: 42px; height: 42px;display: inline-block;text-indent: -9999px;}
ul.social li a.facebook {background: url("../img/facebook.png") no-repeat; }
ul.social li a.twitter {background: url("../img/twitter.png") no-repeat; }
ul.social li a.instagram {background: url("../img/in.png") no-repeat; }

.main-container {text-align: left;font-size: 16px;line-height: 1.2em;color:#333847;}
.main-container header {height: 322px;}
.main-container header h1 a {float:left;background: url("../img/logo1.png") no-repeat;width: 272px;height: 91px;margin-top: 170px;display: inline-block;margin-left: 15%;text-indent: -9999px;}
.main-container header h1 span {height: 91px;margin-top: 170px;display: inline-block;}
.main-container h2 {font-size: 23px;margin-bottom: 18px;line-height: 1.2em;font-weight: 700;}
.main-container p {margin-bottom: 20px;font-size: 15px}
.main-container p.bold {font-weight: 700;}

aside {display: inline-block; width: 16.66%;vertical-align: top;font-size: 14px;padding-top: 50px;}
aside ul li {display: block; text-align: right;padding-right: 40px;margin-bottom: 10px;}
aside ul li a {font-size:12px;color: #f15c22;text-decoration: none;text-transform: uppercase;font-weight: 700;}
aside ul li a:hover {text-decoration: underline;}

article {display: inline-block; width: 66.66%;vertical-align: top;}

.page-index .main-container {background: url("../img/bkg_home.jpg") no-repeat 50% 0;}
.page-employers .main-container {background: url("../img/bkg_employers.jpg") no-repeat 50% 0;}
.page-applicants .main-container {background: url("../img/bkg_applicants.jpg") no-repeat 50% 0;}
.page-awards .main-container {background: url("../img/bkg_awards.jpg") no-repeat 50% 0;}
.page-about-us .main-container {background: url("../img/bkg_about.jpg") no-repeat 50% 0;}
.page-news .main-container {background: url("../img/bkg_news.jpg") no-repeat 50% 0;}

.page-index .slogan {background: url("../img/slogan_home.png") no-repeat 50% 0;width: 217px}
.page-employers .slogan {background: url("../img/slogan_employers.png") no-repeat 50% 0;width: 340px;}
.page-applicants .slogan {background: url("../img/slogan_applicants.png") no-repeat 50% 0;width: 204px;}
.page-awards .slogan {background: url("../img/slogan_awards.png") no-repeat 50% 0;width: 241px;}
.page-about-us .slogan {background: url("../img/slogan_about.png") no-repeat 50% 0;width: 340px;}

div.bullets {}
div.bullets ul {list-style: disc;text-align: left;margin-top: 15px;}
div.bullets li {margin-left: 20px;}

ul.buttons {margin-top:45px;}
ul.buttons li {display: block;margin-bottom: 15px;}
ul.buttons li a {display: inline-block;padding: 0;height:24px;line-height:24px;background-color:#333847; border-radius: 4px;width: 161px;text-align: center;color:#c8c8c8;font-size: 12px;text-decoration: none;text-transform: uppercase;font-weight: 700;}
ul.buttons li a:hover {color:#ffffff;}

ul.awards {padding-top: 20px;}
ul.awards li {display: inline-block;padding: 0 20px;}

#menu-mobile{display: none;}

.dialog {width:100%;max-width: 600px;background: #ffffff;box-shadow: #333333 0 0 20px;color:#333847;}
.dialog-content {padding: 20px 30px;}
.dialog-content input {width: 96%;padding: 15px 2%;border: 1px solid #cccccc;margin-bottom: 20px;font-size: 14pt;}
.dialog-content input:focus {border: 1px solid #4b5369;}
.dialog-content h2 {font-size: 22pt;margin-bottom: 24px;line-height: 1.2em;font-weight: 700;}
.dialog-content p {margin-bottom: 24px;font-size: 14pt;}
.dialog-content div.buttons {text-align: center;padding-top: 10px;}
.dialog-content a {display: inline-block;padding: 16px 0;background-color:#333847; border-radius: 6px;width: 40%;text-align: center;color:#c8c8c8;font-size: 14pt;text-decoration: none;text-transform: uppercase;font-weight: 700;margin-bottom: 10px;}
.dialog-content a:hover {color:#eeeeee;}

@media screen and (max-width: 1680px) {


}

@media screen and (max-width: 980px) {
    .wrapper {width: 90%;}
    aside {width: 20%}
    article {width: 79%}
    .main-container {font-size: 14pt;}
    .main-container h2 {font-size: 18pt;}
}

@media screen and (max-width:800px) {
    .main-container header h1 a {margin-top:100px;float: none;}
    .main-container header h1 span {margin-top: -40px;margin-left: 15%;display: block;background-position: 60px 0 !important;width: 85%!important;}
}
@media screen and (max-width:760px) {
    .header-container nav li a {padding:0 20px; }
    .main-container header h1 a {margin-left:0;}
    .main-container header h1 span {margin-left: 0;background-position: 0 0 !important;width: 100%!important;}
    aside {display: none;}
    article {width: 100%}
}
@media screen and (max-width:640px) {
    .header-container nav {position: absolute;background-color:#4b5369;left:0;width:100%;display: none;border-bottom: 2px solid #f15c22;}
    .header-container nav li {display: block;border-bottom: 1px solid #333847;}
    .header-container nav li a {font-size: 17pt; }
    #menu-mobile{display: block;text-align: right;padding: 10px;}
    #menu-mobile a {display: block;background: url("../img/menu.png") no-repeat; width: 31px;height: 29px;}

}

@media screen and (max-width:480px) {
    .main-container header {height:220px;float: none;}
    .main-container header h1 a {margin-top:40px;float: none;}

    ul.buttons li a {padding: 12px 0;width: 100%;font-size: 16pt;}

    .dialog-content a {width: 100%;}
}