.content {
	max-width: 1000px;
	position: relative;
	margin: auto;
}
.zopim:nth-child(1){
   transform: rotate(-90deg);
   right:-75px !important;
   bottom:22% !important;
}
.zopim:nth-child(2){
	transform: rotate(0deg);
}
.slides-content {
	min-height: 50px;
}


/* #region Bullet Navigator Skin Begin */


/* Help: http://www.jssor.com/tutorial/set-bullet-navigator.html */


/* jssor slider bullet navigator skin 21 css */


/*
    .jssorb21 div           (normal)
    .jssorb21 div:hover     (normal mouseover)
    .jssorb21 .av           (active)
    .jssorb21 .av:hover     (active mouseover)
    .jssorb21 .dn           (mousedown)
    */

.slides-box {
	visibility: hidden;
	position: relative;
	margin: 0 auto;
	top: 0px;
	left: 0px;
	width: 1000px;
	height: 410px;
	overflow: hidden;
}

.slides-main {
	cursor: move;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 1000px;
	height: 410px;
	overflow: hidden;
}

.slides-box-first,
.slides-main-first {
	width: 1920px;
	height: 548px;
}

.jssorb21 {
	position: absolute;
}

.jssorb21 div,
.jssorb21 div:hover,
.jssorb21 .av {
	position: absolute;
	/* size of bullet elment */
	width: 9px;
	height: 9px;
	text-align: center;
	line-height: 19px;
	color: white;
	font-size: 12px;
	border-radius: 50%;
	/**background: url(/gsimages/newhome/b21.png) no-repeat;**/
	overflow: hidden;
	cursor: pointer;
	background: #fff;
	
}

.jssorb21 div {
	/**background-position: -5px -5px;**/
	border: 1px solid #fff;
	background: none;
}

.jssorb21 div:hover,
.jssorb21 .av:hover {
	background-position: -35px -5px;
}

.jssorb21 .av {
	background-position: -65px -5px;
}

.jssorb21 .dn,
.jssorb21 .dn:hover {
	background-position: -95px -5px;
}


/* #region Arrow Navigator Skin Begin */


/* jssor slider arrow navigator skin 21 css */


/*
.jssora21l                  (normal)
.jssora21r                  (normal)
.jssora21l:hover            (normal mouseover)
.jssora21r:hover            (normal mouseover)
.jssora21l.jssora21ldn      (mousedown)
.jssora21r.jssora21rdn      (mousedown)
*/

.jssora21l,
.jssora21r {
	display: block;
	position: absolute;
	/* size of arrow element */
	width: 55px;
	height: 55px;
	cursor: pointer;
	background: url(/gsimages/newhome/a21.png) center center no-repeat;
	overflow: hidden;
}

.jssora21l {
	background-position: -3px -33px;
}

.jssora21r {
	background-position: -63px -33px;
}

.jssora21l:hover {
	background-position: -123px -33px;
}

.jssora21r:hover {
	background-position: -183px -33px;
}

.jssora21l.jssora21ldn {
	background-position: -243px -33px;
}

.jssora21r.jssora21rdn {
	background-position: -303px -33px;
}

.slides-top {
	bottom: 26px;
	right: 6px;
}


/*----slidesshow end----*/

.cards-box {
	max-width: 1000px;
	padding: 30px 0;
	margin: 0 auto;
}

.cards {
	margin-left: -35px;
	padding: 0 0;
}

.row-fluid {
	width: 309px;
	*zoom: 1;
	float: left;
	margin-left: 35px;
	/*border: 1px solid #acacac;*/
	display: flex;
	flex-direction: column;
}

.row-fluid h2 {
	color: #0c0c0c;
	font-size: 1.8rem;
	margin-bottom: 12px;
}

.row-fluid .span12 img {
	/*margin-bottom: 15px;*/
	width: 100%;
}

.cards-content {
	padding: 0 12px 15px 12px;
	width: 100%;
	display: inline-block;
	margin-top: 15px
}

.span12 .cards-content h2 a {
	color: #0066cc;
	font-size: 22px;
	line-height: 1.18em;
	font-weight: normal
}

.span12 .cards-content h2 a:hover {
	color: #0066cc;
	text-decoration: none
}

.cards-content p {
	color: #58585b;
	line-height: 1.5em;
	font-size: 16px;
}

.row-fluid:before,
.row-fluid:after {
	display: table;
	line-height: 0;
	content: "";
}

.row-fluid:after {
	clear: both;
}

.row-fluid [class*="span"] {
	display: block;
	float: left;
	width: 100%;
	min-height: 30px;
	margin-left: 2.7624309392265194%;
	*margin-left: 2.709239449864817%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.row-fluid [class*="span"]:first-child {
	margin-left: 0;
}

.row-fluid .span12 {
	width: 100%;
	*width: 99.94680851063829%;
}

.row-fluid .span11 {
	width: 91.43646408839778%;
	*width: 91.38327259903608%;
}

.row-fluid .span10 {
	width: 82.87292817679558%;
	*width: 82.81973668743387%;
}

.row-fluid .span9 {
	width: 74.30939226519337%;
	*width: 74.25620077583166%;
}

.row-fluid .span8 {
	width: 65.74585635359117%;
	*width: 65.69266486422946%;
}

.row-fluid .span7 {
	width: 57.18232044198895%;
	*width: 57.12912895262725%;
}

.row-fluid .span6 {
	width: 48.61878453038674%;
	*width: 48.56559304102504%;
}

.row-fluid .span5 {
	width: 40.05524861878453%;
	*width: 40.00205712942283%;
}

.row-fluid .span4 {
	width: 31.491712707182323%;
	*width: 31.43852121782062%;
}

.row-fluid .span3 {
	width: 22.92817679558011%;
	*width: 22.87498530621841%;
}

.row-fluid .span2 {
	width: 14.3646408839779%;
	*width: 14.311449394616199%;
}

.row-fluid .span1 {
	width: 5.801104972375691%;
	*width: 5.747913483013988%;
}

@media only screen and (min-width: 768px) {
	.catalog .catalog-adv {
		max-width: 665px;
		max-height: 410px;
		margin: 0 auto;
	}
}

.full {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	display: block;
}

.full .catalog {
	min-height: 34.3rem;
	background-image: url(/gsimages/newhome/industrial-grade-plasmid-bar.jpg);
	background-size: auto 410px !important;
	background-repeat: no-repeat;
	background-position: top center;
	position: relative;
	overflow: hidden;
}

.full .catalog-slides2 {
	/*background-image: url(/gsimages/newhome/service-higt-bar.jpg);*/
	background-image: url(/gsimages/newhome/f-peptide-handbook.jpg);
	background-position: top center;
}

.full .catalog-slides3 {
	background-image: url(/gsimages/newhome/custom-monoclonal-antibody-production-services-bar-cite.jpg);
	/*background-image: url(/gsimages/newhome/service-application-bar.jpg);*/
	/*background-image: url(/gsimages/newhome/f-bacpower-duplex-small-scale.jpg);*/
	background-position: top center;
}

.full .catalog-slides4 {
	background-image: url(/gsimages/newhome/dbbu-stable-bar.jpg);
}

.full .catalog-slides5 {
	background-image: url(/gsimages/newhome/dbbu-bar-disease.jpg);
}

.full .catalog-slides6 {}

.full .catalog-slides7 {
	background-image: url(/gsimages/newhome/cpbu-want-bar.jpg);
}

.full .catalog-slides8 {
	background-image: url(/gsimages/newhome/cpbu-new-bar.jpg);
}

.full .catalog-slides9 {
	background-image: url(/gsimages/newhome/cpbu-instock-bar.jpg);
}

.catalog .catalog-bg-show {
	position: absolute;
	left: 8.5%;
	display: block;
	top: 14%;
	z-index: 30;
	text-align: left;
	width: 100%;
	padding: 20px 30px 20px 30px;
}

.catalog .catalog-adv {
	background-color: rgba(255, 255, 255, 0.55);
}

.headline {
	font-size: 3.2rem;
	font-style: normal;
	font-weight: 100;
	margin-bottom: 15px;
	line-height: 1.15em;
}

.headline-text {
	color: #333333;
}

.headline-text-sub {
	color: yellow;
	font-size: 1.6em;
	margin-bottom: 10px;
}

.description {
	display: block;
	line-height: 1.3;
	font-size: 2.2rem;
	margin: 0;
	padding: 0;
}

.catalog-button {
	font-style: normal;
	font-weight: 400;
	width: 100%;
	color: #ffffff;
	font-size: 18px;
	font-size: 1.8rem;
	margin-top: 20px;
	display: inline;
	line-height: 1.4em;
	padding: 6px 30px;
	border-radius: 60px;
	border: 0;
	text-shadow: none;
}

.color-red {
	color: red;
	font-style: italic;
}

.type-text {
	background-color: #08bf95;
}

.catalog-button:hover {
	background-color: #0ab082;
	text-decoration: none;
	color: #ffffff;
}

.type-blue {
	background-color: #1ba0d7;
}

.type-green {
	background: #0da0aa
}

.type-green:hover {
	background: #148d95
}

.type-gray {
	background: #6f6f6f
}

.type-gray:hover {
	background: #666666
}

.type-green-1 {
	background: #54ac46
}

.type-green-1:hover {
	background: #4ea341
}


/*----video---*/

.ve-content {
	display: block;
	background: url(/gsimages/newhome/15.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	position: relative;
	min-height: 39.6rem;
	overflow: hidden;
	max-width: 1000px;
	background-size: auto 484px !important;
}

.estain-bg-show {
	position: absolute;
	top: 90%;
	left: 39%;
	min-height: 2.0rem;
}

.catalog-button {
	display: inline-block;
	width: auto;
}

.type-blue:hover {
	background-color: #0f8abe;
}

.video-box {
	/*background: url(/gsimages/newhome/branding-video-bg.jpg);*/
	background: url(/gsimages/newhome/eblot-video-bg.jpg);
	min-height: 34.6rem;
	background-repeat: no-repeat;
	background-size: auto 410px !important;
	background-position: 50% 0;
	position: relative;
	max-height: 416px;
	height: auto;
	transition: all .5s ease-out;
}

.video-box:hover {
	background: url(/gsimages/newhome/eblot-video-bg-hover.jpg);
	min-height: 34.6rem;
	background-repeat: no-repeat;
	background-size: auto 410px !important;
	background-position: 50% 0;
	position: relative;
	max-height: 416px;
	height: auto;
}
.btn-play {
	text-transform: none;
	width: 100%;
	display: inline-block;
	cursor: pointer;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
}

.ve-play {
	/*background-color: rgba(63,63,64,0.65);*/
	line-height: 7.4rem;
	border-radius: 50%;
	padding: 25px 25px;
	color: #333333;
}

.ve-play:hover {
	color: #ffffff;
}

.btn-play .ve-icon {
	font-size: 55px;
}

.ve-icon:before {
	content: "\e603";
}

.btn-play span {
	padding: 20px 16px 8px 8px;
	font-size: 30px;
	font-size: 3.0em;
	display: block;
	color: #ffffff;
	font-weight: normal;
}

.btn-play span.min {
	font-size: 1.6em
}

.btn-play span:hover {
	color: #ffffff;
}

.news-section {
	max-width: 1000px;
	min-height: 5rem;
	margin-top: 30px;
}

.line-top,
.line-bottom {
	height: 1px;
	background: -webkit-linear-gradient(left, #f3f3f3 0%, #dddddd 50%, #f3f3f3 100%);
	background: -o-linear-gradient(left, #f3f3f3 0%, #dddddd 50%, #f3f3f3 100%);
	background: -moz-linear-gradient(left, #f3f3f3 0%, #dddddd 50%, #f3f3f3 100%);
	background: -ms-linear-gradient(left, #f3f3f3 0%, #dddddd 50%, #f3f3f3 100%);
	background: linear-gradient(left, #f3f3f3 0%, #dddddd 50%, #f3f3f3 100%);
	filter: progid: DXImageTransform.Microsoft.Gradient(startColorStr='#f3f3f3', endColorStr='#dddddd', gradientType='1');
	/** IE7 8 6**/
}

.line-box {
	min-height: 2.2rem;
	width: 100%;
	overflow: hidden;
}

.line-box-left {
	float: left;
	width: 25%;
	margin-bottom: 0;
	text-align: center;
	padding: 28px 0;
}

.line-box-right {
	float: right;
	width: 74%;
	text-align: left;
	padding: 8px 10px;
}

.line-box-right .news-ul li {
	padding: 6px 0;
}

.line-box-right .news-ul li a {
	line-height: 1.2;
	color: #333333;
	font-size: 1.4rem;
}

.line-box-right .news-ul li a:hover {
	color: #333333;
	text-decoration: underline;
}

.new {
	color: red;
	font-style: italic;
}

.line-box-middle {
	width: 2px;
	height: 110px;
	float: left;
	background: -webkit-linear-gradient(top, #f3f3f3 4%, #dddddd 60%, #f3f3f3 100%);
	background: -moz-linear-gradient(top, #f3f3f3 4%, #dddddd 60%, #f3f3f3 100%);
	background: -o-linear-gradient(top, #f3f3f3 4%, #dddddd 60%, #f3f3f3 10%);
	background: -ms-linear-gradient(top, #f3f3f3 4%, #dddddd 60%, #f3f3f3 100%);
	background: linear-gradient(top, #f3f3f3 4%, #dddddd 60%, #f3f3f3 100%);
	filter: progid: DXImageTransform.Microsoft.Gradient(startColorStr='#f3f3f3', endColorStr='#dddddd', gradientType='0');
	/** IE7 8 6**/
}


/*------footer start----*/

.full-footer {
	margin-top: 50px;
	/*max-width: 1440px;*/
	background-color: #f0f0f0;
	overflow: hidden
}

.line-footer {
	height: 3px;
	background: -webkit-linear-gradient(left, #f3f3f3 4%, #bbcfe8 16%, #155bb0 58%, #bbcfe8 70%, #f3f3f3 100%);
	background: -moz-linear-gradient(left, #f3f3f3 4%, #bbcfe8 16%, #155bb0 58%, #bbcfe8 70%, #f3f3f3 100%);
	background: -o-linear-gradient(left, #f3f3f3 4%, #bbcfe8 16%, #155bb0 58%, #bbcfe8 70%, #f3f3f3 100%);
	background: -ms-linear-gradient(left, #f3f3f3 4%, #bbcfe8 16%, #155bb0 58%, #bbcfe8 70%, #f3f3f3 100%);
	background: linear-gradient(left, #f3f3f3 4%, #bbcfe8 16%, #155bb0 58%, #bbcfe8 70%, #f3f3f3 100%);
	filter: progid: DXImageTransform.Microsoft.Gradient(startColorStr='#ffffff', endColorStr='#155bb0', gradientType='0');
	/** IE7 8 6**/
}

.content-footer {
	background-color: #f0f0f0;
	padding: 1.4rem 0;
	font-size: 1.3rem;
	line-height: 2.4rem;
}


/*---language---*/

.language {
	width: 50%;
	float: left;
	line-height: 34px;
}

.language span {
	float: left;
	color: #3b3b3b;
	font-weight: 400;
	font-size: 1.6rem;
	line-height: 2.6rem;
	display: inline-block;
	position: relative;
}

.span8 {
	width: 150px;
	float: left;
	margin-left: 10px;
	display: inline-block;
	position: relative;
}

.span8 .btn-en {
	padding: 6px 22px;
	color: #3b3b3b
}

.span8 .dropdown-toggle {
	padding: 14px 12px;
}

.icon-en {
	margin-top: 2px;
}

.span8 .ja-menu {
	min-width: 118px;
	padding: 1px 0;
}

.span8 .icon-ja {
	font-size: 24px;
}

.btn-primary {
	color: #3b3b3b;
	background-color: #ffffff;
	border-color: #b9b9b9;
}

.span8 .btn-primary:hover {
	color: #3b3b3b;
	background-color: #f3f3f3;
	border-color: #204d74;
}

.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary:active.focus,
.btn-primary:active:focus,
.btn-primary:active:hover,
.open>.btn-tag.btn-primary.focus,
.open>.btn-tag.btn-primary:focus,
.open>.btn-tag.btn-primary:hover {
	color: #3b3b3b;
	background-color: #f3f3f3;
	border-color: #204d74;
}

.span8 .btn-primary:focus {
	background-color: #f3f3f3;
	border-color: #122b40;
	color: #3b3b3b;
}

.ge-bar {
	background-color: #f0f0f0;
	max-width: 1000px;
	min-height: 5.5em;
	margin: 0 auto;
	padding: 20px 10px 10px 20px;
}

.social-bar {
	width: 50%;
	min-height: 3.2rem;
	float: right;
	padding: 0;
	position: relative;
}

.social-box {
	width: auto;
	position: absolute;
	margin-left: -10px;
	right: 0;
}

.social-box p {
	margin: 10px 0 10px 0;
}

.social-box p img {
	width: auto;
	vertical-align: middle;
	height: 30px;
	max-width: 30px;
}

.social-box .span1 {
	float: left;
	min-height: 1px;
	margin-left: 10px;
}

.span1 .icon {
	font-size: 38px;
}

.span1 .icon-twitter:before {
	content: "\e608";
}

.span1 .icon-facebook:before {
	content: "\e607";
}

.span1 .icon-linkedin:before {
	content: "\e609";
}

.span1 .icon-youtube:before {
	content: "\e606";
}

.span1 .icon-google:before {
	content: "\e605";
}

.span1 .icon-Google:before {
  content: "\e641";
}


.span1 .Google-center-copy:before {
  content: "\e8e4";
}

.span1 .icon-twitter {
	color: #1da0c8;
}

.span1 .icon-facebook {
	color: #3a5aa3;
}

.span1 .icon-linkedin {
	color: #006ea2;
}

.span1 .icon-youtube {
	color: #ba2f2b;
}

.span1 .icon-google {
	color: #d34836;
}

.span1 .icon-twitter:hover {
	color: rgba(24, 158, 198, 0.55);
}

.span1 .icon-facebook:hover {
	color: rgba(58, 90, 163, 0.55);
}

.span1 .icon-linkedin:hover {
	color: rgba(0, 110, 162, 0.55);
}

.span1 .icon-youtube:hover {
	color: rgba(186, 47, 43, 0.55);
}

.span1 .icon-google:hover {
	color: rgba(211, 72, 54, 0.55);
}

.content-footer {
	max-width: 1000px;
}

.content-footer .span3 {
	width: 220px;
	float: left;
	margin-left: 30px;
}

.content-footer .span3 h3 {
	font-size: 16px;
	margin-top: 0;
}

.content-footer .span3 ul li a {
	color: #333333;
	padding: 3px 0;
	line-height: 1.2;
	display: inline-block;
	font-size: 15px;
}

.content-footer .span3 ul li a:hover {
	color: #333333;
	text-decoration: underline;
}

.footer-icon {
	padding: 15px 0;
	max-width: 1000px;
}

.footer-icon ul {
	list-style-type: none;
	width: 68%;
	margin: 0 auto;
	min-height: 5.5rem;
}

.footer-icon ul li {
	text-align: left;
	display: inline-block;
	float: left;
	padding: 0 10px;
}

.footer-icon ul li img {
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: bottom;
	font-size: 0;
}

.footer-text {
	display: inline-block;
	width: 100%;
	font-size: 12px;
	color: #a3a2a2;
	text-align: center;
	height: 36px;
	line-height: 36px;
	margin: 0 auto;
}

.font16 {
	font-size: 16px
}

.font14 {
	font-size: 14px
}

.font12 {
	font-size: 12px
}

.font24 {
	font-size: 24px
}

.font26 {
	font-size: 26px
}


/*pics more larger*/

.row-fluid .span12 a {
	display: inline-block;
	overflow: hidden
}

.row-fluid .span12 {
	overflow: hidden
}

.row-fluid .span12 img {
	transition: all .5s ease-out;
	vertical-align: bottom;
}

.row-fluid .span12:hover img {
	-ms-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transform: scale(1.1)
}

.row-over {
	position: relative;
	margin-right: 15px;
	width: 436px;
	width: -ms-calc((100% - 30px)/3);
	width: -webkit-calc((100% - 30px)/3);
	margin-left: 0
}

.cards-con {
	position: absolute;
	background: rgba(51, 51, 51, 0.75);
	padding: 15px 15px;
	bottom: 0;
	left: 0;
	z-index: 1000;
}

.span12 .cards-con h2 {
	margin-bottom: 5px;
	padding-bottom: 0;
	line-height: inherit;
}

.span12 .cards-con h2 a {
	font-size: 1.4em;
	line-height: 1.4em
}

.span12 .cards-con h2 a,
.span12 .cards-con p {
	color: #ffffff
}

.span12 .cards-con h2 a:hover,
.span12 .cards-con h2 a:visited {
	color: #ffffff
}

.cardss {
	margin-left: 0px;
	width: 100%
}

.cards-wide {
	max-width: 1340px;
}

.row-over:last-child {
	margin: 0
}


/*top banner*/


.gs-bar-fr {
	position: absolute;
	width: 36%;
	left: 20%;
	top: 22%;
	padding: 0;
	z-index: 2000
}
.gsTop { top: 25% }

.gs-bar-wide {
	width: 32%
}

.gs-bar-wide-1 {
	width: 36%
}

.gs-bar-wide-2 {
	width: 40%
}
.gs-bar-wide-3 {
	width: 34%
}

.gs-bar-wide-4 {
	width: 45%
}

.pc-title {
	font-size: 40px;
	font-weight: 400;
	line-height: 1.2em;
	margin-bottom: 15px;
}

.pc-title-sub {
	line-height: 1.4em
}

.btn-bottom {
	margin-bottom: 35px
}

.btn-bottom-1 {
	margin-bottom: 33px
}

.cl-08e274 {
	color: #08e274;
}

.cl-372227 {
	color: #372227;
}

.cl-ee5c32 {
	color: #ee5c32;
}

.cl-0a3e66 {
	color: #0a3e66
}

.cl-282261 {
	color: #282261
}

.cl-white {
	color: #ffffff
}

.cl-009e4e {
	color: #009e4e;
}

.cl-005825 {
	color: #005825;
}
.cl-fb8302{
	color:#fb8302;
}
.cl-black {
	color: #000000
}
.cl-feec01 {
	color: #f7fd00;
}
.cl-feba00 {
	color: #feba00;
}
.cl-ff7701 {
	color: #ff7701;
}

.cl-brown {
	color: #9b591d;
}

.font20 {
	font-size: 20px
}

.font22 {
	font-size: 22px
}

.font26 {
	font-size: 26px
}

.font30 {
	font-size: 30px
}

.font35 {
	font-size: 35px
}
.font45 {
	font-size: 45px
}
.font50 {
	font-size: 50px
}

.button-bar {
	font-size: 18px;
	border-radius: 60px;
	text-align: center;
	border: 0;
	color: #ffffff;
	padding: 8px 40px;
	font-weight: 400;
	display: inline-block;
	line-height: 1.4em;
}



.button-bar:link,
.button-bar:visited {
	color: #ffffff;
	text-decoration: none
}

.btn-vi-bg {
	background: #f6ab00
}
.btn-vi-bg:hover {
	color: #ffffff;
	background: #e9a304;
}
.btn-vi-bg-blue {
	background: #0c4b95;
}
.btn-vi-bg-blue:hover {
	background:#145699;
}
.pc-size { font-size: 38px }


.btn-bg-purple {
	background:#5048b4;	
}

.btn-bg-purple:hover {
	background:#48419c;	
}


.gs-bar-fr-center-36 {
	top:38%!important
}

/*webinar ad*/

.wead {
	margin: 0 auto;
	padding: 0;
	max-width: 1000px;	
}

.wead .wead-box {
    background-size: auto;
    min-height:410px;
    position: relative;
}

.wead .wead-bg {
	    background-image: url(/gsimages/newhome/expression-of-toxic-genes-in-e.-coli--special-strategies-ad.jpg);
} 


.wead-overlay {
	position: absolute;
	width: 74%;
	text-align: center;
	left: 50%;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
	display: inline-block;
	background: rgba(0,0,0,0.5);
    padding: 30px 64px;
}

.wead-overlay h2 { 
    font-size: 2em;
	color:#ffffff;
	margin-bottom:25px;
}

.wead-overlay p { font-size: 16px; margin-bottom:20px; line-height:1.6em}

.top-conner {
	position: absolute;
	left:3%;
	top:7%;
	padding: 6px 12px;
    background: #ffffff;
    /*border-top: 4px solid transparent;
    border-left: 4px solid;
    border-right: 4px solid;
    border-bottom: 4px solid transparent;*/
    z-index: 999;
}

.top-conner i {
	color:#08bf95;
}


.btn-learn .catalog-button {
	color:#ffffff
} 

@media only screen and (max-width:768px) {
	
	.gs-bar-fr {
		left: 14%;
		top:18%;
	}	
    .wead-overlay {
		width:100%;
		padding:30px 30px;
	}
	.wead .wead-pst {
	background-position: 82% 50%;
		}
	.btn-learn .catalog-button {
		font-size: 14px;
		font-size:1.4em;
		padding:6px 28px;
	}


.wead-overlay h2 {
	font-size: 1.6em;
	line-height:1.4em;
}
}