@charset "utf-8";
/* CSS Document */

body{margin:0px; padding::0px; font-family: 'Open Sans', sans-serif; font-weight:400; font-size:14px;}

.header{ background:#FFFFFF; width:100%; float:left;  border-bottom:1px solid #4e4e4e; z-index:5;}
.top-menu{ background:none; width:100%; float:left;}
.logo {padding: 6px 0px; width: 100%;  float: left;}
.menu-block{padding:0px; margin:0px; display:inline-block; list-style:none;}
.navbar-fixed-top{ background:#FFFFFF}
.navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
    color: #fff;
    background: #000;
}

.navbar-nav li{display:inline-block; padding:31px 32px;  color:#000;}
.navbar-nav li a{color:inherit; padding:0px; border-bottom:1px solid transparent; }
.navbar-nav li:hover a{ text-decoration:none; border-bottom:1px solid #017fb5; background:none; }
.navbar-fixed-top .navbar-nav li{display:inline-block; padding:31px 32px;  color:#000;}
.banner{ width:100%; float:left; }
.nav > li > a:hover, .nav > li > a:focus{ background:none;}
.aboutus{width:100%; float:left; display:block; padding-bottom: 30px;}
.heading{width:100%; float:left; font-weight:400; font-size:44px; text-align:center; margin:20px 0px; padding-bottom:15px; color:#000; background:url(../img/head-line.jpg) bottom center no-repeat; }
.heading span{color:#017fb5;}
.about-des .text1{color:#000; float:left; width:100%; text-align:center; padding:0px 70px; margin:0px;}
.about-des .text2{color:#000; float:left; width:100%; text-align:center; padding:0px 70px; margin:0px; margin-top:25px;}
.mid-section{ width:100%; float:left; background:url(../img/bg.jpg) top left; padding-top:15px;}
.mid-section .text3{  text-align:center; width:100%; float:left; text-align:center; color:#fff; padding-top: 20px; padding-bottom: 30px;}
.para{ text-align:center; width:100%; float:left; color:#4f4f4f;}
.thumb-link{ width:100%; float:left; }
.thumb-link h3{ color:#4f4f4f; text-align:center; font-weight:600; font-size:24px;  width:100%; float:left;}
.thumb-link p {color:#848484; text-align:center; font-weight:400; font-size:14px; width:100%; float:left;}
.icons-section{ width:100%; float:left; background:url(../img/icon-bg.png) top left; padding-top:25px; padding-bottom: 30px;}
.thumb-icon h3{ color:#fff; text-align:center;     margin-top: 10px; width:100%; float:left; }
.thumb-icon p {color:#fff; border-top:1px solid #fff; padding-top:10px; text-align:center; width:100%; float:left;}
.service-section{ width:100%; float:left; padding-bottom: 30px; }
.inner-box{ width:100%; float:left; text-align:center; border-radius:5px; padding:30px 0px; border:1px solid #e4e4e4; margin-bottom:20px;}
.inner-box1{ width:100%; float:left; text-align:center; border-radius:5px; padding:10px 0px; border:1px solid #e4e4e4; margin-bottom:10px;}
.thumb-service h3{ color:#121111; text-align:center; font-weight:600; font-size:18px;  width:100%; float:left;}

.font-icons{ width:100%; float:left; text-align:center;}
.font-icons i {
    color: #fff;
    background: #017fb5;
    padding: 16px 0px;
    font-size: 40px;
    border-radius: 37px;
    width: 70px;
    height: 70px;
}

.contact-section .font-icons i {
    color: #000;
	background:none;
    border:1px solid #017fb5;
    padding: 11px 0px;
    font-size: 32px;
    border-radius: 37px;
    width: 55px;
    height: 55px;
}

#xxxx {
color: white;
}


.icons-section .font-icons i {
    color: #fff;
	background:#017fb5;
    
    padding: 11px 0px;
    font-size: 29px;
    border-radius: 37px;
    width: 50px;
    height: 50px;
}

.intro-section .font-icons i {
    color: #000;
    background: #fff;
    padding: 16px 0px;
    font-size: 40px;
    border-radius: 37px;
    width: 70px;
    height: 70px;
}


.subscride-box{width:100%; float:left; background:#e4e4e4; margin-bottom:40px; padding:50px 0px;}
.subs-heading{width:100%; float:left; text-align:center; margin:0px 0px; font-size:24px; padding-bottom:15px; color:#017fb5; }
.subs-para{ text-align:center; width:100%; float:left; color:#000;}
.form-box{width:50%; margin:auto;}
.form-main{ width:100%; float:left;}
.form-control{ display: block;  width: 70%; float:left; height: auto;  padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555555;
 background-color: #ffffff;  background-image: none;  border: 1px solid #d4d4d4;  border-radius: 0px; }
.input-group-btn{width:20%; float:left; margin-left: 7px;}
.letter_right{width:100%; float:left; background:#fff; color:#000; border:1px solid #017fb5;}
.letter_right:hover{ background:#017fb5; color:#fff; border:1px solid #017fb5;}
.intro-section{ width:100%; float:left; background:#017fb5; padding-top: 30px;padding-bottom: 30px; }
.mag-box{ margin-bottom:60px;}
.mag-box1{ margin-bottom:30px;}
.intro-heading{width:100%; float:left; text-align:center; margin:0px 0px; padding-bottom:15px; color:#fff; }
.intro-para{ text-align:center; width:100%; float:left; color:#fff;}
.img-box{width:20%; float:left;}
.thumb-intro{ width:80%; float:left;}
.thumb-intro h3{  width:100%; float:left;  color:#fff; font-size:24px; font-weight:bold;}
.thumb-intro p {  width:100%; float:left; color:#fff;}
.contact-section{ width:100%; float:left; }
.thumb-cont{ width:80%; float:left;}
.thumb-cont h3{  width:100%; float:left;  color:#fff; font-size:14px; color:#017fb5;}
.thumb-cont h3 span a{color:#000;}
.thumb-cont h3 span.bt a{width:100%;text-align:center;}
.thumb-cont h3 span a:hover{ color:#7bd52c;}
.form-control1{ display: block;  width:32%; float:left; height: auto;  padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555555;
 background-color: #ffffff;  background-image: none;  border: 1px solid #d4d4d4;  border-radius: 0px; margin: 0px 6px; margin-bottom: 15px;}
.btn-danger{ background:#017fb5; border:1px solid #017fb5;}
.btn-danger:hover{ background:#e4e4e4; color:#000; border:1px solid #017fb5;}
.copy-right-section{ width:100%; float:left; background:#141414; color:#fff; text-align:center;     padding: 40px 0px; }
.social{padding:0px; margin:0px auto;  list-style:none; width:11%;}
.social li{display:inline-block; color:#fff;}
.social li a{color:inherit; font-size:24px; padding:10px 11px; width:40px; height:40px;  padding-bottom:5px;}
.social li:hover a.fa-facebook{ text-decoration:none; background:#3b5998; border-radius:100%; }
.social li:hover a.fa-linkedin{ text-decoration:none; background:#0077b5; border-radius:100%; }
.social li:hover a.fa-twitter{ text-decoration:none; background:#1da1f2; border-radius:100%; }
hr{ border-top:13px solid transparent;}
.copyright-menu-block{padding:0px; margin:6px auto;  list-style:none; width:29%;}
.copyright-menu-block li{display:inline-block; padding:2px 0px;  color:#fff;}
.copyright-menu-block>li+li:before { content: "/";  padding: 0 3px;  color: #fff;}
.copyright-menu-block li a{color:inherit; padding-bottom:5px; border-bottom:1px solid transparent; }
.copyright-menu-block li:hover a{ text-decoration:none; border-bottom:1px solid #017fb5; }
.copy_right_text{ line-height:26px;}
.copy_right_text a:hover{ color:#017fb5; text-decoration:none;}
a{ color:inherit;}
.mylivechat_collapsed { border-bottom:1px solid #017fb5 !important; background:#017fb5 !important; }
.mylivechat_expanded { border-bottom:1px solid #017fb5 !important; background:#017fb5 !important; }
.mylivechat_offline_submit_button { border-bottom:1px solid #017fb5 !important; background:#2B65B6 !important; }





@media screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation : portrait){
  .input-group-btn { width: 25%; float: left; margin-left: 7px;}
.form-box { width: 100%; float: left; padding: 0px 15px;}
.form-control1{width:100% !important; margin: 0px 0px 10px 0px;}
.social {  width:100%;}
.copyright-menu-block{ width:100%;}
.navbar-nav {margin: 0px -15px; background: #fff; width:100%;}
.navbar-header{ width:100%;}
.logo{ text-align:center;}
.navbar-fixed-top, .navbar-fixed-bottom { position: inherit;}
.img-box{ width:30%;}
.thumb-intro{ width:70%;}
.thumb-intro h3{ margin-top:0px;}
.form-main {padding: 0px 15px;}

}

@media screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation : landscape){
.input-group-btn { width: 25%; float: left; margin-left: 7px;}
.form-box { width: 100%; float: left; padding: 0px 15px;}
.form-control1{width:100% !important; margin: 0px 0px 10px 0px;}
.social {  width:100%;}
.copyright-menu-block{ width:100%;}
.navbar-nav {margin: 0px -15px; background: #fff;}
.navbar-fixed-top, .navbar-fixed-bottom { position: inherit;}
.img-box{ width:30%;}
.thumb-intro{ width:70%;}
.thumb-intro h3{ margin-top:0px;}
.form-main {padding: 0px 15px;}
}
@media screen and (max-device-width: 767px) and (orientation: portrait) {
.input-group-btn { width: 25%; float: left; margin-left: 7px;}
.form-box { width: 100%; float: left; padding: 0px 15px;}
.form-control1{width:100% !important; margin: 0px 0px 10px 0px;}
.social {  width:100%;}
.copyright-menu-block{ width:100%;}
.navbar-nav {margin: 0px -15px; background: #fff;}
.navbar-fixed-top, .navbar-fixed-bottom { position: inherit;}
.img-box{ width:30%;}
.thumb-intro{ width:70%;}
.thumb-intro h3{ margin-top:0px;}
.form-main {padding: 0px 15px;}
.mag-box1 .img-box {width: 34%; float: left; text-align: right;}
.mag-box1 .img-box .font-icons { width: 100%; float: left;text-align: right;}
.contact-section .font-icons i { text-align: center;}
.mag-box1  .thumb-cont {  width: 65%; float: left; padding-left: 15px;}
}
@media screen and (max-device-width: 767px) and (orientation: landscape) {

  .input-group-btn { width: 25%; float: left; margin-left: 7px;}
.form-box { width: 100%; float: left; padding: 0px 15px;}
.form-control1{width:100% !important; margin: 0px 0px 10px 0px;}
.social {  width:100%;}
.copyright-menu-block{ width:100%;}
.navbar-nav {margin: 0px -15px; background: #fff;}
.navbar-fixed-top, .navbar-fixed-bottom { position: inherit;}
.img-box{ width:30%;}
.thumb-intro{ width:70%;}
.thumb-intro h3{ margin-top:0px;}
.form-main {padding: 0px 15px;}
.mag-box1 .img-box {width: 39%; float: left; text-align: right;}
.mag-box1 .img-box .font-icons { width: 100%; float: left;text-align: right;}
.contact-section .font-icons i { text-align: center;}
.mag-box1  .thumb-cont {  width: 60%; float: left; padding-left: 15px;}
}