@charset "utf-8";
.filepster_number{
	text-align: center;
	margin: auto;
	padding:16px;
	background:#ffffff;
	border-radius: 40px;
	display: inline;
	color:#fff;
}
.filepster_number div{
	color:#fff;
	height: 30px;
	width:30px;
	line-height: 30px;
	border-radius: 15px;
	margin: 10px;
	background: #0036a0;
	text-align:center;
	display: inline-block;
	font-weight: 600;
    font-size: 16px;
    cursor:pointer;
}
.filepster_number .hover{

	height: 32px;
	width:32px;
	line-height: 32px;
	border-radius: 16px;
	border:2px solid #afbbd9;
}

.c-blue{
	color: #0992d9;
}
.x-custom-h3{
	font-weight: 600;
	line-height: 40px;
}
.mt-20{
	margin-top: 20px;
}
@media screen and (min-width:770px) {
	.c-product-desc .col-left{
		max-width: 1440px;
		margin:auto;
		padding:0 6rem;
	}
	.c-header__wrapper{
		padding:1.125rem 6rem;
	}

	.c-navigation-overlay .links-section{
		padding: 0rem 6rem;
	}

	.x-liipbox__top-section{
		padding:0rem 6rem;
	}
	.section{
		max-width: 1440px;
		margin:auto;
		margin-top: 3rem;
		padding: 0 6rem;
	}
	.box{
		/*height: 560px;*/
		background: url('../img/bg.jpg');
		background-size: cover;
		-moz-background-size:cover;
		background-repeat: no-repeat;
		text-align: center;
		padding:40px 0px 60px 0px;
	}
	.box .banner{
		width:90%;
		margin:0px 5%;
	}
	.down{
		text-align: center;
	}

	.down a{
		margin: auto;
	    padding: 10px 40px;
	    background: #0036a0;
	    color: #fff;
	    margin-top: 30px;
	    border-radius: 10px;
	    display: inline-block;
		font-size: 16px;
	    font-weight: 600;
	}
	.iframe video{
		width: 100%;
		height: 500px;
	}

	.contact-us .left{
		width: 48%;
		float: left;
		display: inline-block;
	}
	.contact-us .left .generictext{
		float: left;
	}
	.contact-us .left .marketoForm{
		float: right;
		width:65%;
		margin-top: 40px
	}
	.contact-us .left .marketoForm p{
		letter-spacing:.055rem;
	}
	.contact-us .right{
		width: 48%;
		float: right;
	}
	.contact-us .right .generictext{
		float: right;
		width: 240px;
	}
	.contact-us .right .marketoForm{
		float: left;
		width:50%;
		margin-top: 40px;
		text-align:right;
	}
	
	.contact-us .right .marketoForm p{
		letter-spacing:.055rem;
	}

	.contact-us .js-title{
		font-weight: 600;
		font-size: 24px;
	}

	.contact-us .btn{
		background: #1482fa;
		padding:5px 30px;
		font-size: 18px;
		font-weight: 600;
		margin-top: 40px;
	}
	.contact-us .btn a{

		color:#fff;
	}
	.social-icons-wrapper p{
		float: left;
	    color: #9ba4aa;
	    line-height: 4rem;
	}
	.c-footer .social-icons{
		float: right;
		padding:1rem 0 2rem 0;
	}
	.shiji{
		margin-top: 0px
	}
}
/*.contact-us .x-content-wrapper{
	background: #eaf2fa;
    padding: 20px 20px 0px;
    height: 270px;
}*/
@media screen and (max-width:767px) {
	.c-faqNormal__question p{
		font-size: 14px;
	}
	.c-product-desc .col-left{
		padding:0;
	}
	.c-header__wrapper{
		padding:1.125rem 1.256rem;
	}

	.c-navigation-overlay .links-section{
		padding: 0rem 1.256rem;
	}

	.x-liipbox__top-section{
		padding:0rem 1.256rem;
	}
	.section{
		margin-top: 3rem;
		padding: 0 1.256rem;
	}
	.box{
		padding: 24px 0px;
		background: url('../img/bg.jpg');
		background-size: cover;
		-moz-background-size:cover;
		background-repeat: no-repeat;
	}
	
	.iframe video{
		width: 100%;
		/*height: 300px;*/
	}

	.social-icons-wrapper p{
		/*float: left;*/
	    color: #9ba4aa;
	    line-height: 2rem;
	}
	.c-footer .social-icons{
		/*float: right;*/
		padding:1rem 0 2rem 0;
	}
	.shiji{
		margin-top: 20px
	}

	.x-content-wrapper{
		width:100%;
		height: auto;
	}

	.c-header-search-bar .roche-header-search-box{
		    margin:40px 30px;
	}

	.contact-us .right{
		margin-top: 20px;
	}

	.filepster_number {
	    text-align: center;
	    margin: auto;
	    padding: 16px 2px;
	    background: #224397;
	    border-radius: 40px;
	    display: inline-block;
	    color: #fff;
	    margin-top: 20px;
	}
	.filepster_number .hover {
	    height: 20px;
	    width: 20px;
	    line-height: 20px;
	    border-radius: 10px;
	    border: 2px solid #afbbd9;
	}
	.filepster_number div {
	    color: #fff;
	    height: 20px;
	    width: 20px;
	    line-height: 20px;
	    border-radius: 10px;
	    margin: 0px;
	    background: #2098d5;
	    text-align: center;
	    display: inline-block;
	    font-weight: 600;
	    font-size: 14px;
	    cursor: pointer;
	}


	/*.box .banner{
		width:90%;
		margin:0px 5%;
	}*/
	.down{
		text-align: center;
	}

	.down a{
		margin: auto;
	    padding: 10px;
	    background: #2098d5;
	    color: #fff;
	    margin-top: 30px;
	    border-radius: 10px;
	    display: inline-block;
		font-size: 16px;
	    font-weight: 600;
	}

	.flipster-coverflow .flip-item{
		    display: block;
	    -webkit-transition: all 175ms ease-in-out;
	    -moz-transition: all 175ms ease-in-out;
	    -o-transition: all 175ms ease-in-out;
	    -ms-transition: all 175ms ease-in-out;
	    transition: all 175ms ease-in-out;
	    -webkit-transform-origin: 50% 50%;
	    -moz-transform-origin: 50% 50%;
	    -o-transform-origin: 50% 50%;
	    -ms-transform-origin: 50% 50%;
	    transform-origin: 50% 50%;
	    -webkit-perspective: 800px;
	    -moz-perspective: 800px;
	    perspective: 800px;
	    position: absolute;
	    width: 74%!important;
	}
}