/* typography */
body {
	color:#666;
	font-family:Optima,Segoe,"Segoe UI",Candara,Calibri,Arial,sans-serif;
	font-size:1em;
	line-height:normal;
	background:url(../images/bg-body.jpg) repeat-x left top;
}
h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
	font-family:Optima,Segoe,"Segoe UI",Candara,Calibri,Arial,sans-serif;
	line-height:120%;
	margin:0;
	padding:0;
	 
}
.clearfix:before, .clearfix:after {
	content: "";
	display: table;
}
.clearfix:after {
	clear: both;
}
.clearfix {
	zoom: 1;
}
 
/*page css start from here*/

.container {margin:0 auto; width:100%;}
.full-width {width:100%; float:left;}
.img-responsive {width:100%; height:auto; display:block;}
.header {width:100%; float:left; margin:0; padding:0; background:#fff; position:fixed; top:0; left:0;}
.logo {
	width:350px; float:left; margin:20px 0 0 16px; padding:0;
	font:normal 16px Century Gothic, Verdana, Geneva, sans-serif;
}
.logo a {width:100%; min-height:60px; float:left; background:url(../images/logo.jpg) no-repeat left top;}
.logo p {width:100%; float:left; margin:5px 0 0 0; padding:0; color:#000; text-align:center;}
.logo p strong {font-weight:bold; font-size:20px;}

.nav-toggle {width:31px; float:left; min-height:24px; margin:0; padding:0; background:url(../images/navicon.jpg) no-repeat left top; display:none;}
.nav {width:100%; float:left; margin:-30px 10px 0 0; padding:0 20px 10px 0; border-bottom:1px solid #000; position:relative; display:block}
.nav ul {list-style:none; margin:0; padding:0; float:right;}
.nav ul li {width:auto; float:left; margin:0; padding-left:15px; padding-right:10px;  padding-bottom:15px; font-size:16px; font-weight:normal; font-style:normal; color:#000;}
.nav ul li a {color:#000; text-decoration:none;}
.sm {width:35px; height:35px; float:right; margin:0; padding:0; display:none;}
.sm1 {background:url(../images/sm1.jpg) no-repeat left top;} 
.sm2 {background:url(../images/sm2.jpg) no-repeat left top;} 
.sm3 {background:url(../images/sm3.jpg) no-repeat left top;} 

.mid-wrap {float:left; margin:165px 0 0; padding:35px 10px 25px 30px;}
.left {width:75%; height:76vh; float:left; margin:0; padding:0; text-align:center; overflow-y:auto;}
.lbanner {width:100%; float:left;}
.content {width:100%; float:left; margin:20px 0 0; padding:0;}
.content p {width:100%; float:left; font-size:13px; font-weight:normal; font-style:normal; color:#000; text-align:left; line-height:18px;}
.content p.font-lg {font-size:16px; margin-bottom:5px;}
.content p.font-xlg {font-size:20px; margin-bottom:10px;}

.separator {width:500px; height:1px; background:rgba(204,204,204); display:inline-block; margin:40px 0;}

.right {width:23%; height:76vh; float:right; margin:0; padding:0; text-align:center; overflow-y:auto; overflow-x:hidden;}
.right > .content {margin-top:0;}

.margin-zero {margin:0;}

.cd-pic {width:48%; float:left; margin:0; padding:0;}
.cd-content {width:48%; float:right; margin:0px 15px 0px 0px; padding:0;}
.cd-content p {font-size:13px; font-weight:normal; font-style:normal; color:#000; text-align:left; line-height:18px;}
.cd-content p strong {font-size:20px;}

.big-img-re {width:100%; float:left; margin-bottom:10px;}
.rtile-re {width:100%; float:left; margin:0; padding:0; margin-bottom:20px}
.rtile-re a {width:100%; float:left; text-decoration:none; margin:0; padding:0; text-align:left; font-size:12px; font-weight:normal; font-style:normal; color:#000;}
.rtile-re a span strong {display:inline-block; margin-bottom:0px;}
.rtile-re a span {margin:5px 0; float:left; margin-bottom:25px;}


.bio-re {width:100%; float:left; margin:0 0 0 0px;}
.bio-re h2 {width:15%; float:left; font-size:40px; font-weight:bold; font-style:normal; color:#000; text-align:left;}
.tile-wrap {width:85%; float:left; margin:0; padding:0;}
.tile-re {width:22%; float:left; margin:0 25px 30px 0; padding:0;}
.tile-re a {text-decoration:none;}
.tile-re p {font-size:12px; font-weight:normal; font-style:normal; color:#000; text-align:left; padding-top:4px;}

.press {width:100%; float:left;}
.pr-re {margin-bottom:30px; width:100%; float:left;}
.pr-re a {text-decoration:none; color:#000;}
.pr-re p {width:100%; float:left; margin:0 0 30px; padding:0; font-size:16px; font-weight:normal; font-style:normal; color:#000; text-align:left;}
/*.pr-re p strong {font-family:"Century Gothic Bold", Verdana;}*/
.pr-img {width:10%; float:left; margin:0 70px; padding:0;}
.pr-img img {border:1px solid #CCC;}
.pr-img span { font-size:13px; font-weight:normal; font-style:normal; color:#000; text-align:left; padding-top:8px; width:100%; float:left; text-align:center;}
/*.pr-img span strong {font-family:"Century Gothic Bold", Verdana;}*/

.copyright {width:100%; float:left;}
.copyright h2 {width:100%; float:left; margin-bottom:20px;  font-size:16px; font-weight:normal; font-style:normal; color:#000; text-align:left;}
.copyright p {width:100%; float:left; margin:0; padding:0;  font-size:13px; font-weight:normal; font-style:normal; color:#000; text-align:left;}
.copyright p em {width:100%; float:left; text-decoration:underline; font-style:normal;}
.copyright p a {text-decoration:none; color:#000;}

.year-ua {width:100%; float:left; margin:30px 0 15px; padding:0; font-family:Optima,Segoe,"Segoe UI",Candara,Calibri,Arial,sans-serif !important; font-size:30px !important; font-weight:normal; font-style:normal; color:#000; display:none;}

@media only screen and (max-width:1139px) and (min-width:640px) {
.container {width:100%;}
.header {text-align:center; padding-bottom:20px;}
.logo {float:none; display:inline-block;}
.nav {border-bottom:none;}
.nav-toggle {display:block; position: absolute; margin-top: -85px; margin-left: 10px;}
.nav ul {position:absolute; left:10px; width:98%; min-width:630px; margin-top:50px; background:rgba(255,255,255,0.97); display:none;}
.nav ul li {width:100%; background:url(../images/bull.jpg) no-repeat left 5px; text-align:left; padding:0; margin-bottom:20px;}
.nav ul li a {padding-left:30px;}
.sm {display:block;}
.mid-wrap {padding:10px;}
.left {min-width:400px; overflow-x: hidden; height: auto;}
.right {min-width:140px; overflow-x: hidden; height: auto;}
.bio-re h2 {width:100%; margin-bottom: 10px;}
.tile-wrap {width:100%}
.tile-re {width: 44%; margin-bottom: 15px; margin-right: 25px;}
.pr-img {width:25%; margin:0 10px 20px 0;}
.year-ua {display:none;}
}


@media only screen and (max-width:639px) {
.container {width:100%;}
.header {text-align:center;}
.logo {float:none; display:inline-block; width:220px;}
.logo a {background:url(../images/logo-320.jpg) no-repeat left top; width:100%; min-height:38px;}
.nav {border-bottom:none;}
.nav-toggle {display:block; position: absolute; margin-top: -82px; margin-left: 10px;}
.nav ul {position:absolute; width:96%; background:rgba(255,255,255,0.97); display:none; padding:2%;margin-top:40px;}
.nav ul li {width:100%; background:url(../images/bull.jpg) no-repeat left 5px; text-align:left; padding:0; margin-bottom:20px;}
.nav ul li:first-child {margin-top:30px;}
.nav ul li a {padding-left:20px;}
.sm {display:block;}
.mid-wrap {padding:2%; width:96%; max-width:619px;}
.left {min-width:auto; width:90%; overflow-x: hidden; height: auto; padding:0 5%;}
.right {min-width:auto; width:90%; float:left; margin-top:20px; overflow-x: hidden; height: auto; padding:0 5%;}
.cd-pic {width:100%; margin-bottom:20px;}
.cd-content {width:100%; margin: 0;}
.bio-re h2 {width:100%; margin-bottom: 10px;}
.tile-wrap {width:100%}
.tile-re {width:100%; margin-bottom: 15px; margin-right:0;}
.tile-re img {width:150px; float:right;}
.pr-img {width:100%; margin:0;}
.pr-img img {width:99%;}
.year-ua {display:block;}
}