@charset 'UTF-8';
@charset "UTF-8";

 @font-face {
font-family: 'apercu';
src: url(//friendmade.studio/web/wp-content/themes/SAF21/fonts/apercu-regular-webfont.eot);
src: url(//friendmade.studio/web/wp-content/themes/SAF21/fonts/apercu-regular-webfont.eot) format('embedded-opentype'),
url(//friendmade.studio/web/wp-content/themes/SAF21/fonts/apercu-regular-webfont.woff2) format('woff2'),
url(//friendmade.studio/web/wp-content/themes/SAF21/fonts/apercu-regular-webfont.woff) format('woff'),
url(//friendmade.studio/web/wp-content/themes/SAF21/fonts/apercu-regular-webfont.ttf) format('truetype'),
url(//friendmade.studio/web/wp-content/themes/SAF21/fonts/apercu-regular-webfont.svg#apercu) format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'apercu';
src: url(//friendmade.studio/web/wp-content/themes/SAF21/fonts/apercu-bold-webfont.eot);
src: url(//friendmade.studio/web/wp-content/themes/SAF21/fonts/apercu-bold-webfont.eot) format('embedded-opentype'),
url(//friendmade.studio/web/wp-content/themes/SAF21/fonts/apercu-bold-webfont.woff2) format('woff2'),
url(//friendmade.studio/web/wp-content/themes/SAF21/fonts/apercu-bold-webfont.woff) format('woff'),
url(//friendmade.studio/web/wp-content/themes/SAF21/fonts/apercu-bold-webfont.ttf) format('truetype'),
url(//friendmade.studio/web/wp-content/themes/SAF21/fonts/apercu-bold-webfont.svg#apercu) format('svg');
font-weight: bold;
font-style: normal;
}
body, html{font-family: apercu, sans-serif; font-size:14px; line-height:1.5em; font-weight:normal; margin:0px; color:#141428; position:relative; float:left; position:relative; width:100%;  min-height:100%; -webkit-font-smoothing: antialiased; 
-moz-osx-font-smoothing: grayscale; }
body {
min-height: 100vh;
min-height: -webkit-fill-available;
}
html {
height: -webkit-fill-available;
} h1, h2, h3, h4, h5, h6, p{  display:inline-block; margin:0px 0px 0.6em 0px; padding:0px; width:100%;}
h1, h2, h3, h4, h5, h6 {  letter-spacing:-1px;}
h1, .fullwidthbigtext h2{font-size:32px; line-height:1.2em; font-weight:bold;}
h2{font-size:32px; line-height:1.2em; font-weight:bold;}
h3{font-size:26px; line-height:1.2em; font-weight:bold;}
h4{font-size:21px; line-height:1.25em; font-weight:bold;}
h5{font-size:18px; line-height:1.3em; font-weight:bold;}
h6{font-size:16px; line-height:1.3em; font-weight:bold;}
.fullwidthbigtext p {font-size:1.8em; line-height:1.4em;}
.coolheader{font-weight:normal; text-transform:uppercase; font-family: acumin-pro-extra-condensed, sans-serif; font-weight:bold; 	line-height:50px;}
.firstblocktext{width:100%; height:0px; padding-bottom:66.66%;  display:block; background:#fff; position:relative; float:left;}
.firstblocktext .coolheader{position:relative; float:left; margin:0px;  padding:50px 50px 20px 50px; box-sizing:border-box;}
.firstblocktext .coolintro{position:relative; float:left; max-width:600px; width:80%;  padding:0px 50px; box-sizing:border-box;}
.firstblocktext .coolintrob{position:absolute; left:50px; bottom:0px; right:50px; height:auto;  }
.bigfatfont{font-size:145px; line-height:0.7em; font-family:acumin-pro-extra-condensed; margin:0px; }
.bigfatfont a{text-decoration:none; float:none; display:inline-block; overflow:hidden; padding-bottom:15px;}
.bigfatfont a:hover{text-decoration:underline;}
.fmlabel{position:fixed; z-index:1000; right:-1px; top:280px; width:100px; height:100px; background-size:contain; background-repeat:no-repeat; background-position:top right; background-image:url(//friendmade.studio/web/wp-content/themes/SAF21/img/label.png);}
.saffullpageheight{position:relative; float:left; width:100%; height:100%; min-height:650px; overflow:hidden; left:0px; top:0px;}
@media screen and (max-width:899px){
.firstblocktext{width:100%; height:auto; display:block; padding-bottom:0px; background:#fff; position:relative; float:left;}
.firstblocktext .coolheader{position:relative; float:left; margin:0px;  padding:50px 50px 20px 50px; box-sizing:border-box;}
.firstblocktext .coolintro{position:relative; float:left; max-width:600px; width:80%;  padding:0px 50px; box-sizing:border-box;}
.firstblocktext .coolintrob{position:relative; float:left; left:auto; bottom:auto; right:auto; width:100%; height:auto;  padding:50px 50px 0px 50px; box-sizing:border-box;}
}
p{ margin: 0 0 1em 0; line-height:1.5em;  padding:0px; display:inline-block; }
quote{font-size:27px; color:#909364; font-weight:normal; width:100%;}
p.saffeatureline{float:left; display:block; position:relative; margin:0 0 4px 0px; width:100%; background-image:url(//friendmade.studio/web/wp-content/themes/SAF21/img/vinkje.svg); line-height:24px; font-size:18px; xxcolor:#909364; font-weight:normal; background-position:left top; background-repeat:no-repeat; background-size:24px 24px; padding-left:24px; box-sizing:border-box;}
p.saffeaturelinexs{float:left; display:block; position:relative; margin:0 0 7px 0px; width:100%; background-image:url(//friendmade.studio/web/wp-content/themes/SAF21/img/vinkje.svg); line-height:20px; font-size:17px; xxcolor:#909364; font-weight:normal; background-position:left top; background-repeat:no-repeat; background-size:20px 20px; padding-left:22px; box-sizing:border-box;}
.gform_button, a.safmainbutton, input[type="file"]::-webkit-file-upload-button, input[type=submit], input[type=button]{-webkit-appearance: none; cursor:pointer; background:#909364; color:#fff; float:none; display:inline-block; margin:3px 0px 15px 0px; width:auto; padding:14px 16px 14px 16px; font-size:15px; line-height:14px; font-weight:normal; border:none; border-radius:2px; -moz-border-radius:2px; -webkit-transition: background 500ms; transition: background 500ms; clear:both; text-decoration:none; }
input[type="file"]::-webkit-file-upload-button, input[type=button]{padding:8px 12px; font-size:13px; line-height:12px;}
.gf_progressbar{margin-bottom:40px!important;}
.gform_wrapper.gravity-theme .gf_progressbar_percentage.percentbar_blue{background:#009ee0!important;}
.gform_wrapper ul, .gform_wrapper ul li {
font-size: 1em!important;
font-weight: 400!important;
line-height:1.5em!important;
float:none!important;
display:inline-block!important;
width:100%!important; 
padding:0px!important;
}
.gform-field-label.hidden_sub_label {display:none!important;}
.gform_fileupload_rules{font-size:11px!important;} .gform_button_select_files{-webkit-appearance:none!important;   -moz-appearance:none!important; appearance:none!important; -moz-border-radius:2px; border-radius:2px;  -webkit-transition: background 500ms; transition: background 500ms; padding:6px 10px; font-size:12px; border:none!important;; outline:inherit!important; margin-top:10px;}
a.safmainbutton:hover{background:#141428;}
a.safmainbutton.safbluebutton{background:#141428;}
a.safmainbutton.safbluebutton:hover{background:#909364;}
.gform_button, a.safmainbutton.saftransbutton, input[type=submit]{border:2px solid #141428!important; background:transparent!important; color:#141428;}
.gform_button:hover, a.safmainbutton.saftransbutton:hover,input[type=submit]:hover {background:#141428; color:#ffffff;}
a.safmainbutton.safcontactbutton{font-size:16px; line-height:16px;  padding:12px 18px; }
.gform_wrapper textarea{height:120px!important;}
.gform_confirmation_message{line-height:1.3em!important; margin-top:10px!important; float:left; margin-bottom:30px; font-size:20px;}
.safsimplehero.darkback a.safmainbutton.saftransbutton{border:2px solid #ffffff; background:transparent; color:#ffffff;}
.safsimplehero.darkback a.safmainbutton.saftransbutton:hover{border:2px solid #141428; background:#141428; color:#ffffff;}
.gform_heading{display:none!important;}
.gform_wrapper{line-height:20px!important; float:left!important; display:block!important; position:relative!important; margin:5px 0 20px 0!important; min-width:240px!important; width:100%!important;}
.gfield_consent_label{font-size:9px!important; float:none; line-height:1.2em;}
.gfield{margin:0 0 0px 0!important;}
.ginput_containter{margin:0px!important;}
.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]){ padding:8px!important; margin:0px 0px 10px 0px!important; font-size:15px!important;}
.gfield_required{display:inline-block!important; color:#333;}
.gform_wrapper input[type=submit]{line-height:1em!important; width:auto!important;}
.ginput_container{margin:0px!important;}
.gform_footer{padding-top:0px!important; margin: 10px 0px!important;}
.gform_wrapper .top_label .gfield_label, .gform_wrapper legend.gfield_label{margin-bottom:10px;}
.gform_wrapper .fullwidth{display:inline-block; width:100%;}
.gform_wrapper .screen-reader-text{width:100%!important; height:auto!important; overflow:visible!important; clip:inherit!important; font-size:10px!important; clip-path:none!important; }
.gform_wrapper .gchoice{float:left; margin:0px 0px 5px 0px!important; width:100%!important;}
.gform_ajax_spinner {
max-width:24px;
width: 24px;
float:left;
display:block;
margin: 5px 5px 5px 0px;
}
.gform_validation_errors{border:0px!important; padding:14px!important; display:none!important;}
.gform_validation_errors>h2{font-size:18px!important; letter-spacing:0px!important; overflow-wrap: break-word;}
.gform_wrapper .gform_save_link{border:none!important; text-decoration:underline!important;}
.gform_wrapper .gform_save_link svg{display:none!important;} 
.bottommargin20{margin-bottom:17px!important;}
.safmhquote{font-size:22px; line-height:1.1em; font-weight:normal;}
.safmhmenu h6{font-weight:normal; color:#909364;}
.saftextspan {padding-top:20px!important;}
.saftextspan img, .saftextspan p, .saftextspan a.safmainbutton, .saftextspan h1, .saftextspan h2, .saftextspan h3, .saftextspan h4, .saftextspan h5, .saftextspan h6 { margin-bottom:14px!important;}
.saftextspan p{margin-top:-5px!important;}
.saftextspan p.saffeatureline{margin-bottom:5px!important;}
.saftextspan p.saffeatureline.lastfeature{margin-bottom:20px!important;}
h2.bigboldbrave, .bigboldbrave{font-size:90px!important; line-height:0.9em!important; letter-spacing:-1px; margin-bottom:10px; font-weight:bold; text-transform:uppercase; }
.safboldfont{font-family: acumin-pro-extra-condensed, sans-serif; font-weight:bold; text-transform:uppercase; line-height:0.9em; font-size:70px;letter-spacing:-1px; }
.safxlquote{font-family: acumin-pro-extra-condensed, sans-serif; font-weight:bold; text-transform:uppercase; padding-bottom:10px; line-height:0.85em; font-size:90px;letter-spacing:-1px;}	
@media screen and (max-width:1150px){
.safxlquote{ font-size:90px;}
}
@media screen and (max-width:1150px){
.safxlquote{ font-size:80px;}
}
@media screen and (max-width:1000px){
.safxlquote{ font-size:90px;}
}
@media screen and (max-width:600px){
.safxlquote{ font-size:75px;}
}
@media screen and (max-width:500px){
.safxlquote{ font-size:60px;}
}
.safbigtitle{font-family: acumin-pro-extra-condensed, sans-serif; font-weight:bold; text-transform:uppercase; line-height:0.9em; font-size:65px; width:100%; max-width:700px; display:inline-block; height:auto; text-align:center; float:none; margin:0px; padding:0px 0px; letter-spacing:-1px;}
.safquotedby{display:inline-block; height:auto; text-align:center; float:none; margin:25px 0 0 0px; padding:0px 0px;}
.toprightmenu{position:absolute; right:18%; top:40px; display:block;}
.toprightmenu a{float:left; margin:0 10px 0 0; font-size:16px; text-decoration:underline;}
small{font-size:9px; line-height:1.5em;  margin:0px 0px 0.7em 0px; padding:0px; display:inline-block;  }
a{color:inherit;}
img{max-width:100%; height:auto;}
.xxsafonehalf p{font-size:16px;}
.saficonslider{padding-top:0px; padding-bottom:0px;}
.saficonslider.slick-dotted{padding-top:0px; padding-bottom:30px;}
.saflanguagestick{position:fixed; z-index:3; right:8px; bottom:250px; font-size:12px; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); background:transparent; transform-origin: bottom right;}
.wpml-ls-legacy-list-horizontal{padding:0px;}
.wpml-ls-legacy-list-horizontal li{ border:0px solid #202040; border-top:0px solid #202040;background:transparent; padding:5px 5px 5px 5px; margin-right:5px!important;}
.wpml-ls-item{ font-size:14px!important;}
.saflanguagestick ul, .saflanguagestick li, .saflanguagestick a{text-decoration:none;}
@media screen and (max-width:1200px){
h1, .fullwidthbigtext h2{font-size:30px; line-height:1.2em; }
h2{font-size:30px; line-height:1.2em; }
h3{font-size:24px; line-height:1.2em; }
h4{font-size:21px; line-height:1.3em; }
h5{font-size:17px; line-height:1.3em; }
h6{font-size:15px; line-height:1.3em; }
.fullwidthbigtext p {font-size:1.6em; line-height:1.4em;}
.safmhquote{font-size:20px; }
quote{font-size:26px;}
.safbigtitle, .safboldfont{font-size:60px; }
.bigfatfont{font-size:130px;}
h2.bigboldbrave, .bigboldbrave{font-size:75px!important; }
}
@media screen and (max-width:800px){
h2.bigboldbrave, .bigboldbrave{font-size:65px!important; }
h1, .fullwidthbigtext h2{font-size:26px; line-height:1.2em; }
h2{font-size:26px; line-height:1.2em; }
h3{font-size:23px; line-height:1.2em; }
h4{font-size:18px; line-height:1.3em; }
h5{font-size:16px; line-height:1.3em; }
h6{font-size:14px; line-height:1.3em; }
quote{font-size:25px;}
a.safmainbutton{font-size:14px;}
body, html, p{font-size:14px; 	}
.safonehalf p{font-size:14px;}
.safbigtitle, .safboldfont{font-size:50px; }
.bigfatfont{font-size:103px;}
.fullwidthbigtext p {font-size:1.4em; line-height:1.4em;}
p.saffeatureline{margin:0 0 5px 0px;line-height:22px; font-size:17px;  background-size:22px 22px; padding-left:22px; }
p.saffeaturelinexs{margin:0 0 7px 0px;line-height:19px; font-size:15px; background-size:19px 19px; padding-left:19px; }
.safmhquote{font-size:17px; }
.circosfooterquote h5{font-size:22px; line-height:1.3em; }
.saficonsliderendorsements {padding:50px 0px; box-sizing:border-box;}
}
@media screen and (max-width:600px){
a.safmainbutton{font-size:15px;}
body, html{font-size:14px;}
.safbigtitle{font-size:42px; }
.safboldfont{font-size:50px; }
}
@media screen and (max-width:500px){
.safbigtitle{font-size:39px; }
.safboldfont{font-size:45px; }
}
@media screen and (max-width:1000px){
td,  .saftabtext{font-size:0.8em; font-weight:normal; line-height:1.3em;}
}
@media screen and (max-width:800px){
td,  .saftabtext{font-size:0.65em; font-weight:normal; line-height:1.3em;}
}
.safmenuitem span.safmainbutton{margin-bottom:0px;}
.safhistoryone{float:left; display:block; position:relative; width:15%; margin:0 5% 0 0;}
.safhistorytwo{float:left; display:block; position:relative; width:30%; margin:0 5% 0 0;}
.safhistorythree{float:left; display:block; position:relative; width:35%; margin:0 0% 0 0;}
.mobileonly{display:none!important;}
.desktoponly{display:block!important;}
.saffullwidthwbody{width:100%; position:relative;  float:left; height:auto; padding:0px; margin:0px 0 0px 0; box-sizing:border-box; text-align:left; }
.safpadding{padding:60px!important; box-sizing:border-box; }
.safmainfmlogo{ position:absolute;  display:block; float:none;left:28px; top:26px; width:44px; height:44px; z-index:10;}
.safmainfmlogo2{ position:absolute; left:32px; top:25px; display:block; width:180px;height:50px; }
.safrightpadding{padding-right:60px;}
.saffullwidthwbody .saftextspan{padding-top:10px; padding-bottom:10px; padding-right:60px; padding-left:60px;}
.saffullwidthwbody .safcontainedbody .saffloatleft .saftextspan{ padding-left:60px; padding-right:60px; }
.saffullwidthwbody .safcontainedbody .saffloatleft .saftextspan.safstayleft{ padding-left:0px; padding-right:60px; padding-top:10px!important;}
.saffullwidthwbody .safcontainedbody .saffloatright .saftextspan{padding-left:0px!important; padding-right:60px!important;}
.safpaddedbody{width:100%; position:relative; float:left; height:auto; padding:50px; margin:0px 0 0px 0; box-sizing:border-box; text-aligns:center; }
.padnotopbottom{padding-bottom:0px!important; padding-top:0px!important;}
.safpaddedfooter{width:100%;line-height:0px; position:relative;  float:left; height:auto; background:transparent; padding:60px; margin:0px 0 0px 0; box-sizing:border-box; text-align:center; }
.saftextspan{width:100%; max-width:1450px; min-height:100px; text-align:left; float:none; display:inline-block; box-sizing:border-box;}
.saftextspan.saftextfullwidth{max-width:100%;}
.safformspan{width:100%; padding:0 40px; max-width:550px; min-height:200px; text-align:left; float:none; display:inline-block; box-sizing:border-box;}
.safcontainedbody{position:relative; float:none!important; display:inline-block!important; width:100%; max-width:1200px; min-height:1px; margin:0px; padding:0px; text-align:left;}
.safcentered{text-align:center; }
.saftextspan p{float:left; width:100%; margin:0 0 20px 0;}
.saftextspan h1, .saftextspan h2, .saftextspan h3, .saftextspan p{}
.saftextspan span.safmainbutton, .saftextspan p.saffeatureline{}
.safcontainedbody.safblogbody{max-width:700px!important;}
.safwhitetext{color:#f7f7f7;}
.safblogbody quote{width:100%; padding-left:7%; padding-right:7%; box-sizing:border-box; border-left:3px solid #909364; float:left; height:auto; margin:20px 0px 40px 0px; line-height:1.3;}
.safblogbody p,  .safblogbody h1, .safblogbody h2, .safblogbody h3, .safblogbody h4, .safblogbody h5, .safblogbody h6, .safblogbody smaller{width:86%; float:left; height:auto; margin:0px 7% 20px 7%; }
.safblogbody img{float:left; position:relative; margin:10px 0 30px 0!important;}
.safopenvideo:hover .videoPlaybutton{opacity:1;}
.videoPlaybutton{opacity:0; width:90px; height:90px; background:#141428; border-radius:60px; -moz-border-radius:60px; -webkit-border-radius:60px; position:absolute; left:50%; top:50%; margin-left:-45px; margin-top:-45px;display:block; background-image:url(//friendmade.studio/web/wp-content/themes/SAF21/img/play.png); background-size:cover; background-position:center; background-repeat:no-repeat;  -webkit-transition:  opacity 300ms, background 300ms; transition: opacity 300ms, background 300ms;}
.videoPlaybutton:hover{background-color:#909364;}
.saf20spacer{width:100%; height:20px; float:left; margin:0px; display:inline-block; position:relative;}
.nonavailable{opacity:0.1;} .video-background {
position: relative;
overflow: hidden;
width: 100vw;
height: 100vh;
}
.video-background iframe {
position: absolute;
top: 50%;
left: 50%;
width: 100vw;
height: 100vh;
transform: translate(-50%, -50%);
}
@media (min-aspect-ratio: 16/9) {
.video-background iframe { height: 56.25vw;
}
}
@media (max-aspect-ratio: 16/9) {
.video-background iframe { width: 177.78vh;
}
} input[type=text], input[type=email], input[type=password] {-webkit-appearance: none;border:1px solid #ccc; font-size:12px; background:transparent; width:100%; margin-bottom:5px; height:36px; line-height:36px; padding:3px 12px;  box-sizing:border-box; outline:none!important; border-radius:3px!important; -webkit-border-radius:3px!important; moz-border-radius:3px!important;}
select, textarea{background-color:transparent!important;}
textarea {-webkit-appearance: none;border:1px solid #ccc; background-color:#fff;font-size:12px;width:100%; margin-bottom:10px; height:80px; vertical-align:top; line-height:1.3em; padding:12px 12px; box-sizing:border-box; outline:none!important; border-radius:3px!important; -webkit-border-radius:3px!important; moz-border-radius:3px!important;}
select { font-size:12px; 
-webkit-appearance: none;border:1px solid #ccc; background:#fff; width:100%; margin-bottom:5px; height:36px; line-height:36px; padding:0px 24px 0px 12px; box-sizing:border-box; outline:none!important; border-radius:3px!important; -webkit-border-radius:3px!important; moz-border-radius:3px!important;background-image:url(//friendmade.studio/web/wp-content/themes/SAF21/img/arrowdown_vz.svg); background-size:12px 12px;  background-position:center right 12px; background-repeat:no-repeat;
}
.safbiggerform input[type=text], .safbiggerform input[type=email] {-webkit-appearance: none;border:1px solid #ccc; font-size:18px; background-color:#fff; width:100%; margin-bottom:5px; height:50px; line-height:50px; padding:0px 17px;  box-sizing:border-box; outline:none!important; border-radius:3px!important; -webkit-border-radius:3px!important; moz-border-radius:3px!important;}
.safbiggerform textarea {-webkit-appearance: none;border:1px solid #ccc; background-color:#fff;font-size:18px;width:100%; margin-bottom:5px; height:100px; vertical-align:top; line-height:1.3em; padding:10px 17px; box-sizing:border-box; outline:none!important; border-radius:3px!important; -webkit-border-radius:3px!important; moz-border-radius:3px!important;}
input[type=checkbox] {
position: relative;
cursor: pointer;
-webkit-appearance:none;
border: 0px solid #62663f;
width: 21px;
height: 21px;
float: left;
margin-top: 0px!important;
margin-left: 0px;
}
.ginput_container_consent{line-height:1.2em;}
.gform_wrapper .ginput_container span:not(.ginput_price){margin-bottom:0px!important;}
.gfield{margin-bottom:0px!important;}
input[type=checkbox]:before {
content: "";
display: block;
position: absolute;
width: 14px;
height: 14px;
top: 0;
left: 0;
background-color:transparent;
border: 1px solid #333;
}
input[type=checkbox]:checked:before {
content: "";
display: block;
position: absolute;
width: 14px;
height: 14px;
top: 0;
left: 0;
background-color:#1E80EF;
color:#fff;
border: 1px solid #333;
}
input[type=checkbox]:checked:after {
content: "";
display: block;
width: 4px;
height: 8px;
border: 1px solid #fff;
border-width: 0 2px 2px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
top: 1px;
left: 5px;
}
.safbiggerform select { font-size:18px; 
-webkit-appearance: none;border:1px solid #ccc; background:#fff; width:100%; margin-bottom:5px; height:50px; line-height:50px; padding:0px 35px 0px 17px; box-sizing:border-box; outline:none!important; border-radius:3px!important; -webkit-border-radius:3px!important; moz-border-radius:3px!important;background-image:url(//friendmade.studio/web/wp-content/themes/SAF21/img/arrowdown_vz.svg); background-size:18px 18px;  background-position:center right 18px; background-repeat:no-repeat;
}
.saffourty{float:left; margin:0px; padding:0px; width:40%!important; height:auto; display:block; position:relative;}
.safsixty{float:left; margin:0px; padding:0px; width:60%!important; height:auto; display:block;position:relative;}
.saffifty{float:left; margin:0px; padding:0px; width:50%!important; height:auto; display:block; position:relative;}
.safonethird .saftextspan{margin-top:20px!important;}
.safonethird{float:left; margin:0px; padding:0px; float:left; width:31%; height:auto;}
.safonethird:nth-child(1) {margin-right:3.5%;}
.safonethird:nth-child(3) {margin-left:3.5%;}
.saffull:first-child{margin-top:20px!important;}
.saffull{width:100%; float:left; display:block; position:relative; margin: 0 0 0px 0;}
.safonehalf{ margin:0px; padding:0px; float:left; width:48%; height:auto;}
.safonehalf:nth-child(1) {}
.safonehalf:nth-child(2) {margin-left:4%;}
.nomarginspan{margin:0px!important; padding:0px!important; max-width:100%!important;}
.xxsafbggradient{background: rgb(248,248,246); background: linear-gradient(180deg, rgba(248,248,246,1) 0%, rgba(255,255,255,1) 100%);}
.niceimagesaf{ position:absolute; right:0px; z-index:0; bottom:0px; width:70%; max-width:400px;}
.niceimagesaf img{width:100%; height:auto; float:left; margin:0px;}
.saffloatright{float:right!important;}
.homedots{width:100%; text-align:center; position:absolute; left:0px; bottom:20px; height:20px; }
.golf{width:100%; float:left; margin:0px; height:230px; overflow:hidden; margin-bottom:-2px; position:relative; display:block;}
.fullwidthbigtext{width:100%; margin:0px; display:block; position:relative; float:left; width:100%;column-count: 1;column-gap: 30px; padding-top:0px;}
.fullwidthbigtext img{width:100%; float:left; display:block; position:relative; margin:0 0 0px 0;}
.textcolumns-2{width:100%; margin:0px; display:block; position:relative;  float:left; width:100%;column-count: 2;column-gap: 30px; }
.safthirdy{width:30%; float:left; margin:0px;display:block; position:relative;}
.safseventy{width:70%; float:left; margin:0px;display:block; position:relative; padding-left:40px; box-sizing:border-box;}
.beigegradient{position:absolute; left:0px; top:0px; width:100%; height:100%; display:block; background: rgb(20,20,40);
background: linear-gradient(90deg, rgba(240,241,236,0.85) 0%, rgba(240,241,236,0) 75%);pointer-events:none;}
.bluegradient{position:absolute; left:0px; top:0px; width:100%; height:100%; display:block; background: rgb(20,20,40);
background: linear-gradient(90deg, rgba(20,20,40,0.85) 0%, rgba(20,20,40,0) 75%);pointer-events:none;}
.whitetext{color:#f1f0ec;}
.safhomeherotop {background-color:#f7f7f5;  background-position:25% 50% ; background-repeat:no-repeat; background-size:cover;}
.safsimplehero{background-color:#f7f7f5;  background-position:center ; background-repeat:no-repeat; background-size:cover;}
.safsimplehero.darkback{background-color:#222;}
.safsimplehero .saftextspan{width:80%; max-width:450px;}
.safherotext .saftextspan{width:100%;  max-width:450px;}
.safherotext{float:left; margin:0px; padding:0px; width:500px; max-width:85%; height:auto; display:block; position:relative; }
.safhomeguide{width:100%; height:100px; display:block; position:relative; float:left; margin:-75px 0 0 0; }
.safhomeguidelogo{left:0px; bottom:0px; display:block; position:absolute; height:auto; width:170px;}
.safhomeguidetext{left:220px; bottom:0px; display:block; position:absolute; width:310px; height:auto; }
.safhomeguide span.safmainbutton{position:absolute; bottom:0px; right:0px; margin-bottom:0px;}
.safhomeguide span.safmainbutton.floatingbutton{position:relative; display:none;  float:left;margin:20px 0 0 0;}
.safhomeguide p{margin:0px;}
.safgridimage {width:12.50%; padding:10px 35px; box-sizing:border-box; float:left; display:block; position:relative;}
@media screen and (max-width:1400px){
.safgridimage {width:16.666%;}
}
@media screen and (max-width:1200px){
.safgridimage {width:20%;}
}
@media screen and (max-width:1000px){
.safgridimage {width:25%;}
.safblogbody p, .safblogbody h1, .safblogbody h2, .safblogbody h3, .safblogbody h4, .safblogbody h5, .safblogbody h6, .safblogbody smaller{width:100%; margin:0px 0% 20px 0%; }
}
@media screen and (max-width:650px){
.safgridimage {width:33.33%;}
} .safteammember{position:relative; width:20%; float:left; margin:0px;  display:block; padding:0 15px 30px 15px; box-sizing:border-box;}
.safteammemberpadding{position:relative; display:block; width:100%; float:left; }
.safteammember:nth-child(9n+4){margin-right:0px!important;}
.safteammemberinfopart h5{margin-bottom:0px;}
.safteamquote h5{margin-bottom:0px; font-weight:normal!important;}
.safteammembertopphoto{position:relative; background:#141428;width:100%; float:left; margin:0px; height:0px; padding-bottom:66.66%;background-position:center; background-size:cover; background-repeat:no-repeat;}
.safteammemberinfopart{background: rgb(20,20,40);
background: linear-gradient(90deg, rgba(240,241,236,0.85) 0%, rgba(240,241,236,0) 75%);position:relative; min-height:220px; width:100%; float:left; margin:0px; height:auto; padding:30px 20px 60px 20px; text-align:center; box-sizing:border-box;}
.safteammemberprofile{position:absolute; width:70px; height:70px; top:-35px; left:50%; margin-left:-35px;border-radius:90px; overflow:hidden;background-position:center; background-size:cover; background-repeat:no-repeat;}
.safteamquote{position:absolute; top:0px; left:0px; padding:25px; box-sizing:border-box; right:0px; bottom:0px; 
background: rgb(20,20,40);
background: linear-gradient(90deg, rgba(20,20,40,0.95) 0%, rgba(20,20,40,0.8) 100%);
color:#f1f0ec; font-weight:normal;  opacity:0;}
.safteamquote:hover{opacity:1;}
.safteammemberbuttons{bottom:22px; left:20px; right:20px; height:auto;position:absolute; text-align:center;}
.safteammember span.safmainbutton{margin-bottom:0px;}
.safmembericon{float:none; display:inline-block; width:38px; height:38px; margin:0 3px; border-radius:50px; overflow:hidden; background-size:65%; background-position:center; background-repeat:no-repeat; }
.safmembericon.saficonli{background-image:url(//friendmade.studio/web/wp-content/themes/SAF21/img/iconli.png); background-color:#141428;}
.safmembericon.saficontw{background-image:url(//friendmade.studio/web/wp-content/themes/SAF21/img/icontw.png); background-color:#141428;}
.safmembericon.saficonma{background-image:url(//friendmade.studio/web/wp-content/themes/SAF21/img/iconma.png); background-color:#141428;}
.safmembericon.saficonli:hover{background-image:url(//friendmade.studio/web/wp-content/themes/SAF21/img/iconli.png); background-color:#0A66C2;}
.safmembericon.saficontw:hover{background-image:url(//friendmade.studio/web/wp-content/themes/SAF21/img/icontw.png); background-color: rgb(29, 161, 242);}
.safmembericon.saficonma:hover{background-image:url(//friendmade.studio/web/wp-content/themes/SAF21/img/iconma.png); background-color:#909364;}
@media screen and (max-width:1280px){
.safteammember{width:25%;}
}
@media screen and (max-width:1000px){
.safteammember{width:33.33%;}
}
@media screen and (max-width:700px){
.safteammember{width:50%;}
} #safheader{
z-index:20;
position:fixed;
display:block;
float:left;
width:100%;
height:65px;
background:#ffffff;
}
#saflogo{
float:left;
margin:0px 20px 0px 15px; 
width:150px; 
height:auto;
position:relative; 
display:block;
}
#saflogomob{
float:left;
margin:4px 20px 0px 15px; 
width:36px; 
height:auto;
position:relative; 
display:none;
}
#saflogo img{width:100%; height:auto; }
.safrowelement, .safblockelement{float:left; position:relative; display:block; width:100%; height:auto;}
saf
span.safmainbutton.safheaderbutton{right:30px; bottom:30px; position:absolute;display:block;}
#safmainmenudesktop{ display:block; float:left; height:65px; line-height:65px; width:auto; margin:0px;  text-align:left; letter-spacing:0px; padding:0px; }
#safmainmenudesktop .safmenuitem{ cursor:pointer; padding:0 8px; letter-spacing: 0px; float:left; width:auto; margin:0px;  text-decoration:none;}
#safmainmenudesktop .safmenuitem:hover .safmenuitemtitle{color:#909364; }
orange{color:#909364;}
.safmenuitemtitle{display:inline-block; width:auto;height:auto; font-weight:normal; font-size:14px; padding-right:20px; background-image:url(//friendmade.studio/web/wp-content/themes/SAF21/img/arrowdown.svg); background-size:16px 16px; background-position:center right; background-repeat:no-repeat; margin-top:1px; }
#safupscroller{width:36px; height:36px; position:fixed; z-index:4; top:30px; right:30px; display:none;   -webkit-transition: top 300ms; transition: top 300ms;}
.megamenu{left:0px; width:100%; position:absolute; height:auto; visibility:hidden; min-height:300px; padding:20px 30px; box-sizing:border-box; background-color:#fff; -webkit-transition: opacity 300ms, visibility 300ms; transition: opacity 300ms, visibility 300ms; opacity: 0; background-size:400px; background-position:bottom right; background-repeat:no-repeat; -webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.19); box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.19); margin-top:-3px;
}
.safmhright{position:absolute; right:0px; top:0px; left:600px; bottom:0px; display:block; background-size:cover; background-repeat:no-repeat; background-position:bottom left; -moz-border-top-left-radius: 00px; border-top-left-radius: 0px; overlow:hidden;}
.icontitle{width:100%; float:left; margin:0px 0 10px 0; text-align:center; font-size:14px; color:#141428; opacity:0.7; line-height:1.3em; }
@media screen and (min-width:1200px){.safmhright{left:auto; width:50%;}}
.safmhright.extrawide{left:690px;}
.safmhright img{width:100%; height:auto;}
.safmhleft{position:relative; left:0px; top:0px; width:720px; height:auto; display:block; padding:0px; box-sizing:border-box;}
.safmhquote{float:left; width:auto; max-width:230px; margin: 0 30px 100px 0px;}
.safmhmenu{float:left; width:auto; max-width:170px; min-width:100px; margin:0 30px 60px 0; line-height:1.5em;}
.safmhmenu.extrawide{max-width:220px;}
.safmhquote span.safmainbutton{float:left; margin:0 0 6px 0; left:auto; right:auto; top:auto; bottom:auto; position:relative; display:block; padding:8px 9px;}
.safmhmenu a{text-decoration:none; }
.safmhmenu a:hover{color:#96A3AC;  text-decoration:underline;}
.safmhmenu small{margin-top:10px;}
#safmobmenu{float:left; width:auto; height:50px; margin:0px; margin-left:12px;display:none;  }
.safmobmenu{width:auto; padding:0 0 0 33px; height:50px; background-image:url(//friendmade.studio/web/wp-content/themes/SAF21/img/icon-mobmen.svg); background-size:30px; background-repeat:no-repeat; background-position:center left;}
.saficondescription{display:inline-block; margin:0; height:50px; line-height:65px;}
.safmobmenu .saficondescription{margin-left:5px;}
.safmobmenubuttons{width:100%; height:auto; float:left; margin:0px; padding:0px 20px; box-sizing:border-box;}
.safmobmenucontainer{left:0px; top:50px; bottom:0px; right:60px; overflow:hidden; position:fixed; visibility:hidden; opacity:0; padding:0px; box-sizing:border-box;  -webkit-transition: opacity 300ms, visibility 300ms; transition: opacity 300ms, visibility 300ms; background-size:400px; background-position:bottom right; background-repeat:no-repeat; -webkit-box-shadow: 3px 4px 3px 0px rgba(0,0,0,0.16); box-shadow: 3px 4px 3px 0px rgba(0,0,0,0.16); background-color: rgb(245,243,239);
background-color: linear-gradient(111deg, rgba(245,243,239,1) 0%, rgba(237,236,234,1) 100%);}
.safmobmenucontainerscroll{width:125%; left:0px; top:0px; bottom:80px; position:absolute; overflow-y:scroll; overscroll-behaviour:contain; -webkit-overflow-scrolling: touch;}
.safmobmenucontainerscrolling{width:80%; height:auto; padding:20px; box-sizing:border-box; position:relative;}
.safmobmenublock{width:100%; float:left; position:relative; display:block; margin:0px 0px 30px 0px; font-size:1.3em; line-height:1.7em;}
.safmobmenublock h6{font-size:1.3em;}
.safmobmenucontainerbottom{width:100%; left:0px; bottom:0px;height:80px; position:absolute; background:#f1eee8; border-top:1px solid #dedede; padding:20px; box-sizing:border-box;}
.saflogosaf{width:40px; height:40px; background-image:url(//friendmade.studio/web/wp-content/themes/SAF21/img/saflogo.svg); background-size:40px 40px; background-repeat:no-repeat; position:absolute; left:20px; bottom:20px;}
.saflegalnote{width:auto; height:auto; position:absolute; right:20px; bottom:20px; display:block; text-align:right;}
.sidemenupart{width:100%; height:50px; overflow:hidden; float:left; display:block; position:relative; margin:0px; border-bottom:1px solid #ddd;}
.sidemenupartcontent{width:100%; height:auto; position:relative; display:block; float:left; margin:0px;}
.sidemenuheader{width:100%; height:50px; position:relative; display:block; float:left; margin:0px; padding:15px 0 0 0;}
.safmenuitem:hover .megamenu{ visibility:visible; opacity: 1;} 
.harmonicaitem{width:100%; height:auto; overflow:hidden; float:left; display:block; position:relative; margin:0px; border-bottom:1px solid #ddd;}
.harmonicaitemcontainer{width:100%; height:auto; position:relative; display:block; float:left; margin:0px;}
.harmonicaitemheader{width:100%; height:auto; font-family:acumin-pro-extra-condensed, sans-serif; font-size:50px; text-transform:uppercase; position:relative; display:block; float:left; margin:0px; padding:0px 0 0 0; padding-right:30px; box-sizing:border-box; }
.harmonicaitemheader h3{font-size:40px; line-height:0.86em; margin:10px 0px 15px 0px;}
.harmonicaarrow{position:absolute; right:0px; top:14px; width:24px; height:24px;display:block;}
.harmonicaitemheader.openharmonicaitem .harmonicaarrow {  -webkit-transform: rotateX(180deg);
transform: rotateX(180deg);}
.fullwidthsmallheader{width:100%; height:auto; float:left; display:block; position:relative; margin:0px; padding:20px 20px 30px 20px; background:#ffffff; text-transform:uppercase; color:#96A3AC; box-sizing:border-box; font-size:14px;  text-align:center; line-height:14px; font-weight:normal;}
.harmonicaitembody{width:100%; height:0px;  position:relative; display:block; float:left; margin:0px; padding:0px;}
#safcountry{float:right; width:auto; position:relative; margin:0px 20px 0 0; height:100%; font-weight:normal; font-size:19px; line-height:65px; color:#141428;}
#saflogo{ font-weight:normal; font-size:19px; line-height:0px; color:#141428;}
#saflogo .vhicon{float:left; margin:10px 0 0 0;}
#safswitch{float:right; width:auto; position:relative; margin:20px 140px 0 0; height:65px; padding-right:30px; box-sizing:border-box; xxbackground-image:url(//friendmade.studio/web/wp-content/themes/SAF21/img/arrowdown.svg); background-size:24px 24px; background-position:center right; letter-spacing:-1px;background-repeat:no-repeat; font-weight:bold; font-size:20px; line-height:65px; color:#141428;}
#safswitch a{xxtext-decoration:none;}
#saflogo{ font-weight:normal; font-size:19px; line-height:0px; color:#141428;}
#saflogo a{text-decoration:none; margin:0 0 0 5px;}
#safcountry a{float:left; width:auto; position:relative; margin:0 0 0 5px; height:100%; line-height:65px; text-decoration:none; 
padding-right:20px; background-image:url(//friendmade.studio/web/wp-content/themes/SAF21/img/arrowdown.svg); background-size:16px 16px; background-position:center right; background-repeat:no-repeat;}
#safcountry a:hover{color:#96A3AC; color:#909364;}
#saflanguage{float:right; width:auto; position:relative; margin:1px 15px 0 0; height:100%; line-height:65px; color:#96A3AC;}
#saflanguage a{display:inline-block; width:auto; position:relative; margin:0 4px 0 4px; height:100%; line-height:65px; text-decoration:none; }
#saflanguage a.activelang{color:#141428; }
#saflanguage a:hover{color:#909364;}
.safbehindmenu{width:100%; height:65px;float:left; margin:0px; display:block;}
.slick-track{ margin-left: 0!important; }
.safsimplehero .saffourty, .safsimplehero .safsixty, .safsimplehero .saffifty{height:500px;} .arrowleft{opacity:0; width:40px; height:40px; border:none; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; z-index:2; position:absolute; left:10px; bottom:10px;background-image:url(//friendmade.studio/web/wp-content/themes/SAF21/img/arrowleft.svg); background-repeat:no-repeat; background-size:40px 40px;}
.arrowright{opacity:0; width:40px; height:40px; border:none; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px;  z-index:2;  position:absolute; right:10px; bottom:10px; background-image:url(//friendmade.studio/web/wp-content/themes/SAF21/img/arrowright.svg); background-repeat:no-repeat; background-size:40px 40px;}
.safslider:hover .arrowleft, .safslider:hover .arrowright{opacity:1;}
.arrowleft:hover, .arrowright:hover{background-color:#141428;}
.safslide .safslide400 {height:400px;}
.safslide .safslide500 {height:500px;}
.safslidebox{padding:0px 10px 0px 10px; box-sizing:border-box; width:100%; }
.safslidebox img{width:80%; margin-left:10%;}
.safslidebox.safslideboxfullimage img{width:100%; margin:0 0 20px 0;}
.safslideboxlint{padding:0px 10px 0px 10px; box-sizing:border-box; width:100%; text-align:center;}
.slick-dotted .safslideboxlint{padding-bottom:20px!important;}
.safslideboxlint img{width:80%; max-width:140px; float:none; display:inline-block!important;}
.saflintitemtitle{width:100%; float:left; margin:7px 0 30px 0; text-align:center;  line-height:1.3em; }
.saflintitemtitle h4 {font-family: acumin-pro-extra-condensed, sans-serif; text-transform:uppercase; font-weight:bold; margin-bottom:20px; line-height:0.8em; font-size:50px; }
.safslideboxlint p{padding:0px 50px 0px 50px; box-sizing:border-box; margin-bottom:0px; font-size:0.95em;}
.saflintitemtitle p {max-width:350px;}
.safendorsement {width:100%; height:auto; position:relative; display:block; text-align:center;}
.safendorsementframe {width:100%; height:auto; margin-bottom:40px; max-width:600px; position:relative; display:inline-block; text-align:left;}
.safendorsementface{width:70px; height:70px; display:block; background-size:cover; background-position:center; background-repeat:no-repeat; border-radius:70px; -moz-border-radius:70px; -webkit-border-radius:70px; overflow:hidden; position:absolute; left:0px; top:0px;}
.safendorsementquote{width:100%; position:relative; float:left; margin:0px; padding:0 30px 0 95px; box-sizing:border-box; max-width:550px; }
.safendorsementquote p, .saflintitemtitle p{}
.videopopup{width:90%;margin:60px auto;
float:none;
display:inline-block;}
.videoWrapper {
position: relative;
padding-bottom: 56.25%; height: 0;
}
.videoWrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.arrowleft, .arrowright{
transition: all 200ms;
-webkit-transition: all 200ms;
-moz-transition: all 200ms;
-o-transition: all 200ms;
-ms-transition: all 200ms;
}
.slick-slide, .slick-slide a {
outline: none;
}   .vhicon{width:100%; float:left; margin:0px 0 10px -4px; display:block;  height:42px; background-image:url(//friendmade.studio/web/wp-content/themes/SAF21/img/fmicon.svg); background-position:left center; background-repeat:no-repeat; background-size:50px 42px;}
.saffooterblock0{float:left; width:50px; height:auto;  display:block; xbackground:#ff3; position:relative; margin:0 50px 30px 0; }
.saffooterblock1{float:left; width:250px; height:auto;  display:block; xbackground:#ff3; position:relative; margin:0 50px 30px 0; }
.saffooterblock1b{float:left; width:250px; height:auto;  display:block; xbackground:#ff3; position:relative; margin:0 50px 0px 0; }
.saffooterblock2{float:left; max-width:170px; height:auto;  display:block; xbackground:#ff3; position:relative; margin:0 20px 10px 0; }
.saffooterblock2b{float:left; max-width:170px; height:auto;  display:block; xbackground:#ff3; position:relative; margin:0 30px 0px 0; padding-top:47px; }
.saffooterblock3{float:left; max-width:200px; height:auto;  display:block; xbackground:#ff3; position:relative; margin:0 30px 10px 0; }
.saffooterblock4{float:left; width:230px; height:auto; display:block; xbackground:#ff3; padding-right:0px; box-sizing:border-box; position:relative; margin:0 0px 0px 0; }
.saffooterspacer12{float:left; width:100%; height:1px; display:none; position:relative;margin:0px;}
.saffooterspacer23{float:left; width:100%; height:1px; display:none; position:relative;margin:0px;}
.saffooterspacer23b{float:left; width:100%; height:1px; display:none; position:relative;margin:0px;}
.saffooterspacer34{float:left; width:100%; height:1px; display:none; position:relative;margin:0px;}
.saffooterblock23{float:left; width:440px; height:auto;  display:block; xbackground:#ff3; position:relative; margin:0 30px 0px 0; }
.circosfooterquote{width:100%; float:left; position:relative; display:block; margin:0px 0 10px 0; font-weight:normal;}
.circosfooterquote h4{font-size:22px; line-height:24px; font-weight:normal; letter-spacing:0px;}
.circosfootersignup h5{font-size:22px; line-height:24px; font-weight:normal; letter-spacing:0px;}
.saffootertext h6{font-size:22px; line-height:24px; font-weight:normal; letter-spacing:0px;}
.circosfooterquoteface{width:60px; height:60px; float:left; position:relative; display:none; margin:0 15px 20px 0; border-radius:50px; background-size:cover; background-position:center;}
.circosfooterquotename{width:165px; float:left; position:relative; display:block; margin:15px 0 20px 0;}
.circosfooterquotename small{float:left; width:100%; margin:10px 0 0 0; display:block; position:relative;}
.saffootertext{float:left; width:100%; margin:0 0px 40px 0; line-height:1.5em;  padding-right:30px!important; box-sizing:border-box;}
.saffootertext a{text-decoration:none; }
.saffootertext small{margin-top:10px;}
.saffootertext h4{xxfont-family:acumin-pro-extra-condensed, sans-serif; font-weight:bold; font-size:30px; text-transform:uppercase!important; }
.saffootertext h4 a{text-decoration:none; line-height:0.9em;}
.saffootertext h4 li{overflow:hidden; margin-bottom:0px; line-height:0.85em;}
.saffootertext ul{margin:0px; padding:0px; float:none; width:100%; display:inline-block; margin:0px;}
.saffootertext li{list-style:none; padding:0px;  margin:0px; float:left; width:100%; display:inline-block; margin:0px;}
.saffooterbody{position:relative; float:none; padding:0px; margin:0px; display:inline-block; width:100%; max-width:1200px; text-align:left;}
.safsocial{float:left; width:170px;height:40px; margin:0 4px 0 0; display:block; position:relative; background-position: top left; background-repeat: no-repeat; background-size:30px 30px;}
.headersocicon{margin-top:30px;}
.headersocicon .safsocial{float:none; display:inline-block; margin:0px 1px 0px 1px; width:36px;height:36px;}
.instagramicon{position:absolute; width:36px; height:36px; z-index:2; left:20px; bottom:20px; background-image:url(//friendmade.studio/web/wp-content/themes/SAF21/img/instagramicon.svg); background-position: top left; background-repeat: no-repeat; background-size:36px 36px;}
.saflanguage{float:left; margin:15px 8px 0 0; display:block; position:relative; color:#96A3AC}
.saflanguage.safactivelanguage, .saflanguage:hover{color:#222}
img.footerimage{width:500px; max-width:55%;height:auto; position:absolute; right:0px; bottom:0px; z-index:0;}
.saftextspan ul{float:left; margin:0px 0px 20px 0px; padding:0px; width:100%;}
.saftextspan ul li{float:left; margin:0px; padding:0px; width:100%; list-style:none!important; }
.saftextspan ul li {
font-size: 1.2em;
font-weight: 400;
line-height:1.5em;
}
.saftextspan ul.checkmark li:before {
font-size: 1.5em;
vertical-align: middle;
content: "\2713";
display: inline-block;
width: 28px;
}
.saftextspan ul.pointinghand li:before {
font-size: 1.5em;
vertical-align: middle;
content: "\261B";
display: inline-block;
width: 28px;
}
.saftextspan ul.cross li:before {
font-size: 1.5em;
vertical-align: middle;
content: "\2717";
display: inline-block;
width: 28px;
}
@media screen and (max-width:1200px){
.safhomeguide{ margin:-75px 0 0 0; }
img.footerimage{width:400px; }
.saffooterspacer34{display:block;}
}
@media screen and (max-width:800px){
.saflanglblock{width:auto; }
.saffooterspacer12{display:block;}
.mainopener{ height:400px; overflow:hidden;}
.mainanimation{ background-size:130% auto;}
.safslide .safslide400 {height:370px;}
.safslide .safslide500 {height:400px;}
.safslideboxlint p{padding:0px 25px 0px 25px; }
.safsimplehero .saftextspan{margin-top:50px;}
}
@media screen and (max-width:600px){
.wa__btn_popup_txt{display:none!important;}
.safslide .safslide400 {height:320px;}
.safslide .safslide500 {height:340px;}
.safslideboxlint p{padding:0px 15px 0px 15px; }
#safswitch{margin-right:70px;}
.saffooterblock4{clear:both;}
} .safchoosecountrybutton{width:100%; height:auto; float:left;}
.safchoosecountrybutton h4{margin-bottom:3px; text-decoration:underline;} .safoverlay{position:fixed;  top:0px; right:0px; bottom:0px; left:0px; display:none; text-align:center; }
.safvideooverlay{ z-index:10001;background-color: rgba(241, 240, 236, 0.97); }
.safcountryoverlay{ z-index:10002; background-color: none;}
.safnewsletteroverlay{ z-index:10003; background-color: none;}
.saftd500{width:100%; display:block; position:relative; width:100%; height:500px; overflow-y:hidden;padding:0px; margin:0px; border:0px;}
.saftd400{width:100%; display:block; position:relative; width:100%; height:400px; overflow-y:hidden;padding:0px; margin:0px; border:0px;}
.saftd0{width:100%; display:block; position:absolute; left:0px; top:0px; overflow-y:hidden; bottom:0px; right:0px; padding:0px; margin:0px; border:0px;}
.saftd1{width:100%; display:table; position:absolute; left:0px; top:0px; right:0px; min-height:100%; width:100%; padding:0px; margin:0px; border:0px; overflow-y:hidden;}
.saftd2{width:100%; display:table-cell; position:relative;  width:100%; height:100%;  text-align:left; vertical-align:middle; margin:0px; border:0px;}
.saftd1b{width:100%; display:table; position:absolute; left:0px; top:0px; right:0px; min-height:100%; width:100%; padding:0px; margin:0px; border:0px; overflow-y:hidden;}
.saftd2b{width:100%; display:table-cell; position:relative;  width:100%; height:100%;  text-align:left; vertical-align:middle; margin:0px; border:0px;}
.saftd0popup{width:100%; display:block; position:absolute; left:0px; top:0px; overflow-y:hidden; bottom:0px; right:0px; padding:0px; margin:0px; border:0px;}
.saftd1popup{width:100%; display:table; position:absolute; left:0px; top:0px; right:0px; min-height:100%; width:100%; padding:0px; margin:0px; border:0px; overflow-y:hidden;}
.saftd2popup{width:100%; display:table-cell; position:relative;  width:100%; height:100%;  text-align:center; vertical-align:middle; margin:0px; border:0px;}
.saftd50100{display:table-cell; position:relative; height:100%;  text-align:left; vertical-align:middle; margin:0px; border:0px; width:50%; }
@media screen and (max-width:1000px){
.saftd50100{width:100%; float:left; display:block; margin:45px 0px 0px 0px;}
.sndblck{margin-top:30px!important;}
} .safchoosecountry{position:relative; width:80%; max-width:800px; display:inline-block; margin:50px auto; float:none; background:#ffffff; }
.safchoosecountryleft{width:50%; top:-1px; bottom:0px; position:absolute; left:0px; margin:0px; background-image:url(//friendmade.studio/web/wp-content/themes/SAF21/img/hearhear-1000x800.jpg); background-size:cover; background-repeat:no-repeat; background-position:center;}
.safchoosecountryright{width:50%; height:auto; float:left; display:block; position:relative; margin:0px 0 0 50%; padding:30px; box-sizing:border-box; text-align:left; }
.safchoosecountryheader {float:left; margin:0px; position:relative; display:block; width:100%; padding-right:60px; box-sizing:border-box;}
.safchoosecountrybuttons {float:left; margin:10px 0 50px 0; position:relative; display:block; width:100%; }
.safchoosecountrybutton{ position:relative; float:left;display:block; margin:0px 30px 0 0; width:100%;}
.safchoosecountrybottom{left:s0px; bottom:30px; right:30px; top:auto; height:auto;display:block; position:absolute;}	
.safcloseoverlay{top:10px; right:10px; width:50px; height:50px; display:block; position:absolute; }
.safcloseoverlay2{top:10px; right:10px; width:50px; height:50px; display:block; position:absolute; ;}
.safcloseoverlay svg, .safcloseoverlay2 svg{left:5px; top:5px; position:absolute;}
@media screen and (min-width:1700px){
img.footerimage{width:600px;}
.safcontainedbody, .saffooterbody{max-width:1340px!important;}
.safcontainedbody.safblogbody{max-width:700px!important;}
}
@media screen and (min-width:1250px){
.xxsafherotext{margin-left:4.4%;}
}
@media screen and (max-width:1000px){
.safpaddedbody{ padding:50px; }
.safpaddedfooter{ padding:50px;}
img.footerimage{right:0px; bottom:0px; }
.safpadding{padding:50px!important;}
.safmainfmlogo{ left:26px;}
.safmainfmlogo2{ left:30px;  }
.safrightpadding{padding-right:50px;}
.saffullwidthwbody .saftextspan{padding-top:10px; padding-bottom:10px; padding-right:50px; padding-left:50px;}
.saffullwidthwbody .safcontainedbody .saffloatleft .saftextspan{ padding-left:50px; padding-right:50px; }
.saffullwidthwbody .safcontainedbody .saffloatleft .saftextspan.safstayleft{ padding-left:0px; padding-right:50px; padding-top:0px; }
.saffullwidthwbody .safcontainedbody .saffloatright .saftextspan{padding-left:0px!important; padding-right:50px!important;}
.saffourty{width:45%!important; }
.saffifty{width:50%!important; }
.safsixty{width:55%!important;}
.niceimagesaf{  width:80%; max-width:400px;}
.safonethird{float:left; margin:0px; padding:0px; float:left; width:47%; height:auto;}
.safonethird:nth-child(1) {width:100%; margin-right:0%; margin-bottom:15px;}
.safonethird:nth-child(3) {margin-left:6%;}
}
@media screen and (max-width:950px){
.safhomeguidelogo{left:0px; bottom:0px; display:block; position:absolute; height:auto; width:170px;}
.safhomeguidetext{left:220px; bottom:0px; display:block; position:absolute; width:310px; height:auto; }
.safhomeguide span.safmainbutton{position:absolute; bottom:0px; right:0px;}	
}
@media screen and (max-width:900px){
.safchoosecountry{position:relative; width:80%; max-width:800px; display:inline-block; margin:50px auto; float:none; background:#ffffff; }
.safchoosecountryleft{width:100%; float:left; display:block; height:250px; position:relative;}
.safchoosecountryright{width:100%;  margin:0px 0 0 0%;}
.safchoosecountryheader ,.safchoosecountrybuttons {max-width:500px; }
.safchoosecountrybottom{position:relative; float:left; width:100%;  top:auto; left:auto; right:auto; bottom:auto; display:block; margin:30px 0 0 0; padding:0px; }	
.safchoosecountrybuttons{margin-bottom:0px;}
.safherotext h2{font-size:24px;}
.saffooterblock2b{display:none;}
.safendorsementquote{padding-right:0px;}
}
.safhomeguidelogomob{float:left; margin:0px 0 30px 0; width:200px; height:100px; display:none; position:relative;background-image:url(//friendmade.studio/web/wp-content/themes/SAF21/img/guidelogob.svg); background-size:100%; background-position:center; background-repeat:no-repeat; }
@media screen and (max-width:800px){
.safsimplehero .saffourty, .safsimplehero .safsixty, .safsimplehero .saffifty{height:auto; min-height:400px;}
.saffourty{width:100%!important; float:left;}
.safsixty{ width:100%!important; float:left;}
.saffifty{ width:100%!important; float:left;}
.saffloatright{float:left!important;}
.safsixty .safpaddedbody{padding:0 0 40px 0!important; max-width:300px; min-height:0px;}
.safhomeguidelogomob{display:block;}
.safhomeguide{margin-top:0px;}
.safhomeguidelogo{display:none;}
.safhomeguidetext{left:0px; bottom:0px; display:block; position:absolute; width:380px; height:auto; }
.safhomeguide span.safmainbutton{position:absolute; bottom:0px; right:0px;}	
.safseventy .textcolumns-2{column-count: 2;}
.saftd500{width:100%; display:block; position:relative; width:100%; height:auto; overflow-y:hidden;padding:0px; margin:0px; border:0px;}
.saftd400{width:100%; display:block; position:relative; width:100%; height:auto; overflow-y:hidden;padding:0px; margin:0px; border:0px;}
.saftd0{width:100%; display:block; position:relative; left:auto; top:auto; overflow-y:hidden; bottom:auto; right:auto; padding:0px; margin:0px; border:0px;}
.saftd1{width:100%; display:block; position:relative; left:auto; top:auto; right:0px; min-height:100%; width:100%; padding:0px; margin:0px; border:0px; overflow-y:hidden;}
.saftd2{width:100%; display:block; position:relative;  width:100%; height:auto;  text-align:left; vertical-align:middle; margin:0px; border:0px;}
.saftoppadded{padding-top:40px;}
}
@media screen and (max-width:700px){
.mobileonly{display:block!important;}
.desktoponly{display:none!important;}
.safpaddedbody{ padding:30px; }
.saftextspan{max-width:100%;}
.saffullwidthwbody .saftextspan{padding-top:10px; padding-bottom:10px; padding-right:30px; padding-left:30px;}
.saffullwidthwbody .safcontainedbody .saffloatleft .saftextspan{ padding-left:0px; padding-right:0px; }
.saffullwidthwbody .safcontainedbody .saffloatleft .saftextspan.safstayleft{ padding-left:0px; padding-right:0px; padding-top:0px;}
.saffullwidthwbody .safcontainedbody .saffloatright .saftextspan{padding-left:0px!important; padding-right:0px!important;}
.safpaddedfooter{ padding:30px;}
img.footerimage{width:350px; max-width:50%; right:0px; bottom:0px; }
.safpadding{padding:30px!important;}
.safmainfmlogo{ left:26px; }
.safmainfmlogo2{  left:30px;  }
#saflogo{width:140px; margin-top:11px; margin-left:10px; display:block;}
#saflogomob{display:none;}
.safsixty .safpaddedbody{padding:0 0 50px 0!important; max-width:300px;}
.niceimagesaf{  width:80%; max-width:350px;}
.safsixty .safpaddedbody{padding:0 0 30px 0!important; max-width:300px; min-height:0px;}
#saflanguage {margin-right:10px!important;}
.saftoppadded{padding-top:30px;}
.saffooterblock3, .saffooterblock2{ padding-right:0px; margin-right:0px;}
.saffootertext{width:100%; box-sizing:border-box;}
.saffooterblock2b {padding-top:0px;}
}
@media screen and (max-width:760px){
#safmainmenudesktop{display:none;}
#safmobmenu{display:block;}
}
@media screen and (max-width:700px){
.safmhright{display:block; left:380px;}
.safmhright{height:100%;}
.safmhleft{height:auto; position:relative; padding:20px 20px;}
.safmhquote{display:none;}
.safmhmenu{font-size:1.15em;}
.megamenu{min-height:200px;}
}
@media screen and (max-width:600px){
.saficondescription{display:none;}
.safhomeguide{height:160px; }
.safhomeguide span.safmainbutton{display:none;}
.safhomeguide span.safmainbutton.floatingbutton{display:block;}
.safonethird{float:left; margin:0px; padding:0px; float:left; width:100%; height:auto; margin-bottom:15px;}
.safonethird:nth-child(1) {margin-right:0%; margin-bottom:15px;}
.safonethird:nth-child(3) {margin-left:0%;}
.safonehalf{ margin:0px; padding:0px; float:left; width:100%; height:auto;}
.safonehalf:nth-child(1) {margin-bottom:15px;}
.safonehalf:nth-child(2) {margin-left:0%;}
}
#neverleaveme{position:fixed!important; display:none; z-index:1111110; right:21px; background:#ff3; opacity:1; cursor:pointer; top:18px;  width:60px; height:60px;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px; -khtml-border-radius: 4px;
}
#alwaysontop{position:fixed!important;  z-index:1111110; bottom:80px; cursor:pointer; left:0px; opacity:0; width:100%; height:50px;  font-size:16px;text-align:center; 
-webkit-transition: opacity 0.5s ease-in-out;
-moz-transition: opacity 0.5s ease-in-out;
transition: opacity 0.5s ease-in-out;
}
#faderlayer{left:0px; top:0px; right:0px; bottom:0px; opacity:1; pointer-events:none; background:#f1f0ec; position:fixed; z-index:1111111;}
#backgroundcoloring{background:#E9E9E6;
-moz-transition: max-height 0.5s ease-in-out;
-webkit-transition: max-height 0.7s ease-in-out;
-ms-transition: max-height 0.7s ease-in-out;
transition: max-height 0.7s ease-in-out;
-o-transition: max-height 0.7s ease-in-out;
width:100%; float:left; display:block;position:relative; height:auto; z-index:2; overflow:hidden;
margin:0px; }
#upperline, #lowerline, #topline, #bottomline, #openit2{
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px; -khtml-border-radius: 4px;
}
#openit2:hover{cursor:pointer;}
#subnaving{float:none; position:relative; display:block; width:100%; height:auto; max-height:0px; overflow:hidden;-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out; }
#topline{width:30px; height:2px; position:absolute; top:3px; left:0px; background:#333;}
#upperline{width:30px; height:2px; position:absolute; top:15px; left:0px; background:#333;}
#lowerline{width:30px; height:2px; position:absolute; top:15px; left:0px; background:#333;}
#bottomline{width:30px; height:2px; position:absolute; top:27px; left:0px; background:#333;}
#topline2{width:28px; height:2px; position:absolute; top:3px; left:3px; background:#333;}
#upperline2{width:28px; height:2px; position:absolute; top:10px; left:3px; background:#333;}
#lowerline2{width:18px; height:2px; position:absolute; top:17px; left:3px; background:#333;}
#bottomline2{width:24px; height:2px; position:absolute; top:24px; left:3px; background:#333;}
#upperline2, #lowerline2, #topline2, #bottomline2{
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px; -khtml-border-radius: 10px;
}
#menu {
position: absolute;
border: 0px solid #000;
font-size:30px;
line-height:30px;
font-style:normal;
z-index:1111110;
text-decoration:none;
background-color: #fff;
color:#333;
text-align:left;
overflow:hidden;
pointer-events:none;
width:auto;
max-width:0px;
}
#menu h3{
margin:10px;
color:#333;
font-weight:normal;	font-family: "MinionProRegular", Georgia, "Times New Roman", Times, serif;
font-size:30px;
line-height:30px;
font-style:normal;
}
.morfhover{
-webkit-transform: rotate(45deg);
-o-transform:rotate(45deg); 
transform:rotate(45deg);	top:15px;
width:40px!important;
left:-5px!important;
}
.morfhover2{
-webkit-transform: rotate(-45deg);
-o-transform:rotate(-45deg); 
transform:rotate(-45deg);
top:15px;
width:40px!important;
left:-5px!important;
}
.morfhover3{
width:0px!important;
left:15px!important;
}
h11b{
color:#444;
font-weight:bold;
padding:0px;
margin:0px;
font-size:50px; line-height:40px;
xxfont-family:acumin-pro-extra-condensed, sans-serif;
font-weight:bold;
text-transform:uppercase;
letter-spacing:-2px;
}
.safthisvideo{-webkit-transition: opacity 1s ease-in-out;    -moz-transition: opacity 1s ease-in-out;  transition: opacity 1s ease-in-out; opacity:1; width: 100%; height: auto; position:absolute;}
.headertitle{position:relative; float:left; margin:0px 0px 0px 0px; height:auto;display:block; overflow:hidden;width:100%;  position:relative;text-align:center;}	
.txt4{color:#333; display:inline-block; float:none; letter-spacing:-2px; width:auto;padding:0 0 0 0; margin:0px;}
.txt4 a{text-decoration:none; float:none; display:inline-block; position:relative; margin:2px 0 0 0; line-height:0.95em; border-bottom:2px solid;}
#headertext{float:left; width:650px; position:relative;left:50%; margin-left:-325px; height:auto; margin-top:20px; margin-bottom:10px; text-align:center;}
.sidemenu{text-align:center; margin:0px; float:left;pointer-events:none; margin-left:0px; width:100%; height:auto; }
.sidemenu ul{padding:0px; font-size:27px;line-height:30px;}
.sidemenu ul li a{  text-decoration:underline; list-style:none;margin:0px;}
.sidemenu ul li{ color:#666; text-decoration:none; list-style:none;margin:0px;}
.wpml-ls-item{text-decoration:underline; font-size:16px;}
.wpml-ls-item a, .wpml-ls{background-color:transparent!important; background:transparent!important; border:none!important;}
.sidemenu h4 a.smallheadtext{margin:0 5px; font-size:12px; font-weight:normal; letter-spacing:0px;}
.sidemenu h4{line-height:1.3em; font-size:18px;}
.sidemenu h3{line-height:1.4em;}
.sidemenu h3 a{}
#tooltip {
position: absolute;
z-index: 3000;
cursor:pointer;
border: 0px solid #eec;
background-color: #ffd;
color:#333;
padding: 5px;
opacity: 1;
font-family:Baskerville, Georgia, Times, serif;
font-size:10px;
font-weight:normal;
font-style:italic;
text-transform: lowercase;
}
#tooltip:hover{cursor:pointer!important;}
.tooltip:hover{cursor:pointer!important;}
#tooltip h3, #tooltip div { 	text-align:left; font-weight:normal; font-size:14px; pointer-events:none; letter-spacing:0.5px; margin: 0;	
}
#powerTip{text-align:left; text-transform: lowercase; z-index:499; pointer-events:none;}
.safmainbutton a{color:inherit; text-decoration:none;}
.safmainbutton a:hover{color:inherit; text-decoration:none;} #powerTip {
cursor: pointer!important;
background-color: #EFF0DD;
border-radius: 0px;
color: #333;
display: none;
padding: 10px;
position: absolute;
white-space: nowrap;
z-index: 2147483647;
font-size:30px; 
line-height:32px;
padding:30px;
-webkit-font-smoothing: antialiased;
}
#powerTip:before {
content: "";
position: absolute;
}
#powerTip.n:before, #powerTip.s:before {
border-right: 5px solid transparent;
border-left: 5px solid transparent;
left: 50%;
margin-left: -5px;
}
#powerTip.e:before, #powerTip.w:before {
border-bottom: 5px solid transparent;
border-top: 5px solid transparent;
margin-top: -5px;
top: 50%;
}
#powerTip.n:before {
border-top: 10px solid #333;
border-top: 10px solid rgba(0, 0, 0, 0.8);
bottom: -10px;
}
#powerTip.e:before {
border-right: 10px solid #333;
border-right: 10px solid rgba(0, 0, 0, 0.8);
left: -10px;
}
#powerTip.s:before {
border-bottom: 10px solid #333;
border-bottom: 10px solid rgba(0, 0, 0, 0.8);
top: -10px;
}
#powerTip.w:before {
border-left: 10px solid #333;
border-left: 10px solid rgba(0, 0, 0, 0.8);
right: -10px;
}
#powerTip.ne:before, #powerTip.se:before {
border-right: 10px solid transparent;
border-left: 0;
left: 10px;
}
#powerTip.nw:before, #powerTip.sw:before {
border-left: 10px solid transparent;
border-right: 0;
right: 10px;
}
#powerTip.ne:before, #powerTip.nw:before {
border-top: 10px solid #333;
border-top: 10px solid rgba(0, 0, 0, 0.8);
bottom: -10px;
}
#powerTip.se:before, #powerTip.sw:before {
border-bottom: 10px solid #333;
border-bottom: 10px solid rgba(0, 0, 0, 0.8);
top: -10px;
}
#powerTip.nw-alt:before, #powerTip.ne-alt:before,
#powerTip.sw-alt:before, #powerTip.se-alt:before {
border-top: 10px solid #333;
border-top: 10px solid rgba(0, 0, 0, 0.8);
bottom: -10px;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
left: 10px;
}
#powerTip.ne-alt:before {
left: auto;
right: 10px;
}
#powerTip.sw-alt:before, #powerTip.se-alt:before {
border-top: none;
border-bottom: 10px solid #333;
border-bottom: 10px solid rgba(0, 0, 0, 0.8);
bottom: auto;
top: -10px;
}
#powerTip.se-alt:before {
left: auto;
right: 10px;
} .item:hover > .rand {
opacity:1;
display:block;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.items {height:auto; float:left; margin:0px;}
.item {height:auto; float:left; margin:0px; position:relative; background:#f1f0ec;}
.item img{width:100%; height:auto; margin:0px; float:left;}
.item1{ width:100%; margin-left:0%; margin-bottom:5%;}
.item2-3{ width:100%; margin:0px;}
.item2{ width:100%; margin-left:0%; margin-bottom:5%;}
.item3{ width:100%; margin-left:0%; margin-bottom:5%;}
.item4-5{width:100%; margin:0px;}
.item4{ width:100%; margin-left:0%; margin-bottom:5%;}
.item5{width:100%; margin-left:0%; margin-bottom:5%;}
.item6{ width:100%; margin-left:0%; margin-bottom:5%;}
.item7{ width:100%; margin-left:0%; margin-bottom:5%;}
.item8{width:100%; margin-left:0%; margin-bottom:5%;}
.item9{width:100%; margin-left:0%; margin-bottom:5%;}
.item10{ width:100%; margin-left:0%; margin-bottom:5%;}
.splitter_1{float:left; width:100%;  height:0px; display:none;}
.splitter_2{float:left; width:100%; height:0px; display:none;}
.splitter_3{float:left; width:100%;  height:0px; display:none;}
.splitter_4{float:left; width:100%; height:0px;  display:none;}
.item4b{ width:25%; display:none;}
.item{ height:auto!important; position:relative;padding-bottom:0px!important;}
.item.vertical1{float:left!important; width:50%!important; height:auto!important; position:relative;padding-bottom:0px!important;margin:0px 0px 0px 0px!important;}
.item.vertical2{float:right!important; width:50%!important; height:auto!important; position:relative;padding-bottom:0px!important;margin:0px 0px 0px 0px!important;}
.item img{position:relative;}
.item {height:auto; float:left; }
.verticalpadder{width:92%; margin-left:4%; margin-bottom:0px; float:left; position:relative; display:block; background:transparent;}
.overlayer{position:absolute; width:100%; height:100%;opacity:0;-moz-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;}
.overlayerinit{width:100%;height:100%; position:absolute; z-index:2; opacity:0;}
.overlayer:hover{opacity:0; }
.overlayer .txt4{color:#fff; border-bottom:0px solid #fff;  display:none;}
.overal{left:0px; top:0px; right:0px; bottom:0px; background:#222222;opacity:0.1;position:absolute;}
@media only screen and (min-width: 300px) {
.item {height:auto; float:left; }
.item {height:auto; float:left; margin:0px;}
.item img{width:100%;height:auto; margin:0px; float:left;}
.item1{ width:100%; margin-left:0%; margin-bottom:4%;}
.item2-3{ width:100%; margin-left:0%; margin-bottom:4%;}
.item2{ width:32%; margin-right:4%; }
.item3{ width:64%; }
.item4-5{  margin-left:0%; width:46.4%; margin-bottom:4%;}
.item4{ width:100%}
.item5{ width:100%; margin-top:10%;}
.item6{ width:49.6%; margin-left:4%; margin-bottom:4%;}
.item7{ width:100%; margin-left:0%; margin-bottom:4%;}
.item8{  width:49.5%; margin-left:0%; margin-bottom:4%;}
.item9{  width:46.5%; margin-left:4%; margin-bottom:4%; }
.item10{  width:46.5%; margin-left:4%; margin-bottom:4%;}
.splitter_1{float:left; width:100%; display:block;}
.splitter_2{float:left; width:100%;  display:none;}
.splitter_3{float:left; width:100%; display:none;}
.splitter_4{float:left; width:100%;  display:none;}
}
@media only screen and (min-width:900px) {
.item {height:auto; float:left; margin:0px;}
.item img{width:100%;height:auto; margin:0px; float:left;}
.item1{ width:73.3%; margin-left:0%; margin-bottom:4%;}
.item2-3{ margin-left:4%;width:22.7%;}
.item2{ width:100%;margin-bottom:16%;}
.item3{ width:100%;}
.item4-5{ width:100%; margin-left:0%; margin-bottom:4%;}
.item4{ width:48%; margin-right:4%;}
.item5{ width:48%;}
.item6{ width:23%; margin-left:0%; margin-bottom:4%;}
.item7{ width:46%;margin-left:4%; margin-bottom:4%;}
.item8{ width:23%;margin-left:4%; margin-bottom:4%;}
.item9{ margin-left:0%; width:48%; margin-right:4%; margin-bottom:4%;}
.item10{ width:48%; margin-bottom:4%;}
.splitter_1{float:left; width:100%;  display:none;}
.splitter_2{float:left; width:100%;  display:block;}
.splitter_3{float:left; width:100%;  display:none;}
.splitter_4{float:left; width:100%;  display:none;}
}
@media only screen and (min-width: 1300px) {
.item {height:auto; float:left; margin:0px;}
.item img{width:100%;height:auto; margin:0px; float:left;}
.item1{ width:47.2%; margin-left:0%; margin-bottom:4%;}
.item2-3{ width:48.8%; margin-left:4%; margin-bottom:4%;}
.item2{ width:48.5%;}
.item3{ margin-left:8%; width:43.5%;}
.item4-5{ width:36.8%; margin-left:0%; margin-top:0px;}
.item4b{ margin-left:8%; width:43.5%; display:block; margin-top:6.5%;}
.item4{ width:100%;display:none;}
.item5{ width:100%; margin-top:0px;}
.item6{ width:18.4%; margin-left:4%;}
.item7{ width:36.8%; margin-left:4%;}
.item8{ width:18.4%; margin-left:0%;margin-bottom:4%;}
.item9{ width:36.8%; margin-left:4%;margin-bottom:4%;}
.item10{ width:36.8%; margin-left:4%;margin-bottom:4%;}
.splitter_1{float:left; width:100%; display:none;}
.splitter_2{float:left; width:100%;  display:none;}
.splitter_3{float:left; width:100%;  display:block;}
.splitter_4{float:left; width:100%; display:none;}
}
@media only screen and (min-width: 1800px) {
.item {height:auto; float:left; margin:0px;}
.item img{width:100%;height:auto; margin:0px; float:left;}
.item1{ width:41.2%; margin-bottom:2%;}
.item2-3{ width:12.8%; margin-left:2%; margin-bottom:2%;}
.item2{ width:100%;}
.item3{ width:100%; margin-top:15%;}
.item4-5{ width:19.25%; margin-left:2%; margin-bottom:2%;}
.item4{ width:100%; display:block; }
.item4b{ width:100%; display:none;}
.item5{ width:100%; margin-top:10%;}
.item6{ width:20.75%; margin-left:2%; margin-bottom:2%;}
.item7{ width:26.85%; margin-bottom:2%;}
.item8{ width:13.45%;margin-bottom:2%; margin-left:2%;}
.item9{ width:26.85%;margin-bottom:2%; margin-left:2%;}
.item10{ width:26.85%; margin-bottom:2%; margin-left:2%;}
.splitter_1{float:left; width:100%; display:none;}
.splitter_2{float:left; width:100%;display:none;}
.splitter_3{float:left; width:100%; display:none;}
.splitter_4{float:left; width:100%;  display:block;}
}
.fourprojects_one img, .fourprojects_two img, .fourprojects_three img, .fourprojects_four img{width:100%; }
.fourprojects_one{position:relative; float:left; width:79%; margin:0 14% 14% 7%; padding:0px; }
.fourprojects_two{position:relative; float:right; width:43%; margin:0 0 250px 14%; padding:0px; }
.fourprojects_three{position:relative; float:right; width:43%; margin:250px 0 14% 0; padding:0px; }
.fourprojects_four{position:relative; float:left; width:86%; margin:0 0 50px 14%; padding:0px; }
@media screen and (max-width:800px){	
.fourprojects_one{position:relative; float:left; width:100%; margin:30px 0px; padding:0px; }
.fourprojects_two{position:relative; float:left; width:100%; margin:30px 0px; padding:0px; }
.fourprojects_three{position:relative; float:left; width:100%; margin:30px 0px; padding:0px; }
.fourprojects_four{position:relative; float:left; width:100%; margin:30px 0px; padding:0px; }
}.item:hover > .rand {
opacity:1;
display:block;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.items {height:auto; float:left; margin:0px;}
.item {height:auto; float:left; margin:0px; position:relative; background:#f1f0ec;}
.item img{width:100%; height:auto; margin:0px; float:left;}
.item1{ width:100%; margin-left:0%; margin-bottom:5%;}
.item2-3{ width:100%; margin:0px;}
.item2{ width:100%; margin-left:0%; margin-bottom:5%;}
.item3{ width:100%; margin-left:0%; margin-bottom:5%;}
.item4-5{width:100%; margin:0px;}
.item4{ width:100%; margin-left:0%; margin-bottom:5%;}
.item5{width:100%; margin-left:0%; margin-bottom:5%;}
.item6{ width:100%; margin-left:0%; margin-bottom:5%;}
.item7{ width:100%; margin-left:0%; margin-bottom:5%;}
.item8{width:100%; margin-left:0%; margin-bottom:5%;}
.item9{width:100%; margin-left:0%; margin-bottom:5%;}
.item10{ width:100%; margin-left:0%; margin-bottom:5%;}
.splitter_1{float:left; width:100%;  height:0px; display:none;}
.splitter_2{float:left; width:100%; height:0px; display:none;}
.splitter_3{float:left; width:100%;  height:0px; display:none;}
.splitter_4{float:left; width:100%; height:0px;  display:none;}
.item4b{ width:25%; display:none;}
.item{ height:auto!important; position:relative;padding-bottom:0px!important;}
.item.vertical1{float:left!important; width:50%!important; height:auto!important; position:relative;padding-bottom:0px!important;margin:0px 0px 0px 0px!important;}
.item.vertical2{float:right!important; width:50%!important; height:auto!important; position:relative;padding-bottom:0px!important;margin:0px 0px 0px 0px!important;}
.item img{position:relative;}
.item {height:auto; float:left; }
.verticalpadder{width:92%; margin-left:4%; margin-bottom:0px; float:left; position:relative; display:block; background:transparent;}
.overlayer{position:absolute; width:100%; height:100%;opacity:0;-moz-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;}
.overlayerinit{width:100%;height:100%; position:absolute; z-index:2; opacity:0;}
.overlayer:hover{opacity:1; }
.overlayer .txt4{color:#fff; border-bottom:3px solid #fff;  display:none;}
.overal{left:0px; top:0px; right:0px; bottom:0px; background:#222222;opacity:0.1;position:absolute;}
@media only screen and (min-width: 300px) {
.item {height:auto; float:left; }
.item {height:auto; float:left; margin:0px;}
.item img{width:100%;height:auto; margin:0px; float:left;}
.item1{ width:100%; margin-left:0%; margin-bottom:4%;}
.item2-3{ width:100%; margin-left:0%; margin-bottom:4%;}
.item2{ width:32%; margin-right:4%; }
.item3{ width:64%; }
.item4-5{  margin-left:0%; width:46.4%; margin-bottom:4%;}
.item4{ width:100%}
.item5{ width:100%; margin-top:10%;}
.item6{ width:49.6%; margin-left:4%; margin-bottom:4%;}
.item7{ width:100%; margin-left:0%; margin-bottom:4%;}
.item8{  width:49.5%; margin-left:0%; margin-bottom:4%;}
.item9{  width:46.5%; margin-left:4%; margin-bottom:4%; }
.item10{  width:46.5%; margin-left:4%; margin-bottom:4%;}
.splitter_1{float:left; width:100%; display:block;}
.splitter_2{float:left; width:100%;  display:none;}
.splitter_3{float:left; width:100%; display:none;}
.splitter_4{float:left; width:100%;  display:none;}
}
@media only screen and (min-width:900px) {
.item {height:auto; float:left; margin:0px;}
.item img{width:100%;height:auto; margin:0px; float:left;}
.item1{ width:73.3%; margin-left:0%; margin-bottom:4%;}
.item2-3{ margin-left:4%;width:22.7%;}
.item2{ width:100%;margin-bottom:16%;}
.item3{ width:100%;}
.item4-5{ width:100%; margin-left:0%; margin-bottom:4%;}
.item4{ width:48%; margin-right:4%;}
.item5{ width:48%;}
.item6{ width:23%; margin-left:0%; margin-bottom:4%;}
.item7{ width:46%;margin-left:4%; margin-bottom:4%;}
.item8{ width:23%;margin-left:4%; margin-bottom:4%;}
.item9{ margin-left:0%; width:48%; margin-right:4%; margin-bottom:4%;}
.item10{ width:48%; margin-bottom:4%;}
.splitter_1{float:left; width:100%;  display:none;}
.splitter_2{float:left; width:100%;  display:block;}
.splitter_3{float:left; width:100%;  display:none;}
.splitter_4{float:left; width:100%;  display:none;}
}
@media only screen and (min-width: 1300px) {
.item {height:auto; float:left; margin:0px;}
.item img{width:100%;height:auto; margin:0px; float:left;}
.item1{ width:47.2%; margin-left:0%; margin-bottom:4%;}
.item2-3{ width:48.8%; margin-left:4%; margin-bottom:4%;}
.item2{ width:48.5%;}
.item3{ margin-left:8%; width:43.5%;}
.item4-5{ width:36.8%; margin-left:0%; margin-top:0px;}
.item4b{ margin-left:8%; width:43.5%; display:block; margin-top:6.5%;}
.item4{ width:100%;display:none;}
.item5{ width:100%; margin-top:0px;}
.item6{ width:18.4%; margin-left:4%;}
.item7{ width:36.8%; margin-left:4%;}
.item8{ width:18.4%; margin-left:0%;margin-bottom:4%;}
.item9{ width:36.8%; margin-left:4%;margin-bottom:4%;}
.item10{ width:36.8%; margin-left:4%;margin-bottom:4%;}
.splitter_1{float:left; width:100%; display:none;}
.splitter_2{float:left; width:100%;  display:none;}
.splitter_3{float:left; width:100%;  display:block;}
.splitter_4{float:left; width:100%; display:none;}
}
@media only screen and (min-width: 1800px) {
.item {height:auto; float:left; margin:0px;}
.item img{width:100%;height:auto; margin:0px; float:left;}
.item1{ width:41.2%; margin-bottom:2%;}
.item2-3{ width:12.8%; margin-left:2%; margin-bottom:2%;}
.item2{ width:100%;}
.item3{ width:100%; margin-top:15%;}
.item4-5{ width:19.25%; margin-left:2%; margin-bottom:2%;}
.item4{ width:100%; display:block; }
.item4b{ width:100%; display:none;}
.item5{ width:100%; margin-top:10%;}
.item6{ width:20.75%; margin-left:2%; margin-bottom:2%;}
.item7{ width:26.85%; margin-bottom:2%;}
.item8{ width:13.45%;margin-bottom:2%; margin-left:2%;}
.item9{ width:26.85%;margin-bottom:2%; margin-left:2%;}
.item10{ width:26.85%; margin-bottom:2%; margin-left:2%;}
.splitter_1{float:left; width:100%; display:none;}
.splitter_2{float:left; width:100%;display:none;}
.splitter_3{float:left; width:100%; display:none;}
.splitter_4{float:left; width:100%;  display:block;}
}.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
mar .slick-loading .slick-list
{
background: #fff url(https://friendmade.studio/web/wp-content/themes/SAF21/css/ajax-loader.gif) center center no-repeat;
} @font-face
{
font-family: 'slick';
font-weight: normal;
font-style: normal;
src: url(https://friendmade.studio/web/wp-content/themes/SAF21/css/fonts/slick.eot);
src: url(https://friendmade.studio/web/wp-content/themes/SAF21/css/fonts/slick.eot?#iefix) format('embedded-opentype'), url(https://friendmade.studio/web/wp-content/themes/SAF21/css/fonts/slick.woff) format('woff'), url(https://friendmade.studio/web/wp-content/themes/SAF21/css/fonts/slick.ttf) format('truetype'), url(https://friendmade.studio/web/wp-content/themes/SAF21/css/fonts/slick.svg#slick) format('svg');
} .slick-prev,
.slick-next
{
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 20px;
height: 20px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
color: transparent;
outline: none;
background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
opacity: .25;
}
.slick-prev:before,
.slick-next:before
{
font-family: 'slick';
font-size: 20px;
line-height: 1;
opacity: .75;
color: white;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev
{
left: -25px;
}
[dir='rtl'] .slick-prev
{
right: -25px;
left: auto;
}
.slick-prev:before
{
content: '←';
}
[dir='rtl'] .slick-prev:before
{
content: '→';
}
.slick-next
{
right: -25px;
}
[dir='rtl'] .slick-next
{
right: auto;
left: -25px;
}
.slick-next:before
{
content: '→';
}
[dir='rtl'] .slick-next:before
{
content: '←';
} .slick-dotted.slick-slider
{ }
.slick-dots
{
position: relative;
display: block;
width: 100%;
float:left;
height:auto;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.slick-dots li
{
position: relative;
display: inline-block;
width: 12px;
height: 12px;
margin: 0 1px;
padding: 0;
cursor: pointer;
}
.slick-dots li button
{
font-size: 0;
line-height: 0;
display: block;
width: 12px;
height: 12px;
padding: 0px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
opacity: 1;
}
.slick-dots li button:before
{
font-family: 'slick';
font-size: 7px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 12px;
height: 12px;
content: '•';
text-align: center;
opacity: .25;
color: black;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
opacity: .75;
color: #909364;
}