/* ----------------------------------------------------------------------------------------------------

CSSGrid is a Responsive CSS Grid designed to work on web and mobile devices. (www.cssgrid.co)
Please don't steal. Support this grid and buy a license from: http://codecanyon.net/item/responsive-css-grid/4928861

---------------------------------------------------------------------------------------------------- */

@font-face {
    font-family: 'archivo_narrowregular';
/*    src: url('../fonts/archivonarrow-regular-webfont.eot');
    src: url('../fonts/archivonarrow-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/archivonarrow-regular-webfont.woff') format('woff'),
         url('../fonts/archivonarrow-regular-webfont.ttf') format('truetype'),
         url('../fonts/archivonarrow-regular-webfont.svg#archivo_narrowregular') format('svg');*/
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'archivo_narrowbold';
    src: url('../fonts/archivonarrow-bold-webfont.eot');
    src: url('../fonts/archivonarrow-bold-webfont.eot?#iefix') format('embedded-opentype'),
/*         url('../fonts/archivonarrow-bold-webfont.woff') format('woff'),*/
         url('../fonts/archivonarrow-bold-webfont.ttf') format('truetype'),
         url('../fonts/archivonarrow-bold-webfont.svg#archivo_narrowbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
	width:100%;
	margin:0 auto;
	background-color:#fff;
	-webkit-text-size-adjust: none;
	font-family:"archivo_narrowregular", Arial, Helvetica, sans-serif;
}
html {
	margin:0 auto;
	overflow-x:hidden;
}
.delay-025 {
  -webkit-animation-delay: 0.25s;
  -moz-animation-delay: 0.25s;
  -ms-animation-delay: 0.25s;
  -o-animation-delay: 0.25s;
  animation-delay: 0.25s;
}
.delay-05 {
  -webkit-animation-delay: 0.5s;
  -moz-animation-delay: 0.5s;
  -ms-animation-delay: 0.5s;
  -o-animation-delay: 0.5s;
  animation-delay: 0.5s;
}
.delay-075 {
  -webkit-animation-delay: 0.75s;
  -moz-animation-delay: 0.75s;
  -ms-animation-delay: 0.75s;
  -o-animation-delay: 0.75s;
  animation-delay: 0.75s;
}
.delay-1 {
  -webkit-animation-delay: 1.0s;
  -moz-animation-delay: 1.0s;
  -ms-animation-delay: 1.0s;
  -o-animation-delay: 1.0s;
  animation-delay: 1.0s;
}
.delay-125 {
  -webkit-animation-delay: 1.25s;
  -moz-animation-delay: 1.25s;
  -ms-animation-delay: 1.25s;
  -o-animation-delay: 1.25s;
  animation-delay: 1.25s;
}
.delay-15 {
  -webkit-animation-delay: 1.5s;
  -moz-animation-delay: 1.5s;
  -ms-animation-delay: 1.5s;
  -o-animation-delay: 1.5s;
  animation-delay: 1.5s;
}
img,
img a {
	width:100%;
	height:auto;
	border:0px;
	margin:0px;
	padding:0px;
}

.whiteback {
	background-color:#fff !important;
}
.space37 {
	clear:both;
}


/* Preloader + bar */
.loading {
	display:block;
	background-color:#fff;
	top:0;
	bottom:0;
	width:100%;
	height:100%;
	text-align:center;
	position:fixed;
	z-index:6000;
}
.loading .bar {
	top:0%;
	left:0%;
	background-color:#e4e4e4;
	width:100%;
	color:#333;
	font-size:20px;
	height:4px;
	text-align:center;
	position:absolute;
}
.loading .percent { /* Preload percentage bar */
	background-color:#000;
	width:2%;
	height:4px;
}
.loading span {
	top:49%;
	left:0%;
	width:100%;
	color:#333;
	font-size:15px;
	text-align:center;
	z-index:6000;
	position:absolute;
}

.padding-bottom {
	padding-bottom:30px;
}
.line {
	height:30px;
	margin-top:30px;
	margin:0 auto;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #fff;
}
.linetop {
	margin:0 auto;
	height:15px;
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #000;
}

.title {
	font-family:"archivo_narrowbold", Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:15px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000;
	height:28px;
	margin:0 auto;
	padding-top:12px;
	clear:both;
}

.recent a {
	color:#595959;
	font-size:14px;
	display:block;
	padding-bottom:5px;
	margin-bottom:10px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #fff;
}
.recent a:hover {
	color:#595959;
	display:block;
	padding-bottom:5px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #ccc;
}
.recent a img {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #fff;
}
.recent a div {
	color:#000;
	padding-top:8px;
	padding-bottom:0px;
}
.recent a p {
	color:#595959;
	padding-top:0px;
	padding-bottom:0px;
	margin-top:3px;
	margin-bottom:8px;
}
.recent a p span.morelink {
	color: #000;
}

.recent a p span.morelink2 {
	color: #000;
	margin:0;
	padding:0;
}

li.item a,
li.keyline a {
	border:0px;
	opacity:1.0;
	transition: opacity .25s ease-in-out;
	-moz-transition: opacity .25s ease-in-out;
	-webkit-transition: opacity .25s ease-in-out;
}
li.item a:hover,
li.keyline a:hover {
	border:0px;
	opacity:0.6;
}

.footer {
	font-size:13px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #000;
	margin:0 auto;
	padding-bottom:0px;
	padding-top:14px;
	line-height:17px;
}
.footer p {
	font-size:13px;
	margin-top:0px;
	margin-bottom:8px;
	color:#595959;
}
strong {
	font-family:"archivo_narrowbold", Arial, Helvetica, sans-serif;
	color:#000;
	font-weight:normal;
}
.txtbold {
	font-family:"archivo_narrowbold", Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:15px;
}

a {
	color:#595959;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ccc;
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	transition:.3s;
	opacity: 1.0;
	text-decoration:none;
}
.link-white {
	color:#fff;
}
a:hover {
	color:#595959;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666;
}
.viewus {
	float:right;
}
.back-grey {
	background-color:#ccc;
}

.social {
	font-size:13px;
	border-top-width: 4px;
	border-top-style: solid;
	border-top-color: #000;
	margin:0 auto;
	padding-top:14px;
	padding-bottom:10px;
	clear:both;
}
.social-right {
	color:#595959;
	float:right;
}
.social-links {
	background-color:#fff;
	height:40px;
	float:left;
	margin-right:20px;
}
.social-links ul {
	margin:0px;
	padding:0px;
	list-style:none;
}
.social-links ul li {
	margin:0px;
	padding:0px;
	list-style:none;
	line-height:30px;
	width:30px;
	margin-right:10px;
	color:#fff;
	background-color:#111;
	float:left;
	display:block;
}
.social-links ul li a {
	margin:0px;
	padding:0px;
	list-style:none;
	line-height:30px;
	color:#fff;
	background-color:#222;
	display:block;
	text-decoration:none;
	text-align:center;
	border:0px;
}
.social-links ul li a:hover {
	background-color:#555;
}

.space {
	height:10px;
	clear:both;
}
.space-med {
	height:40px;
	width:100%;
	clear:both;
}
.space-sml {
	height:30px;
	clear:both;
}

.mapbottom {
	background-color:#f4f4f4;
	background-image: url(../images/google_map.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
.mapbottom a {
	display:block;
	background-color:transparent;
	width:100%;
	height:100%;
}
.contact-form {
	margin:0px;
	padding:0px;
}
.contact-form img {
	width:auto;
	height:auto;
}
.contact-form li {
	list-style:none;
}
.contact-form li input {
	list-style:none;
	margin-bottom:5px;
	background-color:#e7e8e8;
	font-family:"archivo_narrowregular", Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000;
	border: 1px solid #e7e8e8;
	padding-top:12px;
	padding-bottom:8px;
	padding-left:6px;
	-webkit-appearance:none;
	border-radius:0;
}
.contact-form .error {
	border: 1px solid #ff4040;
	background-color:#e7e8e8;
}
.contact-form li .error-message {
	display:none;
	font-size:13px;
	color:#ff4040;
	font-weight:normal;
	margin-left:65px;
	line-height:38px;
	background-color:#fff;
}
li textarea {
	font-family:"archivo_narrowregular", Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000;
	margin-bottom:5px;
	list-style:none;
	color:#000 !important;
	font-size:15px;
	font-weight:normal;
	list-style:none;
	background-color: #e7e8e8;
	border: 1px solid #e7e8e8;
	padding-top:12px;
	padding-bottom:8px;
	padding-left:6px;
}
.reg {
	margin-top:15px;
}

.submitbutlogin {
	background-color:#e7e8e8;
	color:#000;
	float:left;
	font-size:14px;
	padding-left:10px;
	padding-right:10px;
	margin-top:0px;
	line-height:38px;
	border:0px;
	transition: background-color .20s ease;
	-moz-transition: background-color .20s ease;
	-webkit-transition: background-color .20s ease;
	opacity: 1.0;
}
.submitbutlogin:hover {
	background-color:#111;
	color:#fff;
	border:0px;
}


/* Submit Form Contact Page */

.submit-form {
	width:100%;
}
.submit-form input {
	list-style:none;
	margin-bottom:5px;
	background-color:#e7e8e8;
	font-family:"archivo_narrowregular", Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000;
	width:96%;
	border: 1px solid #e7e8e8;
	padding-top:12px;
	padding-bottom:8px;
	padding-left:6px;
	padding-right:0;
	-webkit-appearance:none;
	border-radius:0;
	margin-bottom:10px;
}
.submit-form textarea {
	list-style:none;
	margin-bottom:5px;
	background-color:#e7e8e8;
	font-family:"archivo_narrowregular", Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000;
	width:96%;
	height:108px;
	border: 1px solid #e7e8e8;
	padding-top:12px;
	padding-bottom:8px;
	padding-left:6px;
	padding-right:0;
	-webkit-appearance:none;
	border-radius:0;
	margin-bottom:0;
	padding-bottom:0;
}
.textarea {
	height:134px;
}
input[type="submit"] {
	cursor:pointer;
	background-color:#e7e8e8;
	color:#000;
	font-size:14px;
	padding-left:10px;
	padding-right:10px;
	margin-top:0px;
	border:0px;
	width:56px;
	padding-top:9px;
	padding-bottom:9px;
	transition: background-color .20s ease;
	-moz-transition: background-color .20s ease;
	-webkit-transition: background-color .20s ease;
	opacity: 1.0;
}
input[type="submit"]:hover {
	cursor:pointer;
	background-color:#666;
	color:#fff;
}
.submit-form .error {
	border: 1px solid #ff4040;
	background-color:#e7e8e8;
}
.error-message2 {
	display:none;
	font-size:13px;
	color:#ff4040;
	font-weight:normal;
	line-height:30px;
}
.error-captcha {
	display:none;
	font-size:13px;
	color:#ff4040;
	font-weight:normal;
	line-height:30px;
}
.showus {
	color:#fff;
	font-size:17px;
	padding-top:5px;
	padding-bottom:8px;
}
input.special {
	width:60%;
	float:left;
	margin-left:3px;
	padding-top:8px;
	padding-bottom:4px;
	background-color:#fff;
}
.specialkey {
	background-color:#e7e8e8;
	padding-top:3px;
	padding-bottom:0;
	height:35px;
}
.specialkeyenter {
	color:#000;
	font-size:16px;
	line-height:34px;
	height:32px;
	margin-left:68%;
}
.submit-contact {
	padding-top:0;
	padding-bottom:0;
	height:38px;
}



.box-black {
	position:relative;
	background-color:#FFF;
	BORDER:1px solid #dbdbdb;
}
ul.nav-sub {
	color:#fff;
	margin:0px;
	padding:0px;
	line-height:28px;
}
ul.nav-sub li {
	color:#fff;
	list-style:none;
}
ul.nav-sub li a {
	color:#000;
	font-size:14px;
	list-style:none;
	text-decoration:none;
	padding-bottom:1px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #fff;
}
ul.nav-sub li.current-menu-item a,
ul.nav-sub li a:hover {
	color:#000;
	font-size:14px;
	list-style:none;
	text-decoration:none;
	padding-bottom:0px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #666;
}
.clear {
	clear:both;
}
h1 {
	color:#fff;
	margin:0px;
	margin-bottom:20px;
	padding:0px;
	font-size:26px;
	line-height:32px;
	font-weight:normal;
	text-align:left;
}
h2 {
	color:#000;
	margin:0px;
	margin-bottom:15px;
	padding:0px;
	padding-bottom:2px;
	font-weight:normal;
	font-size:20px;
}
h2 span {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;
	padding-bottom:2px;
}
h3 {
	margin:0px;
	margin-bottom:0px;
	padding:0px;
	font-weight:normal;
	font-size:19px;
	line-height:21px;
}
.text-white {
	color:#fff;
}
p {
	font-size:14px;
	line-height:19px;
	margin-top:5px;
	margin-right:0px;
	margin-bottom:10px;
}

.text-rightside {
}
.text-rightside a {
	color:#fff;
}
.text-rightside a:hover {
	color:#ccc;
}
.text-rightside p {
	color:#000;
	line-height:21px;
	margin-top:0px;
	margin-bottom:20px !important;
}
.text-rightside p strong {
	font-family:"archivo_narrowbold", Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#fff;
}
.products {
	text-transform:uppercase;
	padding-bottom:10px;
}
.products .heading {
	font-size:14px;
	margin-top:0px;
	margin-bottom:10px;
	font-family:"archivo_narrowbold", Arial, Helvetica, sans-serif;
	font-weight:normal;
}
.products .heading-2nd {
	font-size:14px;
	margin-top:25px;
	margin-bottom:10px;
	font-family:"archivo_narrowbold", Arial, Helvetica, sans-serif;
	font-weight:normal;
}
.thumb-under-heading {
	font-family:"archivo_narrowbold", Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#000;
	text-transform:uppercase;
}

ul#filters {
	padding:0px;
	padding-top:1px;
	padding-bottom:20px;
	margin:0px;
}
#filters li {
	color:#666;
	font-size:13px;
	border:0px;
	list-style:none;
	line-height:17px;
	padding-top:3px;
	padding-bottom:2px;
	margin:0px;
}
#filters li a {
	color:#595959;
	font-size:13px;
	list-style:none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #fff;
}
#filters li a:hover {
	color:#777;
	border:0px;
	list-style:none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ccc;
}
#filters li a.on {
	color:#000;
	font-size:13px;
	border:0px;
	list-style:none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
}

.lineproject {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000;
}
.news {
	padding-bottom:37px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;
}
.next {
	float:right;
}
.next a,
.previous a {
	color:#000;
}
.products-end {
	height:40px;
}
.project-title {
	font-family:"archivo_narrowbold", Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:normal;
}
.project-date {
	font-family:"archivo_narrowregular", Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	color:#999;
	margin-top:5px;
}
.project-description {
	font-size:14px;
	color:#595959;
	padding-right:30px;
	line-height:19px;
	margin-top:15px;
}
.project-description a {
	font-family:"archivo_narrowbold", Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#000;
}
.two-images {
}

.iosSlider {
	overflow:hidden;
	position:relative;
	top:0;
	left:0;
	overflow:hidden;
}
.iosSlider .slider {
	margin:0;
	padding:0;
	list-style:none;
}
.iosSlider .slider .slide {
	float:left;
	background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	-moz-background-size: cover;
}
.switcher {
	float:right;
	height:37px;
	list-style:none;
	margin:0px;
	padding:0px;
}
.switcher li {
	float:left;
	display:block;
	width:10px;
	height:10px;
	border:0px;
	padding-left:6px;
	margin-top:8px;
}
.switcher li a {
	background-color:#9b9c9d;
	display:block;
	width:10px;
	height:10px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	border:0px;
}
.switcher li a:hover {
	background-color:#9b9c9d;
	display:block;
	width:10px;
	height:10px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.switcher li a.active {
	background-color:#000;
	display:block;
	width:10px;
	height:10px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}


/*
	Warning Sign for Internet Explorer 7 users (This website does not support IE7)
*/

#warning {
	background-color:#333;
	padding:20px;
	color:#999;
	margin-bottom:10px;
	line-height:21px;
	font-size:16px;
}
#warning strong {
	color:#fff;
}
#warning a {
	color:#fff;
	font-weight:normal;
	padding-bottom:0px;
	text-decoration:none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666;
}
#warning a:hover {
	color:#fff;
	font-weight:normal;
	padding-bottom:0px;
	text-decoration:none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: .fff;
}


/*
	(f) Columns Fixed
*/

.f1,
.f2,
.f3,
.f4,
.f5,
.f6,
.f7,
.f8
{
	font-weight:normal;
	margin:0 auto;
}


/*
	Make all divs have a grey background, so they are visible.
*/

.f1 .one {
}

.f2 .one,
.f2 .two {
}

.f3 .one,
.f3 .one-two,
.f3 .two,
.f3 .two-three,
.f3 .three {
}

.f3 .two-three-project img {
	width:100%;
	height:auto;
	border:0px;
	margin:0px;
	padding:0px;
	margin-bottom:-5px;
}


.f4 .one,
.f4 .one-two,
.f4 .one-three,
.f4 .two,
.f4 .two-three,
.f4 .two-four,
.f4 .three,
.f4 .three-four,
.f4 .four {
}

.f5 .one,
.f5 .one-two,
.f5 .one-three,
.f5 .one-four,
.f5 .two,
.f5 .two-three,
.f5 .two-four,
.f5 .two-five,
.f5 .three,
.f5 .three-four,
.f5 .three-five,
.f5 .four,
.f5 .four-five,
.f5 .five {
}

.f6 .one,
.f6 .one-two,
.f6 .one-three,
.f6 .one-four,
.f6 .one-five,
.f6 .two,
.f6 .two-three,
.f6 .two-four,
.f6 .two-five,
.f6 .two-six,
.f6 .three,
.f6 .three-four,
.f6 .three-five,
.f6 .three-six,
.f6 .four,
.f6 .four-five,
.f6 .four-six,
.f6 .five,
.f6 .five-six,
.f6 .six {
}

.f7 .one,
.f7 .one-two,
.f7 .one-three,
.f7 .one-four,
.f7 .one-five,
.f7 .one-six,
.f7 .two,
.f7 .two-three,
.f7 .two-four,
.f7 .two-five,
.f7 .two-six,
.f7 .two-seven,
.f7 .three,
.f7 .three-four,
.f7 .three-five,
.f7 .three-six,
.f7 .three-seven,
.f7 .four,
.f7 .four-five,
.f7 .four-six,
.f7 .four-seven,
.f7 .five,
.f7 .five-six,
.f7 .five-seven,
.f7 .six,
.f7 .six-seven,
.f7 .seven {
}
.f8 .one,
.f8 .one-two,
.f8 .one-three,
.f8 .one-four,
.f8 .one-five,
.f8 .one-six,
.f8 .one-seven,
.f8 .two,
.f8 .two-three,
.f8 .two-four,
.f8 .two-five,
.f8 .two-six,
.f8 .two-seven,
.f8 .two-eight,
.f8 .three,
.f8 .three-four,
.f8 .three-five,
.f8 .three-six,
.f8 .three-seven,
.f8 .three-eight,
.f8 .four,
.f8 .four-five,
.f8 .four-six,
.f8 .four-seven,
.f8 .four-eight,
.f8 .five,
.f8 .five-six,
.f8 .five-seven,
.f8 .five-eight,
.f8 .six,
.f8 .six-seven,
.f8 .six-eight,
.f8 .seven,
.f8 .seven-eight,
.f8 .eight {
}


/*
	(p) Columns Percentage
*/

.p1,
.p2,
.p3,
.p4,
.p5,
.p6,
.p7,
.p8
{
	font-weight:normal;
	margin:0 auto;
}


/*
	Make all divs have a grey background, so they are visible.
*/

.p1 .one {
	margin:0 auto;
}

.p2 .one,
.p2 .two {
}

.p3 .one,
.p3 .one-two,
.p3 .two,
.p3 .two-three,
.p3 .three {
}

.p4 .one,
.p4 .one-two,
.p4 .one-three,
.p4 .two,
.p4 .two-three,
.p4 .two-four,
.p4 .three,
.p4 .three-four,
.p4 .four {
}

.p5 .one,
.p5 .one-two,
.p5 .one-three,
.p5 .one-four,
.p5 .two,
.p5 .two-three,
.p5 .two-four,
.p5 .two-five,
.p5 .three,
.p5 .three-four,
.p5 .three-five,
.p5 .four,
.p5 .four-five,
.p5 .five {
}

.p6 .one,
.p6 .one-two,
.p6 .one-three,
.p6 .one-four,
.p6 .one-five,
.p6 .two,
.p6 .two-three,
.p6 .two-four,
.p6 .two-five,
.p6 .two-six,
.p6 .three,
.p6 .three-four,
.p6 .three-five,
.p6 .three-six,
.p6 .four,
.p6 .four-five,
.p6 .four-six,
.p6 .five,
.p6 .five-six,
.p6 .six {
}

.p7 .one,
.p7 .one-two,
.p7 .one-three,
.p7 .one-four,
.p7 .one-five,
.p7 .one-six,
.p7 .two,
.p7 .two-three,
.p7 .two-four,
.p7 .two-five,
.p7 .two-six,
.p7 .two-seven,
.p7 .three,
.p7 .three-four,
.p7 .three-five,
.p7 .three-six,
.p7 .three-seven,
.p7 .four,
.p7 .four-five,
.p7 .four-six,
.p7 .four-seven,
.p7 .five,
.p7 .five-six,
.p7 .five-seven,
.p7 .six,
.p7 .six-seven,
.p7 .seven {
}
.p8 .one,
.p8 .one-two,
.p8 .one-three,
.p8 .one-four,
.p8 .one-five,
.p8 .one-six,
.p8 .one-seven,
.p8 .two,
.p8 .two-three,
.p8 .two-four,
.p8 .two-five,
.p8 .two-six,
.p8 .two-seven,
.p8 .two-eight,
.p8 .three,
.p8 .three-four,
.p8 .three-five,
.p8 .three-six,
.p8 .three-seven,
.p8 .three-eight,
.p8 .four,
.p8 .four-five,
.p8 .four-six,
.p8 .four-seven,
.p8 .four-eight,
.p8 .five,
.p8 .five-six,
.p8 .five-seven,
.p8 .five-eight,
.p8 .six,
.p8 .six-seven,
.p8 .six-eight,
.p8 .seven,
.p8 .seven-eight,
.p8 .eight {
}


.text-rightside .p3{ overflow: hidden; }
.member_right{ width: 790px; height: auto; float: right; border:1px solid #e7e7e7}
.member_r_top{ height: 50px; width:775px; line-height: 50px;font-size: 14px; color: #222222;border-bottom:1px solid #e7e7e7; font-size :15px; padding-left: 15px; }
.member_information{ width: 630px; padding: 0 80px; }
.member_information .infor_img{ border-bottom:1px dashed  #CCC; margin-top:40px; padding-bottom: 40px; overflow:hidden;}
.infor_img_l{ float: left; }
.infor_img_r{ float: left; margin:30px 0 0 20px;}
.infor_img_r .up_button{ margin-top:33px; cursor: pointer;}
.infor_zl{  margin-top:40px; padding-bottom: 20px;border-bottom:1px dashed  #CCC; color: #666}
.infor_zl input{ height: 30px; line-height: 30px; width: 300px; padding-left:10px; border:1px solid #dddddd; float: left;}
.infor_zl .jd{ border:1px solid #3399cc;}
.infor_zl input[type="radio"]{width: 40px; float: left; color: #333}
.infor_zl select{height: 30px; line-height: 30px; margin-right:3px; width: 100px;border:1px solid #dddddd;}
.infor_zl div{ height: 30px; line-height:30px;  margin-bottom: 15px; }
.infor_bt{ float: left; width: 130px; text-align:right;  letter-spacing: 2px; float: 15px; }
.zdx{ color:#ac0012; padding-right:5px;  }
.infor_zl .infor_resume{ height: 160px; }
.textareas{ width:480px; height: 150px;resize:none; padding: 5px; text-indent: 2em;border:1px solid #dddddd;}
.infor_tj{margin:10px 0 10px 130px; width:160px; height:40px;border:0; background: #169bd6; color: #FFF;cursor: pointer;}

/*淇敼瀵嗙爜*/

.member_Pass{width: 400px; margin:0 auto; height: 220px; margin-top:50px; color: #666}
.Pass{ height: 30px; line-height: 30px;  margin-bottom: 10px;}
.Pass .pass_bt{ width: 105px; float: left; text-align: right; letter-spacing: 2px;}
.Pass .jd{ border:1px solid #3399cc;}
.Pass input{ float: left; height: 28px; line-height: 28px; margin-left: 5px; width: 200px; border:1px solid #dddddd; padding-left:5px;}
.pass_tj{ width: 80px; height: 35px; cursor: pointer; margin-left: 0%; border:0; background: #e7e8e8; color: #000; text-align: center;}


.member_Tel{width: 450px; margin:0 auto; height: 220px; margin-top:50px; color: #666}
.Tel_a .tel_num{height: 30px; line-height: 30px;  margin-bottom: 10px; position: relative;}
.Tel_a .tel_short{height: 30px; line-height: 30px; overflow: hidden; margin-bottom: 10px; }
.Tel_a .tel_bt{ width: 95px; float: left; text-align: right; letter-spacing: 2px;}
.Tel_a  input[name="tel_Num"]{ height: 28px; line-height: 28px; width: 200px; padding-left:10px; border:1px solid #dddddd; float: left;}
.Tel_a  input[name="tel_short"]{ height: 28px; line-height: 28px; width: 200px; padding-left:10px; border:1px solid #dddddd; float: left;}
.tel_yzm{ width: 120px; height: 25px; line-height: 25px; text-align:center; color: 
#FFF;  margin:2px 0 0 5px; float: left; background: #169bd6; cursor: pointer; }
.tel_ts{ margin-bottom: 10px; display: none }
.tel_tj{ width: 100px; height: 35px; background: #169bd6;cursor: pointer; margin-left: 96px; border:0; color: #FFF;}

.tel_yz{ width: 300px; height: 260px; border:1px solid #169bd6; position: absolute; z-index: 2; left: 9px;top: -45px; background: #FFF; display: none }
.tel_yz .tel_close{ width: 100%; height: 35px; background:#169bd6 }
.tel_yz .tel_close span{ color: #f2f2f2; padding-left:20px; line-height: 35px;  }
.tel_yz .tel_close .close_an{ width: 20px; height: 20px; float: right; background:green; line-height: 18px; text-align: center; font-size:28px; color:#999; margin:8px 8px;}
.tel_yz .tel_close .close_an:hover{color:#FFF; cursor: pointer;; }
.tel_conten{ width: 260px; height: 120px;  margin:60px 0 0 20px; }
.tel_conten .yzk{ width: 90px; height: 30px; line-height: 30px; padding-left:5px;  border:1px solid #CCC;  font-size:16px; letter-spacing: 2px; float: left; color: #666}
.tel_conten .yzm_img{ width: 70px; height: 30px; float: left; margin-left:15px; margin-top:2px; }
.tel_conten .yzm_img img{ width: 70px; height: 30px; cursor: pointer; }
.tel_conten .yzm_ts{ width:65px; height: 30px; line-height: 15px; float: right; margin-right: 2px; font-size: 12px;}
.yaz_an{ width: 100px; height: 35px;background: #CCC; border:0; margin:30px 0 0 65px; font-size: 15px; color: #FFF; }
.yaz_ans{color: #fff;background: #169bd6; cursor: pointer;}
.yzm_cw{ display: none; }
.djs i{ font-size: 14px; font-weight: 600; margin-right: 5px;}