body{
	height:100%;
	font-family: roboto;
}
.fixed {
	z-index: 50000; 
    position: fixed;   
    top: 2px;
}
.affix {
	position: fixed;
	top: 85px !important;
	width: 100%;
	z-index: 99999
}
#nav ul {
	margin-top: 0
}
.whitelink{
	color: #000;
	text-decoration: underline;
}
.whitelink:hover{
	color: #000;
	
}

.blink {
	-moz-animation-duration: 1000ms !important;
	-moz-animation-name: blink !important;
	-moz-animation-iteration-count: infinite !important;
	-moz-animation-direction: alternate !important;
	-webkit-animation-duration: 1000ms !important;
	-webkit-animation-name: blink !important;
	-webkit-animation-iteration-count: infinite !important;
	-webkit-animation-direction: alternate !important;
	animation-duration: 1000ms !important;
	animation-name: blink !important;
	animation-iteration-count: infinite !important;
	animation-direction: alternate !important;
}

.blink2 {
	-moz-animation-duration: 5000ms !important;
	-moz-animation-name: blink !important;
	-moz-animation-iteration-count: infinite !important;
	-moz-animation-direction: alternate !important;
	-webkit-animation-duration: 5000ms !important;
	-webkit-animation-name: blink !important;
	-webkit-animation-iteration-count: infinite !important;
	-webkit-animation-direction: alternate !important;
	animation-duration: 5000ms !important;
	animation-name: blink !important;
	animation-iteration-count: infinite !important;
	animation-direction: alternate !important;
}

.blink3 {
	-moz-animation-duration: 700ms !important;
	-moz-animation-name: blink !important;
	-moz-animation-iteration-count: infinite !important;
	-moz-animation-direction: alternate !important;
	-webkit-animation-duration: 700ms !important;
	-webkit-animation-name: blink !important;
	-webkit-animation-iteration-count: infinite !important;
	-webkit-animation-direction: alternate !important;
	animation-duration: 700ms !important;
	animation-name: blink !important;
	animation-iteration-count: infinite !important;
	animation-direction: alternate !important;
}

.blink4 {
	-moz-animation-duration: 3000ms !important;
	-moz-animation-name: blink !important;
	-moz-animation-iteration-count: infinite !important;
	-moz-animation-direction: alternate !important;
	-webkit-animation-duration: 3000ms !important;
	-webkit-animation-name: blink !important;
	-webkit-animation-iteration-count: infinite !important;
	-webkit-animation-direction: alternate !important;
	animation-duration: 3000ms !important;
	animation-name: blink !important;
	animation-iteration-count: infinite !important;
	animation-direction: alternate !important;
}
@-moz-keyframes blink {
	from {
		opacity: 1;
	}

	to {
		opacity: 0;
	}
}

@-webkit-keyframes blink {
	from {
		opacity: 1;
	}

	to {
		opacity: 0;
	}
}

@keyframes blink {
	from {
		opacity: 1;
	}

	to {
		opacity: 0;
	}
}
.thumbnail {
	width: 100%;
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .5);
	-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .5);
	box-shadow: 0 5px 10px rgba(0, 0, 0, .5)
}
.mleft100s{
	margin-left: 100px;
}
.mleft200s{
	margin-left: 300px;
}
.banner {
	padding: 30px 0;
	color: #f8f8f8;
	background: #005F93 !important;
	border: 1px solid #6A8A87;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.login_bg{
	background: url(../images/MMtop.png) repeat-y top right;
	padding-bottom: 0px !important;
	margin-bottom: 0px !important;

}

.login_bg_bottom{
	background: url(../images/MMbottom.png) no-repeat top right;
	height: 34px;
	padding-top: 0px !important;
	margin-top: 0px !important;
}
.login_scroll{
	position:fixed !important;
	background: url(../images/login_bg.png) no-repeat top right;
	height: 700px;
	margin-top: 0px;
}
.notice_bg{
	background: #ffd800 !important;
	padding-bottom: 0px !important;
	margin-bottom: 0px !important;
	border: 3px solid #ff0000;
	border-bottom: 3px solid #ff0000 !important;
	border-top: 3px solid #ff0000 !important;

}
.notice_bg_RCE{
	background: #bbfd8b !important;
	padding-bottom: 0px !important;
	margin-bottom: 0px !important;
	border: 3px solid #ff0000;
	border-bottom: 3px solid #ff0000 !important;
	border-top: 3px solid #ff0000 !important;

}
.fontloto{
	font-family: 'Roboto', sans-serif !important;
	font-size: 40px !important;
	color: #fff !important;
}
.fontloto:hover,
.fontloto:focus {
    outline: 0;
    color: #fff;
    background: rgba(255,255,255,.1);
    text-decoration: none;
}

.h1font{
    font-size: 18px;
}

.fontloto{
	font-family: 'Roboto', sans-serif;
	font-size: 40px;
	color: #fff;
}
.fontloto:hover,
.fontloto:focus {
    outline: 0;
    color: #fff;
    background: rgba(255,255,255,.1);
}
@media(min-width:767px) {

    p {
        margin: 0 0 35px;
        font-size: 14px;
        line-height: 1.6;
    }
}

a {
    color: #28c3ab;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

a:hover,
a:focus {
    text-decoration: none;
    color: #176e61;
}
.tootipcomparison{
	color: #176e61;
}
.light {
    font-weight: 400;
}

.navbar {
    margin-bottom: 0;
    border-bottom: 1px solid rgba(255,255,255,.3);
    font-size: 16px;
    
}
.divider-vertical {
	height: 35px;
	margin: 0 0px;
	border-left: 1px solid #cfcfce;
	
}
.navbar-brand {
    font-weight: 700;
}

.navbar-brand:focus {
    outline: 0;
}

.navbar-default .navbar-toggle {
    padding: 4px 6px !important;
    font-size: 16px !important;
    color: #fff !important;
    float:left !important;
    outline: 0 !important;
    border: 0px;
    border-color: #fff;
    background: transparent !important;
}
.navbar-default .navbar-toggle .icon-bar {
	background-color: #fff !important;
}
.navbar-default .navbar-toggle.navbar-toggle:focus,
.navbar-default .navbar-toggle.navbar-toggle:active {
    outline: 0 !important;
}
.feature-content-text{
	color: #000 !important;
}


@media(min-width:767px) {
    .navbar {
        letter-spacing: 1px;
        
    }

    .top-nav-collapse {
        padding: 0;
        
    }

    .navbar-custom.top-nav-collapse {
        border-bottom: 1px solid rgba(255,255,255,.3);
    }
}

.intro {
    height:700px;
    text-align: center;
    color: #fff;
    background: url(../images/MMwhitemouse_notext.jpg) no-repeat;
       
}
.labsheader {
    width: 100%;    
    color: #fff;
    background: url(../images/soft-mouse-data-management-tools-0004.png) no-repeat;
    background-repeat: no-repeat;
	  background-position: 100% 0;
	  background-size: cover;
	  margin-top: -20px;
}
.SecurityHeader {
    width: 100%;   
    color: #fff;
    background: url(../images/softmouse-security-mouse-rat-rodent-encryption-ssl.jpg) no-repeat;
    background-repeat: no-repeat;
	  background-position: 100% 0;
	  background-size: cover;
	  margin-top: -20px;
}
.SupportHeader{
	width: 100%;   
    color: #fff;
    background: url(../images/iseehear-support-desk-24-7-email-toll-free-phone-00004.jpg) no-repeat;
    background-repeat: no-repeat;
	  background-position: 100% 0;
	  background-size: cover;
	  margin-top: -20px;
}
.GuidelineHeader{
	width: 100%;   
    color: #fff;
    background: url(../images/guidelines-for-good-digital-online-colony-management-softmouse-0003.png) no-repeat;
    background-repeat: no-repeat;
	  background-position: 100% 0;
	  background-size: cover;
	  margin-top: -20px;
}
.breedersheader {
    width: 100%;    
    color: #fff;
    background: url(../images/mouse-rodent-animal-breeding-core-database-0004.png) no-repeat;
    background-repeat: no-repeat;
	  background-position: 100% 0;
	  background-size: cover;
	  margin-top: -20px;
}
.meetupheader {
    width: 100%;    
    color: #fff;
    background: url(../images/softmouse-meet-up-0001.png) no-repeat;
    background-repeat: no-repeat;
	  background-position: 100% 0;
	  background-size: cover;
	  margin-top: -20px;
}
.softmouse-rapidid {
    width: 100%;    
    color: #fff;
    background: url(../images/softmouse-rapid-tags-animal-database-0001.jpg) no-repeat;
    background-repeat: no-repeat;
	  background-position: 100% 0;
	  background-size: cover;
	  margin-top: -20px;
}
.institutionsheader {

	  width: 100%;   
    color: #fff;
    background: url(../images/institution-colony-management-protocol-compliance-tools-0004.png) no-repeat;
    background-repeat: no-repeat;
	  background-position: 100% 0;
	  background-size: cover;
}

.biotechsheader {
	  width: 100%;   
    color: #fff;
    background: url(../images/biotechnology-companies-research-animal-colony-management-0004.png) no-repeat;
    background-repeat: no-repeat;
	  background-position: 100% 0;
	  background-size: cover;
	  
}
.addOnheader {
    width: 100%;   
    color: #fff;
    background: url(../images/SoftMouse-Add-On-Modules.png) no-repeat;
    background-repeat: no-repeat;
	  background-position: 100% 0;
	  background-size: cover;
	  
}
.featuresheader {
    width: 100%;   
    color: #fff;
    background: url(../images/softmouse-premium-benefits-features-0004.png) no-repeat;
    background-repeat: no-repeat;
	  background-position: 100% 0;
	  background-size: cover;
	  
}
.colonymanagementheader {
    width: 100%;   
    color: #fff;
    background: url(../images/softmouse-premium-colony-management-software-0001.png) no-repeat;
    background-repeat: no-repeat;
	  background-position: 100% 0;
	  background-size: cover;
	  
}
.freefeaturesheader {
    width: 100%;   
    color: #fff;
    height: auto;
    background: url(../images/softmouse-db-free-internet-colony-management-software-database-0004.png) no-repeat;
    background-repeat: no-repeat;
	  background-position: 100% 0;
	  background-size: cover;  
}

.dataimportheader {
    width: 100%;   
    color: #fff;
    height: auto;
    background: url(../images/softmouse-db-free-internet-colony-management-software-import-0004.png) no-repeat;
    background-repeat: no-repeat;
	  background-position: 100% 0;
	  background-size: cover;  
}

/*GALLERY*/

.gallery ul {
	list-style: none;
}

.gallery li {

	
	-webkit-border-radius: 50%;
	   -moz-border-radius: 50%;
	        border-radius: 50%;
}

.gallery li img {
	
	-webkit-transition: margin 1.5s ease;
	   -moz-transition: margin 1.5s ease;
	     -o-transition: margin 1.5s ease;
	    -ms-transition: margin 1.5s ease;
	        transition: margin 1.5s ease;
} 

.timelineheader {
    width: 100%;   
    color: #fff;
    background: url(../images/timelineheader.png) no-repeat;
    background-repeat: no-repeat;
    max-width: 100%;
	  background-position: 100% 0;
	  background-size: cover;
	  margin-top: -20px;
}

.intro-md {
    

    height:700px;
    
    text-align: center;
    color: #e7e8ec;
    background: url(../images/MMwhitemouse_notext.jpg) no-repeat;
      
}


.intro-body {
    vertical-align: middle;
    
}

.brand-heading {
    font-size: 15px !important;
    margin-top: 300px !important;
}
 .mleft50-1{
		margin-left: 90px !important;
}
.backgroundDiscount-1{
	color: #ffffff;
	border: 1px solid #737373;
	background: #999999;
	background: -moz-linear-gradient(top, #999999 0%, #737373 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #999999), color-stop(100%, #737373));
	background: -webkit-linear-gradient(top, #999999 0%, #737373 100%);
	background: -o-linear-gradient(top, #999999 0%, #737373 100%);
	background: -ms-linear-gradient(top, #999999 0%, #737373 100%);
	background: linear-gradient(to bottom, #999999 0%, #737373 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#999999', endColorstr='#737373', GradientType=0);
}

.backgroundDiscount-2{
	color: #ffffff;
	border: 1px solid #737373;
	background: #999999;
	background: -moz-linear-gradient(top, #999999 0%, #737373 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #999999), color-stop(100%, #737373));
	background: -webkit-linear-gradient(top, #999999 0%, #737373 100%);
	background: -o-linear-gradient(top, #999999 0%, #737373 100%);
	background: -ms-linear-gradient(top, #999999 0%, #737373 100%);
	background: linear-gradient(to bottom, #999999 0%, #737373 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#999999', endColorstr='#737373', GradientType=0);
}

.backgroundDiscount-3{
	color: #ffffff;
	border: 1px solid #5fc059;
	background: #85E67F;
	background: -moz-linear-gradient(top, #85E67F 0%, #5fc059 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #85E67F), color-stop(100%, #5fc059));
	background: -webkit-linear-gradient(top, #85E67F 0%, #5fc059 100%);
	background: -o-linear-gradient(top, #85E67F 0%, #5fc059 100%);
	background: -ms-linear-gradient(top, #85E67F 0%, #5fc059 100%);
	background: linear-gradient(to bottom, #85E67F 0%, #5fc059 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#85E67F', endColorstr='#5fc059', GradientType=0);
}
.backgroundDiscount-4{
	color: #ffffff;
	border: 1px solid #429bcc;
	background: #68C1F2;
	background: -moz-linear-gradient(top, #68C1F2 0%, #429bcc 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #68C1F2), color-stop(100%, #429bcc));
	background: -webkit-linear-gradient(top, #68C1F2 0%, #429bcc 100%);
	background: -o-linear-gradient(top, #68C1F2 0%, #429bcc 100%);
	background: -ms-linear-gradient(top, #68C1F2 0%, #429bcc 100%);
	background: linear-gradient(to bottom, #68C1F2 0%, #429bcc 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#68C1F2', endColorstr='#429bcc', GradientType=0);
}
.backgroundDiscount-5{
	color: #ffffff;
	border: 1px solid #d64c38;
	background: #FC725E;
	background: -moz-linear-gradient(top, #FC725E 0%, #d64c38 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FC725E), color-stop(100%, #d64c38));
	background: -webkit-linear-gradient(top, #FC725E 0%, #d64c38 100%);
	background: -o-linear-gradient(top, #FC725E 0%, #d64c38 100%);
	background: -ms-linear-gradient(top, #FC725E 0%, #d64c38 100%);
	background: linear-gradient(to bottom, #FC725E 0%, #d64c38 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FC725E', endColorstr='#d64c38', GradientType=0);
}
.backgroundDiscount-6{
	
	color: #ffffff;
	border: 1px solid #d59c52;
	background: #FBC278;
	background: -moz-linear-gradient(top, #FBC278 0%, #d59c52 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FBC278), color-stop(100%, #d59c52));
	background: -webkit-linear-gradient(top, #FBC278 0%, #d59c52 100%);
	background: -o-linear-gradient(top, #FBC278 0%, #d59c52 100%);
	background: -ms-linear-gradient(top, #FBC278 0%, #d59c52 100%);
	background: linear-gradient(to bottom, #FBC278 0%, #d59c52 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FBC278', endColorstr='#d59c52', GradientType=0);
}
@media(min-width:767px) {
    .brand-heading {
        font-size: 100px;
        
    }

    .intro-text {
        font-size: 25px;
    }
}

.btn-circle {
    width: 70px;
    height: 70px;
    margin-top: 15px;
    padding: 7px 16px;
    border: 2px solid #fff;
    border-radius: 35px;
    font-size: 40px;
    color: #fff;
    background: 0 0;
    -webkit-transition: background .3s ease-in-out;
    -moz-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;
}

.btn-circle:hover,
.btn-circle:focus {
    outline: 0;
    color: #fff;
    background: rgba(255,255,255,.1);
}

.page-scroll .btn-circle i.animated {
    -webkit-transition-property: -webkit-transform;
    -webkit-transition-duration: 1s;
    -moz-transition-property: -moz-transform;
    -moz-transition-duration: 1s;
}

.page-scroll .btn-circle:hover i.animated {
    -webkit-animation-name: pulse;
    -moz-animation-name: pulse;
    -webkit-animation-duration: 1.5s;
    -moz-animation-duration: 1.5s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
}

#map {
    width: 100%;
    height: 200px;
    margin-top: 100px;
}


/* @media(max-width:1200px) {
	.mtopmcm{
		margin-top: 270px !important;
	}
}
@media(max-width:480px) {
	.mtopmcm{
		margin-top: 70px !important;
	}
}
@media(max-width:992px) {
	.mtopmcm{
		margin-top: 100px !important;
	}
	
}
@media (max-width:767px) {
	.mtopmcm{
		margin-top: 270px !important;
	}
	
} */
.col-lg-3-1{
		display: inline-block;
		width: 20% !important;
	}
.boxheight{
	height: 700px !important;
}
.boxheight-circle{
	height: 150px !important; 
	display: block;
}
.mtop-signup {
	margin-top: 150px;
}
.mtop-30-signup{
	margin-top: 0px !important;
}
.mleft-btn{
	margin-left: 0px;
}
@media (min-width:310px) and (max-width:360px) {
	.affix{
		margin-top: 160px !important;
	}
	
    .mtopmcm{
		margin-top: 120px !important;
	}
	.heightxs{
		height:553px !important;
	}
	.labsheader {
    	height:500px;   
	}
	.breedersheader {
    	height:500px;   
	}
	.institutionsheader {
    	height:500px;   
	}
	.biotechsheader {
    	height:500px;   
	}
/* 	.featuresheader {
    	height:500px;   
	} */
	.col-lg-3-1{
		display: inline-block;
		width: 90% !important;
	}
	.mleft50-1{
		margin-left: 30px !important;
	}
	.content-section-d {
		background-image: url('../images/MM_bluebackgroundexport.png');	
		background-position: center !important; 
		background-repeat: no-repeat;
		background-size: cover;
		height: 800px;
		margin-bottom: -60px !important;
	
	}
.timelineheader {
    width: 100%;   
    color: #fff;
    background: url(../images/timelineheaderblank.png) no-repeat;
    background-repeat: no-repeat;
    max-width: 100%;
	  background-position: 100% 0;
	  background-size: cover;
	  margin-top: -20px;
}
	.boxheight{
		height: 350px !important;
	}
	.margintopheight{
		margin-bottom: -150px !important;
	}
	.boxheight-circle{
		height: 250px;
	}

}
@media (min-width:360px) and (max-width:480px) {
.boxheight-circle{
		height: 200px !important;
	}
	.content-section-d {
		background-image: url('../images/MM_bluebackgroundexport.png');	
		background-position: center !important; 
		background-repeat: no-repeat;
		background-size: cover;
		height: 700px;
		margin-bottom: -60px !important;
	
	}
	.boxheight-circle{
		height: auto;
	}
}
@media (max-width:480px) {
	.affix{
		margin-top: 150px !important;
	}
	
    .mtopmcm{
		margin-top: 120px !important;
	}
	.heightxs{
		height:553px !important;
	}
	.labsheader {
    	height:500px;  
	}
	.breedersheader {
    	height:500px;  
	}
	.institutionsheader {
    	height:500px;  
	}
	.biotechsheader {
    	height:500px;  
	}
	/* .featuresheader {
    	height:500px;   
	} */
	.col-lg-3-1{
		display: inline-block;
		width: 90% !important;
	}
	.mleft50-1{
		margin-left: 30px !important;
	}

.timelineheader {
    width: 100%;   
    color: #fff;
    background: url(../images/timelineheaderblank.png) no-repeat;
    background-repeat: no-repeat;
    max-width: 100%;
	  background-position: 100% 0;
	  background-size: cover;
	  margin-top: -20px;
}
	.boxheight{
		height: 380px !important;
	}
	.margintopheight{
		margin-bottom: -200px !important;
	}
		
}

@media (min-width:481px) and (max-width:767px) {
	.affix{
		margin-top: 110px !important;
	}
	
    .mtopmcm{
		margin-top: 90px !important;
	}
	.heightxs{
		height:553px !important;
	}
	.labsheader {
    	height:400px;   
	}
	.breedersheader {
    	height:400px;   
	}
	.institutionsheader {
    	height:400px;   
	}
	.biotechsheader {
    	height:400px;   
	}
	/* .featuresheader {
    	height:400px;   
	} */
	.col-lg-3-1{
		display: inline-block;
		width: 40% !important;
	}
	.mleft50-1{
		margin-left: 70px !important;
	}
	.boxheight{
		height: 350px !important;
	}
	.content-section-d {
		background-image: url('../images/MM_bluebackgroundexport.png');	
		background-position: center !important; 
		background-repeat: no-repeat;
		background-size: cover;
		height: 700px;
		margin-bottom: -60px !important;
	
	}
.timelineheader {
    width: 100%;   
    color: #fff;
    background: url(../images/timelineheaderblank.png) no-repeat;
    background-repeat: no-repeat;
    max-width: 100%;
	  background-position: 100% 0;
	  background-size: cover;
	  margin-top: -20px;
}
.margintopheight{
	margin-bottom: -100px !important;
}
	.boxheight-circle{
		height: 170px !important;
	}
}
@media (min-width:768px) and (max-width:977px) {
	.mtopmcm{
		margin-top: 70px !important;
	}
	.heightxs{
		height:730px !important;
	}
	.heightxs{
		height:553px !important;
	}
	.labsheader {
    	height:350px;  
	}
	.breedersheader {
    	height:350px;  
	}
	.institutionsheader {
    	height:350px;  
	}
	.biotechsheader {
    	height:350px;  
	}
	/* .featuresheader {
    	height:350px;   
	} */
	.col-lg-3-1{
		display: inline-block;
		width: 90% !important;
	}
	.mleft50-1{
		margin-left: 40px !important;
	}
	.boxheight{
		height: 350px !important;
	}
		.content-section-d {
		background-image: url('../images/MM_bluebackgroundexport.png');	
		background-position: center !important; 
		background-repeat: no-repeat;
		background-size: cover;
		height: 700px;
		margin-bottom: -60px !important;
	
	}
.timelineheader {
    width: 100%;   
    color: #fff;
    background: url(../images/timelineheaderblank.png) no-repeat;
    background-repeat: no-repeat;
    max-width: 100%;
	  background-position: 100% 0;
	  background-size: cover;
	  margin-top: -20px;
}
.margintopheight{
	margin-bottom: -305px !important;
}
.boxheight-circle{
		height: 230px !important;
	}

}
@media (min-width:978px) and (max-width:990px) {
	.affix{
		margin-top: 100px !important;
	}
	
    .mtopmcm{
		margin-top: 90px !important;
	}
	.heightxs{
		height:553px !important;
	}
	.labsheader {
    	height:400px;   
	}
	.breedersheader {
    	height:400px;   
	}
	.institutionsheader {
    	height:400px;   
	}
	.biotechsheader {
    	height:400px;   
	}
	/* .featuresheader {
    	height:400px;   
	} */
	.col-lg-3-1{
		display: inline-block;
		width: 40% !important;
	}
	.mleft50-1{
		margin-left: 150px !important;
	}
	.boxheight{
		height: 300px !important;
	}
	.boxheight-circle{
		height: 200px !important;
	}
	
	.content-section-d {
		background-image: url('../images/MM_bluebackgroundexport.png');	
		background-position: center !important; 
		background-repeat: no-repeat;
		background-size: cover;
		height: 700px;
		margin-bottom: -60px !important;
	
	}

}

@media (min-width:751px) and (max-width:1000px) {
	.mleft100s{
		margin-left: 200px;
	}
	.mleft200s{
		margin-left: 200px;
	}
}
	
@media (max-width:750px) {
	.mleft100s{
		margin-left: 30px;
	}
	.mleft200s{
		margin-left: 40px;
	}
	
}

@media (min-width:991px) and (max-width:1200px) {
	.affix{
		margin-top: 40px !important;
	}
	
    .mtopmcm{
		margin-top: 120px !important;
	}
	.marginleftarrow{
		margin-left: 400px !important;
		margin-right: 400px !important;
	}
	.heightxs{
		height:653px !important;
	}
	.labsheader {
    	height:300px;   
	}
	.breedersheader {
    	height:300px;   
	}
	.institutionsheader {
    	height:300px;   
	}
	.biotechsheader {
    	height:300px;   
	}
	/* .featuresheader {
    	height:300px;   
	} */
	.col-lg-3-1{
		display: inline-block;
		width: 20% !important;
	}
	.mleft50-1{
		margin-left: 60px !important;
	}
	.boxheight{
		height: 350px !important;
	}
	.boxheight-circle{
		height: 190px !important;
	}
	.mtop-signup {
		margin-top: 150px;
	}
	.mtop-30-signup{
		margin-top: -50px !important;
	}
	.content-section-d {
		background-image: url('../images/MM_bluebackgroundexport.png');	
		background-position: center !important; 
		background-repeat: no-repeat;
		background-size: cover;
		height: 400px;
		margin-bottom: -60px !important;
	
	}
	.btn-font {
	
		font-size: 16px;
		
	}
	.padding-btn{
		padding-top: 10px !important; 
		padding-bottom: 5px !important;
	}
	.mleft-btn{
		margin-left: -7px;
	}
}
@media(min-width:1201px) {
	.heightxs{
		height:650px !important;
	}
	.boxheight{
		height: 300px !important;
	}

	
}
@media (min-width:1201px) and (max-width:1300px) {
	.content-section-d {
		background-image: url('../images/MM_bluebackgroundexport.png');	
		background-position: center !important; 
		background-repeat: no-repeat;
		background-size: cover;
		height: 400px;
		margin-bottom: -60px !important;

	}
	.largefont-pricing{
		font-size: 15px !important
	}
	.boxheight-circle{
		height: 190px !important;
	}
}
@media (min-width:1301px) and (max-width:3000px) {
	
  
    .largesecreenarrow{
    	height: 260px;
    }
  	.mtopmcm{
		margin-top: 40px !important;
	}
	.boxheightbig{
		height: 620px !important;
	}
	.content-section-d {
		background-image: url('../images/MM_bluebackgroundexport.png');	
		background-position: center !important; 
		background-repeat: no-repeat;
		background-size: cover;
		height: 470px;
		margin-bottom: -60px !important;

	}
	.boxheight-circle{
		height: 190px !important;
	}
	
}

@media (min-width:839px) and (max-width:977px) {
	.affix{
		margin-top: 100px !important;
	}
	
}
 @media screen and (max-width: 960px) {
 .navbar-nav > li > a {
    line-height: 5px !important;
}
}
.navbar-nav > li > a {
    font-weight: 400;
    font-size:16px;
}
.navbar-nav > li > a:HOVER {
    font-weight: 400;
    font-size:16px;
}
@media (min-width:768px) and (max-width:838px) {
	.affix{
		margin-top: 110px !important;
	}
	 .navbar-nav > li > a {
    line-height: 20px !important;
}
	
}

@media(min-width:767px) {
	

    #map {
        height: 400px;
        margin-top: 250px;
    }
}
.content-section-a {
	
	background-color: #f8f8f8;
	padding: 20px 20px !important;
	border-top: 1px solid #e7e7e7;
	border-bottom: 0px solid #ccc;
	
}

.content-section-b {
	border-top: 1px solid #e7e7e7;
	border-bottom: 0px solid #ccc;
	padding: 30px 20px !important;
	background-color: #fff;
}

.content-section-c {
	background: #e8e7e9;
	border-top: 1px solid #e7e7e7;
	border-bottom: 0px solid #ccc;
	padding: 30px 20px !important;	
}

.content-section-import {
	background-image: url('../images/MM_backgroundforimportpage.png');
	border-top: 0px solid #e7e7e7;
	border-bottom: 0px solid #ccc;
	padding: 30px 0px !important;	
	background-position: 50% 0px; 
	background-repeat: no-repeat;
}

.content-section-e {
	border-top: none;
	border-bottom: 0px solid #ccc;
	padding: 30px 20px !important;
	background-color: #fff;
}

.content-section-f {
	background: #fce2a4;
	border-top: none;
	border-bottom: 0px solid #ccc;
	padding: 30px 20px !important;	
}

.content-section-a-darker {
	
	background-color: #e7e7e7;
	padding: 30px 20px !important;
	border-top: 0px solid #e7e7e7;
	border-bottom: 0px solid #ccc;
	
}
.content-section-g {
	border-top: 1px solid #e7e7e7;
	border-bottom: 0px solid #ccc;
	padding: 15px 20px !important;
	background-color: #fff;
}
.content-section-exception-b {
	border-top: none;
	border-bottom: 0px solid #e7e7e7;
	padding: 50px 0;
	background: #fbf5d5;
	
}

.section-heading {
	margin-bottom: 30px;
}

.section-heading-spacer {
	border-top: 3px solid #e7e7e7;
	width: 200px;
	float: left;
}



.banner_support {
	padding: 30px 0;
	color: #f8f8f8;
	background-color: #144e00 !important;
	border: 1px solid #6A8A87;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 5px 10px rgba(11,122,191,.5);
	-moz-box-shadow: 0 5px 10px rgba(11,122,191,.5);
	box-shadow: 0 5px 10px rgba(11,122,191,.5)
	
}

.banner h2 {
	margin: 0;
	text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.6);
	font-size: 3em;
}

.banner ul {
	margin-bottom: 0;
}

.banner-social-buttons {
	float: right;
	margin-top: 0;
}

@media (max-width: 1199px) {
	ul.banner-social-buttons {
		float: left;
		margin-top: 15px;
	}	
}

@media (max-width: 767px) {
	.banner h2 {
		margin: 0;
		text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.6);
		font-size: 3em;
	}

	ul.banner-social-buttons > li {
		display: block;
		margin-bottom: 20px;
		padding: 0;
	}

	ul.banner-social-buttons > li:last-child {
		margin-bottom: 0;
	}	
}

footer {
	background-color: #f8f8f8;
	padding: 50px 0;
}

p.copyright {
	margin: 15px 0 0;
}



/* Footer */

.footer {
	
	background-color: #FFF;
	position: relative;
	z-index: 20;
}

.footer ul {
	min-height: 50px;
	
	float: left;
	width: auto;
	margin-right: 40px;
}

.footer li, .footer li a {
	font-size: 14px;
	line-height: 20px;
	font-weight: 400;
	color: #fff;

}

.footer h3 {
	font-weight: 600;
	font-size: 16px;
	line-height: 20px;
	color: #fff;
	padding-bottom: 0px;
	margin-bottom: 4px;
}

.footer li a:hover {
	color: #fff;
	text-decoration: underline;
}
.vspace0FooterContact{
    padding: 0px 0px;
}
.footer_title {
	color: #282822;
	font-size: 1.0em;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #fff;
	max-width: 210px;
	line-height: 20px;
}

.footer_title_support {
	color: #000;
	font-size: 1.3em;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #000;
	max-width: 210px;
	line-height: 20px;
}

.footer_title_support_one {
	color: #000;
	font-size: 1.3em;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #000;
	max-width: 240px;
	line-height: 20px;
}

.footer_title_support_two {
	color: #000;
	font-size: 1.3em;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #000;
	max-width: 320px;
	line-height: 20px;
}

.footer_title_support_three {
	color: #000;
	font-size: 1.3em;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #000;
	max-width: 320px;
	line-height: 20px;
}

.well-new {
	min-height: 20px;
	color: #000 !important;
	background-color: #f5f5f5;
	
	border-bottom: 0px;
	
	-webkit-box-shadow: 0 5px 10px rgba(0,0,0,.5);
	-moz-box-shadow: 0 5px 10px rgba(0,0,0,.5);
	box-shadow: 0 5px 10px rgba(0,0,0,.5)
}
.well-RCE {
	min-height: 20px;
	color: #000 !important;
	background-color: #f5f5f5;
	
	border-bottom: 0px;

	-webkit-box-shadow: 0 5px 10px rgba(0,0,0,.5);
	-moz-box-shadow: 0 5px 10px rgba(0,0,0,.5);
	box-shadow: 0 5px 10px rgba(0,0,0,.5)
}
.login-well{
	margin: 0 auto !important;
	background: #FEFCFF;	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}


.divider-img {
	background-image: url(../images/line+divider.png);
	background-position: 0 0;
	background-repeat: repeat-x;
	height: 11px;
	
	
}
.mtopmcm{
	margin-top: 160px;
}

.dropdown:hover .dropdown-menu {
    display: block;
 }
 
.navbar-default .dropdown-menu li a:hover {
    color:#000;
    background: #cedde5;
}

@media (min-width:991px) and (max-width:1400px) { 
  .logofont {	
	font-size: 20px !important;
}

.logofontnet {	
	font-size: 18px !important;
	color: #4682B4;
}
.morebiggestfonttitle{
	font-size:30px !important;
}
.h1font{
	
    font-size: 18px !important;
    
}
.intro-md {

    height:800px;
      
}



.paddingrightbox{
	padding-right: 50px;
}
  }
@media (min-width:991px) and (max-width:1200px) {
	
	.mleft250{
		margin-left: 90px !important;
	}
}
@media (min-width:1200px) and (max-width:1600px) {
	
	.mleft250{
		margin-left: 130px !important;
	}
	.boxheightbig{
		height: 730px !important;
	}
	
	.mleft50-1{
		margin-left: 60px !important;
		margin-right: 20px !important;
	}
	
}
.morebiggestfonttitle{
	font-size:40px;
}

.morebiggestfonttitle-md{
	font-size:25px !important;
}
.paddingrightbox{
	padding-right: 30px;
}
.dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0; // remove the gap so it doesn't close
 }