h4, h5, h6, h1, h2, h3 {
	margin-top: 0;
}
ul, ol {
	margin: 0;
}
p {
	margin: 0;
}
html, body {
	font-family: 'Lato', sans-serif;
	font-size: 100%;
	background: #fff;
}
body a {
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
}
.column_1 {
	padding: 1em 0;
}
.column_2 {
	padding: 0 0;
}
.box_1 {
	text-align: center;
	font-size: 16px;
	color: #01a2e5;
	height: 150px;
	width: 150px;
	border: 5px solid #01a2e5;
	padding: 20px;
	border-radius: 500px;
	-webkit-border-radius: 500px;
	-moz-border-radius: 500px;
	-o-border-radius: 500px;
	margin: 0 auto 10px;
}
.box_2 {
	text-align: center;
	font-size: 16px;
	color: #01a2e5;
	height: 150px;
	width: 150px;
	border: 5px solid #01a2e5;
	padding: 20px;
	border-radius: 500px;
	-webkit-border-radius: 500px;
	-moz-border-radius: 500px;
	-o-border-radius: 500px;
	margin: 100px auto 10px auto;
}
.box_1 .inner_row {
	border: 2px solid #01a2e5;
	height: 100%;
	border-radius: 100%;
	-webkit-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}
.box_2 .inner_row {
	border: 2px solid #01a2e5;
	height: 100%;
	border-radius: 100%;
	-webkit-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}
span.icon_1 {
	font-size: 33px;
	line-height: 50px;
	color: #01a2e5;
	display: block;
}
.box_1:hover span.icon_1 {
	color: #fff;
}
.box_1:hover .inner_row {
	background: #01a2e5;
}
.box_2:hover span.icon_1 {
	color: #01a2e5;
}
.box_2:hover .inner_row {
	background: #01a2e5;
}
.inner_row h3 {
	font-size: 0.96em;
	color: #000;
	font-weight: 600;
}
.box_1:hover h3 {
	color: #fff;
}
.box_2:hover h3 {
	color: #fff;
}
.learnMore {
	margin-left: 2.2em;
	width:90%;
	height: 60px;
	line-height: 60px;
	text-align: center;
	letter-spacing: 0.1em;
	background-color: #fff;
	transition: all 0.25s;
	-moz-transition: all 0.25s;
	-webkit-transition: all 0.25s;
	-o-transition: all 0.25s;
	cursor:hand;
	color: #000000;
}
.learnMore:hover {
	margin-top: -2px;
	-webkit-box-shadow: 0 2px 8px #020202;
	-moz-box-shadow: 0 2px 8px #020202;
	box-shadow: 0 2px 8px #020202;
	background-color: #01a2e5;
	color:white;
}
/*--start-header--*/
.logo {
	float: left;
	width: 23%;
}
.logo320 {
	display: none;
}
.top-nav ul li a {
	color: #7f7f7f;
	font-size: 17px;
	text-align: center;
	position: relative;
	font-weight: 400;
	text-decoration: none;
	padding: 0px 19px 0px 19px;
	display: block;
	background: ##f2f2f2;
	border-radius: 0.3em;
	-webkit-border-radius: 0.3em;
	-moz-border-radius: 0.3em;
	-o-border-radius: 0.3em;
	-ms-border-radius: 0.3em;
}
.top-nav li a {
	line-height: 30px;
	padding-left: 15px;
	padding-right: 15px;
	font-size: 20px;
	font-weight: bolder;
	font-family: 'Microsoft YaHei', 'WenQuanYi Micro Hei', 'museo_slab' 'tohoma,sans-serif';
	color: white;
	position: relative; /*子菜单出现位置基准*/
}
.top-nav ul li a:hover, .top-nav ul li a.active {
	color: #fff;
	background: #e9b10a;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
 -o-transition: 0.5s all -ms-transition:0.5s all;
}
.nav_ul_sub {
	display: none;
	position: absolute;
	top: 29px;
	left: 0;
	background: ##f2f2f2;
	z-index: 9999;
}
.nav_ul_sub li {
	height: 30px;
	width: 100%;
	display: block;
	background: #f2f2f2;
	border-top: 0px solid #2F3237;
}
.nav_ul_sub a {
	display: block;
	text-decoration: none;
	font-size: 20px;
	font-weight: bolder;
	font-family: 'Microsoft YaHei', 'WenQuanYi Micro Hei', 'museo_slab' 'tohoma,sans-serif';
	color: white;
}
.nav_ul_sub a:hover {
	text-decoration: none;
}
.nav_ul_sub a:active {
	text-decoration: none;
}
.nav_ul_sub a:visited {
	text-decoration: none;
}
.nav_ul_sub li:hover {
	background: ##f2f2f2;
}
.logo a {
	display: block;
}
/* top-nav */
.quote {
	margin-top: 7px;
}
.quote a {
	font-size: 21px;
	font-weight: 400;
	background: #171717;
	letter-spacing: 2px;
	color: #cbb814;
	padding: 8px 33px;
	border-radius: 0.3em;
	-webkit-border-radius: 0.3em;
	-moz-border-radius: 0.3em;
	-o-border-radius: 0.3em;
	-ms-border-radius: 0.3em;
}
.quote a:hover {
	color: #fff;
	text-decoration: none;
	background: #e9b10a;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
}
.header {
	background: #f2f2f2;
	padding: 1.5em 0px;
}
.quote {
	float: right;
	width: 20%;
	margin-left: 0em;
}
nav {
	width: 75%;
	float: left;
}
nav ul {
	padding: 0;
	float: right;
	padding-top: 12px;
	color: #dce3e4;
}
nav li {
	display: inline-block;
	position: relative;
	margin: 0 1px;
}
nav a {
	color: #fff;
	display: inline-block;
	text-align: center;
	text-decoration: none;
	line-height: 40px;
}
nav a:hover {
	text-decoration: none;
	color: #00A2C1;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
}
nav a#pull {
	display: none;
}
.copyrights {
	text-indent: -9999px;
	height: 0;
	line-height: 0;
	font-size: 0;
	overflow: hidden;
}
/*Styles for screen 600px and lower*/
@media screen and (max-width: 768px) {
 nav {
 height: auto;
 float: none;
}
 nav ul {
 width: 100%;
 display: block;
 height: auto;
}
 nav li {
 width: 100%;
 position: relative;
}
 nav li {
 position: relative;
 margin-left: 0px;
 border-bottom: 1px solid#eee;
}
 .header {
 position: relative;
}
 .quote {
 width: 37%;
}
 .top-nav ul li.active a, .top-nav ul li a:hover {
 border-bottom: none;
}
 nav li a {
 margin: 0px 0px;
 color: #4972A5;
 padding: 0em 0;
 font-size: 1.2em;
}
 nav a {
 text-align: left;
 width: 100%;
}
}
/*Styles for screen 515px and lower*/
@media only screen and (max-width : 768px) {
 nav {
 border-bottom: 0;
 float: none;
}
 nav ul {
 display: none;
 height: auto;
 margin: 1.3em 0 0px 0px;
 background: #fff;
}
 nav a#pull {
 display: block;
 position: relative;
 color: #F26D7D;
 text-align: right;
 position: absolute;
 top: 14%;
 width: 7%;
 right: 48%;
}
 nav {
 width: 100%;
 position: relative;
}
 nav a#pull:after {
 content: "";
 background: url('nav-icon.png') no-repeat;
 width: 30px;
 height: 30px;
 display: inline-block;
 position: absolute;
 right: 15px;
 top: 10px;
}
 nav a#pull img {
 margin-top: 3%;
}
 .top-nav ul li a {
 color: #2C3E50;
 padding: 0em 0;
}
}
/*Smartphone*/
@media only screen and (max-width : 320px) {
 nav {
 float: none;
}
 nav li {
 display: block;
 float: none;
 width: 100%;
}
}
/*--end-header--*/
/*--starts-banner--*/
.banner-1 {
	background-size: 100% 100%;
	min-height: 550px;
	text-align: center;
	position: relative;
	padding: 15em 0;
}
.banner-1 h2 {
	color: white;
	margin: 0;
	font-size: 55px;
	font-weight: 300;
	padding-bottom: 1em;
}
.banner-2 h2 {
	color: white;
	margin: 0;
	font-size: 55px;
	font-weight: 300;
	padding-bottom: 1em;
}
.banner-3 h2 {
	color: white;
	margin: 0;
	font-size: 55px;
	font-weight: 300;
	padding-bottom: 1em;
}
.banner-2 {
	background-size: 100% 100%;
	min-height: 550px;
	text-align: center;
	position: relative;
	padding: 15em 0;
}
.banner-3 {
	background-size: 100% 100%;
	min-height: 550px;
	text-align: center;
	position: relative;
	padding: 15em 0;
}
.banner-4 {
	background-size: 100% 100%;
	text-align: center;
	position: relative;
}
.banner-5 {
	background-size: 100% 100%;
	text-align: center;
	position: relative;
}
.banner-6 {
	background-size: 100% 100%;
	text-align: center;
	position: relative;
}
/*------------------ Slider Part starts Here----------*/
.slider {
	background: url(../images/slide-banner.jpg)no-repeat;
	background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	-ms-background-size: cover;
	-moz-background-size: cover;
	min-height: 300px;
}
#slider2, #slider3 {
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	margin: 0 auto;
}
.rslides_tabs {
	list-style: none;
	padding: 0;
	background: rgba(0, 0, 0, .25);
	box-shadow: 0 0 1px rgba(255, 255, 255, .3), inset 0 0 5px rgba(0, 0, 0, 1.0);
	-moz-box-shadow: 0 0 1px rgba(255, 255, 255, .3), inset 0 0 5px rgba(0, 0, 0, 1.0);
	-webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .3), inset 0 0 5px rgba(0, 0, 0, 1.0);
	font-size: 18px;
	list-style: none;
	margin: 0 auto 50px;
	max-width: 540px;
	padding: 10px 0;
	text-align: center;
	width: 100%;
}
.rslides_tabs li {
	display: inline;
	float: none;
	margin-right: 1px;
}
.rslides_tabs a {
	width: auto;
	line-height: 20px;
	padding: 9px 20px;
	height: auto;
	background: transparent;
	display: inline;
}
.rslides_tabs li:first-child {
	margin-left: 0;
}
.rslides_tabs .rslides_here a {
	background: rgba(255, 255, 255, .1);
	color: #fff;
	font-weight: bold;
}
.events {
	list-style: none;
}
.callbacks_container {
	position: relative;
	float: left;
	width: 100%;
}
.callbacks {
	position: relative;
	list-style: none;
	overflow: hidden;
	width: 100%;
	padding: 0;
	margin: 0;
}
.callbacks li {
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
}
.callbacks img {
	position: relative;
	z-index: 1;
	height: auto;
	border: 0;
}
.callbacks .caption {
	display: block;
	position: absolute;
	z-index: 2;
	font-size: 20px;
	text-shadow: none;
	color: #fff;
	left: 0;
	right: 0;
	padding: 10px 20px;
	margin: 0;
	max-width: none;
	top: 10%;
	text-align: center;
}
.callbacks_nav {
	position: absolute;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	top: 96.8%;
	left: 97.1%;
	opacity: 0.7;
	z-index: 3;
	text-indent: -9999px;
	overflow: hidden;
	text-decoration: none;
	height: 16px;
	width: 16px;
	background: transparent url("arrows.png") no-repeat left top;
}
.callbacks_nav:active {
	opacity: 1.0;
}
.callbacks_nav.next {
	left: auto;
	background-position: right top;
	right: 0%;
}
#slider3-pager a {
	display: inline-block;
}
#slider3-pager span {
	float: left;
}
#slider3-pager span {
	width: 100px;
	height: 15px;
	background: #fff;
	display: inline-block;
	border-radius: 30em;
	opacity: 0.6;
}
#slider3-pager .rslides_here a {
	background: #FFF;
	border-radius: 30em;
	opacity: 1;
}
#slider3-pager a {
	padding: 0;
}
#slider3-pager li {
	display: inline-block;
}
.rslides {
	position: relative;
	list-style: none;
	overflow: hidden;
	width: 100%;
	padding: 0;
	margin: 0;
}
.rslides li {
	-webkit-backface-visibility: hidden;
	position: absolute;
	display: none;
	width: 100%;
	left: 0;
	top: 0;
}
.rslides li {
	position: relative;
	display: block;
	float: left;
}
.rslides img {
	height: auto;
}
.callbacks_tabs {
	list-style: none;
	position: absolute;
	top: 92%;
	z-index: 999;
	left: 44%;
	padding: 0;
	margin: 0;
	display: block;
}
.slider-top {
	text-align: center;
	margin-bottom: 2.5em;
}
.slider-top p.below {
	font-size: 14px;
	color: #fff;
	font-weight: 100;
}
.slider-top h3 {
	font-size: 20px;
	font-weight: 400;
	margin: 10px 0px;
	color: #fff;
}
.slider-top ul.social-slide {
	display: inline-flex;
	margin: 0px;
	padding: 0px;
}
.callbacks_tabs li {
	display: inline-block;
}
@media screen and (max-width: 600px) {
 .callbacks_nav {
 top: 47%;
}
}
/*----*/
.callbacks_tabs a {
	visibility: hidden;
}
.callbacks_tabs a:after {
	content: "\f111";
	font-size: 0;
	font-family: FontAwesome;
	visibility: visible;
	display: block;
	height: 3px;
	width: 50px;
	display: inline-block;
	background: #fff;
}
.callbacks_here a:after {
	background: #e9b10a;
}
ul.callbacks_tabs.callbacks2_tabs {
	display: none;
}
/*--Slider-Part-Ends-Here--*/
/*--end-banner--*/
/*--start-build--*/
.build {
	background: #e9b10a;
	padding: 1.2em 0px;
}
.build-left h1 {
	color: #fff;
	font-weight: 300;
	margin: 0;
	font-size: 2.1em;
}
.build-left h1 span {
	color: black;
	font-weight: 200;
	font-size: 30px;
	margin-top: 3px;
}
.build-left p {
	color: black;
	font-weight: 200;
	font-size: 25px;
	margin-top: 3px;
}
.build-right {
	text-align: center;
	margin-top: 1.85%;
}
.build-right a {
	color: #fff;
	background: #171717;
	padding: 16px 20px;
	font-size: 26px;
	font-weight: 400;
	border-radius: 0.3em;
	-webkit-border-radius: 0.3em;
	-moz-border-radius: 0.3em;
	-o-border-radius: 0.3em;
	-ms-border-radius: 0.3em;
}
.build-right a:hover {
	color: #e9b10a;
	text-decoration: none;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
}
/*--end-build--*/
/*--start-design--*/
.design {
	padding: 6em 0px;
}
.design-text {
	background: #f1f1f1;
	padding: 2.5em 0px;
	text-align: center;
}
.design-text h3 {
	font-size: 1.2em;
	color: #595959;
	margin: 1.5em 0 0 0;
	font-weight: 400;
}
.design-text p {
	line-height: 1.6em;
	color: #595959;
	font-size: 16px;
	font-weight: 400;
	margin-top: 1.5em;
}
/*--end-design--*/
/*--start-work--*/
.work {
	padding: 2em 0px;
}
.pop-up {
	position: absolute;
	bottom: 3%;
	left: 44.4%;
}
.work-top h3, .news-top h3 {
	color: #595959;
	font-size: 1.8em;
	margin: 0;
	font-weight: 400;
}
.work-top {
	text-align: center;
}
.work-bottom {
	background: #f1f1f1;
	margin-top: 2em;
	padding: 1em 0px;
	position: relative;
}
.work-mian p {
	color: #595959;
	font-size: 1.33em;
	font-weight: 700;
	margin: 10px 0px;
}
.work-mian p span {
	color: #828282;
	font-weight: 400;
	font-size: 1em;
}
.work-mian p span.one {
	margin-left: 5%;
}
.work-mian p span.two {
	margin-left: 14%;
}
.work-mian p span.tre {
	margin-left: 19%;
}
.work-mian p span.fvr {
	margin-left: 4%;
}
.work-mian p span.fve {
	margin-left: 8%;
}
.work-one p span {
	margin-left: 32%;
	font-size: 1em;
	margin-top: -7%;
	font-weight: 400;
	display: inline-block;
	color: #828282;
	line-height: 1.8em;
}
.work-one p label {
	color: #828282;
	font-size: 1em;
	margin-left: 14%;
}
.work-one {
	margin-top: 3%;
}
.work-one p {
	color: #595959;
	font-size: 1.33em;
	font-weight: 700;
	margin: 10px 0px;
}
.work-left img {
	width: 100%;
}
/*--end-work--*/
/*--start-project--*/
.project {
	padding: 3em 0px 5em 0px;
}
.project-name {
	width: 54%;
	text-align: left;
	background: #454545;
	padding: 8px 0 8px 28px;
	bottom: 0;
	left: 46%;
	position: absolute;
}
.project-name p {
	color: #fff;
	font-size: 20px;
	font-weight: 300;
	line-height: 1.35em;
}
.project-name span {
	position: absolute;
	background: url('zoom-1.png') no-repeat;
	width: 30px;
	height: 30px;
	display: block;
	top: 24px;
	left: -16px;
	cursor: pointer;
}
.item:hover div.project-name {
	background: #ebb30a;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
}
#owl-demo .item {
	position: relative;
}
/*--end-project--*/
/*--start-clients--*/
.clients {
	background: #f3f3f3;
	padding: 3em 0px;
}
.clients-top {
	text-align: center;
}
.clients-top h3 {
	color: #595959;
	font-size: 3em;
	font-weight: 100;
	margin: 0 auto;
	width: 56%;
	line-height: 1.4em;
}
.clients-top h3 span {
	color: #ebb30a;
	font-weight: 300;
}
.clients-btm {
	text-align: center;
	margin-top: 2em;
}
.clients-bottom p {
	font-size: 18px;
	font-weight: 700;
	color: #595959;
	font-style: italic;
	line-height: 1.8em;
	width: 68%;
	margin: 0 auto;
}
.clients-bottom h4 {
	font-size: 1.3em;
	font-weight: 400;
	color: #ebb30a;
	margin: 1.2em 0px 0px 0px;
}
.clients-bottom h4 span {
	color: #b5b5b5;
}
/*--end-clients--*/
/*--start-news--*/
.news {
	padding-top: 5em;
}
.news-top {
	text-align: center;
}
.news-top p {
	color: #000000;
	font-size: 16px;
	font-weight: 400;
	margin-top: 8px;
}
.news-left img {
	width: 100%;
}
.news-bottom {
	margin-top: 3em;
}
.news-main {
	background: #f1f1f1;
	padding: 1.5em 17px;
	position: relative;
}
.news-main h4 {
	font-size: 1.35em;
	color: #595959;
	font-weight: 700;
	margin: 0px;
}
.news-main ul {
	padding: 10px 0;
	border-bottom: 1px solid rgba(103, 103, 103, 0.16);
}
.news-main ul li:nth-child(3) {
 margin-right: 0;
}
.news-main ul li {
	list-style: none;
	display: inline-block;
	margin-right: 13%;
}
.news-main ul li span {
	color: #676767;
	font-size: 16px;
	font-style: italic;
	font-weight: 300;
}
.news-main p {
	color: #777777;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.6em;
	text-align: left;
	margin-top: 1em;
}
.news-btn a {
	padding: 1px 11px 1px 54px;
	color: #000;
	font-size: 15px;
	font-weight: 400;
	background: url(heart.png) no-repeat 0px 0px #ebb30a;
}
.news-btn {
	bottom: 0;
	position: absolute;
	left: 60.7%;
}
.news-btn a:hover {
	color: #fff;
	background: url(heart.png) no-repeat 0px 0px #ebb30a;
	text-decoration: none;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
}
.planning {
	background: url(news-5.png) no-repeat;
	width: 1168px;
	height: 136px;
	display: block;
	margin-top: 8%;
	text-align: center;
}
.planning p {
	color: #fff;
	font-size: 2em;
	font-weight: 600;
	width: 80%;
	margin: 0 auto 0;
	line-height: 1.5em;
	padding-top: 22px;
}
/*--end-news--*/

/*--start-touch--*/
.touch {
	background: #141414;
	padding: 5em 0px;
}
.touch-right {
	text-align: center;
}
.touch-left label {
	color: #727272;
	font-size: 17px;
	font-weight: 300;
	margin-top: 2px;
	font-style: italic;
}
.touch-right ul {
	padding: 0;
	margin-top: 16%;
}
.touch-right ul li {
	list-style: none;
	display: inline-block;
}
.touch-right ul li span {
	background: url(social-icons.png) no-repeat;
	width: 64px;
	height: 64px;
	display: block;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
}
.touch-right ul li span.fb {
	background-position: 0px 0px;
}
.touch-right ul li span.twt {
	background-position: -64px 0px;
}
.touch-right ul li span.g {
	background-position: -128px 0px;
}
.touch-right ul li span.p {
	background-position: -192px 0px;
}
.touch-right ul li span.drb {
	background-position: -256px 0px;
}
.touch-right ul li span.fb:hover {
	background-position: 0px -64px;
}
.touch-right ul li span.twt:hover {
	background-position: -64px -64px;
}
.touch-right ul li span.g:hover {
	background-position: -128px -64px;
}
.touch-right ul li span.p:hover {
	background-position: -192px -64px;
}
.touch-right ul li span.drb:hover {
	background-position: -256px -64px;
}
.touch-left {
	text-align: left;
}
.touch-left h3 {
	color: #ebb30a;
	font-size: 2em;
	font-weight: 400;
	margin-bottom: 13px;
}
.touch-left p {
	color: #fff;
	font-size: 16px;
	font-weight: 300;
	margin: 8px 0px;
	line-height: 1.6em;
}
.touch-left p a {
	color: #fff;
}
.touch-left p a:hover {
	color: #ebb30a;
	text-decoration: none;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
}
.touch-left p span {
	display: block;
	margin-left: 12%;
}
/*--end-touch--*/
/*--start-footer--*/
.footer {
	background: #000;
	padding: 3em 0px;
}
.footer-text {
	text-align: center;
}
.footer-text p {
	color: #ffffff;
	font-size: 16px;
	font-weight: 400;
	margin-bottom: 1.2em;
}
.footer-text p a {
	color: #fff;
}
.footer-text p a:hover {
	color: #e9b10a;
	text-decoration: none;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
}
/*--end-footer--*/
/*--start-error--*/
.error {
	background: #e9e9e9;
	padding: 10em 0px;
}
.error-main p {
	color: #171717;
	font-size: 2.8em;
	font-style: italic;
}
.error-main h1 {
	font-size: 15em;
	color: #e9b10a;
	font-weight: 700;
	margin: 0px;
	letter-spacing: -25px;
}
.error-main h1 span {
	color: #171717;
}
.err-bttn a {
	color: #fff;
	background: #262626;
	padding: 1em 3em;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-ms-transition: 0.5s all;
	-o-transition: 0.5s all;
	font-size: 19px;
	outline: none;
	text-decoration: none;
	border-radius: 0.3em;
	-webkit-border-radius: 0.3em;
	-moz-border-radius: 0.3em;
	-o-border-radius: 0.3em;
	-ms-border-radius: 0.3em;
}
.err-bttn {
	margin-top: 3%;
}
.err-bttn a:hover {
	background: #e9b10a;
}
.error-main {
	text-align: center;
}
/*--end-error--*/
/*--start-about--*/
.about {
	padding: 2em 0px 1em 0px;
}
.about-main h3, .team-main h3, .contact-top h3, .get-main h3 {
	font-size: 2em;
	color: #595959;
	font-weight: 600;
	margin: 0px;
}
.about-main h5 {
	font-size: 18px;
	line-height: 1.5em;
	margin: 1em 0px 0px 0px;
	color: #010101;
}
.about-main p {
	font-size: 17px;
	line-height: 1.8em;
	color: #646464;
	margin-top: 13px;
}
.about-text-left img {
	width: 100%;
}
.about-text-left h5 {
	font-size: 1.5em;
}
.about-text {
	margin-top: 2.5em;
}
/*--end-about--*/
/*--start-team--*/
.team-main {
	text-align: center;
}
.team {
	padding: 1em 0px 6em 0px;
}
.team-top {
	margin-top: 3em;
}
.t-top h4 {
	font-size: 1.15em;
	font-weight: 700;
	letter-spacing: 2px;
	color: #595959;
	margin: 0;
}
.t-top p {
	color: #7D7676;
	font-size: 16px;
	font-weight: 500;
	letter-spacing: 1px;
	margin-top: 8px;
	width: 100% !important;
}
.t-top {
	margin-top: 27px;
}
/*--end-team--*/
/*--start-conatct--*/
.contact-top p, .team-main p {
	color: #959191;
	font-size: 16px;
	width: 75%;
	margin: 10px auto 0;
}
.contact {
	padding: 2em 0px;
}
.mp {
	margin-top: 3em;
}
.mp iframe {
	width: 100%;
	height: 300px;
}
.contact-bottom-left h3, .contact-bottom-right h3 {
	color: #595959;
	font-size: 1.6em;
	margin: 1em 0;
}
.contact-bottom-left p {
	color: #858585;
	font-size: 15px;
	margin: 0;
	line-height: 1.5em;
}
.contact-bottom-left h6 {
	color: #1E1E1E;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.5em;
	margin: 0.5em 0;
}
.contact-bottom-left p a:hover {
	text-decoration: none;
	color: #FEC73D;
}
.contact-text input[type="text"] {
	width: 49.75%;
	color: #898888;
	outline: none;
	font-family: 'Lato', sans-serif;
	font-size: 16px;
	padding: 15px 10px;
	margin-bottom: 1em;
	border: solid 1px #D5D4D4;
	-webkit-appearance: none;
}
.contact-textarea textarea {
	resize: none;
	width: 100%;
	color: #898888;
	font-size: 16px;
	font-family: 'Lato', sans-serif;
	outline: none;
	padding: 10px 10px;
	border: solid 1px #D5D4D4;
	min-height: 11em;
	-webkit-appearance: none;
}
.contact-but input[type="submit"] {
	border: none;
	outline: none;
	color: #fff;
	background: #595959;
	padding: 10px 20px;
	font-family: 'Lato', sans-serif;
	font-size: 18px;
	font-weight: 600;
	margin-top: 1.5em;
	-webkit-appearance: none;
	border-radius: 0.3em;
	-webkit-border-radius: 0.3em;
	-moz-border-radius: 0.3em;
	-o-border-radius: 0.3em;
	-ms-border-radius: 0.3em;
}
.contact-but input[type="submit"]:hover {
	background: #ebb30a;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
}
.contact-but {
	text-align: center;
}
.contact-top {
	text-align: center;
}
.contact-bottom-left span {
	display: block;
}
.contact-bottom {
	margin-top: 3%;
}
/*--end-contact--*/
/*--start-get--*/
.get {
	padding: 5em 0px;
}
.get-main {
	text-align: center;
}
.get-bottom input[type="text"] {
	width: 88%;
	padding: 10px 12px;
	margin: 7px 0px;
	outline: none !important;
	background: rgba(153, 153, 153, 0.09);
	color: #33383b;
	font-size: 15px;
	box-shadow: 1px 1px 1px 1px rgba(51, 56, 59, 0.35);
	-webkit-box-shadow: 1px 1px 1px 1px rgba(51, 56, 59, 0.35);
	-moz-box-shadow: 1px 1px 1px 1px rgba(51, 56, 59, 0.35);
	-o-box-shadow: 1px 1px 1px 1px rgba(51, 56, 59, 0.35);
	-ms-box-shadow: 1px 1px 1px 1px rgba(51, 56, 59, 0.35);
	border: none;
	font-family: 'Lato', sans-serif;
	border-radius: 0.3em;
	-webkit-border-radius: 0.3em;
	-moz-border-radius: 0.3em;
	-o-border-radius: 0.3em;
	-ms-border-radius: 0.3em;
}
.get-bottom textarea {
	resize: none;
	width: 88%;
	color: #898888;
	font-size: 16px;
	margin-top: 10px;
	font-family: 'Lato', sans-serif;
	outline: none;
	padding: 10px 10px;
	border: none;
	min-height: 12em;
	background: rgba(153, 153, 153, 0.09);
	-webkit-appearance: none;
	box-shadow: 1px 1px 1px 1px rgba(51, 56, 59, 0.35);
	-webkit-box-shadow: 1px 1px 1px 1px rgba(51, 56, 59, 0.35);
	-moz-box-shadow: 1px 1px 1px 1px rgba(51, 56, 59, 0.35);
	-o-box-shadow: 1px 1px 1px 1px rgba(51, 56, 59, 0.35);
	-ms-box-shadow: 1px 1px 1px 1px rgba(51, 56, 59, 0.35);
	border-radius: 0.3em;
	-webkit-border-radius: 0.3em;
	-moz-border-radius: 0.3em;
	-o-border-radius: 0.3em;
	-ms-border-radius: 0.3em;
}
.get-btn input[type="submit"] {
	background: #171717;
	border: 0px;
	padding: 6px 14px;
	margin: 0px 0px 0px 0em;
	outline: none;
	color: #fff;
	box-shadow: 1px 1px 1px 1px rgba(153, 153, 153, 0.55);
	-webkit-box-shadow: 1px 1px 1px 1px rgba(153, 153, 153, 0.55);
	-moz-box-shadow: 1px 1px 1px 1px rgba(153, 153, 153, 0.55);
	-o-box-shadow: 1px 1px 1px 1px rgba(153, 153, 153, 0.55);
	-ms-box-shadow: 1px 1px 1px 1px rgba(153, 153, 153, 0.55);
	font-size: 22px;
}
.get-btn [type="submit"]:hover {
	background: #e9b10a;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.get-btm-top {
	margin-top: 1.75em;
}
.get-btn {
	margin-top: 2em;
}
.get-bottom label {
	font-size: 18px;
	color: #595959;
	display: block;
	margin-top: 1em;
}
.get-btm-top h4 {
	font-size: 1.5em;
	color: #595959;
	font-weight: 700;
	margin: 0px;
}
.get-btm-top ul {
	padding: 0;
	margin-top: 1.5em;
}
.get-btm-top ul li {
	list-style-image: url(correct.png);
	margin: 0px 0px 19px 18px;
}
.get-btm-top ul li a {
	color: #999;
	font-size: 17px;
}
.get-btm-top ul li a span {
	color: #e9b10a;
}
.get-btm-top ul li a:hover {
	color: #e9b10a;
	text-decoration: none;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-ms-transition: 0.5s all;
	-o-transition: 0.5s all;
}
.get-lock {
	width: 15%;
	float: left;
	text-align: center;
	padding-top: 19px;
}
.get-text {
	width: 83%;
	float: right;
}
.get-btm-one {
	margin-top: 1em;
}
.get-text p {
	color: #999;
	font-size: 16px;
	line-height: 1.6em;
}
/*--end-get--*/
/*--starts-media-quaries--*/
@media (max-width:1440px) {
}
@media (max-width:1366px) {
 .team {
 padding: 1em 0px 5em 0px;
}
 .error {
 padding: 8em 0px;
}
 .banner-1, .banner-2, .banner-3 {
 min-height: 550px;
}
 .planning {
 width: 1139px;
 height: 132px;
 background-size: 100%;
}
}
@media (max-width:1280px) {
 .banner-1, .banner-2, .banner-3 {
 min-height: 525px;
}
 .planning p {
 font-size: 1.9em;
}
 .quote a {
 font-size: 20px;
 padding: 7px 30px;
}
 .build-left h1 {
 font-size: 2.17em;
}
 .design {
 padding: 5em 0px 4em 0px;
}
 .build-right a {
 padding: 15px 19px;
 font-size: 25px;
}
 .build-right {
 margin-top: 1.75%;
}
 .clients-top h3 {
 font-size: 2.85em;
}
 .box_1 {
 font-size: 13px;
 height: 210px;
 width: 210px;
 border: 5px solid #01a2e5;
 padding: 20px;
}
 span.icon_1 {
 margin: 35px 0 10px;
}
}
@media (max-width:1024px) {
 .about-main h3, .team-main h3, .contact-top h3 {
 font-size: 1.8em;
 color: #595959;
 font-weight: 600;
 margin: 0px;
}
 .team-top-left img {
 width: 100%;
}
 .get {
 padding: 3.4em 0px;
}
 .get-btm-top h4 {
 font-size: 1.4em;
}
 .contact-text input[type="text"] {
 width: 49.7%;
}
 .mp {
 margin-top: 1.8em;
}
 .contact {
 padding: 3.2em 0px;
}
 .error-main p {
 font-size: 2.5em;
}
 .err-bttn a {
 padding: 16px 2.5em;
}
 .error-main h1 {
 font-size: 13em;
}
 .top-nav ul li a {
 font-size: 16px;
 padding: 0px 16px 0px 16px;
}
 nav {
 width: 75%;
}
 .quote {
 width: 23%;
}
 .logo a img {
 width: 100%;
 margin-top: 7px;
}
 .banner-1, .banner-2, .banner-3 {
 min-height: 450px;
}
 .build-right a {
 padding: 14px 17px;
 font-size: 22px;
}
 .design-text h3 {
 font-size: 1.1em;
 margin: 1.35em 0 0 0;
}
 .design-text p {
 font-size: 14px;
 margin-top: 1em;
}
 .work-top h3, .news-top h3 {
 font-size: 1.65em;
}
 .design {
 padding: 4em 0px 2em 0px;
}
 .build-left h1 {
 font-size: 2.3em;
}
 .build-left p {
 font-size: 17px;
}
 .build-right {
 margin-top: 2.1%;
}
 .design-text img {
 width: 27%;
}
 .design-text {
 padding: 2.2em 0px;
}
 .work-mian p {
 font-size: 1.12em;
 margin: 8px 0px;
}
 .work-mian p span {
 font-size: 17px;
}
 .work-mian p span.two {
 margin-left: 14.8%;
}
 .work-mian p span.tre {
 margin-left: 20.4%;
}
 .work-mian p span.fve {
 margin-left: 9%;
}
 .work-one p label {
 font-size: 17px;
 margin-left: 9%;
}
 .work-mian p span.fvr {
 margin-left: 4.9%;
}
 .work-one {
 margin-top: 4.5%;
}
 .work-one p label {
 font-size: 16px;
 margin-left: 7.3%;
}
 .work-one p span {
 margin-left: 38%;
 font-size: 14px;
 margin-top: -6.5%;
 line-height: 1.68em;
}
 .pop-up {
 bottom: 3.5%;
 left: 43.2%;
}
 .callbacks_nav {
 left: 96.4%;
}
 .project-name {
 width: 54%;
 padding: 7px 0 7px 28px;
 left: 46%;
}
 .project-name p {
 font-size: 18px;
 line-height: 1.3em;
}
 .project-name span {
 top: 16px;
}
 .project {
 padding: 2em 0px 4em 0px;
}
 .clients-top h3 {
 font-size: 2.68em;
}
 .clients-bottom p {
 font-size: 17px;
 width: 78%;
}
 .clients-bottom h4 {
 font-size: 1.2em;
 margin: 1em 0px 0px 0px;
}
 .clients-btm {
 margin-top: 1.5em;
}
 .clients {
 padding: 2.7em 0px;
}
 .news-main h4 {
 font-size: 1.25em;
}
 .news-main ul li span {
 font-size: 14px;
}
 .news-main ul li {
 margin-right: 9%;
}
 .news-main p {
 color: #777777;
 font-size: 14px;
 font-weight: 400;
 line-height: 1.6em;
 text-align: left;
 margin-top: 11px;
}
 .news-main ul {
 padding: 6px 0;
}
 .news-main {
 padding: 1.2em 12px;
}
 .news-btn a {
 padding: 1px 11px 1px 37px;
 font-size: 13px;
 background-size: 33%;
}
 .news-btn a:hover {
 background-size: 33%;
}
 .planning {
 width: 940px;
 height: 109px;
 margin-top: 6%;
}
 .planning p {
 font-size: 1.6em;
 padding-top: 18px;
}
 .news {
 padding-top: 3.5em;
}
 .touch-right ul li span {
 width: 50px;
 height: 50px;
 background-size: 499%;
}
 .touch-right ul li span.fb:hover {
 background-position: 0px -50px;
}
 .touch-right ul li span.twt {
 background-position: -50px 0px;
}
 .touch-right ul li span.twt:hover {
 background-position: -50px -50px;
}
 .touch-right ul li span.g {
 background-position: -100px 0px;
}
 .touch-right ul li span.g:hover {
 background-position: -100px -50px;
}
 .touch-right ul li span.p {
 background-position: -150px 0px;
}
 .touch-right ul li span.p:hover {
 background-position: -150px -50px;
}
 .touch-right ul li span.drb {
 background-position: -200px 0px;
}
 .touch-right ul li span.drb:hover {
 background-position: -200px -50px;
}
 .touch {
 padding: 4em 0px;
}
 .touch-left h3 {
 font-size: 1.8em;
}
 .touch-left p {
 font-size: 15px;
 line-height: 1.5em;
}
 .touch-left p span {
 margin-left: 17%;
}
 .touch {
 padding: 3.2em 0px;
}
 .footer {
 padding: 2em 0px;
}
 span.icon_1 {
 margin: 35px 0 10px;
}
}
@media (max-width:768px) {
 nav {
 width: 100%;
}
 .get-text p {
 font-size: 16px;
 overflow: hidden;
 height: 77px;
}
 .get {
 padding: 3em 0px;
}
 .get-btn input[type="submit"] {
 font-size: 17px;
}
 .get-btn {
 margin-top: 1.2em;
}
 .top-nav ul li a {
 font-size: 17px;
 padding: 7px 16px 7px 16px;
}
 .get-btm-top h4 {
 font-size: 1.3em;
}
 .get-btm-top ul li a {
 font-size: 15px;
}
 .about-main h3, .team-main h3, .contact-top h3, .get-main h3 {
 font-size: 1.55em;
}
 .get-bottom input[type="text"] {
 width: 87%;
 padding: 8px 12px;
 margin: 1px 0px;
}
 .get-bottom label {
 font-size: 16px;
 margin-top: 11px;
}
 .get-bottom textarea {
 width: 87%;
 margin-top: 2px;
 min-height: 9em;
}
 .get-bottom-left {
 width: 63%;
 float: left;
}
 .get-bottom-right {
 width: 37%;
 float: right;
}
 .mp iframe {
 height: 230px;
}
 .contact-bottom {
 margin-top: 3%;
 text-align: center;
}
 .contact-bottom-left h3, .contact-bottom-right h3 {
 font-size: 1.5em;
 margin: 11px 0;
}
 .contact-bottom-right {
 margin-top: 3%;
}
 .contact-text {
 margin-top: 4%;
}
 .contact-but input[type="submit"] {
 padding: 9px 16px;
 font-size: 16px;
}
 .about-main {
 text-align: center;
}
 .about-main h5 {
 font-size: 17px;
 margin: 11px 0px 0px 0px;
}
 .about-main p {
 font-size: 14px;
 margin-top: 4px;
}
 .about-text {
 margin-top: 1.5em;
}
 .col-md-4.about-text-left:nth-child(3) {
 display: none;
}
 .col-md-4.about-text-left {
 width: 50%;
 float: left;
}
 .contact-top p, .team-main p {
 font-size: 15px;
 width: 93%;
 margin: 8px auto 0;
}
 .team-top {
 margin-top: 1.5em;
}
 .about {
 padding: 2.7em 0px 2.2em 0px;
}
 .team-top-left:nth-child(3) {
 display: none;
}
 .team-top-left {
 width: 50%;
 float: left;
}
 .team-top-left img {
 width: 100%;
}
 .team {
 padding: 1em 0px 3em 0px;
}
 .error {
 padding: 7em 0px 8em 0px;
}
 .quote {
 width: 26%;
}
 .logo {
 width: 25%;
}
 .header {
 padding: 1.2em 0px;
}
 nav a {
 line-height: 25px;
}
 .quote a {
 font-size: 17px;
 padding: 6px 23px;
}
 .banner-1, .banner-2, .banner-3 {
 min-height: 350px;
}
 .build-left {
 width: 70%;
 float: left;
}
 .build-right {
 margin-top: 2%;
 width: 30%;
 float: right;
}
 .build-left h1 {
 font-size: 1.65em;
}
 .build-left p {
 font-size: 15px;
}
 .build-right a {
 padding: 10px 12px;
 font-size: 14px;
}
 .design-left {
 width: 50%;
 float: left;
}
 .design-text {
 padding: 2.2em 25px;
 margin: 7px 0px;
}
 .design-text img {
 width: 22%;
}
 .design-text p {
 font-size: 16px;
 margin-top: 13px;
}
 .design-text h3 {
 font-size: 1.25em;
 margin: 1.3em 0 0 0;
}
 .design {
 padding: 3em 0px 1em 0px;
}
 .work-top h3, .news-top h3 {
 font-size: 1.45em;
}
 .work-left {
 width: 50%;
 float: left;
}
 .work-right {
 width: 50%;
 float: right;
}
 .work-mian p {
 font-size: 15px;
 margin: 5px 0px;
}
 .work-one p {
 font-size: 14px;
 margin: 0px 0px;
}
 .work-mian p span {
 font-size: 15px;
}
 .work-one {
 margin-top: 3%;
}
 .work-one p span {
 font-size: 13px;
 overflow: hidden;
 height: 105px;
 margin-left: 43%;
 margin-top: -7.5%;
}
 .pop-up a img {
 width: 60%;
}
 .pop-up {
 bottom: 4.8%;
 left: 43.8%;
}
 .work-mian p span.two {
 margin-left: 16%;
}
 .work-mian p span.tre {
 margin-left: 22.5%;
}
 .work-mian p span.fvr {
 margin-left: 5%;
}
 .work-mian p span.fve {
 margin-left: 10%;
}
 .work-one p label {
 font-size: 15px;
 margin-left: 12%;
}
 .callbacks_nav {
 top: 95.2%;
 left: 95.2%;
}
 .clients-top h3 {
 font-size: 2.1em;
}
 .clients-bottom p {
 font-size: 16px;
 line-height: 1.5em;
 width: 95%;
}
 .clients-bottom h4 {
 font-size: 1.05em;
 margin: 13px 0px 0px 0px;
}
 .clients-btm {
 margin-top: 1em;
}
 .news-left {
 width: 50%;
 float: left;
}
 .news-left:nth-child(3) {
 display: none;
}
 .news-bottom {
 margin-top: 1.6em;
}
 .news-main h4 {
 font-size: 1.13em;
}
 .news-main ul li span {
 font-size: 13px;
}
 .news-main ul li {
 margin-right: 18%;
}
 .news-btn {
 left: 65.7%;
}
 .planning {
 width: 707px;
 height: 82px;
}
 .planning p {
 font-size: 1.12em;
 padding-top: 16px;
 width: 77%;
}
 .touch-left {
 text-align: center;
}
 .touch-left p {
 font-size: 16px;
 line-height: 1.4em;
}
 .touch-left p span {
 margin-left: 8%;
}
 .touch-left h3 {
 font-size: 1.68em;
}
 .touch-right ul {
 margin-top: 4%;
}
 .touch {
 padding: 2.5em 0px;
}
 .footer-text p {
 font-size: 15px;
 margin-bottom: 1em;
}
 .footer {
 padding: 1.5em 0px;
}
 .callbacks_tabs a:after {
 height: 3px;
 width: 35px;
}
 .callbacks_tabs {
 top: 89%;
 left: 42%;
}
 span.icon_1 {
 font-size: 36px;
}
 span.icon_1 {
 margin: 28px 0 5px;
}
}
@media (max-width:640px) {
 .quote a {
 font-size: 15px;
 padding: 5px 17px;
}
 .get-btm-top {
 margin-top: 1.1em;
}
 .get-btm-top ul li a {
 font-size: 14px;
}
 .get-btm-one {
 margin-top: 10px;
}
 .about-main h5 {
 font-size: 16px;
}
 .about-text-left h5 {
 font-size: 1.2em !important;
}
 .t-top h4 {
 font-size: 1.05em;
}
 .team {
 padding: 10px 0px 2.5em 0px;
}
 .about-main h3, .team-main h3, .contact-top h3 {
 font-size: 1.48em;
}
 nav a#pull img {
 margin-top: 0%;
}
 .error-main p {
 font-size: 2.2em;
}
 .error-main h1 {
 font-size: 12em;
}
 .err-bttn a {
 padding: 15px 2.3em;
}
 .quote {
 margin-top: 4px;
}
 .logo {
 width: 26%;
}
 .logo a img {
 margin-top: 3px;
}
 .banner-1, .banner-2, .banner-3 {
 min-height: 265px;
}
 .build-left h1 {
 font-size: 1.45em;
}
 .build-left {
 width: 68%;
}
 .build-right {
 width: 32%;
 margin-top: 2.1%;
}
 .build-left p {
 font-size: 14px;
 overflow: hidden;
 height: 22px;
}
 .build {
 padding: 1em 0px;
}
 .design {
 padding: 2em 0px 0em 0px;
}
 .work-mian p {
 font-size: 13px;
 margin: 3px 0px;
}
 .build-right a {
 padding: 9px 6px;
 font-size: 13px;
}
 .work-mian p span {
 font-size: 13px;
}
 .work-mian p span.two {
 margin-left: 17%;
}
 .work-mian p span.fvr {
 margin-left: 5.5%;
}
 .work-mian p span.fve {
 margin-left: 11%;
}
 .work-one p {
 font-size: 13px;
}
 .work-mian p span.tre {
 margin-left: 23.75%;
}
 .work-one p label {
 font-size: 13px;
 margin-left: 11%;
}
 .work-one p span {
 height: 85px;
 margin-left: 47%;
 margin-top: -9.5%;
}
 .pop-up a img {
 width: 57%;
}
 .pop-up {
 bottom: 5.5%;
 left: 42.8%;
}
 .callbacks_nav {
 top: 94.4%;
 left: 94.2%;
}
 .work-bottom {
 margin-top: 1.5em;
}
 .work {
 padding: 2.5em 0px;
}
 .project-name p {
 font-size: 15px;
}
 .project-name {
 padding: 5px 0 5px 23px;
 left: 46%;
}
 .news-top p {
 font-size: 15px;
 margin-top: 3px;
}
 .news-main h4 {
 font-size: 1.1em;
}
 .design-text h3 {
 font-size: 1.1em;
 margin: 1.2em 0 0 0;
}
 .design-text p {
 font-size: 15px;
 margin-top: 8px;
}
 .project-name span {
 top: 11px;
}
 .clients-top h3 {
 font-size: 1.9em;
 line-height: 1.2em;
}
 .clients-bottom p {
 font-size: 15px;
 line-height: 1.5em;
}
 .clients-bottom h4 {
 font-size: 1em;
 margin: 12px 0px 0px 0px;
}
 .news-main ul li {
 margin-right: 11%;
}
 .project {
 padding: 1em 0px 3em 0px;
}
 .news-main p {
 font-size: 13px;
 margin: 10px 0px;
}
 .news-btn {
 left: 53.5%;
 width: 50%;
}
 .news-btn a {
 padding: 0px 9px 1px 46px;
 font-size: 14px;
}
 .planning {
 width: 588px;
 height: 68px;
}
 .planning p {
 font-size: 1em;
 padding-top: 11px;
}
 .touch-left h3 {
 font-size: 1.58em;
}
 .touch {
 padding: 2em 0px;
}
 i.icon_1 {
 margin: 25px 0 5px;
}
 span.icon_1 {
 font-size: 36px;
}
 span.icon_1 {
 margin: 28px 0 5px;
}
}
@media (max-width:480px) {
 .logo {
 width: 32%;
}
 .about-main h3, .team-main h3, .contact-top h3, .get-main h3 {
 font-size: 1.4em;
}
 .get-bottom-left {
 width: 100%;
 float: none;
 padding-left: 8%;
}
 .get-bottom input[type="text"] {
 width: 95%;
 margin: 0px 0px;
}
 .get-bottom textarea {
 width: 95%;
}
 .get-btn {
 text-align: center;
}
 .get-btm-top h4 {
 font-size: 1.2em;
 text-align: center;
}
 .get-btm-top ul {
 margin-top: 1em;
}
 .get-btm-top ul li {
 margin: 0px 0px 10px 18px;
}
 .get-bottom-right {
 width: 100%;
 float: none;
 margin-top: 2em;
}
 .get-bottom-left {
 width: 100%;
 float: none;
}
 .quote {
 width: 34%;
}
 .contact-top p, .team-main p {
 width: 100%;
}
 .banner-1, .banner-2, .banner-3 {
 min-height: 220px;
}
 .callbacks_tabs {
 top: 84%;
 left: 38%;
}
 .callbacks_tabs a:after {
 height: 3px;
 width: 32px;
}
 .build-left h1 {
 font-size: 1em;
}
 .build-right a {
 padding: 6px 4px;
 font-size: 9px;
}
 .build-right {
 margin-top: 1%;
 width: 34%;
}
 .quote a {
 font-size: 14px;
 padding: 4px 16px;
}
 .build {
 padding: 11px 0px;
}
 .design-text img {
 width: 32%;
}
 .design-text h3 {
 font-size: 1em;
 margin: 1em 0 0 0;
}
 .design-text {
 padding: 1.2em 9px;
 margin: 5px 0px;
}
 .build-left {
 width: 66%;
}
 .quote {
 margin-top: 4px;
}
 .design-text p {
 font-size: 13px;
}
 .work-top h3, .news-top h3 {
 font-size: 1.3em;
}
 .work-mian p {
 font-size: 8px;
 margin: 0px 0px;
}
 .work-mian p span {
 font-size: 10px;
}
 .work-mian p span.two {
 margin-left: 15%;
}
 .work-mian p span.tre {
 margin-left: 20.75%;
}
 .work-mian p span.fvr {
 margin-left: 4.5%;
}
 .logo a img {
 margin-top: 6px;
}
 .work-mian p span.fve {
 margin-left: 9%;
}
 .work-one p {
 font-size: 9px;
}
 .work-one p label {
 font-size: 9px;
 margin-left: 6%;
}
 .work-one p span {
 height: 85px;
 margin-left: 41%;
 margin-top: -9.5%;
 font-size: 10px;
}
 .pop-up a img {
 width: 50%;
}
 .pop-up {
 bottom: 9.5%;
 left: 40.8%;
}
 .callbacks_nav {
 top: 92.4%;
 left: 92.2%;
}
 .work {
 padding: 1.5em 0px;
}
 .clients-top h3 {
 font-size: 1.4em;
 width: 65%;
}
 .clients-bottom p {
 font-size: 13px;
}
 .clients-bottom h4 {
 font-size: 15px;
 margin: 10px 0px 0px 0px;
}
 .clients {
 padding: 2em 0px;
}
 .news {
 padding-top: 2em;
}
 .news-main h4 {
 font-size: 1em;
}
 .news-main ul li span {
 font-size: 10px;
}
 .news-main ul li {
 margin-right: 5%;
}
 .news-main p {
 font-size: 11px;
 margin: 8px 0px 10px 0;
}
 .news-btn {
 left: 42.5%;
 width: 58%;
}
 .news-btn a {
 padding: 0px 9px 1px 40px;
 font-size: 12px;
}
 .planning {
 width: 430px;
 height: 49px;
}
 .planning p {
 font-size: 12px;
 padding-top: 9px;
}
 .touch-left h3 {
 font-size: 1.28em;
}
 .touch-left p {
 font-size: 14px;
 margin: 5px 0px;
}
 .touch-left {
 margin: 9px 0px;
}
 .header {
 padding: 1em 0px;
}
 .touch-right ul li span {
 width: 42px;
 height: 42px;
 background-size: 503%;
}
 .touch-right ul li span.fb:hover {
 background-position: 0px -42px;
}
 .touch-right ul li span.twt {
 background-position: -43px 1px;
}
 .touch-right ul li span.twt:hover {
 background-position: -43px -41px;
}
 .touch-right ul li span.g {
 background-position: -87px 0px;
}
 .touch-right ul li span.g:hover {
 background-position: -87px -42px;
}
 .touch-right ul li span.p {
 background-position: -127px 1px;
}
 .touch-right ul li span.p:hover {
 background-position: -127px -41px;
}
 .touch-right ul li span.drb {
 background-position: -170px 1px;
}
 .touch-right ul li span.drb:hover {
 background-position: -170px -41px;
}
 .touch-right ul li span.fb {
 background-position: 0px 1px;
}
 .footer-text p {
 font-size: 14px;
 margin-bottom: 11px;
}
 .footer {
 padding: 1em 0px;
}
 .touch {
 padding: 1.5em 0px;
}
 .error {
 padding: 5em 0px 6em 0px;
}
 .error-main h1 {
 font-size: 9em;
 letter-spacing: -14px;
}
 .err-bttn a {
 padding: 12px 1.5em;
 font-size: 16px;
}
 .contact-bottom-left h3, .contact-bottom-right h3 {
 font-size: 1.35em;
}
 .mp {
 margin-top: 1.2em;
}
 .mp iframe {
 height: 170px;
}
 .contact-text input[type="text"] {
 width: 49.615%;
 font-size: 14px;
 padding: 10px 10px;
 margin-bottom: 10px;
}
 .contact-but input[type="submit"] {
 margin-top: 1em;
}
 .contact {
 padding: 2em 0px;
}
 .contact-textarea textarea {
 font-size: 14px;
 padding: 7px 10px;
 min-height: 10em;
}
}
 @media (max-width:414px) {
 .inner_row h3 {
 font-size: 0.95em;
}
 i.icon_1 {
 margin: 15px 0 5px;
 font-size: 40px;
}
 span.icon_1 {
 font-size: 25px;
}
 span.icon_1 {
 margin: 14px 0 0px;
}
}
 @media (max-width:320px) {
 .footer-text img {
 width: 11%;
}
 .footer-text p {
 font-size: 13px;
 margin-bottom: 7px;
}
 .touch-right ul li span {
 width: 40px;
 height: 40px;
 background-size: 498%;
}
 .touch-right ul li span.fb:hover {
 background-position: 0px -40px;
}
 .touch-right ul li span.twt:hover {
 background-position: -40px -40px;
}
 .touch-right ul li span.twt {
 background-position: -40px 0px;
}
 .touch-right ul li span.g {
 background-position: -80px 0px;
}
 .touch-right ul li span.g:hover {
 background-position: -80px -40px;
}
 .touch-right ul li span.p {
 background-position: -120px 0px;
}
 .touch-right ul li span.p:hover {
 background-position: -120px -40px;
}
 .touch-right ul li span.drb {
 background-position: -160px 0px;
}
 .touch-right ul li span.drb:hover {
 background-position: -160px -40px;
}
 .planning p {
 font-size: 11px;
 padding-top: 8px;
 overflow: hidden;
 height: 25px;
}
 .planning {
 width: 268px;
 height: 31px;
}
 .logo {
 width: 43%;
}
 .quote a {
 font-size: 11px;
 padding: 4px 7px;
}
 .quote {
 width: 40%;
}
 nav a#pull img {
 width: 150%;
}
 .banner-1, .banner-2, .banner-3 {
 min-height: 140px;
}
 .callbacks_tabs a:after {
 height: 3px;
 width: 30px;
}
 .callbacks_tabs {
 top: 78%;
 left: 30%;
}
 .build-left {
 width: 100%;
 float: none;
 text-align: center;
}
 .build-left h1 {
 font-size: 15px;
}
 .build-right {
 margin-top: 2%;
 width: 100%;
 float: none;
}
 .build {
 padding: 14px 0px;
}
 .build-right a {
 padding: 6px 10px;
 font-size: 12px;
}
 .design-left:nth-child(3), .design-left:nth-child(4) {
 display: none;
}
 .design-text img {
 width: 23%;
}
 .work-top h3, .news-top h3 {
 font-size: 1.2em;
}
 .work-left {
 width: 100%;
 float: none;
}
 .work-right {
 width: 100%;
 float: none;
 margin-top: 1.2em;
}
 .pop-up a img {
 width: 82%;
}
 .work-mian p {
 font-size: 13px;
 margin: 3px 0px;
}
 .work-mian p span {
 font-size: 13px;
}
 .work-one p {
 font-size: 12px;
}
 .work-one p span {
 height: 85px;
 margin-left: 50%;
 margin-top: -9.5%;
 font-size: 12px;
}
 .pop-up {
 bottom: 49.1%;
 left: 80%;
}
 .design-left {
 width: 100%;
}
 .work-mian p span.two {
 margin-left: 18%;
}
 .work-mian p span.tre {
 margin-left: 25.4%;
}
 .work-mian p span.fvr {
 margin-left: 4.7%;
}
 .work-mian p span.fve {
 margin-left: 10.5%;
}
 .work-one p label {
 font-size: 12px;
 margin-left: 14%;
}
 .callbacks_nav {
 top: 96.4%;
 left: 87.2%;
}
 .project-name {
 padding: 5px 0 5px 19px;
 left: 33%;
 width: 67%;
}
 .project-name span {
 top: 9px;
}
 .clients-top h3 {
 font-size: 1.3em;
 width: 100%;
}
 .clients-bottom p {
 font-size: 13px;
 overflow: hidden;
 height: 38px;
}
 .news-top p {
 font-size: 12px;
 margin-top: 2px;
}
 .news-left {
 width: 100%;
 float: none;
 margin: 11px 0px;
}
 .news-main {
 padding: 1em 12px;
}
 .news-main ul li span {
 font-size: 12px;
}
 .news-main ul li {
 margin-right: 9%;
}
 .news-btn {
 left: 55%;
 width: 45%;
}
 .error-main p {
 font-size: 1.6em;
}
 .error-main h1 {
 font-size: 8em;
 letter-spacing: -13px;
}
 .err-bttn a {
 padding: 12px 1em;
 font-size: 15px;
}
 .error {
 padding: 4em 0px 5em 0px;
}
 .about-main h3, .team-main h3, .contact-top h3, .get-main h3 {
 font-size: 1.32em;
}
 .about-main h5 {
 overflow: hidden;
 height: 49px;
}
 .about-main p {
 font-size: 14px;
 overflow: hidden;
 height: 67px;
 line-height: 1.6em;
}
 .col-md-4.about-text-left {
 width: 100%;
 float: none;
 margin-bottom: 1.1em;
}
 .about-text-left img {
 width: 85%;
}
 .about-text {
 margin-top: 1.2em;
}
 .contact-top p, .team-main p {
 font-size: 14px;
 overflow: hidden;
 height: 39px;
 margin: 6px auto 0;
}
 .team-top-left {
 width: 100%;
 float: none;
 margin-bottom: 1.1em;
}
 .team-top-left img {
 width: 80%;
}
 .team {
 padding: 10px 0px 1em 0px;
}
 .t-top {
 margin-top: 12px;
}
 .t-top h4 {
 font-size: 1em;
}
 .about {
 padding: 1.7em 0px 0px 0;
}
 .about-text-left h5 {
 font-size: 1.12em !important;
 height: 25px !important;
}
 .mp {
 margin-top: 1em;
}
 .mp iframe {
 height: 130px;
}
 .contact-bottom-left h3, .contact-bottom-right h3 {
 font-size: 1.2em;
}
 .contact-bottom-left p {
 font-size: 14px;
 overflow: hidden;
 height: 42px;
}
 .contact-bottom-left h6 {
 font-size: 15px;
}
 .contact-text input[type="text"] {
 width: 100%;
 padding: 9px 10px;
 margin-bottom: 9px;
}
 .contact-but input[type="submit"] {
 padding: 8px 14px;
 font-size: 15px;
 margin-top: 11px;
}
 .get {
 padding: 1.8em 0px;
}
 .get-bottom-left {
 width: 100%;
 padding-left: 15px;
}
 .get-bottom input[type="text"] {
 width: 100%;
 padding: 7px 12px;
}
 .get-bottom label {
 font-size: 14px;
 margin-top: 13px;
}
 .get-bottom textarea {
 width: 100%;
 min-height: 7em;
}
 .get-btn input[type="submit"] {
 font-size: 16px;
 padding: 5px 12px;
}
 .get-btn {
 margin-top: 1em;
}
 .get-text p {
 font-size: 15px;
}
 #owl-demo .item img {
 display: block;
 height: auto;
 width: 100%;
}
 nav a#pull {
 right: 46.5%;
}
}
/*--end-media-quaries--*/
/*日记*/
#content_riji #riji {
	width:100%;
	opacity:1;
}
#riji .rj_content {
	width:100%;
	margin-top:10px;
	padding:0 10px;
	padding-bottom:10px;
}
.rj_content .shiguang {
	width:100%;
	height:145px;
}
.rj_content .shiguang .sg_ico {
	width:120px;
	height:145px;
	filter:Alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
.rj_content .shiguang .sg_ico img {
	border-radius:60px;
	margin-top:10px;
}
.rj_content .shiguang .sg_text {
	width:85%;
	height:120px;
	background:#fff;
	border:1px solid #E0DFDF;
	filter:Alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
	margin:10px 10px 0px 10px;
	position:relative;
	border-radius:5px;
	padding:10px;
	color:#4F4F4F;
}
.rj_content .shiguang .sg_text img {
	position:absolute;
	top:40px;
	left:-14px;
	z-index:1;
}