@charset "utf-8";
/* CSS Document */

.strip-block {background:#4096EE;}
a:hover{ color:#4096EE;}
.top-bar{ border-top:3px #4096EE solid;}
/* .header {background-color:#4096EE;} */
.header {background-color:#FFF;}
.promo-slogan h1 span { color:#4096EE;}
nav ul li a:hover{color: #4096EE;}
nav ul li ul li:hover{color: #4096EE;border-top:none;}
nav ul li a:hover, nav ul li.current > a{color: #4096EE;}
nav ul li ul li a:hover{color: #4096EE;}
/* .slider-home{background-color:#4096EE;} */
.slider-home{background-color:#FFF;}
#nav li {background:#4096EE;border:1px #4096EE solid;}
.rslides_tabs .rslides_here a {height: 6px;}
.rslides .caption { background: #4096EE;}
.item-block .desc a:hover{ color:#4096EE;}
ul#portfolio-filter li a.currents{ background:#4096EE;}
.blog-meta .data h3{ color:#4096EE;}
.post-format span{ background:#4096EE url(../../img/post-format-sprite.png) 50% 40px no-repeat;}
.blog-meta .post-format span{background:#4096EE url(../../img/post-format-sprite.png) 50% 40px no-repeat;}
.post-format.aside span { background-position: 50% 0;}
.post-format.audio span{ background-position: 50% -40px;}
.post-format.chat span{ background-position: 50% -80px;}
.post-format.default span{ background-position: 50% -120px;}
.post-format.gallery span{ background-position: 50% -160px;}
.post-format.links span{ background-position: 50% -200px;}
.post-format.quote span{ background-position: 50% -240px;}
.post-format.status span{ background-position: 50% -280px;}
.post-format.video span{ background-position: 50% -320px;}
.post-format.image span{ background-position: 50% -360px;}
#form .error-input {border:1px solid #4096EE;}
.tweets ul li a{color:#4096EE;}
.button{background: #4096EE;}
.button.blue:hover { background: #4096EE;}
.open-block-acc.active {background-color:#4096EE;}
.open-block.active a { background-color:#4096EE;}
.block-info .home-title{color:#4096EE;text-shadow:2px 2px 0 #e3e3e8; font-size:36px;}

/* Customise Tiandi */
nav ul li { margin-left: 0;}
a.logo { padding-top:0px;}
a.logo img { max-width:400px;}
#sequence { background-image: url(../../../assets/webimg/banner-default.jpg);background-repeat: no-repeat;}
#shadow { background-image: url(../../../assets/webimg/shadow.png); background-size: 100% 100%; height:30px; }
p { font-size:16px; }
.google-maps {
                position: relative;
                padding-bottom: 75%; // This is the aspect ratio
                height: 0;
                overflow: hidden;
                }
                .google-maps iframe {
                position: absolute;
                top: 0;
                left: 0;
                width: 100% !important;
                height: 100% !important;
                }
nav { margin-top: 20px;}
select { height:40px;}
img.project-photo { width:170px; margin: 5px;}
.button:hover { background:#000;}

/* iPhone 5 and 5S Portrait and Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2) {
	#sequence { background-image: url(../../../assets/webimg/280.jpg);background-repeat: no-repeat;}
}

/*  iPhone 6 Portrait and Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2) { 
	#sequence { background-image: url(../../../assets/webimg/335.jpg);background-repeat: no-repeat;}
}

/* iPhone 6+ Portrait and Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3) { 
	#sequence { background-image: url(../../../assets/webimg/425.jpg);background-repeat: no-repeat;}
}

/* Styles below override those of mobile above */

@media only screen and (max-width:1200px) { 
	/* CSS rules here */
	#sequence { background-image: url(../../../assets/webimg/940.jpg); background-repeat: no-repeat;}
}

@media only screen and (max-width:1024px) { 
	/* CSS rules here */
	#sequence { background-image: url(../../../assets/webimg/1024.jpg);background-repeat: no-repeat;}
}

@media only screen and (max-width:980px) { 
	/* CSS rules here */
	#sequence { background-image: url(../../../assets/webimg/768.jpg);background-repeat: no-repeat;}
	#header { height:300px;}
	a.logo img { width: 300px;}
}

@media only screen and (max-width:768px) { 
	/* CSS rules here */
	#sequence { background-image: url(../../../assets/webimg/768.jpg);background-repeat: no-repeat;}
	.block-info {width:100%;}
	.container { padding:0 20px;}
	a.logo img { width: 350px;}
	nav ul.right { margin-top:0;}
}

@media only screen and (max-width:550px) { 
	/* CSS rules here */
	#sequence { background-image: url(../../../assets/webimg/535.jpg);background-repeat: no-repeat;}
}

@media only screen and (max-width:480px) { 
	/* CSS rules here */
	#sequence { background-image: url(../../../assets/webimg/425.jpg);background-repeat: no-repeat;}
	.block-info1 { border:none;}
	.block-info1 img.pull-left { display:none;}
}

@media only screen and (min-width:1200px) { 
	/* CSS rules here */
    #wrap { background:#ffffff; margin:0 auto; width:1200px;}
    body { background-image: url(../../../assets/webimg/body_bg.jpg); background-repeat:repeat;}  
}