html, body{
background-image: url(../images/bg.jpg);
background-repeat: no-repeat;
background-size: cover;
}
.no_padd{
padding: 0px;
}
.full_width{
width:100%;
}
.banner{
width: 100%;
}
.custom{
max-width: 1366px;
margin: auto;
float: none;
clear: both;
}
.mstrap_row1 {
background: #000;
padding: 10px;
padding-left: 0;
padding-right: 0;
text-align: right;
}
ul.top_links {
list-style: none;
padding-left: 0;
}
ul.top_links li{
display: inline-block;
color: #a0a0a0;
font-size: 16px;
}
ul.top_links li a{
display: inline-block;
color: #a0a0a0;
font-size: 16px;
}
ul.top_links li a:hover, ul.top_links li a:focus, ul.top_links li a:active{
color: #007cfb;
text-decoration: none;
}
.active{ color: #007cfb!important;
text-decoration: none;}
.a2{
padding-left: 20px;
padding-right: 20px;
}
.l1, .l2{
width: 50%;
}
.l2{
text-align: right;
}
.l1 a{
color:#fff;
font-size: 40px;
text-align: left;
margin-top: 0px;
margin-bottom: 0px;
}
.l1 a:hover{
color:rgba(255, 255, 255, 0.79);
text-decoration: none;
}
.l2 .call{
color: #007cfb;
font-size: 30px;
padding-top: 12px;
display: inline-block;
}
.l2 .col1{
color: #fff;
}
.l2 .call:hover{
color: rgba(0, 124, 251, 0.74);
text-decoration: none;
}
.l2 .call:hover .col1{
color: rgba(255, 255, 255, 0.79);
text-decoration: none;
}
.padd{
padding-top: 15px;
margin-bottom:0px;
}
.navbar-default {
background-color: rgba(255, 255, 255, 0);
border-color: rgba(236, 236, 236, 0);
}
.navbar-brand{
display: none;
}
.navbar-default .navbar-nav>li>a {
color: #8e8e8e;
font-size: 16px;
border-bottom: 3px solid transparent;
padding: 5px 1px;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
color: #fff;
background-color: transparent;
border-bottom: 3px solid #007cfb;
padding: 5px 1px;
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:active {
color: #fff;
background-color: transparent;
border-bottom: 3px solid #007cfb;
padding: 5px 1px;
}
.navbar-nav>li>a {
padding-top: 15px;
padding: 5px 1px;
}
.navbar-nav>li {
float: left;
padding: 10px 15px;
}
.padd2{
padding: 0px;
}
.a3{
padding-left: 5px;
padding-right: 5px;
}
.a4{
text-align: left !important;
}
.f_text{
font-size: 20px;
color: #fff;
padding-top: 10px;
display: block;
padding-bottom: 15px;
}
a.call2 {
color: #fff !important;
}
.ban{
width: 100%;
}
.pos{
position: relative;
}
.navbar {
margin-bottom: 0;
}
.col-xs-12.bg3 {
padding: 8px;
position: absolute;
left:0px;
right:0px;
top: 16%;
}
.bg4{
}
.bg5{
background: rgba(0, 0, 0, 0.5);
max-width: 410px;
float: right;
padding: 14px;
}
.col-xs-12.block {
background: #000;
padding: 12px;
margin-bottom: 8px;
padding-bottom: 17px;
}
span.sm {
color: #fff;
display: block;
font-size: 20px;
}
.sm2{
font-size: 30px;
color: #007cfb;
line-height: 27px;
}
.block a, .block a:hover, .block a:focus{
text-decoration: none;
}
.b_img {
width: 100%;
}
.box1 {
padding: 35px;
}
.box2 {
border: 1px solid #949494;
}
.box2a {
border: 1px solid #949494;
padding: 20px;
}
.box3a {
width: 30%;
}
.text2 {
width: 70%;
}
.text {
padding: 20px;
padding-top: 0px;
}
.blue {
display: block;
font-size: 30px;
color: rgb(0, 124, 251);
}
.grey {
color: #a0a0a0;
font-size: 20px;
padding-bottom: 14px;
display: block;
}
.para {
font-size: 18px;
color: #fff;
}
.title2{
color: #007cfb;
font-size: 30px;
}
.pp{
padding-top: 20px;
font-weight: 900;
font-size: 22px;
}
.pd{
padding-bottom: 52px;
padding-top: 10px;
}
.imh{
margin: auto;
}
.active2{
color: #337ab7 !important;
}
.affix {
position: fixed;
top: 0;
z-index: 99999;
margin-top: 0px;
width: 100%;
left: 0px;
right: 0px;
padding-right: 15px;
padding-left: 15px;
border-radius: 0px;
-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
-khtml-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
max-width: 100% !important;
float: none;
margin: auto;
width: 100%;
background: #000;
padding: 0px;
}
@media(max-width:1220px){
.col-xs-12.bg3 {
top: 2%;
}
}
@media(max-width:1110px){
.col-xs-12.bg3 {
top: 1%;
}
span.sm {
font-size: 14px;
}
.sm2 {
font-size: 20px;
line-height: 20px;
}
}
@media(max-width:848px){
.col-xs-12.bg3 {
position: relative;
}
span.sm {
font-size: 14px;
}
.sm2 {
font-size: 20px;
line-height: 20px;
}
}
@media(max-width:860px){
.bg5 {
background: rgba(0, 0, 0, 0.5);
max-width: 410px;
float: none;
margin: auto;
}
.l1 a {
font-size: 30px;
}
.l2 .call {
font-size: 20px;
}
}
@media (min-width: 768px){
.navbar-nav {
float: right;
margin: 0;
}
}
@media(max-width:767px){
.row.custom.rt {
position: fixed;
top: 0;
z-index: 99999;
margin-top: 0px;
width: 100%;
left: 0px;
right: 0px;
padding-right: 15px;
padding-left: 15px;
border-radius: 0px;
-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
-khtml-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
max-width: 100% !important;
float: none;
margin: auto;
width: 100%;
background: #000;
padding: 0px;
}
.container-fluid.bgx{ margin-top:45px;}
.navbar-default .navbar-nav>li>a {
border-bottom: 0px solid transparent;
}
.mstrap_row1 {
text-align: center;
}
.navbar-nav>li {
float: none;
padding: 0;
width: 100%;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
color: #fff;
background-color: transparent;
border-bottom: 0;
padding: 5px 1px;
background: #007cfb;
padding-left: 12px;
}
.padd2{
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.navbar-nav {
margin: 0;
margin-top: 6px;
}
#bs-example-navbar-collapse-1{
padding-right: 0px !important;
padding-left: 0px !important;
}
.navbar-default .navbar-nav>li>a {
padding-left: 12px;
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
color: #fff;
background: #007cfb;
border-bottom: 0;
padding: 5px 1px;
padding-left: 12px;
}
.navbar-brand {
display: block;
}
}
@media(max-width:660px){
.l1 a {
font-size: 25px;
}
.l2 .call {
font-size: 16px;
}
}
@media(max-width:528px){
.l1, .l2 {
width: 100%;
text-align: center;
}
.l1 a{
text-align: center;
}
.l2 a{
text-align: center;
}
ul.top_links li a {
display: inline-block;
color: #a0a0a0;
font-size: 13px;
}
.l1 a {
font-size: 19px;
}
.l2 .call {
font-size: 13px;
}
.box3a {
width: 100%;
text-align: center;
}
.text2 {
width: 100%;
padding-top: 8px;
}
}