/*
Theme Name: SZL
Theme URI: http://basmajalloul.com
Author: TidyThemes
Author URI: http://basmajalloul.com/
Version: 4.0.2
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl.html
Text Domain: SZL

BlankSlate WordPress Theme © 2011-2014 TidyThemes
BlankSlate is distributed under the terms of the GNU GPL
*/

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{font-size:100%;font:inherit;padding:0;border:0;margin:0;vertical-align:baseline}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}.clear{clear:both}
body {margin:0px;}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}
.mobile {display: none !important;}
.row {
width: 96%;
margin: auto;
}
#header {
height: 79px;
background:url(img/nav.jpg);
background-size: 100% 100% !important;
width: 100%;
position: fixed;
z-index: 999;
top: 0px;
}
#container {
margin-top: 79px;
}
.call-to-action-button { 
background: url(http://szl.it/wp-content/uploads/2015/10/signup-button.jpg) no-repeat;
width: 213px;
height: 38px;
display: block;
}
#navtoggle {
display: none;
cursor: pointer;
}
#site-title {
display: inline-block;
vertical-align: middle;
padding-left: 45px;
} 
nav#menu {
display: inline-block;
vertical-align: middle;
padding-left: 60px;
}
.home #content {
display: block;	
}
.menu li {
display: inline-block;	
margin-right: 45px;
}
.menu a {
font-family: 'Ubuntu Condensed', sans-serif;
font-size: 22px;
text-decoration: none;
color: #000000;
text-transform: uppercase;	
}
#slidersection {
height: 960px !important;
width: 100%;
}
#slides , #slides li, .slides-control,ul.slides-container {
  height: 100% !important; 
}
#slidesmobile img {
  width: 100% !important;
  height: auto !important;
  position: initial !important;
  min-width: 0px !important;
}
.slide_logo {
display: block;
width: 663px;
height: 258px;
margin: 0px auto 95px auto;
}
.slide_text h1 {
  font-size: 68px;
  font-family: open sans;
  line-height: 55px;
  font-weight: 300;
  color: #FFF;
}

.slide_text h2 {
  font-size: 68px;
  font-family: open sans;
  line-height: 55px;
  font-weight: 300;
  color: #333333;
}

.mobile_content {
position: absolute;
bottom: 15px;
text-align: center;
width: 100%;
}
#slides .scrollable {
display: table;
width: 100%;
}
.slide_text {
display: table-cell;
vertical-align: middle;
width: 100%;
}
.slide_text_inner {
  width: 63%;
  text-align: left;
  float: right;
  padding-right: 2%;	
}
.slide_text_inner p {
  color: #FFF;
  font-size: 24px;
  font-family: open sans;
  font-weight: 300 !important;
  line-height: 30px;
  margin-bottom: 51px;
  margin-left: 0px;
}
p#formFeedback {
  font-family: roboto;
  font-size: 14px;
  text-transform: uppercase;
  color: #FFF;
  margin: 0px;
  letter-spacing: 1.5px;
  text-align: center;
  width: 100%;
  line-height: 20px;
  padding: 6px 0px !important;
  background-color: #2BC0E0;
}
form#nomibotPhoneSubmission {
  border: 1px #FFF solid;
  border-top: 0px;
}
.us_only {
  background-color: #FFF;
  padding: 4px;
  display: inline-block;
}
.widget #nomibotPhoneSubmission input[type="number"] {
color: #686565;
  font-family: open sans;
  text-transform: uppercase;
  font-size: 12px;
  background: #FFF;
  display: inline-block;
  width: 113px;
  vertical-align: top;
  padding: 10px;
  height: 23px;
  border: 0px;
  margin-left: -4px;
}
section#section-media li {
  margin-bottom: 10px;
  list-style: square;
  margin-left: 18px;
}
.widget #nomibotPhoneSubmission input[type="submit"] {
  display: inline-block;
  color: #686565;
  font-family: open sans;
  text-transform: uppercase;
  font-size: 12px;
  width: 122px;
  height: 43px;
  vertical-align: top;
  padding: 10px;
  background-color: #FFF;
  border: 0px;
  margin-left: -2px;
  float: right;
}
.widget #nomibotPhoneSubmission .us_only {
  color: #686565;
  font-family: open sans;
  text-transform: uppercase;
  font-size: 12px;
  display: inline-block;
  width: 62px;
  padding: 10px;
  height: 23px;
  vertical-align: top;
}
.desktop.widget {
  width: 343px;
  border: 1px #8AEAFF solid;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  display: inline-block;
  vertical-align: bottom;
  margin-right: 20px;
}
img.smart {
  width: 290px !important;
  position: inherit !important;
  min-width: 0px !important;
  display: inline-block;
  vertical-align: bottom;
  margin-top: 20px;
}
#slides li , #slidesmobile li { background-size: cover !important;}
#slidesmobile li {
  position: inherit !important;
  height: auto !important;
}
#content {
display: table;
width: 100%;
}
.page-id-9 #container {
background: url(http://szl.wpengine.com/wp-content/uploads/2014/12/media.jpg) center no-repeat;
background-size: cover !important;	
}
.page-id-8 #container {
background: url(http://szl.wpengine.com/wp-content/uploads/2014/12/careers.jpg) center no-repeat;
background-size: cover !important;	
}
.page-id-7 #container {
background: url(http://szl.wpengine.com/wp-content/uploads/2014/12/contactus.jpg) center no-repeat;
background-size: cover !important;	
}
.page-template-default #container {
display: table !important;
width: 100%;
height: 100%;
position: relative !important;
}
#section-mission {
height: 870px;
background-size: 100% !important;
display: table;
width: 100%;
z-index: 1;
background-size: cover !important;
background-position: center !important;
position: relative;
}
#section-about {
display: table;
width: 100%;
height: 1300px;
color: #FFF;
margin-top: -95px;
background-attachment: fixed !important;
background-size: cover !important;
}
#section-mission .section-content {
display: table-cell;
vertical-align: middle;
text-align: center;	
}
#section-about .section-content {
display: table-cell;
vertical-align: bottom;
text-align: center;	
}
h1 {
font-size: 60px;
font-family: 'Ubuntu', sans-serif;
line-height: 72px;
font-weight: 500;
}
h1 a {
color: #FFF;
}
p {
font-family: 'Open Sans', sans-serif;
font-size: 36px;
line-height: 48px;
max-width: 1320px;
margin: auto;
margin-top: 45px;
}
strong {
font-weight: bold;
}
.social {
margin-bottom: 140px;
text-align: center;	
display: inline-block;
margin-left: auto;
margin-right: auto;
}
.social li {
display: inline-block;
margin-right: 310px;
}
.social li:nth-child(3) {
margin-right: 0px;
}
.about_content {
padding: 200px 0px 155px;
background: url(img/about_szl.png) top center;
}
a.section-button {
font-size: 24px;
font-family: open sans;
color: #000;
font-weight: 600;
text-decoration: none;
margin-top: 45px;
display: inline-block;
border: 3px solid #000;
border-radius: 3px;
padding: 55px 25px 20px 165px;
}
h2 {
color: #FFF;
display: inline-block;
font-family: open sans;
font-size: 60px;
margin-left: 30px;
font-weight: 700;
}
h3 {
color: #FFF;
display: inline-block;
font-family: open sans;
font-size: 36px;
margin-left: 30px;
font-weight: 400;
}
.manifesto {
text-align: center;
}
#section-about a.section-button , #section-the-szl-manifesto a.section-button {
color: #fff;
border: 3px solid #fff;
background: rgba(0, 0, 0, 0.45);
}
#section-the-szl-manifesto a.section-button {
padding: 90px 25px 20px 155px;
margin-top: 0px;
vertical-align: middle;
}
.stuff {
display: inline-block;
vertical-align: middle;
text-align: left;	
}
#section-the-szl-manifesto {
padding: 85px 0px;
}
div#wrapper {
display: table;
position: absolute;
width: 100%;
top: 0px;
height: 100%;
}
#site-title a {
display: block;
height: 79px;
}
#footer {
background: #5C6884;
text-align: center;
color: #FFF;
display: table-footer-group;
}
#footer .row{
padding: 110px 0px 0px 0px;
}
.home #wrapper , .home #footer {
display: block;
}
.footer_menu_1 .menu a {
font-size: 30px;
color: #FFF;
}
.footer_menu_2 li {
margin-right: 50px;	
}
.footer_menu_1:after {
height: 2px;
background: #fff;
width: 210px;
margin: 50px auto;
display: block;
content: "";	
}
.footer_menu_2 .menu a {
font-size: 24px;
color: #FFF;
}
#menu-main-footer-menu li:nth-child(5) {
margin-right: 0px;
}
#menu-footer li:nth-child(3) {
margin-right: 0px;
}
.page-template-legal #container {padding: 65px 0px;}
/*.page-template-legal #wrapper {position:inherit !important;}*/
.page-template-legal article {text-align: center; margin-bottom: 0px;}
.page-template-legal p { max-width: 100%; font-size: 22px; line-height:25px; margin-bottom:20px; margin-top:15px; text-align: justify;}
.page-template-legal .row {width: 69%;}
.page-template-legal .row h1 {font-size: 36px;font-family: open sans;line-height: 36px;text-transform: uppercase;font-weight: 700;text-align: left;max-width: 100%;}
.page-id-105 h1 , .page-id-36 h1 {margin-bottom: 40px;}
.page-template-legal .row h3 {font-size: 18px;font-family: open sans;line-height: 18px;font-weight: 700;text-align: left;margin-top: 15px;margin-bottom: 0px;display: block;color: #000; margin-left: 0px;}
#section-splash {
padding: 355px 0px 400px 0px;
text-align: center;
background-attachment: fixed !important;
background-size: cover !important;
}
#section-splash h1{
font-family: open sans !important;
font-size: 72px;
color: #fff;
font-weight: 700;
text-transform: uppercase;
margin-bottom: 30px;	
}
#section-splash h1:after {
display: block;
width: 40%;
height: 2px;
content: "";
margin: auto;
background: #FFF;
margin-top: 20px;
}
#section-splash h3{
font-family: open sans !important;
font-size: 72px;
color: #fff;
font-weight: 400;
text-transform: uppercase;
margin-left: 0px;
}
.half {
width: 1005px;
margin-left: 200px;
display: inline-block;
vertical-align: top;
}
#section-evolve {
padding: 200px 0px 222px 0px;
position: relative;
z-index: 1;
background-size: cover !important;
}
#section-evolve p , #section-app p {
font-size: 24px;
line-height: 37px;
}
#section-app {
padding: 286px 0px 260px;
color: #FFF;
margin-top: -94px;
background-attachment: fixed !important;
background-size: cover !important;
}
#section-app h1 , #section-evolve h1{
font-family: 'Ubuntu', sans-serif;	
}
.team {
width: 1630px;
margin: auto;
}
.team_member {
width: 543px;
display: inline-block;
vertical-align: top;
text-align: center;
margin-bottom: 45px;
}
.team_member img { 
display: block;
margin: 40px auto;
}
.name {
font-weight: 700;
font-family: open sans;
font-size: 24px;
text-align: center;
margin-bottom: 5px;	
color: #fff;
}
.position {
font-weight: 400;
font-family: open sans;
font-size: 18px;
text-align: center;
color: #fff;
}
#section-team {
padding: 180px 0px;
background-attachment: fixed !important;
background-size: cover !important;
}
#section-team h1{
font-weight: 400;
font-family: open sans;
font-size: 72px;
text-align: center;
color: #FFF;
border: 2px #FFF solid;
padding: 30px 90px;
display: table;
margin: 0px auto 110px auto;
text-transform: uppercase;
}
img.download {
margin-top: 45px;
}
#section-app h2 {
max-width: 1600px;
margin: auto;
text-align: center;
line-height: 72px;
text-transform: uppercase;
display: block;
}
#section-vision {
padding: 200px 0px;
color: #FFF;
background-attachment: fixed !important;
background-size: cover !important;
}
#section-vision .half {
vertical-align: middle;
}
#section-vision .half p{
font-size: 24px;
width: 790px;
margin-left: 0px;
line-height: 26px;
text-align: justify;
}
#section-vision .half p:nth-child(1){
margin-top:0px;	
}
#copyright .row {
padding: 110px 0px 25px 0px;
text-align: center;
font-size: 14px;
}
#section-vision h1 {
font-family: ubuntu;
font-weight: 400;	
}
#section-quote-2 {
padding: 190px 0px;
text-align: center;
background-attachment: fixed !important;
background-size: cover !important;
background-size: cover !important;
}
#section-quote-2 h2 {
text-transform: uppercase;
max-width: 1720px;
line-height: 72px;
}
#section-media {
padding: 320px 0px 365px 0px;
color: #FFF;
background-attachment: fixed !important;
background-size: cover !important;
}
#section-careers , .single-job{
padding: 250px 0px 310px 0px;
color: #FFF;
background-attachment: fixed !important;
background-size: cover !important;
}
#section-contact-us {
padding: 250px 0px 310px 0px;
background-attachment: fixed !important;
background-size: cover !important;
}
#section-media h1,#section-careers h1,#section-contact-us h1,.single-job h1 {
font-size: 72px;
font-weight: 400;
margin-bottom: 60px;
}
#section-media p,#section-contact-us p, body{
font-size: 24px;
font-family: open sans;
line-height: 32px;
margin-top: 10px;
margin-bottom: 10px;
}
#section-careers p , .single-job p{
font-size: 24px;
line-height: 37px;
margin-top: 0px;
margin-bottom: 30px;
}
#section-media strong{
margin-top: 80px;
text-decoration: underline;
display: block;
font-family: open sans;
font-size: 24px;
margin-bottom: 33px;
}
#section-careers strong , .single-job strong{
margin-top: 60px;
display: block;
font-family: open sans;
font-size: 24px;
margin-bottom: 33px;
}
#section-media a {
color: #fff;	
}
#section-contact-us a {
color: #5c6884;	
}
#section-contact-us iframe {
border: 32px #DDD solid;
height: 450px;
width: 750px;	
}
#section-media .manifesto {
text-align: left;
margin-bottom: 45px;
}
#section-media a.section-button {
border: 3px solid #fff;
vertical-align: middle;
margin-top: 0px;
}
h4.job_title {
font-size: 24px;
font-family: open sans;
margin-bottom: 20px;
font-weight: 700;
text-transform: uppercase;
}
h4.job_title a{
color: #fff;
}
.job_description {
font-size: 22px;
line-height: 37px;	
font-family: open sans;
}
#section-app h1, #section-evolve h1 {
font-weight: 400;
}
@media screen and (min-width:1651px) and (max-width:1921px) {
.menu a {font-size: 17px;}	
#slidersection {height: 770px !important;}
h1 {font-size: 45px;line-height: 54px;}
#section-mission {height: 661px;position: relative;background-size: cover !important;}
p {font-size: 27px;line-height: 36px;max-width:995px;margin-top:35px;}
a.section-button {font-size: 18px;padding: 45px 10px 15px 105px;margin-top: 35px;}
ul.social img {width: 90px;height: auto;}
.about_content {padding: 160px 0px 145px;background-size: cover;}
h2 {font-size: 45px;line-height: 54px;}
h3 {font-size: 27px;}
#section-the-szl-manifesto a.section-button {padding: 65px 15px 10px 105px;}
.footer_menu_2 .menu a {font-size: 18px;}
.slides-navigation a img {width: 53px}
#section-splash h1 {font-size: 54px;margin-bottom: 30px;}
#section-splash h1:after {margin-top: 25px;}
#section-splash h3 {font-size: 54px;}
#section-splash {padding: 265px 0px 315px 0px;background-size: cover !important;}
#section-evolve p, #section-app p {font-size: 18px;line-height: 28px}
#section-evolve {padding: 150px 0px 172px 0px;background-size: cover !important}
#section-app {padding: 235px 0px 225px;background-size: cover !important;}
#section-team {padding: 140px 0px;background-size: cover !important}
#section-team h1 {font-size: 54px;padding: 20px 60px;margin: 0px auto 90px auto;}
.team_member img {width: 270px;height: auto;}
.team {width: 1250px;}
.team_member {width: 415px;margin-bottom: 35px;}
.half {width: 39%;margin-left: 10%;}
img.download {margin-top: 35px;width: 100%;height: auto;}
#section-vision .half p {font-size: 18px;width: 80%;}
#section-media h1, #section-careers h1, #section-contact-us h1, .single-job h1 {font-size: 54px;margin-bottom: 40px;}
#section-media p, #section-contact-us p, body,#section-careers p, .single-job p {font-size: 18px;line-height: 30px;}
#section-careers strong, .single-job strong {margin-top: 40px;font-size: 18px;margin-bottom: 23px;}
h4.job_title {font-size: 19px;margin-bottom: 10px;}
.job_description {font-size: 18px;line-height: 30px;}
#section-contact-us iframe {border: 27px #DDD solid;width: 80%;height: 350px;}
.social li {margin-right: 209px;}
#header,#header a,#header img {height: 69px;}
#container {margin-top: 69px;}
.name {font-size: 18px;margin-bottom: 5px;}
.position {font-size: 13px;}
#copyright .row {font-size: 12px;}
.page-template-legal #container {padding: 55px 0px;}
.page-template-legal article {text-align: center; margin-bottom: 0px;}
.page-template-legal p { font-size: 15px; line-height:18px; margin-bottom:15px; margin-top:15px; text-align: justify;}
.page-template-legal .row h1 {font-size: 24px;line-height: 24px;}
.page-template-legal .row h3 {font-size: 13px;line-height: 13px;margin-top: 15px;margin-bottom: 0px;}
.slide_logo {width: 493px;height: 165px;margin: 0 auto 50px auto;background-size: 100% !important;}
.slide_text h1 {font-size: 36px;line-height: 44px;}
}
@media screen and (min-width:1401px) and (max-width:1650px) {
.slide_logo {width: 403px;height: 165px;margin: 0 auto 50px auto;background-size: 100% !important;}
.slide_text h1 {font-size: 32px;line-height: 40px;}
.menu a {font-size: 14px;}	
#slidersection {height: 580px !important;}
h1 {font-size: 37px;line-height: 43px;}
#section-mission {height: 540px;position: relative;background-size: cover !important;}
p {font-size: 21px;line-height: 30px;max-width:825px;margin-top:35px;}
a.section-button {font-size: 15px;padding: 30px 8px 12px 90px;margin-top: 35px;}
ul.social img {width: 69px;height: auto;}
.about_content {padding: 125px 0px 105px;background-size: cover;}
h2 {font-size: 37px;line-height: 48px;}
h3 {font-size: 22px;}
.footer_menu_1 .menu a {font-size: 19px;}
#section-the-szl-manifesto a.section-button {padding: 50px 15px 10px 90px;}
.footer_menu_2 .menu a {font-size: 15px;}
.footer_menu_1:after {margin: 30px auto;}
.social li {margin-right: 169px;}
.slides-navigation a img {width: 53px}
#section-splash h1 {font-size: 43px;margin-bottom: 20px;}
#section-splash h1:after {margin-top: 20px;}
#section-splash h3 {font-size: 43px;}
#section-splash {padding: 219px 0px 230px 0px;background-size: cover !important;}
#section-evolve p, #section-app p {font-size: 15px;line-height: 23px;margin-top: 25px;}
#section-evolve {padding: 185px 0px 175px 0px;background-size: cover !important}
#section-app {padding: 235px 0px 225px;background-size: cover !important;}
#section-team {padding: 140px 0px;background-size: cover !important}
#section-team h1 {font-size: 44px;padding: 15px 50px;margin: 0px auto 80px auto;}
.team_member img {width: 220px;height: auto;}
.team {width: 980px;}
.team_member {width: 325px;margin-bottom: 15px;}
.half {width: 39%;margin-left: 10%;}
img.download {margin-top: 35px;width: 100%;height: auto;}
#section-vision .half p {font-size: 15px;width: 80%;margin-top: 25px;}
#section-media h1, #section-careers h1, #section-contact-us h1, .single-job h1 {font-size: 44px;margin-bottom: 25px;}
#section-media p, #section-contact-us p, body,#section-careers p, .single-job p {font-size: 15px;line-height: 24px;}
#section-careers strong, .single-job strong {margin-top: 40px;font-size: 18px;margin-bottom: 23px;}
h4.job_title {font-size: 16px;margin-bottom: 6px;}
.job_description {font-size: 15px;line-height: 25px;}
#section-contact-us iframe {border: 22px #DDD solid;width: 70%;height: 300px;}
#header,#header a,#header img {height: 48px;}
#container {margin-top: 48px;}
.name {font-size: 15px;margin-bottom: 0px;}
.position {font-size: 11px;}
#section-app h2 {line-height: 48px;max-width: 980px;}
#section-vision {padding: 160px 0px;}
#section-quote-2 h2 {text-transform: uppercase;max-width: 1030px;line-height: 48px;}
#section-media strong {margin-top: 60px;font-size: 15px;margin-bottom: 23px;}
#section-media {padding: 200px 0px 245px 0px;}
#section-careers, .single-job {padding: 180px 0px 220px 0px;}
#section-about {height: 880px;}
.social {margin-bottom: 90px;}
#copyright .row {font-size: 11px;}
#section-contact-us {padding: 210px 0px 180px 0px;}
.page-template-legal #container {padding: 45px 0px;}
.page-template-legal article {text-align: center; margin-bottom: 0px;}
.page-template-legal p { font-size: 15px; line-height:18px; margin-bottom:15px; margin-top:15px; text-align: justify;}
.page-template-legal .row h1 {font-size: 24px;line-height: 24px;}
.page-template-legal .row h3 {font-size: 13px;line-height: 13px;margin-top: 15px;margin-bottom: 0px;}
}
ul.slides-container li:not(.current) {
    display: none !important;
}
@media screen and (min-width:1025px) and (max-width:1401px) {
.menu a {font-size: 16px;}	
#slidersection {height: 500px !important;}
h1 {font-size: 30px;line-height: 37px;}
#section-mission {height: 540px;position: relative;background-size: cover !important;}
p {font-size: 18px;line-height: 26px;max-width: 680px;margin-top: 35px}
a.section-button {font-size: 14px;padding: 28px 8px 12px 60px;margin-top: 35px;}
#section-about {height: 800px;}
.social {margin-bottom: 70px;}
ul.social img {width: 60px;height: auto;}
.about_content {padding: 125px 0px 105px;background-size: cover;}
h2 {font-size: 32px;line-height: 42px;}
h3 {font-size: 19px;}
.footer_menu_1 .menu a {font-size: 19px;}
#section-the-szl-manifesto a.section-button {padding: 40px 15px 10px 80px;}
.footer_menu_2 .menu a {font-size: 15px;}
.footer_menu_1:after {margin: 30px auto;}
.social li {margin-right: 169px;}
.slides-navigation a img {width: 45px}
#section-splash h1 {font-size: 40px;margin-bottom: 20px;}
#section-splash h1:after {margin-top: 20px;}
#section-splash h3 {font-size: 40px;}
#section-splash {padding: 219px 0px 230px 0px;background-size: cover !important;}
#section-evolve p, #section-app p {font-size: 15px;line-height: 23px;margin-top: 25px;}
#section-evolve {padding: 125px 0px 175px 0px;background-size: cover !important}
#section-app {padding: 195px 0 115px;background-size: cover !important;}
#section-team {padding: 140px 0px;background-size: cover !important}
#section-team h1 {font-size: 44px;padding: 15px 50px;margin: 0px auto 80px auto;}
.team_member img {width: 220px;height: auto;}
.team {width: 980px;}
.team_member {width: 325px;margin-bottom: 15px;}
.half {width: 39%;margin-left: 10%;}
img.download {margin-top: 35px;width: 100%;height: auto;}
#section-vision .half p {font-size: 13px;width: 80%;margin-top: 10px;line-height: 20px;}
#section-media h1, #section-careers h1, #section-contact-us h1, .single-job h1 {font-size: 44px;margin-bottom: 25px;}
#section-media p, #section-contact-us p, body,#section-careers p, .single-job p {font-size: 15px;line-height: 24px;max-width: 1200px;}
#section-careers strong, .single-job strong {margin-top: 40px;font-size: 18px;margin-bottom: 23px;}
h4.job_title {font-size: 16px;margin-bottom: 6px;}
.job_description {font-size: 15px;line-height: 25px;}
#section-contact-us iframe {border: 22px #DDD solid;width: 70%;height: 300px;}
#header,#header a,#header img {height: 48px;}
#container {margin-top: 48px;}
.name {font-size: 15px;margin-bottom: 0px;}
.position {font-size: 11px;}
#section-app h2 {line-height: 48px;max-width: 840px;}
#section-vision {padding: 160px 0px;}
#section-quote-2 h2 {text-transform: uppercase;max-width: 1030px;line-height:48px;}
#section-media strong {margin-top: 60px;font-size: 15px;margin-bottom: 23px;}
#section-media {padding: 100px 0px 145px 0px;}
#section-careers, .single-job {padding: 180px 0px 220px 0px;}
#copyright .row {font-size: 10px;padding: 50px 0px 25px 0px;}
#section-contact-us {padding: 180px 0px 150px 0px;}
#footer .row {padding: 50px 0px 0px 0px;}
.page-template-legal #container {padding: 45px 0px;}
.page-template-legal article {text-align: center; margin-bottom: 0px;}
.page-template-legal article img {width:130px;}
.page-template-legal p { font-size: 13px; line-height:16px; margin-bottom:15px; margin-top:15px; text-align: justify;}
.page-template-legal .row h1 {font-size: 24px;line-height: 24px;}
.page-template-legal .row h3 {font-size: 13px;line-height: 13px;margin-top: 15px;margin-bottom: 0px;}
.slide_logo {width: 353px;height: 150px;margin: 0 auto 35px auto;background-size: 100% !important;}
.slide_text h1 {  font-size: 50px;  line-height: 80px;}
}
@media screen and (max-width:1024px) {
#section-about,#section-splash,#section-app,#section-team,#section-vision,#section-quote-2,#section-media,#section-careers, .single-job,#section-contact-us {background-attachment: initial !important;}	
}
@media screen and (min-width:768px) and (max-width:1024px) {
div#site-title {padding-left: 10px;}
.slide_logo {width: 223px;height: 93px;margin: 0 auto 20px auto;background-size: 100% !important;}
.slide_text h1 {font-size: 34px;line-height: 21px;}	
.menu a {font-size: 16px;}	
.slide_text_inner p {  font-size: 16px; line-height: 24px;  margin-bottom: 25px; }
img.smart {  width: 240px !important;}
#slidersection {height: 400px !important;}
h1 {font-size: 30px;line-height: 37px;}
#section-mission {height: 350px;position: relative;background-size: cover !important;background: url(img/homechevron.png) no-repeat bottom center !important;}
p {font-size: 18px;line-height: 26px;max-width: 680px;margin-top: 20px}
a.section-button {font-size: 14px;padding: 28px 8px 12px 60px;margin-top: 35px;}
#section-about {height: 800px;}
.social {margin-bottom: 70px;}
ul.social img {width: 55px;height: auto;}
.about_content {padding: 125px 0px 105px;background-size: cover;}
h2 {font-size: 29px;line-height: 42px;}
h3 {font-size: 19px;}
.footer_menu_1 .menu a {font-size: 19px;}
#section-the-szl-manifesto a.section-button {padding: 40px 15px 10px 80px;}
.footer_menu_2 .menu a {font-size: 15px;}
.footer_menu_1:after {margin: 30px auto;}
.social li {margin-right: 139px;}
.slides-navigation a img {width: 39px}
#section-splash h1 {font-size: 35px;margin-bottom: 20px;}
#section-splash h3 {font-size: 35px;}
#section-splash {padding: 119px 0px 130px 0px;background-size: cover !important;}
#section-evolve p, #section-app p {font-size: 15px;line-height: 23px;margin-top: 25px;max-width: 100%;}
.post-type-archive-about #section-evolve {padding: 95px 0px 85px 0px;background-size: cover !important;background: url(img/about_ipad.png) no-repeat bottom center !important;}
.post-type-archive-mission #section-evolve {padding: 95px 0px 85px 0px;background-size: cover !important;background: url(img/missionipad.png) no-repeat bottom center !important;}
#section-app {padding: 185px 0px 125px;background-size: cover !important;background: url(img/aboutphone.jpg) no-repeat bottom center !important;}
#section-team {padding: 90px 0px;background-size: cover !important}
#section-app .half {width: 415px;margin-left: 5%;}
#section-team h1 {font-size: 38px;padding: 10px 40px;margin: 0px auto 50px auto;}
.team_member img {width: 80%;height: auto;margin: 20px auto;}
.team {width: 100%;}
.team_member {width: 33%;margin-bottom: 15px;}
.half {width: 90%;margin-left: 0%;margin: auto;display: block;}
img.download {margin: 35px auto;width: 400px;height: auto;display: block;}
#section-vision .half p {font-size: 13px;width: 100%;margin-top: 10px;line-height: 20px;}
#section-media h1, #section-careers h1, #section-contact-us h1, .single-job h1 {font-size: 44px;margin-bottom: 25px;}
#section-media p, #section-contact-us p, body,#section-careers p, .single-job p {font-size: 15px;line-height: 24px;max-width: 100%;}
#section-careers strong, .single-job strong {margin-top: 40px;font-size: 18px;margin-bottom: 23px;}
h4.job_title {font-size: 16px;margin-bottom: 6px;}
.job_description {font-size: 15px;line-height: 25px;}
#section-contact-us iframe {border: 22px #DDD solid;width: 90%;height: 300px;margin: auto;display: block;}
#section-contact-us p {margin-left: 0px;}
#header,#header a,#header img {height: 48px;}
.name {font-size: 15px;margin-bottom: 0px;}
.position {font-size: 11px;}
.page .half {margin-bottom: 50px;}
#section-splash h1:after {margin-top: 20px;}
#section-app h2 {line-height: 34px;max-width: 840px;}
#section-vision {padding: 100px 0px;}
#section-quote-2 h2 {text-transform: uppercase;max-width: 1030px;margin: auto;}
#section-media strong {margin-top: 60px;font-size: 15px;margin-bottom: 23px;}
#section-media {padding: 100px 0px 145px 0px;}
#section-careers, .single-job {padding: 100px 0px 80px 0px;}
#copyright .row {font-size: 10px;padding: 50px 0px 25px 0px;}
#section-contact-us {padding: 100px 0px 80px 0px;}
#footer .row {padding: 50px 0px 0px 0px;}
div#wrapper {width: 100%;}
#section-vision h1 {margin-bottom: 40px;}
#section-quote-2 {padding: 100px 0px;}
.page-template-legal #container {padding: 25px 0px;}
.page-template-legal .row{width: 90%;}
.page-template-legal article {text-align: center; margin-bottom: 0px;}
.page-template-legal article img {width:100px;}
.page-template-legal p { font-size: 16px; line-height:19px; margin-bottom:15px; margin-top:15px; text-align: justify;}
.page-template-legal .row h1 {font-size: 24px;line-height: 24px;}
.page-template-legal .row h3 {font-size: 13px;line-height: 13px;margin-top: 15px;margin-bottom: 0px;}
.page-id-105 h1 , .page-id-36 h1 {margin-bottom: 40px;}
#container {margin-top: 48px;}
}
@media screen and (min-width:481px) and (max-width:767px) {
#section-splash h1:after {margin-top: 15px;height:2px;}
div#site-title {padding-left: 10px;float: left;}	
#site-title {padding-left: 5px;}
#navtoggle {margin-right: 10px;display: inline-block;margin-top: 12px;text-align: right;align-items: center;float: right;font-size: 33px;color: #333;}
.menu a {font-size: 16px;}	
#slidersection {height: auto !important;}
h1 {font-size: 24px;line-height: 30px;}
#section-mission {height: 460px;position: relative;background-size: cover !important;}
p {font-size: 15px;line-height: 23px;max-width: 100%;margin-top: 35px;}
a.section-button {font-size: 13px;padding: 20px 7px 9px 50px;margin-top: 26px;}
#section-about {height: 660px;}
.social {margin-bottom: 70px;}
ul.social img {width: 50px;height: auto;}
.about_content {padding: 75px 0px 65px;background-size: cover;}
h2 {font-size: 24px;line-height: 32px;}
h3 {font-size: 16px;}
.footer_menu_1 .menu a {font-size: 19px;}
.menu li {margin-right: 30px;}
#section-the-szl-manifesto a.section-button {padding: 30px 15px 10px 70px;}
.footer_menu_2 .menu a {font-size: 15px;}
#menu {}
.footer_menu_1:after {margin: 30px auto;}
.social li {margin-right: 65px;}
.slides-navigation a img {width: 30px}
#section-splash h1 {font-size: 26px;max-width: 90%;margin: 0px auto 15px auto;}
#section-splash h3 {font-size: 26px;}
#section-splash {padding: 90px 0px 90px 0px;background-size: cover !important;}
#section-evolve p, #section-app p {font-size: 15px;line-height: 23px;margin-top: 25px;max-width: 100%;}
#section-evolve {padding: 95px 0px 85px 0px;background-size: cover !important}
#section-app {padding: 185px 0px 125px;background-size: cover !important;}
#section-team {padding: 90px 0px;background-size: cover !important}
#section-team h1 {font-size: 23px;padding: 10px 40px;margin: 0px auto 50px auto;}
.team_member img {width: 80%;height: auto;margin: 20px auto;}
.team {width: 100%;}
.team_member {width: 50%;margin-bottom: 15px;}
.half {width: 90%;margin-left: 0%;margin: auto;display: block;}
img.download {margin: 35px auto;width: 400px;height: auto;display: block;}
#section-vision .half p {font-size: 13px;width: 100%;margin-top: 10px;line-height: 20px;max-width: 100%;}
section-media h1, #section-careers h1, #section-contact-us h1, .single-job h1 {font-size: 35px;margin-bottom: 25px;line-height: 39px;}
#section-media p, #section-contact-us p, body,#section-careers p, .single-job p {font-size: 14px;line-height: 21px;}
#section-careers strong, .single-job strong {margin-top: 40px;font-size: 18px;margin-bottom: 23px;}
h4.job_title {font-size: 16px;margin-bottom: 6px;}
.job_description {font-size: 15px;line-height: 25px;}
#section-contact-us iframe {border: 22px #DDD solid;width: 90%;height: 300px;margin: auto;display: block;}
#header a,#header img {height: 48px;position:relative;z-index:1;}
#container {margin-top: 48px;}
#header {height: auto;position:fixed;}
#header .row {overflow: hidden;}
#header nav#menu {padding-left: 0px;width: 100%;z-index: 5;position: absolute;background: #FFF;top: 48px;left: 0px; display: none;}
#header .menu li {margin: 0px !important;width: 100%;text-align: center;text-transform: uppercase;border-bottom: 1px #CCC solid;padding: 10px 0px;}
.name {font-size: 15px;margin-bottom: 0px;}
.position {font-size: 11px;}
.page .half {margin-bottom: 50px;}
#section-app h2 {line-height: 34px;max-width: 90%;}
#section-vision {padding: 100px 0px;}
#section-quote-2 h2 {text-transform: uppercase;max-width: 90%;margin: auto;}
#section-media strong {margin-top: 60px;font-size: 15px;margin-bottom: 23px;}
#section-media {padding: 100px 0px 145px 0px;}
#section-careers, .single-job {padding: 100px 0px 80px 0px;background-size: cover !important;}
#copyright .row {font-size: 10px;padding: 50px 0px 25px 0px;}
#section-contact-us {padding: 100px 0px 80px 0px;}
#footer .row {padding: 50px 0px 0px 0px;}
div#wrapper {width: 100%;}
section.single-job {position: relative;min-height: 70%;}
#section-vision h1 {margin-bottom: 40px;}
#section-quote-2 {padding: 100px 0px;}
#section-media h1, #section-careers h1, #section-contact-us h1, .single-job h1 {font-size: 35px;margin-bottom: 25px;line-height: 39px;}
#footer {display: block;width: 100%;}
.page-template-legal #container {padding: 15px 0px;}
.page-template-legal .row{width: 95%;}
.page-template-legal article {text-align: center; margin-bottom: 0px;}
.page-template-legal article img {width:80px;}
.page-template-legal p { font-size: 12px; line-height:15px; margin-bottom:15px; margin-top:15px; text-align: justify;}
.page-template-legal .row h1 {font-size: 19px;line-height: 24px;}
.page-template-legal .row h3 {font-size: 13px;line-height: 13px;margin-top: 15px;margin-bottom: 0px;}
.page-id-105 h1 , .page-id-36 h1 {margin-bottom: 15px;}
.home #content {display: block;position: relative;height: 100%;}
.home #container {position: absolute;height: 100%;width: 100%;}
.mini_slide_logo {width: 170px;height: 70px;background-size: 100% !important;margin: 0px auto 20px auto;}
.mobile_content h1{font-size: 15px;color: #FFF;font-family: lato;font-weight: 400;line-height: 22px;}
.mobile_content a {background: url(http://szl.it/wp-content/uploads/2014/12/Download-The-App.png);
  font-family: open sans;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 700;
  color: #FFF;
  text-decoration: none;
  margin: 15px auto;
  width: 250px;
  border-radius: 2px;
  display: block;
  height: 74px;
  background-size: 100% !important;
;}
.mobile_content h2{font-family: lato;font-weight: bold;font-size: 11px;letter-spacing: 1.5px;display: block;}
#slides.desktop {display: none !important;}
#slidesmobile.mobile {display: block !important;  height: auto !important;}
}
@media screen and (min-width:760px) and (max-width:768px) {
.home #content {display: block;position: relative;height: 100%;}
.home #container {position: absolute;height: 100%;width: 100%;}
.mini_slide_logo {width: 300px;height: 127px;background-size: 100% !important;margin: 0 auto 30px auto;;}
.mobile_content h1{font-size: 26px;color: #FFF;font-family: lato;font-weight: 400;line-height: 29px;}
.mobile_content a {background: url(http://szl.it/wp-content/uploads/2014/12/Download-The-App.png);
font-family: open sans;
font-size: 14px;
text-transform: uppercase;
font-weight: 700;
color: #FFF;
text-decoration: none;
margin: 15px auto;
width: 169px;
border-radius: 2px;
display: block;
height: 57px;
background-size: 100%;}
.mobile_content h2{font-family: lato;font-weight: bold;font-size: 17px;letter-spacing: 1.5px;display: block;}
#slides.desktop {display: none !important;}
#slidesmobile.mobile {display: block !important;}
#slidersection {height: 91% !important;}
}
@media screen and (max-width:480px) {
#section-splash h1:after {height: 2px;margin-top: 15px;}
#container {position: absolute;width: 100%;height: 100%;z-index: 0;margin-top: 48px;}
#content {position: relative;width: 100%;height: 100%;}	
.menu a {font-size: 16px;}
#site-title {padding-left: 5px;}
#navtoggle {margin-right: 10px;display: inline-block;margin-top: 12px;text-align: right;align-items: center;float: right;font-size: 33px;color: #333;}
.home p {line-height: 19px;max-width: 90%;margin-top: 20px;}	
#slidersection {height: auto !important;position: relative;}
div#slidesmobile { position: inherit !important;   height: auto !important;}
.slides-navigation a.prev {left: 25px !important;}
.slides-navigation a.next {right: 25px !important;}
h1 {font-size: 24px;line-height: 30px;max-width: 90%;margin: auto;}
#section-mission {height: 460px;position: relative;background-size: cover !important;}
p {font-size: 15px;line-height: 23px;max-width: 100%;margin-top: 35px;}
a.section-button {font-size: 13px;padding: 20px 7px 9px 50px;margin-top: 26px;}
#section-about {height: 700px;}
.social {margin-bottom: 70px;}
ul.social img {width: 32px;height: auto;}
.about_content {padding: 75px 0px 65px;background-size: cover;}
h2 {font-size: 24px;line-height: 32px;margin-left: 0px;}
h3 {font-size: 16px;margin-left: 0px;}
.footer_menu_1 .menu a {font-size: 19px;}
#section-app h1, #section-evolve h1 {margin-left: auto;margin-right: auto;}
.menu li {margin-right: 30px;margin: 10px;}
#section-the-szl-manifesto a.section-button {padding: 20px 7px 9px 50px;margin: 0px auto 30px;}
.footer_menu_2 .menu a {font-size: 15px;}
ul#menu-main-footer-menu {width: 300px;margin: auto;}
.footer_menu_1:after {margin: 30px auto;}
.social li {margin-right: 35px;}
.slides-navigation a img {width: 30px}
#section-splash h1 {font-size: 26px;max-width: 90%;margin: 0px auto 15px auto;}
#section-splash h3 {font-size: 26px;}
#section-splash {padding: 90px 0px 90px 0px;background-size: cover !important;}
#section-evolve p, #section-app p {font-size: 15px;line-height: 23px;margin-top: 25px;max-width: 100%;}
#section-evolve {padding: 45px 0px 55px 0px;background-size: cover !important}
#section-evolve .stuff h2 , #section-evolve .stuff h3 {color: #000;}
#section-evolve a.section-button {padding: 20px 7px 9px 50px;margin: 30px auto 30px;}
#section-media .manifesto {width: 260px;margin-bottom: 25px;margin-left: auto;margin-right: auto;}
#section-app {padding: 185px 0px 125px;background-size: cover !important;}
#section-team {padding: 90px 0px;background-size: cover !important}
#section-team h1 {font-size: 15px;padding: 5px 29px;margin: 0px auto 50px auto;}
.team_member img {width: 200px;height: auto;margin: 20px auto;}
.team {width: 100%;}
.team_member {width: 100%;margin-bottom: 15px;}
.post-type-archive-mission .half , .post-type-archive-about .half {text-align: center;}
.half {width: 90%;margin-left: 0%;margin: auto;display: block;}
img.download {margin: 35px auto;width: 300px;height: auto;display: block;}
#section-vision .half p {font-size: 13px;width: 100%;margin-top: 10px;line-height: 20px;max-width: 100%;}
section-media h1, #section-careers h1, #section-contact-us h1, .single-job h1 {font-size: 35px;margin-bottom: 25px;line-height: 39px;}
#section-media p, #section-contact-us p, body,#section-careers p, .single-job p {font-size: 14px;line-height: 21px;}
#section-careers strong, .single-job strong {margin-top: 40px;font-size: 18px;margin-bottom: 23px;}
h4.job_title {font-size: 16px;margin-bottom: 6px;}
.job_description {font-size: 15px;line-height: 25px;}
#section-contact-us iframe {border: 22px #DDD solid;width: 80%;height: auto;margin: auto;display: block;}
#header a,#header img {height: 48px;position:relative;z-index:1;}
#header {height: auto;position:fixed;}
#header .row {overflow: hidden;}
#header nav#menu {display: block;padding-left: 0px;width: 100%;z-index: 5;position: absolute;background: #FFF;top: 48px;left: 0px;display: none;}
#header .menu li {margin: 0px !important;width: 100%;text-align: center;text-transform: uppercase;border-bottom: 1px #CCC solid;padding: 10px 0px;}
.name {font-size: 15px;margin-bottom: 0px;}
.position {font-size: 11px;}
.page .half {margin-bottom: 50px;}
#section-app h2 {line-height: 34px;max-width: 90%;}
#section-vision {padding: 100px 0px;}
.desktop {display: none !important;}
.mobile {display: block !important;}
#section-quote-2 h2 {text-transform: uppercase;max-width: 90%;margin: auto;line-height: 34px;}
#section-media strong {margin-top: 60px;font-size: 15px;margin-bottom: 23px;}
#section-media {padding: 80px 0px 55px 0px;}
#section-careers, .single-job {padding: 50px 0px 1px 0px;background-size: cover !important;}
#copyright .row {font-size: 10px;padding: 50px 0px 25px 0px;}
.manifesto {text-align: center;width: 265px;margin: auto;}
#section-contact-us {padding: 40px 0px 30px 0px;}
#footer .row {padding: 50px 0px 0px 0px;}
div#wrapper {width: 100%;}
section.single-job {position: relative;min-height: 70%;}
#section-vision h1 {margin-bottom: 40px;font-size: 21px;max-width: 100%;}
#section-quote-2 {padding: 100px 0px;}
#section-careers h1,#section-media h1, .single-job h1,#section-contact-us h1 {font-size: 35px;margin-bottom: 25px;line-height: 39px;margin-left:0px;}
.stuff {text-align: center;margin-left: 10px;}
#footer {display: block;width: 100%;}
.page-template-legal #container {padding: 15px 0px;position: initial;}
.page-template-legal .row{width: 95%;}
.page-template-legal article {text-align: center; margin-bottom: 0px;}
.page-template-legal article img {width:80px;}
.page-template-legal p { font-size: 12px; line-height:15px; margin-bottom:15px; margin-top:15px; text-align: justify;}
.page-template-legal .row h1 {font-size: 19px;line-height: 24px;}
.page-template-legal .row h3 {font-size: 13px;line-height: 13px;margin-top: 15px;margin-bottom: 0px;}
.page-id-105 h1 , .page-id-36 h1 {margin-bottom: 20px;}
.mini_slide_logo {width: 170px;height: 71px;background-size: 100% !important;margin: 0px auto 15px auto;}
.mobile_content h1{font-size: 15px;
color: #FFF;
font-family: lato;
font-weight: 400;
line-height: 18px;}
.mobile_content a {
background: url(http://szl.it/wp-content/uploads/2014/12/Download-The-App.png);
font-family: open sans;
font-size: 14px;
text-transform: uppercase;
font-weight: 700;
color: #FFF;
text-decoration: none;
margin: 15px auto;
width: 169px;
border-radius: 2px;
display: block;
height: 50px;
background-size: 100% !important;
}
.mobile_content h2{font-family: lato;font-weight: bold;font-size: 11px;letter-spacing: 1.5px;display: block;}
}