@import url('https://fonts.googleapis.com/css?family=Antic+Slab');
@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900');

h1, h2, h3, h4, h5, h6{font-family: 'Roboto', sans-serif, serif; font-weight:500; margin-bottom:0; padding-bottom:15px}
h3{font-size:22px; padding-bottom:15px}
hr{border-color:#ccc}
.static-contain li {background:url(../images/icon_arrow_next.png) left top no-repeat; padding-left:20px; padding-bottom:5px}
.static-contain h4{color:#009e82; font-size:16px}
#mobile-menu {
	display: block;
}
body {
	color: #333;
	font-size: 21px;
	font-family: 'Roboto', sans-serif, serif;
	padding: 0;
	margin: auto;
	line-height: 1.55; background:#f3f3f3;
}

a {
	color: #333;
	text-decoration: none; transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
}

a:hover, a:focus {
	/* color: #222d59; */
	text-decoration: underline; outline:0; border:0; transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s; text-decoration:none;
} 

a:hover {
  text-decoration: none;
  color: #333;
}

 a:focus {
  color: #333;
}

ul, ol {
	padding: 0px;
	margin: auto;
	list-style: none;
}
legend {
	display: none;
}
img{max-width:100%;}

.mj_toppadder20 {
	padding-top: 20px;
}

.mj_toppadder30 {
	padding-top: 30px;
}
.mj_toppadder40 {
	padding-top: 40px;
}
.mj_toppadder80 {
	padding-top: 80px;
}


.btn-info, .btn-info:hover, .btn-info:focus, .btn-info.focus, .btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info{background-color:transparent; border:none;}
.modal-title{color:#222d59; text-align:center}
.modal-body p{font-size:17px;}
.btn-default{color: #fff; background-color: #222d59; border-color: #222d59;}
.btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default{color: #fff; background-color: #009e82; border-color: #009e82;}

.header-container{border-bottom:solid 5px #222d59;}
.top-bar{background:#222; padding:0;}
.company-name{font-size:28px; font-weight:700; color:#fff; padding-top:40px; font-family: 'Roboto', sans-serif, serif;}
.company-name span{font-size:48px; font-weight:700; padding-right:20px}
.cross-line{background:url(../images/cross-line.png) #eaeaea top right no-repeat; width:103%; height:42px;}

.mj_logo{position:relative; z-index:9}
.mj_logo img {
	position: relative;
	z-index: 99;
}
.mj_logo::after {
	background-color: #cfb57e;
	content: "";
	height: 130px;
	position: absolute;
	right: 8px;
	top: 0;
	transform: skewX(155deg);
	width: 400px;
}
.banner-background-element{background: #cfb57e none repeat scroll 0 0; height: 130px; left: 0; top:0; position: absolute; width: 27%; z-index: 1;}
.banner-background-element::after{background-color:#cfb57e; content:""; height:130px; left:left; position:absolute; right:-300px; top:0; transform:skewX(155deg); width:300px;}
.banner-background-element::after{right:-215px}
.banner-background-element::after{right:-180px}
.banner-background-element::after{ background-color: #cfb57e; content: "";  height: 130px;  left: auto;  position: absolute;  top: 0;  transform: skewX(155deg);  transform-origin: 0 0 0;  width: 400px;}

.banner-background-element2{background: #ede8e8 none repeat scroll 0 0; height: 450px; right: 0; top:0; position: absolute; width: 34%; z-index: 1;}
.banner-background-element2::after{background-color:#ede8e8; content:""; height:450px; right:right; position:absolute; left:-300px; top:0; transform:skewX(155deg); width:400px;}
.banner-background-element2::after{left:-215px}
.banner-background-element2::after{left:-180px}
.banner-background-element2::after{ background-color: #ede8e8; content: "";  height: 450px;  right: auto;  position: absolute;  top: 0;  transform: skewX(155deg);  transform-origin: 0 0 0;  width: 400px;}

.main-container {background-color: #f3f3f3;}

.advertise-right{max-width:100%; max-height:700px;}
.advertise-right img{max-width:100%; height:200px; margin-bottom:10px}
.advertise-bottom{ height:200px; width:auto;}
.advertise-bottom img{height:200px; width:auto; margin-right:8px}


.search{background:#f8f8f8; padding:20px; border:solid 1px #eee}
.stylish-input-group .input-group-addon{
	background: #222d59 !important; border:solid 1px #222d59;
}
.input-group-addon{color:#fff}
.input-group-addon:hover{color:#cfb57e}
.stylish-input-group .form-control{
	border-right:0; 
	box-shadow:0 0 0; 
	border-color:#222d59; border-radius:0;
}
.stylish-input-group button{
	border:0;
	background:transparent;
}

.search-result{width:100%;}
.block1{background-color: #ffffff;
	border-radius: 13px;
	float: left;
	margin-bottom: 30px;
	position: relative;
	padding:20px; font-size:15px;
	transition: all 0.5s ease 0s;
	width: 100%; height:250px; overflow:hidden; box-shadow: 0 1px 3px rgba(0,0,0,0.05), 0 1px 2px rgba(0,0,0,0.10);
  transition: all 0.3s cubic-bezier(.25,.8,.25,1);}
.block1:hover{box-shadow: 0 5px 10px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}
.block1 ul{}
.block1 ul li{list-style:none; border-bottom:solid 1px #eee; padding:6px 0}
.block1 ul li span{color:#009e82}

	
.mj_team_info a{color:#009e82}
.team_email{font-size:15px;}
.mj_team_wrapper:hover {
	box-shadow: 0 0 15px -2px rgba(0, 0, 0, 0.5);
	transition: all 0.5s ease 0s;
}


#scrollbox3 {
	overflow: auto;
	width: 100%;
	height: 600px;
}

.track3 {
	width: 10px;
	background: rgba(0, 0, 0, 0);
	margin-right: 0px;
	border-radius: 10px;
	-webkit-transition: background 250ms linear;
	transition: background 250ms linear;
}

.track3:hover,
.track3.dragging {
	background: #d9d9d9; 
	background: rgba(0, 0, 0, 0.15);
}

.handle3 {
	width: 7px;
	right: 0;
	background: #cfb57e;
	background: rgba(207, 181, 126, 0.7);
	border-radius: 7px;
	-webkit-transition: width 250ms;
	transition: width 250ms;
}

.track3:hover .handle3,
.track3.dragging .handle3 {
	width: 10px;
}

.footer{background:#fff; padding:30px 0 0; position:relative; z-index:100}
.footer-top{background:#222d59; color:#fff; font-size:15px; padding:10px 0}
.footer ul{}
.footer ul li{list-style:none;}
.footer ul li a{color:#222222; padding:0 0px; font-size:15px}
.footer ul li a:hover{color:#1b365d}
.footer-bottom{background:#222; padding:15px 0; color:#fff; font-size:15px}
.footer-bottom a{color:#fff;}
.footer-bottom a:hover{text-decoration:underline}