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

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}
html{font-size:62.5%;}
*, :after, :before {
    box-sizing: border-box;
}
/* Set HTML5 elements block */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
ol,ul{list-style:none}
body{font-family:arial,helvetica,"Helvetica Neue","HelveticaNeue","Lucida Grande",sans-serif;font-size:14px;font-size:1.4rem;line-height:1em;color:#333333;position:relative;min-width:320px;}
h1,h2,h3,h4,h5,h6{font-weight:normal;line-height:1.45em;color:#333333}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{font-weight:inherit}
h1{font-size:28px;font-size:2em}
h2{font-size:18px;font-size:1.8rem}
h3{font-size:14px;font-size:1.4rem;font-weight:bold}
p img{margin:0}
em,i{font-style:italic;line-height:inherit}
strong,b{font-weight:bold;line-height:inherit}
body{ position:relative; -webkit-font-smoothing:subpixel-antialiased} 
a{color:#58585b;text-decoration:none;line-height:inherit}
a:hover,a:active{text-decoration:none; color:#0066cc}
a:focus, a:hover {
    color: #0066cc;
    text-decoration: none;
}
p a,p a:visited{line-height:inherit}
label{cursor:pointer}
button,textarea{border:0 solid transparent}
input,button,select,textarea{padding:0;margin:0;font-family:arial,helvetica,"Helvetica Neue","HelveticaNeue","Lucida Grande",sans-serif;font-size:100%;vertical-align:baseline}
input[type="search"]{-webkit-box-sizing:"content-box";-moz-box-sizing:"content-box";box-sizing:"content-box"}
button{cursor:pointer;background-color:transparent;color:#525252;font-family:inherit}
button[disabled]{cursor:default}


/*--------top start------*/
.navbar-default .navbar-nav>li>a { color:#58585b}
#ge-tophead{
	display:block; 
	height:auto;
	width:100%; 
	padding:0; 
	box-sizing:border-box;
	background-color:#ffffff; 
	/*border-bottom:.1rem solid #e3e3e3;*/
	top: 0; 
	left: 0;
	position:fixed;
	z-index:20000; /*background:-webkit-gradient(linear,100% 50%,0% 50%,color-stop(0%,#4d80af),color-stop(100%,#2b5593));background:-webkit-linear-gradient(top,#4d80af 0,#2b5593 100%);background:-moz-linear-gradient(top,#4d80af 0,#2b5593 100%);background:-o-linear-gradient(top,#4d80af 0,#2b5593 100%);background:linear-gradient(top,#4d80af 0,#2b5593 100%);background:-ms-linear-gradient(top,#4d80af 0,#2b5593 100%)*/}

.navbar-ge { background-color: #ffffff;}

.navbar-ge .navbar-nav>.active>a, .navbar-ge .navbar-nav>.active>a:focus, .navbar-ge .navbar-nav>.active>a:hover {
	 color: #555555;	
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
	border-bottom-width: 0;
	
}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
	background-color: #ffffff;
}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
	border-bottom: 1px solid #8e8e8e;
	background-color: #ffffff;
}
#top-menu { 
	width: auto; 
	background-color:#e3e3e3; 
	padding:0 0 3px 0; 
	}
#top-menu #ge-box { 
	position:relative; 
	max-width:1000px;
	margin:0 auto; 
	height:20px;
	}
#top-menu #ge-login { 
	display:block; 
	position:absolute; 
	right:0; 
	top:0;
	font-size:1rem;
	}

#ge-login ul:not(:first-of-type) {
    margin-left: 29px;
    }
#top-menu #ge-login a { 
	color:#58585b; 
	font-size:12px; 
	margin-bottom:0; 
	line-height:18px;
	}
#top-menu #ge-login a:link, #top-menu #ge-login a:visited { color:#58585b} 

#top-menu #ge-login a:hover { color:#262626}


#ge-login ul li:after {
    content: "|";
    color: #808080;
    margin-left: 15px;
    }


.line-header {
	height: 3px;
	background: -moz-linear-gradient(left, #ffffff 4%, #d6d6d6 50%, #ffffff 100%); /* Linear gradient compatible wording */
    background: -webkit-linear-gradient(left, #ffffff 4%, #d6d6d6 50%, #ffffff 100%);
    background: -o-linear-gradient(left, #ffffff 4%, #d6d6d6 50%, #ffffff 100%);
	background: -ms-linear-gradient(left, #ffffff 4%, #d6d6d6 50%, #ffffff 100%); /** IE9 IE10 **/
	background: linear-gradient(left, #ffffff 4%, #d6d6d6 50%, #ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#ffffff',endColorStr='#d6d6d6', gradientType='0'); 	/** IE7 8 6**/ 

}

:root .gradient{filter:none;} /*Linear gradient compatible wording, Filter effects IE9*/
/*-------shopping cart----*/


@font-face {font-family: "iconfont";
  src: url('iconfont.eot?t=1471588707'); /* IE9*/
  src: url('iconfont.eot?t=1471588707#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('iconfont.woff?t=1471588707') format('woff'), /* chrome, firefox */
  url('iconfont.ttf?t=1471588707') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('iconfont.svg?t=1471588707#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont {
  font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}

#top-menu #ge-login #ge-cart .icon {
  font-size:18px;
  line-height: 20px;
  margin:0;
  color:#f47a55;
  -webkit-transition: font-size 0.25s ease-out 0s;
  -moz-transition: font-size 0.25s ease-out 0s;
  transition: font-size 0.25s ease-out 0s;
  }
#top-menu #ge-login #ge-cart .icon-shopping {
	width:auto; 
	height:22px;
	cursor:pointer;
	}

#top-menu #ge-login #ge-cart .icon-shopping:after { 
	content: ""; 
	}
/*-------shopping cart end----*/


#ge-login ul .geqo:after { content:"";}
#top-menu #ge-login ul .geqo a { 
	color:#0b4992; 
	font-weight:bold;
	}
#top-menu #ge-login ul { 
	margin-top:0; 
	margin-bottom:0; 
	margin-left:16px; 
	float:left; 
	min-height:18px;
	padding:0
	}
#top-menu #ge-login ul li { 
	line-height:18px; 
	float:left; 
	font-size:14px; 
	color:#000000; 
	margin-left:12px;}
	
#ge-login #ge-ul {
	height:18pxpx; 
	line-height:normal;
	}


#gs-col { 
	max-width:1000px; 
	margin:0 auto; 
	display:block; 
	z-index:1000; 
	background:#ffffff;
	position:relative;
	}

/*-------log search----------*/
.gs-search { 
	position:relative;
	display:block;
	width:590px; 
	height:32px; 
	margin-top:12px; 
	padding:0 0;
	float:right;
	}
.form-search input { 
	display:inline-block; 
	margin-bottom:0;
	}
.input-medium {
    width: 590px; 
    position:absolute
    }

.input-medium{ 
	font-size:14px; 
	height:30px; 
	line-height:30px; 
	border:1px solid #cccccc; 
	vertical-align: middle; 
	color:#58585b;
	}
.search-query {
	padding:0 30px 0 10px;
    /*-webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    border-radius: 14px;*/
    }
.gs-search .form-search>div { 
	position:relative; 
	overflow:visible;
	}
.gs-search .form-search .btn {
	opacity: 1;
    visibility: visible;
	padding:0;
	width:34px;
	height:30px;
    display: inline-block;
    margin-bottom: 0;
    font-size: 13px;
    line-height: 18px;
    color: #333333;
    text-align: center;
    vertical-align: middle;
    position:absolute; 
    top:0; 
    right:0;
	outline-color:none;
	outline-style:none;
    }


.form-search .btn .iconfont {
  font-size:22px;
  }


/*--------logo--------*/
#gs-logo-box { 
	overflow:hidden; 
	padding:10px 0; 
	height: auto;
	}
#gs-logo-box #gs-logo {
	box-sizing: border-box; 
	overflow:hidden; 
	display:block; 
	float:left;
	}
#gs-logo-box #gs-logo div { 
	overflow:hidden; 
	font-size:0; 
	width:203px; 
	height:59px; 
	float:left;
	}
#gs-logo-box #gs-logo div:before {
	box-sizing: border-box; 
	display:inline-block; 
	width:203px; 
	height:59px; 
	content:url(/gsimages/newhome/genscript-sprite.png);
	}


/*-------dropdown menu-----------*/
.row .span4 {
    float: left;
    margin-left: 28px;
    }
.row [class*="span"] {
    margin-bottom: 10px;
    }
.row {
    margin-left: -20px;
   }
.span4 {
    width: 220px;
   }
.span7{margin-top: 10px;}

.row h2 {
    font-size: 16px;
    line-height: 28px;
    font-weight:bold;
	margin-top:0;
}
.row h3 {
    font-size: 14px;
    line-height: 26px;
	font-weight:bold;
	margin-top:5px;
}
.row .h-title { 
	background-color:#e3e3e3; 
	padding-left:10px; 
	font-weight:normal;
	}
.row p {
    margin: 0 0 9px;
    font-size: 13px;
    line-height: 18px;
    }

.dropdown-menu .row .span4 ul>li>a {
    display: inline-block;
    padding: 4px 10px;
    clear: both;
    font-weight: 400;
    line-height: 1.3;
    color: #58585b;
    /* white-space: nowrap;*/
    }

.dropdown-menu .row .span4 ul>li>a:focus, .dropdown-menu .row .span4 ul>li>a:hover {
    color: #0066cc;
    text-decoration: none;
    }

.gene-menu{ 
	position: absolute;
	}
.row [class*="span5"] {
    margin-left: 10px;
    }
.dropdown-menu .row .span5 ul>li>a, .dropdown-menu .row .span6 ul>li>a{ padding:4px 0;}
.nav-list [class^="icon-"] {
    margin-right:10px;
    }

.nav-list [class^="icon-"] {
    display: inline-block;
    width: 55px;
    height: 55px;
    line-height: 14px;
    vertical-align: text-top;
    background-position: 0 0;
    background-repeat: no-repeat; 
    float:left;
    }

.dropdown-menu .row .span4 .nav-list li { position:relative; padding:5px 0;}
.nav-list li a{ width:182px;}

.icon-blue {
    background: url("/gsimages/newhome/most-popular-icons.png") no-repeat scroll 0 0;
}

.nav-list .icon-white {
	background-position: -120px -5px;
}
.nav-list .icon-plamid {
    background-position: -180px -5px;
}

.nav-list .icon-green {
    background-position: -240px -5px;
}
.nav-list .icon-fibrotic {
    /*background-image: url("/gsimages/newhome/fibrotic-disease-models.jpg");*/
	background-position: -60px -5px;
}
.nav-list .icon-re {
    background-position: 0px -60px;
}
.nav-list .icon-ex {
    background-position: -120px -60px;
}
.nav-list .icon-pr {
    background-position: -180px -60px;
}
.nav-list .icon-ta {
    background-position: -60px -60px;
}
.nav-list .icon-bundle {
    background-position: -180px -120px; /*bundle products 0512-2017*/
}

.nav-list .icon-mc{
	 background-position: -240px -60px;
}
.nav-list .icon-pe{
	 background-position: 0px -120px;	
}
.nav-list .icon-ag{
	 background-position: -60px -120px;
}
.nav-list .icon-pb{
	 background-position: -120px -120px;	
}

.case-box{ 
	border: 1px solid #acacac; 
	margin: 0; 
	padding: 0;
	}
	
.dropdown-menu .row .span5 ul .case-box .case-boxa{ padding: 0; display: inline-block;}

.case-box [class^="icon-"] {
	width:233px; height: 75px; 
	display: inline-block; 
	}
.case-boxa .case-studybg { background-position: 0px -185px; }
.case-boxa .case-studybgf { background-position: 0px -265px; }
.row .more-plant {
	padding:5px 10px; 
	text-align:left; 
	overflow: hidden; 
	font-size: 15px;
	}
.more-plant span { 
	display: inline-block; 
	float: right;
	}
.more-plant span a:hover{ background-color: #4f9619;}
.more-detail { 
	padding:2px 5px; 
	background-color: #5dab22; 
	color: #ffffff; 
	font-size:13px;
	}
.more-detail:link { color: #ffffff;}
.more-detail:visited { text-decoration: none;}
.more-detail:hover { text-decoration: none; color: #ffffff;}
.case-box-but { margin-top: 10px;}
.text-red{ color: red;}
.text-red-bold { color:red; font-weight:700;}

.navbar-nav>li>a {
    padding-top: 8px;
    padding-bottom: 8px;
    }
.navbar { min-height: 38px; }

/*-------main box-----------*/
.warp{margin-top: 143px; overflow: hidden;}

.warp-main {width:1000px; margin:0 auto; margin-top:160px}



/*------- 767px -----------*/
.navbar-toggle{ float: left;}
.navbar-toggle{ 
	border-radius: 50% 50%; 
	width: 29.9px; 
	height: 30px; 
	padding:7px 6px; 
	background-color: #ebebeb; 
	border-width: 0; 
	margin-top: 18px;
	}
.navbar-toggle .icon-bar { width:18px; height: 1px;}
/*--dropdown open close---*/
.overlay {
    height:0%;
    width: 100%;
    position: fixed;
    z-index: 600;
    top: 10px;
    left: 0;
    background-color: rgb(255,255,255);
    background-color: rgba(0,0,0,0);
    overflow-y: hidden;
    transition: 0.5s;
}
.overlay-content {
    position:relative;
    top:8%;
    width:100%;
    text-align:left;
    background-color: #ffffff;
    /*border: 1px solid #555555;*/
    /*overflow: hidden;*/
}
.overlay a {
    padding: 8px 4px;
    text-decoration: none;
    font-size: 1.2em;
    color: #0066cc;
    display: block;
    transition: 0.3s;
}
.overlay a:hover, .overlay a:focus {
    color: #508fcf;
}
.closebtn{
    position: absolute;
    top: 6px;
    left: 10px;
    z-index:700;
    font-size: 38px !important;
    background: #dddddd;
    border-radius: 50% 50%;
    height: 30px;
    width: 30px;
    border-width: 0;
}
.btn-default{ border: none; border-radius: 0px 0px;}	
/*--dropdown open close menu- end--*/












@media only screen and (max-width:767px) and (min-width:481px) {
	#gs-col { padding:0 10px }
	.container { z-index:100 }	
	.gs-search { width:365px; }
	.input-medium { width:365px; }
	.navbar-header { z-index: 300; }
	.navbar-toggle { margin-top: 16px; }
	.navbar-static-top { z-index:200; }
	.navbar-default { background-color: transparent; }
	#gs-logo-box {
		float:right; 
		z-index: 500; 
		box-sizing: border-box; 
		position:inherit;
	    }	
	#gs-logo { margin-right:40px; }
	#gs-logo-box #gs-logo div { 
		width:180px; 
		height:46px;
		}
	#gs-logo-box #gs-logo div:before {
		box-sizing: border-box;
		display: inline-block;
		width:180px;
		height:46px;
		margin: -72px 0 0 -22px;
		content: url(/gsimages/newhome/genscript-sprite.png);
		}   
	#gs-logo-box { padding:5px 0 }
	#top-menu { display: none; }
	.warp { margin-top:58px; }
	.warp-main { margin-top:75px; overflow:hidden}
	.overlay-content { max-height:380px; overflow-y: auto; overflow-x: hidden; }
	.open-menu { 
		min-width:425px; 
		width:100%; 
		min-height:210px; 
		padding: 10px 0; 
		overflow-y: auto; 
		overflow-x:hidden; 
		position: static;
		overflow-x:hidden;
		border-radius: 0px 0px; 
		border-width: 0;
		float: none;
		}
	.open-menu li a { color: #0066cc; }
	.btn-open { border-color:#ffffff; width:100%; text-align: left; }
	.btn-open:hover { border-color: #ffffff; border-radius: 0px 0px 0px 0px; }
	.open-header { font-weight:bold }
	.open-header, .btn-open{
		font-size: 1.2em; 
		color:#0066cc;
		}
	.open-header:hover, .btn-open:hover, .open-header:focus, .btn-open:focus {
		color:#508fcf;
		}
	.btn-open:visited { color: #0066cc; }
	.btn-open:active { color: #0066cc; }	
	.overlay-content { 
		max-height: 380px; 
		height: auto;
		overflow-y: auto; 
		overflow-x: hidden; 
	}
	/*---login down start----*/
	#top-menu-container {
		width: auto; 
		background-color:#e3e3e3; 
		position: relative;
		margin-top: 40px;
	    padding: 5px 0 0 0;
	}
	#pull-box { 
		width: 100%;
		margin:0 auto; 
		height:auto;
		}
		#pull-ul {
	    display: block;	
	    margin-bottom: 8px;				
		}
	#top-menu-container #pull-login { 
		display:block; 
		left:0; 
		top:0;
		font-size:1rem;
		}
	
	#pull-login ul:not(:first-of-type) {
	    text-align: center;
	    line-height: 30px;
	    background: #0066cc;
	    }
	#top-menu-container #pull-login a { 
		color:#0066cc; 
		font-size:14px; 
		margin-bottom:0; 
		line-height:18px;
		padding-left: 16px;
		}
	#top-menu-container #pull-login a:hover { color: green;}
	#top-menu-container #pull-login #pull-cart .icon { 
		font-size:20px; 
		color:#ffffff;
		}
		
	.slides-top {
		bottom: 15px; 
		right: 6px;	
	}
	
	
	.row-fluid {
		width: 100%;
		border: 1px solid #ffffff	
	}
	
	.row-fluid .span12 img {
		float: left; 
		width: 40%;	 
		padding: 0 10px 15px 0;	
	  	 }
	  	 
    .row-fluid .span12 .cards-content {
		float: left; 
		width: 50%;	 	
	  	 }
	.span12 .cards-content {
	    padding: 16px 0 0 10px;
		 }
		 
 
	
	.catalog .catalog-bg-show {
	    top: 8%;
	    left: 5%;
	    width: 90%;
        }
	.full .catalog {
		min-height: 23.4rem;
		}
	.headline {
		font-size: 3.2em;
	}
	.description {
		font-size: 2.4em;
		
	}
	
    .catalog-button	{
    	font-size: 3.4rem;
    	padding: 20px 30px;
    	
    }
	
	.row-fluid h2 {
		font-size: 22px;	
	}
	.cards-content p {
		
		font-size: 16px;
	}
	
	
	.ve-content {
		width: auto;
		min-height: 30.6rem;
		background-position: 50% 0;
		background-size: auto 304px !important;		
	}
	
	.estain-bg-show {
		left: 37%;
		top: 80%;
	}
	
	.ve-content {
     min-height: 26.0rem;			
}
	.video-box {
     margin-top: 0;
	 /*background-size: auto 276px !important;*/
 }
 .btn-play {
 	width: 100%;
	top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
 	}

 	
 .line-box-middle {
 	display: none;
 }
 
 .line-box-left	{
 	float: none;
	padding:12px 0;
	width: 28%;
 	
 }
 .line-box-right {
 	width: 100%;
 	float: left;
 	
 }
 
.language, .social-bar {
 	width: 100%;
 	margin-bottom: 26px;
	}
.social-box {
	left:0;
    }
    
    
    
.full .catalog, .full .catalog-slides2,.full .catalog-slides3  {
	background-size: auto 410px !important;
}    


.full .catalog { background-size: auto 450px !important;}

.headline-text-sub { font-size: 2.6em;}	

.full-footer { display:none}
}



	
	
	
@media only screen and (max-width:1024px) {
	.nav>li>a { font-size: 1.1em;}	
	}	
	
	
	
	
@media only screen and (max-width:968px) {
	.nav>li>a { font-size: 1.1em;}	
	}	
		
	
	
	
	
	
	
	

@media only screen and (max-width:480px) {	
	
#gs-col { padding:0 10px }
.container { z-index:100 }	
.gs-search { 
	width:265px; 
	margin-top: 6px; 
	}
.input-medium { width:265px; }
.navbar-header { z-index: 300; }
.navbar-toggle { margin-top: 10px; }
.navbar-static-top { z-index:200 }
.navbar-default { background-color: transparent; }
.closebtn { top:0px }
#gs-logo-box { 
	float:right; 
	z-index: 500; 
	box-sizing: border-box; 
	position: inherit; 
	}

#gs-logo { margin-right: 20px; }
#gs-logo-box #gs-logo div { width: 128px; height: 40px;}
#gs-logo-box #gs-logo div:before {
	box-sizing: border-box;
	display: inline-block;
	width: 140px;
	height:40px;
	margin: -128px 0 0 -34px;
	content: url(/gsimages/newhome/genscript-sprite.png);
	}
#gs-logo-box { padding:5px 0 }
#top-menu { display: none; }
.warp { margin-top:52px; }
.warp-main { margin-top:75px; overflow:hidden}
.overlay-content { 
	max-height:380px; 
	overflow-y: auto; 
	top: 8.5%;
	}     	
.open-menu{ 
	min-width:425px; 
	width:100%; 
	min-height:210px; 
	padding: 10px 0; 
	overflow-y: auto; 
	overflow-x:hidden; 
	position: static;
	overflow-x:hidden;
	border-radius: 0px 0px; 
	border-width: 0;
	float: none;
	}

.open-menu li a {color: #0066cc; }
.btn-open { 
	border-color:#ffffff; 
	width:100%; 
	text-align: left;
	}
.btn-open:hover { 
	border-color: #ffffff; 
	border-radius: 0px 0px 0px 0px;
	}
.open-header {
	font-weight:bold;
	}
.open-header, .btn-open { 
	font-size: 1.2em; 
	color:#0066cc;
	}
.open-header:hover, .btn-open:hover, .open-header:focus, .btn-open:focus{color:#508fcf}
.btn-open:visited { color: #0066cc; }
.btn-open:active { color: #0066cc; }	
.overlay-content {
	max-height:315px; 
	overflow-y: auto; 
	}
/*---login down start----*/
#top-menu-container {
	width: auto; 
	background-color:#e3e3e3; 
	position: relative;
	margin-top: 30px;
    padding: 5px 8px 0 0;
}
#pull-box { 
	width: 100%;
	margin:0 auto; 
	height:auto;
	}
#pull-ul {
    display: block;	
    margin-bottom: 8px;				
	}
#top-menu-container #pull-login { 
	display:block; 
	left:0; 
	top:0;
	font-size:1rem;
	}

#pull-login ul:not(:first-of-type) {
    text-align: center;
    line-height: 30px;
    background: #0066cc;
    }
#top-menu-container #pull-login a { 
	color:#0066cc; 
	font-size:14px; 
	margin-bottom:0; 
	line-height:18px;
	padding-left: 16px;
	}
#top-menu-container #pull-login a:hover { color: green;}

#top-menu-container #pull-login #pull-cart .icon { 
	font-size: 20px; 
	color: #ffffff;
	}	
.slides-top {
	bottom: 12px; 
	right: 6px;	
}

.row-fluid {
	width: 100%;
	border: 1px solid #ffffff;
	padding: 0 55px 8px 20px;	
	overflow: auto;
	box-sizing: border-box;
}

.row-fluid .span12 img, .row-fluid .span12 .cards-content {
	width: 100%;	 	
  	 }
.row-fluid .span12 .cards-content {
	text-align: center;
	
}
 


.catalog .catalog-bg-show {
	top: 10%;
	width: 84%;
}	 
.headline {
		font-size: 4.6rem;
	}
.description {
		font-size: 1.2em;
		display: none;
	}
	
.catalog-bg-show {
	margin: auto 20px;
}
.catalog-button {
	font-size: 38px;
	font-size: 3.4rem;
	padding: 20px 30px;	
}	

.full .catalog {
	min-height: 14.4rem;
	
	}
.ve-content {
	min-height: 25.6rem;
	background-size:  auto 298px !important;
        height: 256px;
	}
	
.estain-bg-show {
	top: 84%;
	left: 33%;	
	}	

.headline-text-sub { font-size: 3.4rem;}
 .btn-play span {
 	display: none;
 	}

.btn-play {
 	width: 100%;
	top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
	}

.line-box-middle {
 	display: none;
 } 

.line-box-middle {
 	display: none;
    } 	
.language, .social-bar {
 	width: 100%;
 	margin-bottom: 20px;
	}
.social-box {
	left:0;
    }
    
.line-box-left	{
 	float: none;
	padding: 20px 0;
	width:52%;
 	
 }
 .line-box-right {
 	width: 100%;
 	float: left;	
 }   
	
.full .catalog, .full .catalog-slides2,.full .catalog-slides3  {
	background-size: auto 410px !important;
} 

.cards-box { text-align:center}
.full-footer { display:none}
	 
}
	


/*---------new login_2016 part start----------*/
#container #header .login-in-m img{ margin:0 5px 0 0; padding:0; float:left}
#newsoical{max-width:286px;float:left;margin: 0px; padding: 3px 12px 4px 12px; font-size:12px; /*background: url(/gsimages/yuyanback.png) left bottom repeat-x;*/ /*background-color:#f9f9f9;*/ border-radius:1px 1px 1px 1px; margin-right:8px;}


#newsoical:hover {  /*background: url(/gsimages/yuyanback.png) left top repeat-x;*/ background-color:#f9f9f9; border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;  padding: 3px 12px 4px 12px;}

#newsoical2 {max-width:286px;float:right;margin: 0px; border: 1px solid #ffffff; padding:8px 10px; /*background: url(/gsimages/yuyanback.png) left bottom repeat-x;*/ /*background-color:#f9f9f9;*/ border-radius:1px 1px 1px 1px; border-radius: 3px 3px 3px 3px; margin-right:1px;}


.sodown dd, .sodown dt, .sodown ul { margin:0px; padding:0px; }
.sodown dt{background:url(/gsimages/arrow.png) no-repeat scroll right 5px; padding:0 15px 0 0}
.sodown dd { position:absolute; z-index:25000 }
.sodown dt a:hover {color:#0066cc; text-decoration:underline}


.sodown a:link { color:#000000; text-decoration:none; outline:none;}

.sodown a, .sodown a:visited { color:#000000; text-decoration:none; outline:none; font-size:12px;}

.sodown a:hover { color:#0066cc; text-decoration:underline; outline:none;}
.sodown a:actived{color:#000000; text-decoration:none; outline:none;}

.sodown dt a {font-size:12px; white-space: normal; word-break: break-all;  padding:0 2px 0 2px}
.sodown dt a span {cursor:pointer; display:block; padding:5px;}
#top-menu #ge-login .sodown dd ul {border:1px solid #cccccc;color:#C5C0B0; display:none;background:#f9f9f9;left:-27px; padding:8px 8px; position:absolute; top:4px; width:auto; min-width:158px; list-style:none; z-index:20000; border-radius: 3px 3px 3px 3px;}

.sodown dd .nav-arrow {
    border-style: solid;
    _border-style: dashed;
    border-width: 9px;
    border-color: transparent;
    border-top-width: 0;
    border-bottom: 9px solid #ccc;
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: -9px;
}
.sodown dd .nav-arrow-inner {
    border-style: solid;
    _border-style: dashed;
    border-width: 9px;
    border-color: transparent;
    border-top-width: 0;
    border-bottom: 9px solid #fff;
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 1px;
    left: -9px;
}

.sodown dd ul li .button-account{
    width: 133px;
    height: 36px;
    line-height: 36px;
    font-size: 13px;
    background: url("/gsimages/home/button-account.gif") no-repeat;
    color: #ffffff;
    display: block;
    text-decoration: none;
    text-align: center;
	margin:0;
	padding:0
}

.sodown span.value { display:none;}
#top-menu #ge-login .sodown dd ul li {z-index:300; margin-bottom:0; margin-left: 0; float: none; height:1.4em; line-height:1.4em; padding:2px 0}
#top-menu #ge-login .sodown dd ul li a { display:block;}
#top-menu #ge-login .sodown dd ul li a:hover { background-color:#ffffff; text-decoration:none; color: #262626}
.sodown img.flag { border:none; vertical-align:middle; margin-right:3px !important; }


#top-menu #ge-login .sodown dd ul li:after { content: ""}

/*---------new login_2016 part end----------*/


@media only screen and (max-width:375px) {
.gs-search { 
	width:150px; 
	margin-top: 6px; 
	}
.input-medium { width:150px;}
.full-footer { display:none}
	
	}
	
	
.no-outline {
    outline: none !important;
}