@import url('https://fonts.googleapis.com/css?family=Anaheim');



/* Webfont: MemshalotMFW-Light */

@font-face {

  font-family: 'MemshalotMFWLight';

  src: url("../fonts/memshalot/Memshalot-Light_MFW.eot");

  /* IE9 Compat Modes */

  src: url("../fonts/memshalot/Memshalot-Light_MFW.eot?#iefix") format("embedded-opentype"), url("../fonts/memshalot/Memshalot-Light_MFW.woff") format("woff"), url("../fonts/memshalot/Memshalot-Light_MFW.ttf") format("truetype"), url("../fonts/memshalot/Memshalot-Light_MFW.svg#MemshalotMFW-Light") format("svg");

  /* Legacy iOS */

  font-style: normal;

  font-weight: normal;

  text-rendering: optimizeLegibility;

}



/* line 22, ../scss/style.scss */

.full-width {

  margin: 0 auto !important;

  width: 100% !important;

  max-width: 1920px;

}



/* line 27, ../scss/style.scss */

.full-row {

  margin: 0 !important;

  padding: 0 !important;

}



/* line 31, ../scss/style.scss */

.hidden {

  opacity: 0;

}



/* line 34, ../scss/style.scss */

.visible {

  opacity: 1;

}



/* line 38, ../scss/style.scss */

input:-webkit-autofill {

  -webkit-box-shadow: 0 0 0px 1000px #f59085 inset;

  color: #e02f2f !important;

}



/* line 43, ../scss/style.scss */

::-webkit-input-placeholder {

  /* WebKit browsers */

  color: #e02f2f;

}



/* line 46, ../scss/style.scss */

:-moz-placeholder {

  /* Mozilla Firefox 4 to 18 */

  color: #e02f2f;

}



/* line 49, ../scss/style.scss */

::-moz-placeholder {

  /* Mozilla Firefox 19+ */

  color: #e02f2f;

}



/* line 52, ../scss/style.scss */

:-ms-input-placeholder {

  /* Internet Explorer 10+ */

  color: #e02f2f;

}



.header-hebrew-font {

  font-family: 'MemshalotMFWLight' !important;

}



/* line 68, ../scss/style.scss */

#full_name_error, #email_error, #phone_error, #message_body_error {

  display: none;

}



/* line 71, ../scss/style.scss */

#form_message_area {

  display: none;

}



/* line 77, ../scss/style.scss */

body {

  font-family: 'Palanquin', sans-serif;

}



/* line 80, ../scss/style.scss */

h1, h2, h3 {

  font-family: 'Palanquin', sans-serif;

  font-size: 3rem;

}

 .home h1,
 #my-works h1,
.single h1{
	 
	font-size: 2.25rem;
 }

#what-i-do h2{
	
	font-weight: 300;
}

@media only screen and (min-width: 48.063em) {

  /* line 80, ../scss/style.scss */

  h1, h2, h3 {

    font-size: 4.5rem;

  }
 .home h1,
 #my-works h1{
	 
	font-size: 3.3rem;
 }

}



/* line 87, ../scss/style.scss */

p {

  line-height: 1.1em;

}



/* line 90, ../scss/style.scss */

header {

  /*.current-menu-item{

    &:before{

      display: block;

      width: 30px;

      height: 10px;

      margin: 0 auto;

      content: "";

      background: #30c1af;

    }

  }*/

}



/* line 91, ../scss/style.scss */

header .top-bar-section ul li > a {

  font-family: inherit;

  font-size: 1.75rem;

  background-color: #FFC9F6;

  color: #001a65;
	
  text-align: center;

}

/* line 96, ../scss/style.scss */

/*header .top-bar-section ul li > a:hover {

  background-color: #30C1AF !important;
	
}*/

header .top-bar-section ul li > a:hover::after{
	
  display: block;

  width: 150px;

  height: 2px;

  margin: 0 auto;

  background: #001a65;

  content: "";

	margin-top: -3px;
}

header .top-bar-section ul.left li:hover > a{
	
	background: #FFC9F6;
	
}

@media only screen and (min-width: 40.063em) {



}



@media only screen and (min-width: 64.063em) {

  /* line 101, ../scss/style.scss */

  header .top-bar-section ul li > a {

    font-size: 2.125rem;

  }



  header li:not(.has-form) a:not(.button) {

    padding: 0 20px;

  }

}

@media only screen and (min-width: 48.063em) {

  /* line 106, ../scss/style.scss */

  header .top-bar-section ul li > a {

    background-color: #fff;

    color: #001a65;

    font-size: 1.5rem;

  }

  /* line 110, ../scss/style.scss */

  header .top-bar-section ul li > a:hover {

    background-color: #fff !important;

  }

  /* line 112, ../scss/style.scss */

  header .top-bar-section ul li > a:hover:after {

    display: block;

    width: 100%;

    height: 3px;

    margin: 0 auto;

    content: "";

    background: #001a65;

  }

  header .top-bar-section ul li > a:active:after {

    display: block;

    width: 100%;

    height: 3px;

    margin: 0 auto;

    content: "";

    background: #ff99e7;

  }

  /* line 121, ../scss/style.scss */

  header .top-bar-section ul li > a:after {

    display: block;

    width: 100%;

    height: 3px;

    margin: 0 auto;

    content: "";

  }

  /* line 129, ../scss/style.scss */

  header li:not(.has-form) a:not(.button) {

    padding: 0 6px !important;

    line-height: 60px !important;

  }

}



@media only screen and (min-width: 64.063em) {

  header li:not(.has-form) a:not(.button) {

    padding: 0 20px !important;

  }

}



/* line 145, ../scss/style.scss */

.top-bar .toggle-topbar.menu-icon {

  right: 13px;

  left: auto;

  top: 42%;

  padding-right: 10px;

}



/* line 148, ../scss/style.scss */

.top-bar .toggle-topbar.menu-icon a:after {

  right: 0 !important;

  width: 24px;

  -webkit-box-shadow: 0px 10px 0px 1.5px #001a65, 0px 20px 0px 1.5px #001a65, 0px 30px 0px 1.5px #001a65;

  -moz-box-shadow: 0px 10px 0px 1.5px #001a65, 0px 20px 0px 1.5px #001a65, 0px 30px 0px 1.5px #001a65;

  box-shadow: 0px 10px 0px 1.5px #001a65, 0px 20px 0px 1.5px #001a65, 0px 30px 0px 1.5px #001a65;

}

.top-bar .toggle-topbar.menu-icon a:hover:after,
.top-bar .toggle-topbar.menu-icon a:active:after{

  right: 0 !important;

  width: 24px;

  -webkit-box-shadow: 0px 10px 0px 1.5px rgba(0, 26, 101, 0.7), 0px 20px 0px 1.5px rgba(0, 26, 101, 0.7), 0px 30px 0px 1.5px rgba(0, 26, 101, 0.7);

  -moz-box-shadow: 0px 10px 0px 1.5px rgba(0, 26, 101, 0.7), 0px 20px 0px 1.5px rgba(0, 26, 101, 0.7), 0px 30px 0px 1.5px rgba(0, 26, 101, 0.7);

  box-shadow: 0px 10px 0px 1.5px rgba(0, 26, 101, 0.7), 0px 20px 0px 1.5px rgba(0, 26, 101, 0.7), 0px 30px 0px 1.5px #rgba(0, 26, 101, 0.7);

}



/* line 156, ../scss/style.scss */

.title-area .name {

  /*padding: 5px 0 0 10px;*/

	padding: 0;

}

/* line 158, ../scss/style.scss */

.title-area .name img {

  max-width: 60%;

}

.title-area .name img:hover {

  opacity: 0.7;

}

.title-area .name img:active {

  opacity: 0.5;

}



@media only screen and (min-width: 48.063em) {

  /* line 158, ../scss/style.scss */

  .title-area .name img {

    max-width: 100%;

  }

}



/* line 166, ../scss/style.scss */

#home-slider {

  margin-top: 60px;

}
.slider-down-link img:hover{
	opacity: 0.7;
}
.slider-down-link img:active{
	opacity: 0.5;
}



/* line 169, ../scss/style.scss */

.layerslider {

  width: 2560px;

  height: 736px;

}



/* line 172, ../scss/style.scss */

#layerslider h1 {

  font-size: 2rem;

  color: #fff;

  margin-bottom: 0;

}

@media only screen and (min-width: 48.063em) {

  /* line 172, ../scss/style.scss */

  #layerslider h1 {

    font-size: 2rem;

    line-height: 30px;

  }

}

@media only screen and (min-width: 64.063em) {

  /* line 172, ../scss/style.scss */

  #layerslider h1 {

    font-size: 5.625em;

    line-height: 60px;

  }

}



/* line 184, ../scss/style.scss */

#layerslider h2 {

  font-size: 18px;

  color: #fff;

}

@media only screen and (min-width: 48.063em) {

  /* line 184, ../scss/style.scss */

  #layerslider h2 {

    font-size: 26px;

  }

}

@media only screen and (min-width: 64.063em) {

  /* line 184, ../scss/style.scss */

  #layerslider h2 {

    font-size: 4.375em;

    line-height: 45px;

  }

}



/* line 196, ../scss/style.scss */

#layerslider .slider-link {

  background: #fff;

  color: #414042;

  font-size: 3.125em;

}

#layerslider .slider-link:hover{

  color: #414042;

  opacity: 0.5;

}

#layerslider .slider-link:active{

  color: #00DEBA;

}

/* line 201, ../scss/style.scss */

.layerslider-down-button {

  width: 30px;

  height: 30px;

}



.ls-v5 .ls-bottom-slidebuttons a{

  /*opacity: 0.5;*/

}





@media only screen and (min-width: 48.063em) {

  /* line 201, ../scss/style.scss */

  .layerslider-down-button {

    width: 45px;

    height: 45px;

  }

}

@media only screen and (min-width: 64.063em) {

  /* line 201, ../scss/style.scss */

  .layerslider-down-button {

    width: 56px;

    height: 51px;

  }

}



/* line 213, ../scss/style.scss */

.ls-nav-stop, .ls-nav-start, .ls-nav-start-active, .ls-thumbnail-hover {

  display: none !important;

}



/* line 216, ../scss/style.scss */

#my-works {

  margin-top: 80px;

}

@media only screen and (min-width: 48.063em) {

  /* line 216, ../scss/style.scss */

  #my-works {

    margin-top: 50px;

  }

}

/* line 222, ../scss/style.scss */

#my-works h1 {

  margin-bottom: 20px;

}

@media only screen and (min-width: 48.063em) {

  /* line 222, ../scss/style.scss */

  #my-works h1 {

    margin-bottom: 30px;

  }

}



/* line 229, ../scss/style.scss */

.project_box {

  background: gray;

  overflow: hidden;

}

/* line 232, ../scss/style.scss */

.project_box img {

  width: 100%;

  height: 100%;

}



/* line 238, ../scss/style.scss */

.project_box_text_inner {

  -webkit-transition: all 0.5s ease 0s;

  -moz-transition: all 0.5s ease 0s;

  -o-transition: all 0.5s ease 0s;

  transition: all 0.5s ease 0s;

}



/* line 244, ../scss/style.scss */

.project_box_text {

  padding-top: 0;

  background-color: rgba(0, 10, 40, 0.9)



;

  display: inline-block;

  opacity: 0;

  position: absolute;

  top: 0px;

  -webkit-transition: all 0.5s ease 0s;

  -moz-transition: all 0.5s ease 0s;

  -o-transition: all 0.5s ease 0s;

  transition: all 0.5s ease 0s;

  width: 100%;

  height: 100%;

}

/* line 258, ../scss/style.scss */

.project_box_text:hover {

  opacity: 1;

}

.project_box_text:active {

  opacity: 0.9;

}

.project_box_text:hover .project_box_text_inner{

  margin-top: 35%;

}



/* line 263, ../scss/style.scss */

.project_box_text h2, .project_box_text h3 {

  font-family: inherit;

  color: #ffffff;

  line-height: 1.1;

}

/* line 269, ../scss/style.scss */

.project_box_text h2 {

  font-size: 2.25rem;

}

@media only screen and (min-width: 48.063em) {

  /* line 269, ../scss/style.scss */

  .project_box_text h2 {

    font-size: 2.25rem;
	  font-weight: 300;
	  margin-bottom: 0;

  }

  .project_box_text:hover .project_box_text_inner{

    margin-top: 35%;

  }

}

/* line 274, ../scss/style.scss */

.project_box_text h2:after {

  display: block;

  width: 65px;

  height: 3px;

  margin: 0 auto;

  background: #ff9be7;

  content: "";

  margin-top: 8px;

}

@media only screen and (min-width: 48.063em) {

  /* line 274, ../scss/style.scss */

  .project_box_text h2:after {

    width: 72px;

    height: 4px;

  }

}

/* line 287, ../scss/style.scss */

.project_box_text h3 {

  font-size: 1.75rem;

}

@media only screen and (min-width: 48.063em) {

  /* line 287, ../scss/style.scss */

  .project_box_text h3 {

    font-size: 1.5rem;
	  font-weight: 300;

  }

}

/* Protected project password form */ 


form.post-password-form > p:first-child{
	display: none;
}

form.post-password-form input[type="password"]{
	color: #3267ff;
	background-color: transparent;
	border-top: none;
	border-right: none;
	border-left: none;
	border-bottom: 4px solid #3267ff;
	letter-spacing: 0.2em;
	text-align: center;
	font-size: 48px;
	font-weight: bold;
	padding-bottom: 20px;
}
form.post-password-form label{
	max-width: 400px;
	margin: 8% auto 6%;
	text-align: center;
	font-size: 48px;
	color: #001a65;
	line-height: 2.5;
}
form.post-password-form input[type="submit"]{
	font-family: 'Palanquin', sans-serif;
	border: 4px solid #3267ff;
	font-size: 28px;
	font-weight: bold;
	color: #3267ff;
	background-color: transparent;
	display: block;
	margin: 0 auto 15%;
	line-height: 1;
	padding: 7px 5% 9px;
}
form.post-password-form input[type="submit"]:hover{
	opacity: 0.7;
}
form.post-password-form input[type="submit"]:active{
	opacity: 0.5;
}
form.post-password-form input[type="submit"]:focus{
	outline: none;
}

form.post-password-form input[type="submit"],
form.post-password-form input[type="submit"]:hover,
form.post-password-form input[type="submit"]:active,
form.post-password-form input[type="submit"]:focus,
form.post-password-form input[type="password"]{
	-webkit-appearance: none; 
	border-radius: 0;
}








/* line 295, ../scss/style.scss */

#project_navigation {

  margin-top: 60px;

  background-color: #30c1af;

  padding: 50px 0;

}

/* line 299, ../scss/style.scss */

#project_navigation h1, #project_navigation h2 {

  color: #fff;

}

/* line 303, ../scss/style.scss */

#project_navigation h1:after {

  display: block;

  width: 80px;

  height: 3px;

  margin: 0 auto;

  background: #fff;

  content: "";
	
  margin-top: 12px;

}

@media only screen and (min-width: 48.063em) {

  /* line 303, ../scss/style.scss */

  #project_navigation h1:after {

    width: 110px;

    height: 4px;

  }

}

/* line 316, ../scss/style.scss */

#project_navigation h2 {

  font-family: inherit;

  font-size: 2rem;
	
  font-weight: 300;

}



/* line 321, ../scss/style.scss */

.project-image-area {

  padding: 0;

}



/* line 331, ../scss/style.scss */

#my-works h1:after,

#what-i-do h1:after{

  display: block;

  width: 80px;

  height: 3px;

  margin: 0 auto;

  background: #001a65;

  content: "";

  margin-top: 8px;

}

#contact-me h1:after {

  display: block;

  width: 80px;

  height: 3px;

  margin: 0 auto;

  background: #ffc9f6;

  content: "";

  margin-top: 8px;

}

@media only screen and (min-width: 48.063em) {

  /* line 331, ../scss/style.scss */

  #my-works h1:after,

  #what-i-do h1:after,

  #contact-me h1:after {

    width: 110px;

    height: 4px;

  }

}



/* line 346, ../scss/style.scss */

#what-i-do {

  margin-top: 20px;

}

@media only screen and (min-width: 48.063em) {

  /* line 346, ../scss/style.scss */

  #what-i-do {

    margin-top: 100px;

  }

}

/* line 351, ../scss/style.scss */

#what-i-do h1 {

  margin-bottom: 20px;

}

@media only screen and (min-width: 48.063em) {

  /* line 351, ../scss/style.scss */

  #what-i-do h1 {

    margin-bottom: 30px;

  }

}

/* line 357, ../scss/style.scss */

#what-i-do h2 {

  color: #fff;

  font-size: 1.75rem;

  margin-top: 1em;

}

@media only screen and (min-width: 48.063em) {

  /* line 357, ../scss/style.scss */

  #what-i-do h2 {

    font-size: 2.5rem;

  }

}

@media only screen and (min-width: 64.063em) {

  /* line 357, ../scss/style.scss */

  #what-i-do h2 {

    font-size: 1.75rem;

  }

}

@media only screen and (min-width: 90.063em) {

  /* line 357, ../scss/style.scss */

  #what-i-do h2 {

    font-size: 2.75rem;

  }

}

/* line 370, ../scss/style.scss */

#what-i-do h2:after {

  display: block;

  width: 65px;

  height: 3px;

  margin: 0 auto;

  background: #ffffff;

  content: "";

	margin-top: 4px;

}

@media only screen and (min-width: 48.063em) {

  /* line 370, ../scss/style.scss */

  #what-i-do h2:after {

    width: 80px;

    height: 4px;

  }

}

/* line 383, ../scss/style.scss */

#what-i-do p {

  color: #fff;

  font-family: inherit;

  font-size: 1.5rem;

  margin-top: 2em;

  font-weight: 300;

}



/* line 394, ../scss/style.scss */

.home-ui-box,

.home-web-mobile-box,

.home-branding-box,

.home-print-box {

  min-height: 384px;

  padding-top: 75px;

}

@media only screen and (min-width: 48.063em) {

  /* line 394, ../scss/style.scss */

  .home-ui-box,

  .home-web-mobile-box,

  .home-branding-box,

  .home-print-box {

    padding-top: 105px;

    min-height: 512px;

  }

}

@media only screen and (min-width: 64.063em) {

  /* line 394, ../scss/style.scss */

  .home-ui-box,

  .home-web-mobile-box,

  .home-branding-box,

  .home-print-box {

    padding-top: 80px;

    min-height: 700px;

    padding-top: 150px;

  }

}



/* line 408, ../scss/style.scss */

.home-ui-box {

  background-color: #a46eff;

}



/* line 411, ../scss/style.scss */

.home-web-mobile-box {

  background-color: #001a65;

}



/* line 414, ../scss/style.scss */

.home-branding-box {

  background-color: #ff99e7;

}



/* line 417, ../scss/style.scss */

.home-print-box {

  background-color: #3267ff;

}



/* line 421, ../scss/style.scss */

#hello {

  background-color: #ffc9f6;

  padding-top: 40px;

  padding-bottom: 80px;

}

@media only screen and (min-width: 48.063em) {

  /* line 421, ../scss/style.scss */

  #hello {

    padding-top: 80px;

  }

}

/* line 429, ../scss/style.scss */

#hello h1 {

  color: #001a65;

  margin-bottom: 40px;

}

@media only screen and (min-width: 48.063em) {

  /* line 429, ../scss/style.scss */

  #hello h1 {

    margin-bottom: 60px;

  }

}

/* line 435, ../scss/style.scss */

#hello h1:after {

  display: block;

  width: 80px;

  height: 3px;

  margin: 0 auto;

  background: #001a65;

  content: "";

  margin-top: 8px;

  

}

@media only screen and (min-width: 48.063em) {

  /* line 435, ../scss/style.scss */

  #hello h1:after {

    width: 110px;

    height: 4px;

  }

}

/* line 448, ../scss/style.scss */

#hello p {

  color: #001a65;

  font-size: 1.25rem;

}

@media only screen and (min-width: 48.063em) {

  /* line 448, ../scss/style.scss */

  #hello p {

    font-size: 1.5em;

	  line-height: 31px;

  }

}
#hello #cv-button{
	font-family: 'Palanquin', sans-serif;
	font-weight: 700;
	font-size: 28px;
	color: #3267ff;
	line-height: 1;
	border: 4px solid #3267ff;
	background-color: transparent;
	padding: 8px 40px 10px;
	margin-top: 150px;
	margin-bottom: 0;
}

#hello #cv-button:hover{
	opacity: 0.7;
}

#hello #cv-button:active{
	opacity: 0.5;
}

/* line 457, ../scss/style.scss */

#contact-me {

  padding: 60px 0 60px 0;

  /*background: url("../images/contact_bg.jpg") repeat-y 0 0;
	background-size: 100%; */
  background-color: #001a65;

  

  height: auto;

}

/* line 462, ../scss/style.scss */

#contact-me h1 {

  margin-bottom: 50px;

  color: #ffc9f6;

}

/* line 465, ../scss/style.scss */

#contact-me p {

  font-size: 1.75rem;

  line-height: 0.8em;

}
#contact-me .contact-me-phone-title,
#contact-me .contact-me-email-title{
	font-size: 24px;
	font-weight: 300;
	color: #ffc9f6;
	margin-bottom: 8px;
}
#contact-me .contact-me-phone,
#contact-me .contact-me-email,
#contact-me .contact-me-email a{
	font-size: 48px;
	font-weight: 300;
	color: #3267ff;
	margin-bottom: 70px;
}
#contact-me .contact-me-email a:hover{
	border-bottom: 4px solid #ff99e7;
	color: #ff99e7;
}
#contact-me .contact-me-email a:active{
	border-bottom: none;
	color: #ff99e7;
}
#contact-me .social_icon{
	margin-top: 80px;
	margin-bottom: 20px;
}
#contact-me .social_icon a:hover{
	opacity: 0.8;
}
#contact-me .social_icon a:active{
	opacity: 0.6;
}
#contact-me .social_icon .text-right a img{
	padding-right: 10px;
}
#contact-me .social_icon .text-left a img{
	padding-left: 10px;
}


input[type="text"],

input[type="password"],

input[type="date"],

input[type="datetime"],

input[type="datetime-local"],

input[type="month"],

input[type="week"],

input[type="email"],

input[type="number"],

input[type="search"],

input[type="tel"],

input[type="time"],

input[type="url"],

textarea{

  color: #000;

}

input[type="text"]:focus,

input[type="password"]:focus,

input[type="date"]:focus,

input[type="datetime"]:focus,

input[type="datetime-local"]:focus,

input[type="month"]:focus,

input[type="week"]:focus,

input[type="email"]:focus,

input[type="number"]:focus,

input[type="search"]:focus,

input[type="tel"]:focus,

input[type="time"]:focus,

input[type="url"]:focus,

textarea:focus{

  border: none;

}



@media only screen and (min-width: 48.063em) {

  /* line 465, ../scss/style.scss */

  #contact-me p {

    font-size: 2rem;

  }

}



/* line 474, ../scss/style.scss */

#loading-image {

  display: none;

  position: absolute;

  z-index: 1000;

  top: 25%;

  height: 64px;

  width: 100%;

  text-align: center;

}



/* line 483, ../scss/style.scss */

.social_icon {

  padding-bottom: 2em;

}



/* line 486, ../scss/style.scss */

input[type=text],

input[type=email],

textarea {

  text-align: center;

  font-size: 1.5rem;

  padding: 0.2rem 0 0 0;

}

@media only screen and (min-width: 48.063em) {

  /* line 486, ../scss/style.scss */

  input[type=text],

  input[type=email],

  textarea {

    font-size: 1.75rem;

  }

}



/* line 495, ../scss/style.scss */

textarea {

  resize: none;

  min-height: 100px;

}



/* line 499, ../scss/style.scss */

.natanya_button {

  background-color: #2ddebb;

  color: #fff;

  font-size: 2rem;

  padding: 0.35rem 2.2rem;

  font-family: inherit;

}

/* line 505, ../scss/style.scss */

.natanya_button:hover, .natanya_button:focus, .natanya_button:active {

  background-color: #2ddebb;

  color: #fff;

  opacity: 0.7;

}



.submit_button{

  color: #ef503f;

}

.submit_button:hover{

  color: #ffffff;

  transition: all 0.5s;

}

.submit_button:hover{

  opacity: 1;

}

.submit_button:active{

  opacity: 0.7;

}



/* line 511, ../scss/style.scss */

footer {

   background-color: #3267ff;

  direction: ltr;

  height: 50px;

  vertical-align: middle;

  position: relative;

}

/* line 518, ../scss/style.scss */

footer p {

  color: #fff;

  font-size: 0.8rem;
	
  font-weight: 300;

  position: absolute;

  top: 20px;

  left: 0;

  right: 0;

  margin: 0 auto;

}

@media only screen and (min-width: 48.063em) {

  /* line 518, ../scss/style.scss */

  footer p {

    font-size: 0.9rem;

  }

}

/* line 530, ../scss/style.scss */

footer a {

  color: #fff;

  text-decoration: underline;
	
  font-weight: 300;

}

/* line 533, ../scss/style.scss */

footer a:hover {

  color: #ffcfea;

}
footer a:active {

  color: #ff99e7;

}



/* line 539, ../scss/style.scss */

.go-top {

  position: absolute;

  top: -53px;

  height: 53px;

  width: 53px;

  right: 20px;

}

@media only screen and (min-width: 48.063em) {

  /* line 539, ../scss/style.scss */

  .go-top {

    top: -56px;

    height: 56px;

    width: 56px;

    right: 50px;

  }

}




.project_nav_arrow:hover,

.project_home_icon:hover{
	
	opacity: 0.65;
}

.project_nav_arrow:active,

.project_home_icon:active{
	opacity: 0.4;	
}

.go-top a img:hover{

  opacity: 0.7;

}
.go-top a img:active{

  opacity: 0.5;

}

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

  /* line 555, ../scss/style.scss */

  .project_box_text h2 {

    font-size: 2.1rem;

  }

  /* line 558, ../scss/style.scss */

  /*.project_box_text h3 {

    font-size: 1.4rem;

  }*/

}

@media screen and (max-width: 1024px) {
	/*header .top-bar-section ul{
		
	padding-bottom: 15px;
		
	}*/
	header .top-bar-section ul li > a{
		
		font-size: 1.5rem;
	}
	
  /* line 566, ../scss/style.scss */

  .project_box_text h2 {

    font-size: 3.7rem;
	  font-weight: 300;

  }

  /* line 569, ../scss/style.scss */
	
	.project_box_text h3 {

    font-weight: 300;

  }
	
  /*.project_box_text h3 {

    font-size: 1.9rem;

  }*/
  #contact-me .contact-me-phone, 
  #contact-me .contact-me-email,
  #contact-me .contact-me-email a {
    font-size: 42px;
  }

@media screen and (max-width: 768px) {
	
	header .top-bar-section ul{
		
	padding-bottom: 15px;
		
	}
	.title-area .name img {

    padding-top: 6px;
	padding-left: 20px;
	max-height: 33px;
		position: absolute;
		top: 18%;

    }

  /* line 576, ../scss/style.scss */

  .top-bar-section ul li > a {

    padding: 20px 10px;

  }



  /* line 580, ../scss/style.scss */

  #layerslider a {

    font-size: 5.125em;

  }



  /* line 584, ../scss/style.scss */

  .project_box_text h2 {

    font-size: 2.2rem;

  }

  /* line 587, ../scss/style.scss */

  .project_box_text h3 {

    font-size: 1.25rem;

  }



	/* Protected project password form */ 

	
	form.post-password-form input[type="password"]{

		border-bottom: 2px solid #3267ff;
		letter-spacing: 0.2em;
		font-size: 28px;
		padding-bottom: 20px;
	}
	form.post-password-form label{
		max-width: 200px;
		margin: 16% auto 14%;
		font-size: 24px;
		line-height: 2.5;
	}
	form.post-password-form input[type="submit"]{

		border: 2px solid #3267ff;
		font-size: 14px;
		margin: 0 auto 15%;
		line-height: 1;
		padding: 7px 10% 9px;
	}
}
@media screen and (max-width: 640px) {

  /* line 594, ../scss/style.scss */

  .project_nav_arrow {

    width: 20px;

    height: auto;

  }



  /* line 598, ../scss/style.scss */

  .project_home_icon {

    width: 32px;

    height: auto;

  }



  /* line 602, ../scss/style.scss */

  .ls-bottom-nav-wrapper {

    display: none;

  }



  /* line 605, ../scss/style.scss */

  #layerslider h1, #layerslider h2 {

    line-height: 1.1;

  }

  .home h1,
  #my-works h1,
  .single h1{
	 
	font-size: 1.8rem;
	  
 }
 
  .single h1{
		
	  line-height: 1.1;
		
  }
  /* line 610, ../scss/style.scss */

  .project_box_text h2 {

    font-size: 1.9rem;

  }

  /* line 613, ../scss/style.scss */

  /*.project_box_text h3 {

    font-size: 1.25rem;

  }*/

	#project_navigation h2{
		
		font-size: 1.6rem;
		
	}

  /* line 622, ../scss/style.scss */

  #what-i-do .home-ui-box,

  #what-i-do .home-web-mobile-box,

  #what-i-do .home-branding-box,

  #what-i-do .home-print-box {

    padding-top: 60px;

    min-height: 320px;

  }

  /* line 625, ../scss/style.scss */

  #what-i-do .home-ui-box img,

  #what-i-do .home-web-mobile-box img,

  #what-i-do .home-branding-box img,

  #what-i-do .home-print-box img {

    width: 35%;

  }

  /* line 630, ../scss/style.scss */

  #what-i-do .home-ui-box img {

    width: 40%;

    padding-top: 18px;

  }

  /* line 636, ../scss/style.scss */

  #what-i-do .home-web-mobile-box img {

    width: 25%;
	  
	padding-top: 3px;

  }

  #what-i-do .home-branding-box img {
	  
	padding-top: 6px;

  }



  /* line 643, ../scss/style.scss */

  .social_icon img {

    width: 45px;

  }
	
	
	#contact-me .social_icon .text-right a img{
		padding-right: 0;
	}
	#contact-me .social_icon .text-left a img{
		padding-left: 0;
	}
	
	.go-top {

 		 top: -45px;

 		 height: 45px;

  		width: 45px;


	}
	#hello #cv-button{
		font-size: 24px;
		padding: 6px 40px 8px;
	}

}

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

  /* line 653, ../scss/style.scss */

  .project_box_text h2 {

    font-size: 1.4rem;

  }

  /* line 656, ../scss/style.scss */

  /*.project_box_text h3 {

    font-size: 0.9rem;

  }*/



  /* line 660, ../scss/style.scss */

  #layerslider h1 {

    font-size: 18px;

  }



  /* line 664, ../scss/style.scss */

  #what-i-do img {

    width: 40%;

  }

  /* line 667, ../scss/style.scss */

  #what-i-do h2 {

    font-size: 1.25rem;

  }

  /* line 673, ../scss/style.scss */

  #what-i-do .home-ui-box,

  #what-i-do .home-web-mobile-box,

  #what-i-do .home-branding-box,

  #what-i-do .home-print-box {

    padding-top: 45px;

    min-height: 240px;

  }


  /* line 676, ../scss/style.scss */

  #what-i-do .home-ui-box img,

  #what-i-do .home-web-mobile-box img,

  #what-i-do .home-branding-box img,

  #what-i-do .home-print-box img {

    width: 35%;

  }

  /* line 681, ../scss/style.scss */

  #what-i-do .home-ui-box img {

    width: 45%;

    padding-top: 20px;

  }

  #what-i-do .home-branding-box img {
	  
	padding-top: 4px;

  }

  /* line 687, ../scss/style.scss */

  #what-i-do .home-web-mobile-box img {

    width: 30%;
	  
	padding-top: 0;

  }

  /* line 692, ../scss/style.scss */

  #what-i-do .what-i-do-box {

    position: absolute;

    bottom: 15%;

    left: 0;

    right: 0;

    margin: 0 auto;

  }



  /* line 702, ../scss/style.scss */

  .social_icon img {

    width: 40px;

  }
	
  #contact-me .contact-me-phone, 
  #contact-me .contact-me-email,
  #contact-me .contact-me-email a{
    font-size: 32px;
  }
	
	.go-top {

 		 top: -40px;

 		 height: 40px;

  		width: 40px;

	}
	
	#hello #cv-button{
	font-size: 22px;
	border: 3px solid #3267ff;
	padding: 6px 40px 7px;
}

}

@media screen and (max-width: 430px) {
	
	#what-i-do .home-ui-box img {

    padding-top: 18px;

  }
	
}@media screen and (max-width: 400px) {
	
	#what-i-do .home-ui-box img {

    padding-top: 16px;

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

  /* line 709, ../scss/style.scss */

  .title-area .name {

    padding-top: 10px;

  }



  /* line 713, ../scss/style.scss */

  h1 {

    font-size: 2.2rem;

  }



  /* line 716, ../scss/style.scss */

  h2, h3 {

    font-size: 2rem;

  }



  /* line 719, ../scss/style.scss */

  #my-works h1:after, #what-i-do h1:after, #contact-me h1:after {

    width: 70px;

  }



  /* line 725, ../scss/style.scss */

  .project_box_text h2 {

    font-size: 1.2rem;

  }

  /* line 727, ../scss/style.scss */

  .project_box_text h2:after {

    width: 45px;
	  margin-top: 13px;

  }

  /* line 731, ../scss/style.scss */

  /*.project_box_text h3 {

    font-size: 0.9rem;

  }*/



  /* line 737, ../scss/style.scss */

  #what-i-do h2 {

    font-size: 1.2rem;

  }

  /* line 739, ../scss/style.scss */

  #what-i-do h2:after {

    width: 45px;

  }

  /* line 746, ../scss/style.scss */

  #what-i-do .home-ui-box,

  #what-i-do .home-web-mobile-box,

  #what-i-do .home-branding-box,

  #what-i-do .home-print-box {

    padding-top: 35px;

    min-height: 180px;

  }
	
  #what-i-do .home-branding-box img {
	  
	padding-top: 3px;

  }
  #what-i-do .home-ui-box img {

    padding-top: 14px;

  }

  /* line 751, ../scss/style.scss */

  #what-i-do .what-i-do-box {

    bottom: 12%;

  }



  /* line 757, ../scss/style.scss */

  #hello p {

    font-size: 1.2rem;

  }



  /* line 763, ../scss/style.scss */

  #contact-me p {

    font-size: 1.2rem;

  }
	
  #contact-me .contact-me-phone, 
  #contact-me .contact-me-email,
  #contact-me .contact-me-email a{
    font-size: 28px;
  }

}

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

  /* line 770, ../scss/style.scss */

  h1 {

    font-size: 2rem;

  }



  /* line 773, ../scss/style.scss */

  h2, h3 {

    font-size: 1.5rem;

  }



  /* line 780, ../scss/style.scss */

  #what-i-do .home-ui-box,

  #what-i-do .home-web-mobile-box,

  #what-i-do .home-branding-box,

  #what-i-do .home-print-box {

    min-height: 160px;

  }

  /* line 782, ../scss/style.scss */

  #what-i-do .home-ui-box img,

  #what-i-do .home-web-mobile-box img,

  #what-i-do .home-branding-box img,

  #what-i-do .home-print-box img {

    width: 32%;

  }

  /* line 787, ../scss/style.scss */

  #what-i-do .home-ui-box img {

    width: 45%;

    padding-top: 12px;

  }
  #what-i-do .home-branding-box img {
	  
	padding-top: 2px;

  }

  /* line 793, ../scss/style.scss */

  #what-i-do .home-web-mobile-box img {

    width: 30%;

  }

  /* line 797, ../scss/style.scss */

  #what-i-do .what-i-do-box {

    bottom: 10%;

  }

}