@charset "utf-8";
/* CSS Document */
 
 @font-face{
 font-family: 'MyWebFont';
  src:url('../font/SinkinSans-300Light-webfont.woff') format('woff');
  src:url('../font/SinkinSans-300Light-webfont.eot') format('embedded-opentype'), 
       url('../font/SinkinSans-300Light-webfont.ttf')  format('truetype'),
       url('../font/SinkinSans-300Light-webfont.svg') format('svg'); 
}

.fp-scrollable {
    overflow: scroll;

}
*{margin:0;padding:0;text-decoration:none;}
body{font-family:'MyWebFont',arial,helvetica;;}
/*IE7 and 8*/{-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-khtml-border-radius: 4px;
border-radius: 4px;
behavior: url(border-radius.htc);}
    .main{background-color:#fff;}
.clr{clear:both;padding:0;margin:0;}
#header{position: fixed;
height: 90px;

}
.test{width:1180px;margin:0 auto;height:300px;position: relative;
right: 600px;}
#header {
position: fixed;
height: 100px;
display: block;
width: 100%;
z-index: 9;
text-align: center;
padding-top:5px;
}

#section0{background:url(../images/desktop-mokup1.jpg) no-repeat center center;background-size:cover;overflow:hidden;}

.logo{float:left;padding-left:25px;width:200px;}
.logo img{padding-left:40px;float:left;}
.logo h3{font-size:2.6em;color:#474e69;font-family:"source sans pro";font-style:italic;padding-left:0px;margin-top:5px;}
#menu li.active a {
  border:1px solid #FDD879;
  border-radius: 0.5em;
}
.menu{width:340px;float:right;padding:0;margin-top:20px;
  letter-spacing: 0.6px;
}
.menu ul{list-style:none;}
.menu ul li{float:left;padding:0;font-size:14px;}
.menu ul li a{padding:8px;}
.menu ul li a:hover{color:#ccc;padding:8px;}
.menu ul li a.active{padding:16px;color:#ccc;}

.row-0{width: 800px;
float: right;
padding-top: 70px;
}
.row-one{  width: 100%;
    margin: 0 auto;
}
.row-one h2{color:#fff;font-size:38px;padding-top:5px;font-family:'MyWebFont';line-height:1.9em;}
.row-one h1{color:#fff;font-size:38px;padding-top:5px;font-family:'MyWebFont';line-height:1.9em;}

.row-one p{margin-top:50px;border:2px solid #fff;}
.btn1{width: 300px;
height: 58px;
margin: 0 auto;
border-radius: 3px;}

.btn1 a{width: 300px;
height: 44px;
padding-top: 15px;
display: block;
color: #000;
background:#333;
text-align: center;
line-height: 1.5em;
}
.btn1 a:hover {
background-color: #cacdcd;
height:44px;color:#5F5959;}
.row-one a{text-transform:uppercase;font-size:18px;color:#fff;}
.intro .image-container1{background:url(../images/artist-big.png) no-repeat;width:668px;height:419px;display:inline-block;margin-top:100px;}
.intro .image-container2{background:url(../images/dubai-hotel-mockups.png)no-repeat;width:668px;height:430px;display:inline-block;margin-top:100px;}
.intro .image-container3{background:url(../images/nutrition-mock-ups.png) no-repeat;width:600px;height:503px;display:inline-block;margin-top:100px;}
.intro .image-container4{background:url(../images/travel-mockups.png) no-repeat;width:600px;height:484px;display:inline-block;margin-top:100px;}

.project-one{height:100%;background:#B04380;}
.project-two{height:100%;background:#4360ac;}
.project-three{height:100%;background:#c970b1;}
.project-four{height:100%;background:#0563b0;}
.intro{padding-top:6%;}
.intro .work-info{float:left;width:30%;margin:6%;padding-top: 10%;}
.work-info h3{font-size:30px;color:#FDF06A;text-align: left;}
.intro .work-info p{color:#fff;padding:10px 0px 30px 0px;font-size:1;line-height: 1.8em;text-align: left;margin-bottom: 5%;font-size:18px;}
.work-info span{color:#fff;}
span.linkdin{padding-top:10px;}
span.linkdin strong{font-size: 0.9em;font-family:arial,halvetica;
  vertical-align: middle;
  line-height: 82px;
  display: inline-block;}
 span a.view-project{padding:15px;margin:0px;font-size: 1.0em;
  -webkit-border-radius: 4px;}
  a:hover.view-project{
 transition: all 0.3s ease-in 0s;}
   span a#button-one{background-color:#67053C;color: #FDF06A;}
 a:hover#button-one{color:#380020;background:#FDF06A;}
 span a#button-two{color: #FDF06A; background-color: #00164F;}
  a:hover#button-two{color:#00164F;background:#FDF06A;}
 span a#button-three{color: #FDF06A; background-color: #A1106D;}
  a:hover#button-three{color:#940461;background:#FDF06A;}
  span a#button-four{color: #FDF06A; background-color: #192D61;}
  a:hover#button-four{color:#192D61;background:#FDF06A;}
  
.about{margin:0 auto;}
.myphoto #rosa{text-decoration: underline;
  cursor: pointer;
}
.myphoto #husband{text-decoration:underline;cursor:pointer;}
.myphoto #resume{text-decoration:underline;cursor:pointer;}
.myphoto{margin:0 auto;padding:60px 20px;width:1000px;}
.myphoto img{
padding-top: 60px;}
.myphoto p{font-size: 18px;
  text-align: left;
  float: left;
  display: inline;
  color: #fff;
  padding: 5px;
  letter-spacing: 0.05em;
  line-height: 1.6em;}
.contact-info{display: inline-block;
  float: left;}
.contact-info span{padding-top:5px;float:left;display:inline;color: #FDD879;
  font-size:30px;
  
}
.contact-info a{float:left;height: 82px;
  width: 82px;
  background:url(../images/linkdin.png);
  margin-top: 10px;
  margin-left: 450px;
  color: #fff;}
.contact-info a:hover{background:url(../images/linkdin-hover.png);color:#03436e;
 }
.myphoto h2{color:#FDD879;font-size:32px;padding-bottom:15px;
  text-align: left;}


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


.slide .intro img {
	background:url(../images/artist-medium-size.jpg) no-repeat center 0px;}

.row-one h2 {
		font-size: 32px;
}
.row-one h1{font-size: 32px;
}
.intro{position:relative;}
.logo img{padding-left:40px;float:left;display:none;}

.myphoto {
  margin: 0 auto;
  padding: 30px 0px;
  width: 550px;
}
.myphoto p{font-size: 16px;
color: #fff;
padding: 5px;
letter-spacing: 0.02em;
line-height: 1.5em;}

.contact-info a {
  margin-left: 230px;
}
.contact-info {
  display: inline-block;
  float: left;
  
}
.intro .image-container1{background:url(../images/artist-medium-size.png) no-repeat;width:480px;display:inline-block;margin-top:100px;}
.intro .image-container2{background:url(../images/dubai-midium-size.png) no-repeat;width:480px;display:inline-block;margin-top:100px;}
.intro .image-container3{background:url(../images/nutrition-midium-size.png) no-repeat;width:480px;display:inline-block;margin-top:100px;}
.intro .image-container4{background:url(../images/travel-medium-size.png) no-repeat;width:480px;display:inline-block;margin-top:100px;}
.intro .work-info{width: 480px;
  margin: 0 auto;
  float: none;padding-top:0px;
}
.work-info h3{font-size:28px;text-align: center;}
.intro .work-info p{font-size:18px;text-align: center;}

.menu {
  display: inline-block;
}
}

@media screen and (max-width:550px){
	.myphoto {
   width: 350px;
  padding: 0px 0px;
}
.myphoto p{font-size:14px;}
.myphoto img{
width:100px; height:100px;}
 
.contact-info a {
  margin-left: 120px;
}

.contact-info span{padding:0px;font-size:20px;}
.myphoto h2{font-size:20px;padding:0px}
.intro .image-container1{background:url(../images/artist-small-size.png) no-repeat;width:300px;height:210px;}
.intro .image-container2{background:url(../images/hotel-small-size.png) no-repeat;width:300px;height:200px;}
.intro .image-container3{background:url(../images/nutrition-small-size.png) no-repeat;width:300px;height:253px;}
.intro .image-container4{background:url(../images/travel-small-size.png) no-repeat;width:300px;height:242px;}

.work-info h3{font-size:22px;}
.intro .work-info p{font-size:16px;}
span a.view-project{font-size:14px;}

.intro .work-info {
  width: 310px;margin-top:5px;}
}

@media screen and (max-width:360px){
	#menu li a, #menu li.active a {
  padding:8px;
}
#menu{padding:0px;}
.menu{width: 250px;}
.menu ul li{font-size:12px;}
.row-one h2 {
    font-size:20px;
}
.row-one h1{ 
   font-size:20px;
}
.fp-controlArrow {
    top: 55%;}
.intro .image-container1{margin-top:60px;}
.intro .image-container2{margin-top:60px;}
.intro .image-container3{margin-top:60px;}
.intro .image-container4{margin-top:60px;}
.work-info h3 {
  font-size: 14px;
}
.intro .work-info p {
  font-size: 12px;
}
.intro .work-info {
   margin-top: 0px; 
}
.intro .work-info p {
  padding: 10px 0px;
  }
  span a.view-project {
  padding:8px;font-size:12px;}
 
.myphoto {
  width: 300px;
}
.myphoto img {
  width: 60px;
  height: 60px;
  float: left;
  display: inline;padding-top: 30px;
}
.myphoto h2 {
  font-size: 14px;padding-top: 50px;
  margin-left: 80px;
}
.contact-info span {
  font-size: 14px;
}
.myphoto p {
  font-size: 12px;
}
.contact-info a {
  float: left;
  height: 60px;
  width: 60px;
  background: url(../images/linkdin-small.png);
  margin-top: 10px;
  color: #fff;
}
span.linkdin strong {
   line-height: 60px;
}
.contact-info a:hover {
  background: url(../images/linkdin-hover-small.png);
  color: #03436e;
 
}

}
@media screen and (orientation:landscape) and (min-width:769px) and (max-width:1155px){
	.intro .image-container1{background:url(../images/artist-medium-size.png) no-repeat;width:480px;display:inline-block;margin-top:100px;}
.intro .image-container2{background:url(../images/dubai-midium-size.png) no-repeat;width:480px;display:inline-block;margin-top:100px;}
.intro .image-container3{background:url(../images/nutrition-midium-size.png) no-repeat;width:480px;display:inline-block;margin-top:100px;}
.intro .image-container4{background:url(../images/travel-medium-size.png) no-repeat;width:480px;display:inline-block;margin-top:100px;}
.intro .work-info{width: 480px;
  margin: 0 auto;
  float: none;padding-top:0px;
}
	.intro .work-info p {
  color: #fff;
  padding: 10px 0px 30px 0px;
  font-size: 1;
  line-height: 1.8em;
  margin-bottom: 5%;
  font-size: 18px;
}
.work-info h3 {
  font-size: 30px;
  color: #FDF06A;
}
.intro .work-info {
  float: left;
  width: 20%;
 margin: 10%;
  padding-top: 0px;
}
.myphoto img {
   padding-top: 10px; 
}
}

@media screen and (orientation:landscape) and (min-width:600px) and (max-width:760px){
	.intro .image-container1{background:url(../images/artist-small-size.png) no-repeat;width:300px;height:210px;}
.intro .image-container2{background:url(../images/hotel-small-size.png) no-repeat;width:300px;height:200px;margin-top:90px;}
.intro .image-container3{background:url(../images/nutrition-small-size.png) no-repeat;width:300px;height:253px;margin-top:60px;}
.intro .image-container4{background:url(../images/travel-small-size.png) no-repeat;width:300px;height:242px;margin:60px 0px 20px 0px;}
.intro{padding-top:0px;}
.work-info h3 {
 display:none;
}
.intro .work-info p {
  display:none;
}
.intro .work-info{padding-top:10px;
}

.myphoto {
  width: 600px;
}
.myphoto img {
  width: 60px;
  height: 60px;
  float: left;
  display: inline;padding-top: 30px;
}
.myphoto h2 {
  font-size: 14px;padding-top: 50px;
  margin-left: 80px;
}
.contact-info span {
  font-size: 14px;
}
.myphoto p {
  font-size: 12px;
}
.contact-info a {
  float: left;
  height: 60px;
  width: 60px;
  background: url(../images/linkdin-small.png);
  color: #fff;
}
span.linkdin{padding-top:0px;}
span.linkdin strong {
   line-height: 60px;
}
.contact-info a:hover {
  background: url(../images/linkdin-hover-small.png);
  color: #03436e;
 
}}

@media screen and (orientation:landscape) and (min-width:450px) and (max-width:599px){
#menu li a, #menu li.active a {
  padding:8px;
}
#menu{padding:0px;}
.menu{width: 250px;}
.menu ul li{font-size:12px;}
.row-one h2 {
    font-size:20px;
}
.row-one h1{
   font-size:20px;
}
.fp-controlArrow {
    top: 55%;}
.intro .image-container1{margin-top:60px;width: 300px;
  height: 190px;
  background:url(../images/artist-small-size.png) no-repeat;}
.intro .image-container2{margin-top:60px;width: 300px;
  height: 190px;background:url(../images/hotel-small-size.png) no-repeat;}
.intro .image-container3{margin-top:20px;width: 300px;
  height: 230px;background:url(../images/nutrition-small-size.png) no-repeat;}
.intro .image-container4{margin-top:20px;width: 300px;
  height: 230px;background:url(../images/travel-small-size.png) no-repeat;}
.work-info h3 {
  display:none;
}
.intro .work-info p {
  display:none;
}
.intro .work-info {
   margin-top: 0px; padding: 0px;
}
  span a.view-project {
  padding:8px;font-size:12px;}
 
.myphoto {
  width: 440px;
}	
.myphoto img {
  width: 50px;
  height: 50px;
  float: left;
  display: inline;padding-top: 30px;
}
.myphoto h2 {
  font-size: 12px;
  padding-top: 40px;
  margin-left: 50px;
}
.contact-info span {
  font-size: 12px;
}
.myphoto p {
  font-size: 10px;
}
.contact-info a {
  float: left;
  height: 60px;
  width: 60px;
  background: url(../images/linkdin-small.png);
  margin-top: 10px;
  color: #fff;
}
span.linkdin strong {
   line-height: 60px;
}
.contact-info a:hover {
  background: url(../images/linkdin-hover-small.png);
  color: #03436e;
 
}

}