body{ position: relative; float: left; width: 100%; margin: 0; padding:0; font-size: 15px; 
	overflow-x: hidden; font-style: normal; }
image{ border: none; }
p{ font-weight: normal; }

header{ position: relative; float: left; width: 100%; }
header .top-header{ position: relative; float: left; width: 100%; background:#f2f6f8; padding:0px 0; }
.cont-list{ position: relative; float:right; padding:26px 0 0; margin: 0; }
.cont-list li{ float:left; list-style: none; display: inline-block; color: #333; margin: 0 0 0 20px;
 font-size: 16px; }
.cont-list li a, .cont-list li a:hover{ color:#333; text-decoration: none; }
.cont-list li sm{ font-size:16px; font-weight:700; color: #0e7496; }

.menu-main-section{ position:relative; float:left; width:100%; }
.slider-bx{ position:relative; float:left; width:100%; }
.menubar{ position:relative; width:100%;  }

/* menu css */
.navbar{ padding:12px 0; }
.navbar-brand{  }
.navbar-brand img{ width: 100px; }
.navbar-brand .lo-text{ 
    font-weight: 600;
    text-transform: uppercase;
    color: #0e7496;
    font-size: 30px; 
    position: relative;
    top: 7px; }
.navbar-light .navbar-nav{ margin-left:auto!important; margin-right:auto!important; }
.navbar-light .navbar-nav .nav-link { color:#333; text-transform: uppercase;
    font-weight: 600; font-size: 15px; letter-spacing: 1px; }
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, 
.navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link
{ color:#333; }
.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 0.7rem;
    padding-left: 0.7rem;
}

.slider-con{ left:9%; top:15%; text-align: left; }

.banner-text {
    width: 100%;
    float: left;
}
.banner-text h2 {
    font-size:52px;
    color: #fff;
    text-transform: uppercase;
    position: relative;
    padding: 0 0 0 50px;
    font-weight: 400;
}
.banner-text h2:before {
    content: '';
    width: 1px;
    height: 100%;
    background: #bad1df;
    position: absolute;
    left: 36px;
    top: 0;
}

.banner-text a {
    display: inline-block;
    font-size: 18px;
    letter-spacing: 1px;
    color: #fff;
    text-transform: uppercase;
    transform: rotate(-90deg);
    position: absolute;
    left: -44px;
    top: 117px;
}
.banner-text a svg {
    width: 38px;
    height: 25px;
    display: inline-block;
    fill: #fff;
    transform: rotate(90deg);
    position: absolute;
    right: -41px;
    top: -1px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s;
}

.normal-section{ padding:80px 0; }
.title{ text-align: center; float: left; width: 100%; margin: 0 0 50px; }
.title h2{ font-size:45px; font-weight:600; color: #0e7496; margin: 0 0 20px; }
.title p{ font-size:18px; }



.ser-bx{ background: #137292; color: #fff; float: left; width: 100%; overflow: hidden; border-radius:7px; 
margin: 0 0 30px;}
.ser-bx img{ width: 100%; }
.ser-bx h3{ font-size:18px; margin-bottom: 0; }
.ser-bx h3 a{ color:#fff; }
.ser-bx h3 span{ float: right; }
.ser-bx h3 span i{ font-size:19px; }

.ser-bx .disc{ padding: 20px; }

.about-sec{ background: #f2f6f8; }

.about-img-bx img{ width: 90%; }
.about-con-bx { padding:70px 0 0; }
.about-con-bx h3{ font-size: 45px; font-weight:600; margin-bottom: 30px; color: #0e7496; }
.about-con-bx h4{ font-size: 27px; font-weight: 600; margin: 20px 0 20px; }
.about-con-bx p{ font-size: 18px; }
.about-con-bx a{ 
    color: #333;
    font-weight: 500;
    font-size: 16px;
    border: solid 1px #333;
    text-align: center;
    padding: 6px 19px 9px;
    margin: 20px 0 0; }

.exp-bx{  }
.exp-bx{ background: #fff; color: #333; float: left; width: 100%; overflow: hidden; border-radius:7px; 
margin: 0 0 30px;}
.exp-bx img{ width: 100%; }
.exp-bx h3{ 
    font-size:20px;
    margin-bottom: 20px;
    color: #ffffff;
    background: #0e7496;
    padding: 12px 15px }
.exp-bx h3 span{ float: right; }
.exp-bx h3 span i{ font-size:19px; color:#ffffff; }
.exp-bx .disc{ padding: 20px; }
.exp-bx p{   font-size: 17px;
    line-height: 29px;
    padding: 0 14px; }

.pro-section{ 
    background: url(../images/blue-bg.jpg);
    background-size: 100% 100%;
}
.pro-section .title{ color: #fff; }
.pro-section .title h2 {
    color: #fff;
}
.pro-bx{  }
.pro-bx img{ width: 100%; border-radius:0; }
.pro-bx h3{ font-size: 22px; color: #fff; line-height:28px; margin: 0 0 14px; }
.pro-bx p{ 
    margin: 0 0 30px;
    color: #fff;
    font-size: 15.5px;
    font-weight: 300; }
.pro-bx h3 span{ color: #333; }
.pro-bx .img-bx{ padding: 0 30px; }
.pro-bx .pro-text{ background:#b96703; padding:15px 30px 35px; border-radius: 0 0 8px 8px; }
.pro-bx .pro-text a{ 
    color: #fff;
    font-weight:500;
    font-size: 14px;
    border: solid 1px #fff;
    text-align: center;
    padding: 4px 16px 6px;
    margin: 20px 0 0; 
 }
 .pro-bx .pro-text a:hover{ text-decoration: none; }

.brouser-section {
    position:relative;
    float:initial;
    padding:10px 0;
    width:100%;
    background:#fdfdfd;
    -webkit-box-shadow: -1px 6px 5px -3px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: -1px 6px 5px -3px rgba(0, 0, 0, 0.15);
    border-top:solid 1px #d4d4d4;
    box-shadow: -1px 6px 5px -3px rgba(0, 0, 0, 0.15);
}
.brouser-section h3 {
    font-size:23px;
    font-weight: 600;
    line-height: 26px;
    margin:5px 0 0;
    color: #0e7496;
}
.brouser-section h3 span{ 
    font-size: 41px;
    font-weight: 800;
    float: left;
    width: 100%;
    color: #eb8303;
    margin: 7px 0;
 }
.brouser-section img {
    width: 70%;
    margin: 0 auto;
    float: none;
}
.brouser-section .apollo-img {
    width:100%;
}
.brouser-section .ycmu-img {
    width:100%;
}
.client-list a {
    margin:0 0px;
}
.client-list a img {
    width:180px;
}

.testi-section{ background: url(../images/testimonial-bg.jpg) no-repeat;
background-size: 100% 100%; }
.testi-section .title{ color: #fff; }
.testi-section .title h2 {
    color: #fff;
}

.single-testimonial-items {
    padding: 45px 40px;
    background: #ff951338;
}
.single-testimonial-items-title {
    margin-bottom: 15px;
}
.single-testimonial-items-title h3 {
    font-size: 25px;
    font-weight: 400;
    color: #fff;
}
.single-testimonial-items-content {
    margin-bottom: 15px;
}
.single-testimonial-items-content p {
    color: #fff;
    font-size: 16px;
    line-height: 26px;
    font-weight: 300;
}
.single-testimonial-items-meta h5.testimonial-author-name {
    display: block;
    overflow: hidden;
    font-size: 20px;
    color: #fff;
}
.testimonial-star-ratings i{ color:#ff9717; }

.button:focus{ 
    outline:none;
    outline:none; 
}

footer{ background: #f2f6f8; border-top:solid 1px #d4d4d4; float: left; width: 100%; }
.sm-footer{ text-align: center; }
.sm-footer a{ padding: 0 4px; }
.sm-footer a:hover{ text-decoration: none; }
.sm-footer a i{ 
    background:#0e7496;
    color: #fff;
    border-radius: 50px;
    width: 48px;
    height: 48px;
    line-height: 49px;
    text-align: center;
    font-size: 32px; }

.footer-list{ text-align: center; margin: 30px 0 0; }
.footer-list a{ color: #333; font-weight:700; padding: 0 9px; }
.footer-list a:hover{ text-decoration: none; }
.footer-list1 a{ opacity: 0.5; }
.footer-list1 .foot-title{ 
    font-size: 17px; color: #000; opacity: 0.8;
}

.inner-banner {
    width: 100%;
    height: 300px;
    float: left;
    background: url(../images/blue-bg.jpg);
    background-position: top center;
    background-size:100% 100%;
    position: relative;
    z-index: 1;
}
.inner-banner-info {
    width: 100%;
    float: left;
}
.inner-banner-info ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.inner-banner-info ul li {
    display: inline-block;
    font-size: 15px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #fff;
}
.inner-banner-info ul li.active {
    position: relative;
    padding: 0 20px 0 0;
}
.inner-banner-info ul li a {
    display: block;
    color: #fff;
}
.inner-banner-info ul li.active:after {
    content: '';
    width: 5px;
    height: 5px;
    border-radius: 100%;
    background: #fff;
    position: absolute;
    right: 6px;
    top: 9px;
}
.inner-banner-info h2 {
    margin: 20px 0 0;
    font-size: 42px;
    letter-spacing: 1px;
    color:#fd6620;
    text-transform: uppercase;
}
.inner-banner-info p {
    margin: 0;
    font-size: 24px;
    color: #fff;
}

.about2{ padding: 40px 0 0; }
.about-title { width: 100%; float: left; }
.about-title h4{ 
    margin: 0 auto 40px;
    font-size: 24px;
    line-height: 36px;
    color:#0e7496;
    width: 70%;
    text-align: center;
 }
.dlab-box-bg{ 
    background: url(../images/pic1.jpg);
    float: left;
    width: 100%;
    background-size: cover;
    border-bottom: solid 3px #ff5e13;
} 
.dlab-box-bg .icon-bx-wraper {
    background-color: #f8f8f8;
    text-align: center;
     padding: 20px;
}

.dlab-box-bg .glyph-icon, .dlab-box-bg .fa {
    font-size: 50px;
    color:#ff5e13;
}
.icon-box-btn .site-button {
    background-color: #eeeeee;
    padding: 15px 20px;
    text-transform: uppercase;
    font-size: 15px;
}
.icon-content{ padding: 19px 0; }
.dlab-tilte{ font-size: 19px; }


.product-main{ width: 100%; background: #f7f7f7; overflow: hidden; border-radius: 8px; padding:25px; 
margin: 30px 0; }
.product-main .pro-img img{ width: 100%; border-radius: 8px; }
.pro-con{ float: left; width: 100%; padding:20px 30px 0; }
.pro-con h3{ font-size:40px; margin: 0 0 20px; width: 100%; float: left; }
.pro-con p{ font-size: 20px; }
.pro-con .ord-btn{ border: solid 1px #0e7496; background: #0e7496; color: #fff; float: left; margin: 20px 0 0; }
.tab-pro{ justify-content: center;  }
.tab-pro .nav-link{ background: #f4f4f4; margin: 0 5px; font-weight: 500; font-size:19px; color: #333; }
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #fff;
    background-color:#fd6620;
    border: none;
}

.table td, .table th { padding: 6px; }

.contcat-con{ position:relative; float:left; width:100%; }
.contcat-con .cont-list{ position:relative; float:left; width:33%; padding:0; margin:0 0 23px; }
.contcat-con .cont-list img{ float:left; margin:0 12px 10px 0; }
.contcat-con .cont-list h3{ font-size:21px; margin:11px 0 5px; }
.cont-form{ position:relative; float:left; width:100%; }
.cont-form h3{ margin: 0 0 20px; }
.cont-form .form-control{ border-radius:2px; height:40px; padding:0 15px; text-align:left;
    font-size:15px; }
.cont-form .form-textarea{ height:100px; padding:7px 15px; }    
.cont-form button{ border-radius:0; padding:9px 25px; float:right; 
 transition:all 0.3s ease-in; font-size:13px; }
.cont-form button:hover{  }
.map{ float:left; width:100%; padding:10px 0 0; }



/* --------------------------------------- 

Responsive CSS 

----------------------------------------- */

/* Extra large devices (large desktops, 1200px and up)  */
@media (max-width: 1200px) { 
.container{ width: 95%; }

 }

 /* Large devices (desktops, 992px and up) */
@media (max-width: 992px) { 
.cont-list{ display: none; }
.navbar-brand {
    float: left;
    width: 100%;
    text-align: center;
    padding: 16px 0;
}
.navbar-light .navbar-toggler {
    color: #000;
    border-color: rgb(0 0 0);
    position: relative;
    left: 26px;
    width: 64px;
    height: 54px;
}
.brouser-section h3{ text-align: center; padding: 24px 0; }
.brouser-section h3 br{ display: none; }
.brouser-section h3 span{ width: auto; float: none; }
.navbar-nav{ 
    position: absolute;
    background: #0e7496;
    width: 100%;
    z-index: 10; top: 78px; 
}
.navbar-light .navbar-nav .nav-link {
    color: #fff; }
.contcat-con .cont-list { display: block !important; }
.contcat-con .cont-list {
    float: left;
    width: 100%; }
    
 }

/* Medium devices (tablets, 768px and up) */
@media (max-width: 768px) { 
.banner-text h2{ font-size: 33px; }
.navbar-brand .lo-text{ float: left; width: 100%; }

 }


/* Small devices (landscape phones, 576px and up) */
@media (max-width: 576px) {
.navbar-brand .lo-text{ float: left; width: 100%; font-size: 25px; }
.title h2 {
    font-size: 30px;
    margin: 0 0 20px;
}
.about-img-bx img {
    width: 100%;
}
.about-con-bx h3 {
    font-size: 37px;
    margin-bottom: 18px; }
.normal-section {
    padding: 40px 0;
}
.inner-banner-info h2 { margin: 16px 0 14px; font-size: 28px; }
.tab-pro .nav-link { margin: 8px 0; }



}