@charset "utf-8";
/*
Theme Name: Vectus BioSystems
Author: Vectus
Version:1.0 
*/
@import url(https://fonts.googleapis.com/css?family=Raleway:400,300,500,600,700,800,900);
body {font-family: 'Verdana', sans-serif; font-size:12px; line-height:20px; color:#4f4f49; background:url(images/main-bg.jpg) no-repeat; background-size:cover;
background-position:top right;}
a { text-decoration:none; color:#8c0000;}
a:hover {}
/* Responsive Images */
img, img.scale-with-grid {outline:0; max-width:100%;height:auto;}
img { vertical-align:middle;}
/*========== Clear fixing =======*/
.clearfix:after {clear:both; content:''; display:block;}
/*========== Floats =============*/
.float_l {	float:left;}
.float_r {	float:right;}
/*========== Alignments ========*/
.align_left {	text-align:left;}
.align_center {	text-align:center;}
.align_right {	text-align:right;}
/*========== positions ========*/
.absolute {	position:absolute;}
.relative {	position:relative !important;}
.inherit {	position:inherit;}
* {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
ul {margin:0px; list-style-type:none; padding:0px;}
ul li {list-style-type:disc; margin:10px 0; list-style-position:inside;}

h1, h2, h3, h4, h5, h6 { margin:0px; font-weight:bold;}
h1 {font-size:26px; line-height:30px;}
h2 { font-size:22px; line-height:26px;}
h3 { font-size:18px; line-height:24px;}
h4 { font-size:16px; line-height:18px;}
h5 { font-size:14px;}
h6 { font-size:12px;}

strong, b {}
input:focus, textarea:focus, select:focus, button:focus { outline:none;}
select, input, textarea, button { -webkit-appearance: none;  -moz-appearance: none;  appearance: none; border-radius:0px;}
input[type=checkbox] {
	visibility: hidden;
}

.button { background-color:#8c0000; border:transparent 1px solid; padding:10px 22px; font-size:18px; color:#fff; text-transform:capitalize; display:inline-block; transition:0.3s;}
.button:hover {background-color:#fff; color:#8c0000; border-color:#8c0000;}

/*========== main css starts here =======================*/
.wrapper { width:100%;}
.container {width:1030px; margin:0px auto; padding:0px 15px;}
.row {margin:30px 0px;}
p {margin:12px 0px;}

header {width:100%;}
header .left_col {width:30%; float:left;}
header .left_col a {display:block; width:220px;}
header .right_col {width:70%; float:right; padding:51px 0px 0px;}
nav {float:right;}
nav ul {}
nav ul li {margin:0px; list-style-type:none; float:left; position:relative;}
nav ul li a {display:block; padding:15px 20px 15px; font-size:16px;}
nav ul li.current-menu-item a, nav ul li:hover a {color:#505050;}

nav ul li ul.sub-menu {width:240px; position:absolute; top:49px; left:0px; z-index:100; border:#c2c2c2 1px solid; display:none;}
nav ul li:hover ul.sub-menu {display:block;}
nav ul li ul.sub-menu li {float:none;}
nav ul li ul.sub-menu li a {background-color:#fff; padding:7.5px 20px; border-bottom:#c2c2c2 1px solid; font-size:12px; color:#505050;}
nav ul li ul.sub-menu li:hover a, nav ul li ul.sub-menu li.current-menu-item a {color:#8c0000;}
nav ul li ul.sub-menu li:last-child a {border-bottom:none;}


.hero_image { position:relative;}
.hero_image img {width:100%;}
.hero_image h1 {position:absolute; top:50%; left:50%; z-index:5; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); color:#fff; width:100%; text-align:center;}

.about_vectus {padding:50px 100px; text-align:center;}
.about_vectus h3 {font-weight:normal; color:#000; margin-top:20px;}

.vec_hm_about {padding:35px 0px;}
.vec_hm_about ul {}
.vec_hm_about ul li {float:left; margin:0px 53px 0px 0px; list-style-type:none; width:298px; height:298px; position:relative; transition:1s;}
.vec_hm_about ul li .hvr_title {position:absolute; top:8px; left:8px; bottom:8px; right:8px; z-index:10; background:rgba(140,0,0,0.63); display:none;}
.vec_hm_about ul li .hvr_title h3 {font-size:20px; color:#fff; font-weight:normal; position:absolute; z-index:11; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%);}
.vec_hm_about ul li:hover .hvr_title {display:block;}

.vec_hm_about ul li:last-child {margin-right:0px;}

ul.intro-home { font-size:16px; color:#000000; padding-top:40px;}

ul.intro-home li { padding:5px 0;}

.subpages_heroimage {width:100%; position:relative;}
.subpages_heroimage img {width:100%;}
.subpages_heroimage h1 {position:absolute; top:50%; left:50%; z-index:12; color:#fff; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); width:100%; text-align:center;}

.subpages {margin:50px 0px;}
.subpages p:first-child {margin-top:0px;}
.subpages .sidebar_wrap {width:300px; float:left;}
.subpages h4 {margin:30px 0px 12px; color:#8c0000;}

#menu-about, #menu-investor {}
#menu-about li, #menu-investor li {list-style-type:none; margin:0px; position:relative;}
#menu-about li a, #menu-investor li a {display:block; font-size:14px; font-weight:bold; color:#7e7e7e; padding:14px 15px; border:#e7e7e7 1px solid; margin-bottom:-1px; border-right:none;}
#menu-about li:hover a, #menu-about li.current-menu-item a, #menu-investor li:hover a, #menu-investor li.current-menu-item a {color:#8c0000;}
#menu-about li.current-menu-item a, #menu-investor li.current-menu-item a {border-color:#c2c2c2;}
#menu-about li.current-menu-item:after, #menu-investor li.current-menu-item:after {content:""; display:block; height:47px; width:2px; background-color:#fff; position:absolute; top:1px; right:-1px; z-index:15;}

.subpages .post_content_wrap {width:700px; float:left; background-color:#fff; border:#c2c2c2 1px solid; padding:22px; min-height:400px;}

.content_area {margin:30px 0px; border:#c2c2c2 1px solid; padding:22px; background-color:#fff;}
.content_area p:first-child {margin-top:0px;}
.content_area img {margin-bottom:10px;}

.address_row  {}
.address_row .colmn {float:left; width:300px; padding-right:22px;}
 .address_row .colmn h6 {min-height:40px;}

.leadership_teams {}
.leadership_teams h4 {margin:0px; color:#8c0000;}
.leadership_teams .row {border-bottom:#c2c2c2 1px solid; margin:0px; padding:30px 0px;}
.leadership_teams .row p {margin-bottom:0px;}
.leadership_teams .row:last-child {border-bottom:none;}
.leadership_teams .row h5 {color:#8c0000;}
.leadership_teams .row span.role {display:block; font-size:14px;}

.report_pdf {background:url(images/pdf-icon.png) left center no-repeat; padding-left:42px; line-height:31px; margin:20px 0px;}
.report_pdf a {border-bottom:#8c0000 1px solid; display:inline-block;line-height:18px;}


footer {background-color:#8c0000; width:100%; padding:13px 0px; margin-top:30px;}
footer .copyright {color:#fff; font-size:10px;}

.dwn-btn{
	background:#8c0000;
	color:#ffffff;
	padding:7px 15px;
	margin:10px 0 0 0;
	display:inline-table;
}

.img-responsive {
    width: 100%;
}

/*===== Responsive CSS starts here ============*/

@media screen and (max-width:1030px) {
h1 {font-size: 21px; line-height:24px;}

.container {width:768px;}

header .left_col a {width:180px;}
nav ul li a {font-size:14px; padding:15px 9px;}
header .right_col {padding:32px 0 0;}
nav ul li ul.sub-menu {width:211px;}

.vec_hm_about ul li {height:auto;margin:0 20px 0 0; width:232px;}
.subpages .sidebar_wrap {width:200px;}
.subpages .post_content_wrap {width:538px;}
#menu-about li.current-menu-item::after, #menu-investor li.current-menu-item::after {height:100%;}
.about_vectus {padding:50px;}


}

@media screen and (max-width:767px) {
h1 {font-size:19px; line-height:20px;}
h2 { font-size:18px; line-height:22px;}
h3 { font-size:16px; line-height:20px;}
h4 { font-size:14px; line-height:18px;}
p {margin:15px 0px;}
.container {width:100%;}
header .left_col {float: none;width: 100%;height: 64px;}
header .left_col a {width: 140px;}
header .right_col {float:none; padding:0; width:100%; display:none;}
.about_vectus {padding: 50px 0;}
.vec_hm_about ul li {float: none; height:285px; margin:20px auto; width:285px;}
.vec_hm_about ul li:last-child {margin-right:auto;}
.about_vectus {padding:40px 0 0;}
.vec_hm_about {padding:30px 0 0;}
footer {margin-top:15px; text-align:center;}

.subpages .sidebar_wrap {float: none; width: 100%; display:none;}
.subpages .post_content_wrap {float:none; padding:10px; width:100%;}
.subpages {margin: 30px 0;}
.subpages h4 {margin:20px 0;}
.content_area {padding:10px;}
.content_area img { display: table; margin: 0 auto;}
.address_row .colmn {float: none; padding-right: 0; width: 100%;}
.address_row .colmn h6 {min-height: inherit;}

.button {display:table; font-size:14px; margin:0 auto; padding:5px 15px;}
.leadership_teams .row {padding:20px 0px;}
ul.responsive-menu li {margin:0px;}
header {
    background: rgba(255, 255, 255, 1) none repeat scroll 0 0;
    left: 0;
    position: fixed; border-bottom:#8c0000 1px solid;
    top: 0;
    width: 100%;
    z-index: 200;
}
.main_content_wrapper {
    margin-top:65px;
}



}





.sl-titile {
    color: #8c0000;
    font-family: "verdana";
    font-size: 18px;
    padding: 20px;
}
.sl-label {
    color: #4f4f49;
    display: block;
    float: left;
    font-size: 14px;
    max-width: 250px;
    padding: 10px 20px;
    width: 100%;
}
.sl-input-field {
    float: left;
    max-width: 335px;
    padding: 10px 20px;
    width: 100%;
}
.sl-input-field input[type="email"], .sl-input-field input[type="text"] {
    border: 1px solid;
    padding: 5px;
    width: 100%;
}

.sl-input-field input[type="submit"] {
    background: #8c0000 none repeat scroll 0 0;
    border: medium none;
    color: #ffffff;
    padding: 10px 35px;
}
.content_area .sl-input-field img {
    margin: inherit;
}

.captcha-1 {
    display: block;
    margin-top: 10px;
}