/*
Theme Name: DesignSoilTheme
Theme URI:
Author: KobeDesignUnivercity 06P RYO AKADA
Author URI:
Description:
Version: 1.0
*/

/* ==================================================
   Basic Styles
================================================== */
html, body {height:100%;}
html, hmtl a{
width:100%;
font-size:100%; 
-webkit-text-size-adjust: 100%; 
-ms-text-size-adjust: 100%;
}
body{background:#fff;color:#7F8289;font-weight:300;font-size:14px;font-family:'Titillium Web', sans-serif;line-height:28px;}
a{
color:#DE5E60;
text-decoration: none;
cursor: pointer;
-webkit-transition: color 0.1s linear 0s;
-moz-transition: color 0.1s linear 0s;
-o-transition: color 0.1s linear 0s;
transition: color 0.1s linear 0s;
}
a:hover,
a:active,
a:focus{outline:0;color:#FF827d;text-decoration:none;}
a img {border:none;}
a > img {vertical-align:bottom;}
img {max-width:none;}
strong {font-weight: 500;}
p {margin:0 0 30px;}
hr {border-style:dashed;border-color:#3C3F45;border-bottom:none;border-left:none;border-right:none;margin:50px 0;}
.align_left{float:left;margin:0 25px 0 0px!important;}
.align_right{float:right;margin:0 0 0 25px!important;}
.text_align_left {text-align:left;}
.text_align_center {text-align:center;}
.text_align_right {text-align:right;}
.color-text {color:#DE5E60;}
.through{text-decoration:line-through;}
input, button, select, textarea {font-weight:300;font-family:'Titillium Web', sans-serif;outline:0;}
input:focus, 
textarea:focus,
input[type="text"]:focus {outline: 0;}
input:-moz-placeholder,
textarea:-moz-placeholder {color: #7F8289;}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {color: #7F8289;}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {color: #7F8289;}
.morebtn {
font-size:14px;
padding:20px;
border:1px solid #DE5E60;
max-width:400px;
display:block;
margin:30px auto 0;
text-align:center;
cursor:pointer;
}
.small {font-size:12px;}
.morebtn:hover {background:#DE5E60;color:white;}
.clear {clear:both;}
.brnone350 {display:none;}
.brnone400 {display:none;}
.brnone450 {display:none;}
.brnone500 {display:none;}
.brnone550 {display:none;}
.brnone600 {display:none;}
.brnone650 {display:none;}
.brnone700 {display:none;}
.brnone750 {display:none;}
.brnone800 {display:none;}
.brnone980 {display:none;}
.brnone1200 {display:none;}
@media screen and (max-width:1199px) {
   .brnone1200 {display:block;}
}
@media screen and (max-width:979px) {
   .brnone980 {display:block;}
}
@media screen and (max-width:799px) {
   .brnone800 {display:block;}
}
@media screen and (max-width:739px) {
   .brnone750 {display:block;}
}
@media screen and (max-width:699px) {
   .brnone700 {display:block;}
}
@media screen and (max-width:649px) {
   .brnone650 {display:block;}
}
@media screen and (max-width:599px) {
   .brnone600 {display:block;}
}
@media screen and (max-width:549px) {
   .brnone550 {display:block;}
}
@media screen and (max-width:499px) {
   .brnone500 {display:block;}
}
@media screen and (max-width:449px) {
   .brnone450 {display:block;}
}
@media screen and (max-width:399px) {
   .brnone400 {display:block;}
}
@media screen and (max-width:349px) {
   .brnone350 {display:block;}
}
.pink {color:#DE5E60;}

/* ==================================================
   Code and Pre
================================================== */
code,
pre {
padding: 0 3px 2px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
color: #232527;
font-size: 12px;
font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
}
code {padding:2px 4px;border:1px solid #dde4e9;background-color:#F6F6F6;color:#232527;white-space:nowrap;}
pre {
display: block;
margin: 70px 50px;
padding: 30px;
border: 1px solid #dde4e9;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
background-color: #FCFCFC;
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
word-break: break-all;
font-size: 12px;
line-height: 20px;
}
pre code {padding:0;border:0;background-color:transparent;color:inherit;white-space:pre;white-space:pre-wrap;}
.pre-scrollable {overflow-y:scroll;max-height:340px;}

/* ==================================================
   Typography
================================================== */
h1,h2,h3,h4,h5,h6 {margin:0 0 30px 0;font-weight:300;font-family: 'Titillium Web', sans-serif;line-height:1.5em;}
h1{font-size:48px;}
h2{font-size:36px;}
h3{font-size:24px;}
h4{font-size:20px;}
h5{font-size:18px;}
h6{font-size:16px;}
h3.spec {color:#FFFFFF;font-size:24px;font-weight:300;line-height:1em;margin-bottom:30px;text-transform:uppercase;}


/* ==================================================
   Margin Bottom Sets
================================================== */
.margin-0{margin-bottom:0 !important;}
.margin-10{margin-bottom:10px !important;}
.margin-15{margin-bottom:15px !important;}
.margin-20{margin-bottom:20px !important;}
.margin-30{margin-bottom:30px !important;}
.margin-40{margin-bottom:40px !important;}
.margin-50{margin-bottom:50px !important;}
.margin-60{margin-bottom:60px !important;}
.margin-70{margin-bottom:70px !important;}
.margin-80{margin-bottom:80px !important;}

/* ==================================================
   Home Slider
================================================== */
#home-slider {position:relative;overflow:hidden;height:100%;}
#home-slider .overlay {position:absolute;width:100%;height:100%;background:#fff;opacity:0.7;filter:alpha(opacity=70);z-index:0;}
#home-slider .slider-text {position:absolute;left:50%;top:50%;margin:-180px 0 0 -585px;width:1170px;height:250px;text-align:center;z-index:2;}
#home-slider #slidecaption {width:100%;line-height:150px;margin:0;text-align:center;text-shadow:none;}
#home-slider .slide-content {font-size:60px;color:#FFFFFF;letter-spacing:-3px;text-transform:uppercase;}
#home-slider .control-nav {position:absolute;width:100%;height:50px;bottom:0;z-index:2;}
#home-slider #nextslide,
#home-slider #prevslide {
background-image:none;
background-color:#e6e6e6;
display:inline-block;
margin:0;
position:relative;
top:0;
left:0;
right:0;
width:50px;
height:50px;
opacity:1;
filter:alpha(opacity=100);
-webkit-transition: background 0.1s linear 0s;	
-moz-transition: background 0.1s linear 0s;
-o-transition: background 0.1s linear 0s;
transition: background 0.1s linear 0s;
}
#home-slider #nextslide {margin-left:-3px;}
#home-slider #nextsection {float:right;}
#home-slider #nextslide:hover,
#home-slider #prevslide:hover {background-color:#DE5E60;}
#home-slider #nextslide i,
#home-slider #prevslide i {font-size:16px;color:#FFFFFF;position:absolute;left:50%;top:50%;margin-top:-7px;line-height:1em;}
#home-slider #nextslide i {margin-left:-8px;}
#home-slider #prevslide i {margin-left:-9px;	}
#home-slider ul#slide-list {top:50%;padding:0;margin:-6px 0 0 0;}
#home-slider ul#slide-list li {margin-right: 12px;}
#home-slider ul#slide-list li:last-child {margin-right: 0;}
#home-slider ul#slide-list li a {
background-color:#6E7074;
background-image: none;
width: 12px;
height: 12px;
-webkit-border-radius: 999px;
-moz-border-radius: 999px;
border-radius: 999px;	
-webkit-transition: background 0.1s linear 0s;	
-moz-transition: background 0.1s linear 0s;
-o-transition: background 0.1s linear 0s;
transition: background 0.1s linear 0s;
}
#home-slider ul#slide-list li a:hover {background-color:#FFFFFF;}
#home-slider ul#slide-list li.current-slide a,
#home-slider ul#slide-list li.current-slide a:hover {background-color:#DE5E60;}
#home-slider #nextsection {
margin: 0;
position:relative;
float:right;
right:50%;
margin-right:-100px;
width:200px;
height:50px;
-webkit-transition: background 0.1s linear 0s;	
-moz-transition: background 0.1s linear 0s;
-o-transition: background 0.1s linear 0s;
transition: background 0.1s linear 0s;
border:1px solid #DE5E60;
}
#home-slider #nextsection i {font-size:16px;position:absolute;left:50%;top:50%;margin-top:-7px;margin-left: -7px;line-height:1em;}
#home-slider #nextsection:hover {border:1px solid #DE5E60;background-color:#DE5E60;color:white !important;}
#jaoren {margin-bottom:40px;}
#jaoren a {color:#7F8289;}
#jaoren span.active {color:#DE5E60;}


/* ==================================================
   Header
================================================== */
header {width:100%;z-index:99;}
header .sticky-nav {
position: relative;
width: 100%;
height: 60px;
background:#fff;
z-index: 1001;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
}
header .sticky-nav.stuck {position:fixed;top:0;left:0;z-index:1001;}
header #logo {color:#FFFFFF;float:left;padding:15px 0;margin-left:20px;}
header #logo a {
background: url(../img/logo.png) no-repeat;
width: 96px;
height: 30px;
text-indent: -9999px;
display: block;
opacity: 1;
filter: alpha(opacity=100);
-webkit-transition: opacity 0.25s ease-in-out 0s;	
-moz-transition: opacity 0.25s ease-in-out 0s;
-o-transition: opacity 0.25s ease-in-out 0s;
transition: opacity 0.25s ease-in-out 0s;	
}
header #logo a:hover {opacity: 0.65;filter: alpha(opacity=65);}
nav#menu {float:right;margin-right:20px;}
nav#menu #menu-nav {margin:0;padding:0;}
nav#menu #menu-nav li {list-style:none;display:inline-block;margin-left:50px;}
nav#menu #menu-nav li:first-child {margin-left:0;}
nav#menu #menu-nav li a {color:#585858;font-size:16px;font-weight:300;line-height:60px;display:block;text-transform:uppercase;}
nav#menu #menu-nav li.current a,
nav#menu #menu-nav li a:hover {color:#DE5E60;}


/* ==================================================
   Mobile Navigation
================================================== */
#mobile-nav {display: none;}
.menu-nav {
background:url(../img/menu-mobile.png) 0 0 no-repeat;
width: 16px;
height: 16px;
display: block;
margin: 22px 0 0 0;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: -webkit-transform 250ms ease-out 0s;	
-moz-transition: -moz-transform 250ms ease-out 0s;
-o-transition: -o-transform 250ms ease-out 0s;
transition: transform 250ms ease-out 0s;
}
.menu-nav.open {
background-position: 0 -16px;
-webkit-transform: rotate(-180deg);
-moz-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
-o-transform: rotate(-180deg);
transform: rotate(-180deg);
-webkit-transition: -webkit-transform 250ms ease-out 0s;	
-moz-transition: -moz-transform 250ms ease-out 0s;
-o-transition: -o-transform 250ms ease-out 0s;
transition: transform 250ms ease-out 0s;	
}
#navigation-mobile {display:none;text-align:center;width:100%;background:#585858;border-bottom:1px solid #828282;position: relative;float:left;z-index:9999;}
#navigation-mobile li {list-style:none;border-top:1px solid #828282;}
#navigation-mobile li a{color:#fff;display:block;font-size:16px;text-transform:uppercase;padding: 20px 0;}
#navigation-mobile li a:hover {color:#DE5E60;}


/* ==================================================
   Section Page
================================================== */
.page {background:#fff;padding:100px 0;position:relative;z-index:99;}
.page-alternate {background:#f6f6f6;padding:100px 0;position:relative;z-index:99;}
.page-contents {background:#fff;padding:50px 0;position:relative;z-index:99;}
.title-page {text-align:center;margin-bottom:50px;}
.title-page .title {font-size:48px;margin:0 0 30px 0}
.title-page .title-description {font-size:14px;margin:0;}

/* ==================================================
   Section Portfolio
================================================== */
.type-work {color:#FFFFFF;font-size:24px;font-weight:300;margin-bottom:30px;line-height:1em;text-transform:uppercase;}
.work-nav #filters {margin:0;padding:0;list-style:none;}
.work-nav #filters li {margin:0 0 100px 0;padding:0;}
.work-nav #filters li a {color:#7F8289;font-size:16px;display:block;	}
.work-nav #filters li a:hover {color:#FF827d;}
.work-nav #filters li a.selected {color:#DE5E60;}
#thumbs {margin:0;padding:0;}
#thumbs li {list-style-type:none;}
.item-thumbs {position:relative;overflow:hidden;margin-bottom:30px;cursor:pointer;}
.item-thumbs:last-child {margin-bottom:100px;}
.item-thumbs a + img {width:100%;}
.item-thumbs .hover-wrap {
position:absolute;
display:block;
width:100%;
height:100%;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: all 450ms ease-out 0s;	
-moz-transition: all 450ms ease-out 0s;
-o-transition: all 450ms ease-out 0s;
transition: all 450ms ease-out 0s;
-webkit-transform: rotateY(180deg) scale(0.5,0.5);
-moz-transform: rotateY(180deg) scale(0.5,0.5);
-ms-transform: rotateY(180deg) scale(0.5,0.5);
-o-transform: rotateY(180deg) scale(0.5,0.5);
transform: rotateY(180deg) scale(0.5,0.5);	
}
.item-thumbs:hover .hover-wrap,
.item-thumbs.active .hover-wrap {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: rotateY(0deg) scale(1,1);
-moz-transform: rotateY(0deg) scale(1,1);
-ms-transform: rotateY(0deg) scale(1,1);
-o-transform: rotateY(0deg) scale(1,1);
transform: rotateY(0deg) scale(1,1);
}
.item-thumbs .hover-wrap .overlay-img {
position: absolute;
width: 100%;
height: 100%;
background: #DE5E60;
opacity: 0.80;
filter: alpha(opacity=80);
}
@media screen and (max-width:640px) {
	.item-thumbs .hover-wrap .overlay-img {background:rgba(255,255,255,0.2);}
}
.item-thumbs .hover-wrap .overlay-img-thumb {
position: absolute;
top: 50%;
left: 50%;
margin: -16px 0 0 -16px;
color: #FFFFFF;
font-size: 32px;
line-height: 1em;
opacity: 1;
filter: alpha(opacity=100);
}
@media screen and (max-width:640px) {
	.item-thumbs .hover-wrap .overlay-img-thumb {color: #DE5E60;}
}
@media screen and (min-width:768px) {
.item-thumbs h4 {
   margin-left:20px;
   margin-bottom:10px;
}
.item-thumbs p {
   margin-left:20px;
   margin-bottom:20px;
}

}
@media screen and (min-width:1200px) {
.item-thumbs h4 {
   margin-left:30px;
}
.item-thumbs p {
   margin-left:30px;
}
}
.fancybox-opened .fancybox-title p {display:none;}
.fancybox-opened .fancybox-title h4 {margin-bottom:0 !important;}
.itemListTitle {width:100%;font-size:18px;}


/* ==================================================
   About Section
================================================== */
.profile-name { margin-bottom:15px; }
.profile-description { margin-bottom:25px; }
.image-wrap { position:relative; overflow:hidden; margin-bottom:25px; cursor:pointer; }
.image-wrap img { width:100%; }
.image-wrap  .hover-wrap {
position: absolute;
display: block;
width: 100%;
height: 100%;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: all 450ms ease-out 0s;
-moz-transition: all 450ms ease-out 0s;
-o-transition: all 450ms ease-out 0s;
transition: all 450ms ease-out 0s;
-webkit-transform: rotateY(180deg) scale(0.5,0.5);
-moz-transform: rotateY(180deg) scale(0.5,0.5);
-ms-transform: rotateY(180deg) scale(0.5,0.5);
-o-transform: rotateY(180deg) scale(0.5,0.5);
transform: rotateY(180deg) scale(0.5,0.5);	
}
.image-wrap:hover,
.image-wrap.active {
opacity: 0.8;
filter: alpha(opacity=80);
}
.image-wrap .hover-wrap .overlay-img {
position: absolute;
width: 100%;
height: 100%;
background: #DE5E60;
opacity: 0.80;
filter: alpha(opacity=80);
}
@media screen and (max-width:640px) {
	.image-wrap .hover-wrap .overlay-img {background:rgba(255,255,255,0.2);}
}
.image-wrap .hover-wrap .overlay-text-thumb {
position: absolute;
width: 100%;
height: 32px;
top: 50%;
margin: -16px 0 0 0;
color: #FFFFFF;
font-size: 20px;
font-weight: 300;
line-height: 32px;
text-transform: uppercase;
text-align: center;
opacity: 1;
filter: alpha(opacity=100);
}
@media screen and (max-width:640px) {
	.image-wrap .hover-wrap .overlay-text-thumb {color: #DE5E60;}
}


/* ==================================================
   Contact Section
================================================== */
.contact-details h3 {font-size:24px;font-weight:300;margin-bottom:30px;line-height:1em;text-transform:uppercase;}
.contact-details ul {margin:0;padding:0;list-style:none;}
.contact-details ul li {margin:0 0 20px;line-height:28px;padding:0;}
#contact-form {margin-bottom:0;	}
#contact-form p {margin-bottom:1px;color:#DE5E60;font-size:18px}
#contact-form input,
#contact-form textarea {
border: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
background:#e6e6e6;
color:#a0a0a0;
font-size:16px;
height:auto;
padding:15px;
margin:0;
resize:none;
}
#contact-form input {
width:100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#contact-form textarea {
width: 100%;
resize: vertical;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#contact-form .submit {
border:1px solid #a0a0a0;
color:#a0a0a0;
cursor:pointer;
display:inline-block;
font-size:18px;
font-weight:500;
padding:16px 40px;
text-align:center;
vertical-align:middle;
width:auto;
margin-top:30px;
-webkit-transition: background 0.1s linear 0s, color 0.1s linear 0s;	
-moz-transition: background 0.1s linear 0s, color 0.1s linear 0s;
-o-transition: background 0.1s linear 0s, color 0.1s linear 0s;
transition: background 0.1s linear 0s, color 0.1s linear 0s;
}
#contact-form .submit:hover {border:1px solid #DE5E60;background:#DE5E60;color:#FFFFFF;}
#response {margin-top:20px;color:#FFFFFF;}


/* ==================================================
   Social Area
================================================== */
#social-area {background:#f6f6f6;text-align:center;}
#social-area #social ul {margin:0;padding:0;}
#social-area #social ul li {display:inline-block;margin-left:30px;font-size:24px;list-style:none;cursor:pointer;}
@media screen and (min-width:800px) {
   #social-area #social ul li {
      padding:0 30px;
   }
}
#social-area #social ul li:first-child {margin-left:0;}
#social ul li a {
color:#585858;
display:block;
cursor:pointer;
}
#social ul li a:hover {
   color:#DE5E60;
}


/* ==================================================
   Footer
================================================== */
footer {position:relative;width:100%;height:auto;background:#585858;text-align:center;z-index:99;}
footer .credits {color:#FFFFFF;font-size:13px;margin-bottom:0;padding:20px 0;text-transform:uppercase;}


/* ==================================================
   Preloader
================================================== */
#jpreOverlay,
#jSplash {background-color:#2F3238;position:absolute;width:100%;height:100%;z-index:700;}
#jpreSlide {position:absolute;top:50% !important;left:50% !important;margin:-50px 0 0 -50px;width:100px;height:100px;}
#jpreLoader {position:relative !important;width:100% !important;height:100% !important;top:0 !important;}
#jprePercentage {
width: 50px;
height: 50px !important;
line-height: 50px;
position: absolute !important;
text-align: center;
left: 50%;
top: 50%;
margin: -25px 0 0 -25px;
z-index: 800;
font-size: 24px;
color: #FFFFFF;	
-webkit-animation: circle 1s infinite forwards;
-moz-animation: circle 1s infinite forwards;
-ms-animation: circle 1s infinite forwards;
-o-animation: circle 1s infinite forwards;
animation: circle 1s infinite forwards;
}

#circle {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 11;
	margin: -50px 0 0 -50px;
	width: 100px;
	height: 100px;
	background: #DE5E60;
	-webkit-border-radius: 999px;
	-moz-border-radius: 999px;
	border-radius: 999px;
	opacity: 0;
	filter: alpha(opacity=0);
			
	-webkit-animation: circle 1s infinite forwards;
	   -moz-animation: circle 1s infinite forwards;
		-ms-animation: circle 1s infinite forwards;
			animation: circle 1s infinite forwards;
}

@-webkit-keyframes circle {
	0% {-webkit-transform: rotateY(0deg);
		-webkit-animation-timing-function: ease-in;
	}
	50% {-webkit-transform: rotateY(180deg);
		-webkit-animation-timing-function: ease-out;
	}
	100% {-webkit-transform: rotateY(0deg);
		-webkit-animation-timing-function: ease-in;
	}
}

@-moz-keyframes circle {
	0% {-moz-transform: rotateY(0deg);
	}
	50% {-moz-transform: rotateY(180deg);
		-moz-animation-timing-function: ease-out;
	}
	100% {-moz-transform: rotateY(0deg);
		-moz-animation-timing-function: ease-in;
	}
}

@-ms-keyframes circle {
	0% {-ms-transform: rotateY(0deg);
		-ms-animation-timing-function: ease-in;
	}
	50% {-ms-transform: rotateY(180deg);
		-ms-animation-timing-function: ease-out;
	}
	100% {-ms-transform: rotateY(0deg);
		-ms-animation-timing-function: ease-in;
	}
}

@-o-keyframes circle {
	0% {-o-transform: rotateY(0deg);
		-o-animation-timing-function: ease-in;
	}
	50% {-o-transform: rotateY(180deg);
		-o-animation-timing-function: ease-out;
	}
	100% {-o-transform: rotateY(0deg);
		-o-animation-timing-function: ease-in;
	}
}

@keyframes circle {
	0% {transform: rotateY(0deg);
		animation-timing-function: ease-in;
	}
	50% {transform: rotateY(180deg);
		animation-timing-function: ease-out;
	}
	100% {transform: rotateY(0deg);
		animation-timing-function: ease-in;
	}
}


/* ==================================================
   Isotope Filtering
================================================== */

/**** Isotope Filtering ****/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}

/* End: Recommended Isotope styles */



/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
  -webkit-transition: none;
     -moz-transition: none;
      -ms-transition: none;
       -o-transition: none;
          transition: none;
}

/* About page style */
.member {
   text-align:center;
}

/* Project page style */
.fancybox-wrap {
   maxheight:80% !important;
   maxwidth:80%;
}
.fancybox-inner {
   height:100% !important;
   width:auto !important;
}

/* taxonomy-of-free page style */
.taxonomy-of-free {
   background:#fffde8;
   text-align:center;
}
@media screen and (max-width:767px) {
   .taxonomy-of-free {
      margin:0 -20px;
      padding:20px;
   }
}

/* size100 page style */
.size100 {
   background:#203628;
   text-align:center;
}
@media screen and (max-width:767px) {
   .size100 {
      margin:0 -20px;
      padding:20px;
   }
}

/* boundary page style */
.boundary {
   background:url(../img/project/boundaryBg.png) repeat-x left bottom;
   text-align:center;
}
@media screen and (max-width:767px) {
   .boundary {
      margin:0 -20px;
      padding:20px;
   }
}

/* lagrangian-point page style */
.lagrangian-point {
   background:#dbdad8 url(../img/project/lagrangian-pointBg.png) no-repeat center center;
   background-size:contain;
   text-align:center;
}
@media screen and (max-width:767px) {
   .lagrangian-point {
      margin:0 -20px;
      padding:20px;
   }
}

/* epilogue-prologue page style */
.epilogue-prologue {
   border-bottom:1px solid #eee;
   text-align:center;
}
@media screen and (max-width:767px) {
   .epilogue-prologue {
      margin:0 -20px;
      padding:20px;
   }
}

/* souvenir page style */
.souvenir {
	border-bottom:1px solid #eee;
	background:url(../img/project/souvenir.png) no-repeat center center;
	background-size:contain;
	text-align:center;
}
@media screen and (max-width:767px) {
   .souvenir {
      margin:0 -20px;
      padding:20px;
   }
}

/* geography page style */
.geography {
   background:url(../img/project/geographyBg.png) no-repeat center center;
   background-size:cover;
   text-align:center;
   padding-bottom:80px;
}
@media screen and (max-width:767px) {
   .geography {
      margin:0 -20px;
      padding:20px 20px 60px;
   }
}

/* goodlack page style */
.goodlack {
   background:url(../img/project/goodlackBg.png) no-repeat center center;
   background-size:cover;
   text-align:center;
   padding-bottom:80px;
}
@media screen and (max-width:767px) {
   .goodlack {
      margin:0 -20px;
      padding:20px 20px 60px;
   }
}

/* fantasia page style */
.fantasia {
   border-bottom:1px solid #eee;
   text-align:center;
}
@media screen and (max-width:767px) {
   .fantasia {
      margin:0 -20px;
      padding:20px 20px 60px;
   }
}

/* houses-by-the-seas page style */
.houses-by-the-seas {
   border-bottom:1px solid #eee;
   text-align:center;
}
@media screen and (max-width:767px) {
   .houses-by-the-seas {
      margin:0 -20px;
      padding:20px 20px 60px;
   }
}

.downloaderBg {
	background:rgba(0,0,0,0.7);
	position:fixed;
	width:100%;
	height:100%;
	left:0;
	top:0;
	z-index:10000;
	display:none;
}
.downloader {
	background:#fff;
	position:fixed;
	z-index:10001;
	padding:20px 15px 0;
	border-radius:3px;
	width:400px;
	left:50%;
	margin-left:-215px;
	top:30%;
	display:none;
}
.downloader input {
	padding:15px;
	width:370px;
	margin:0;
	border-radius:1px;
}
.contact-submit {
	padding:10px 0 0;
	text-align:center;
}
.contact-submit a {
	padding:20px;
	width:360px;
	display:block;
	border:1px solid #DE5E60;
	border-radius:1px;
}
#response {
	color:#DE5E60;
}
@media screen and (max-width:450px) {
	.downloader {width:270px;margin-left:-150px;top:5%;}
	.downloader input {width:240px;}
	.contact-submit a {width:230px;}
}