body{font-family: 'Roboto Condensed', sans-serif;}
a:hover {text-decoration:none;}
ul{margin:0; padding:0 0 0 15px;}
ul li{list-style-type: disc; padding-bottom:7px;}
/* .topbar {padding:10px 15px;} */
.logos {text-align:center;}
.logos a img{display:inline-block; max-width:100%;}
/* .banner {background:url(../images/bannerbg.jpg) no-repeat center/cover; padding:45px 0;} */
.banr-hd{font-size:36px; margin-bottom: 5px; color:#fff;}
.banr-rs{font-size:45px; color:#fff; margin-top: 0;}
.banr-txt{color:#fff; font-size:25px;}
.banr-a{color:#a8ff00; font-size:21px;}
.qcontact-hd {font-size:21px; color:#0f2155; text-align:center; margin-bottom:30px; font-weight:600;}
/* #qcontact-form {background:#f8c300; padding:15px 25px 50px 15px; border-radius:3px;} */
.name-icon {background: url(../images/profile.png) left no-repeat #fff;}
.email-icon {background: url(../images/mail.png) left no-repeat #fff;}
.mob-icon {background: url(../images/phone-call.png) left no-repeat #fff;}
.form-control {border-radius: 0!important;}
/* .form-control {display: inline-block; padding: 10px 5px 10px 35px!important; height:42px; border: 2px solid #7b7b7b;} */
/* .btn-primary {color: #fff; background-color: #000; border-color: #000; width: 100%;} */
.iso {background:#eee; padding:15px;}
.iso-hd{color:#ea0000; font-size:24px; text-align:center;}


/* TOPBAR SECTION BEGIN HERE */
.topbar {
    padding:10px 15px;
    background-color: #effbfb;
}

.topbar ul {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: right;
    line-height: 77px;
}

.topbar ul li {
    margin: 0;
    padding: 0;
    display: inline-block;
    font-size: 30px;
    margin-right: 25px;
    font-weight: 600;
}

.topbar ul li a {
    color: #413b3b;
    text-decoration: none;
}

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

.topbar ul li i.fa-whatsapp, .topbar ul li i.fa-phone {
    color: #fafafa;
    background: #25b425;
    height: 39px;
    line-height: 39px;
    width: 39px;
    font-size: 26px;
    text-align: center;
    border-radius: 50%;
}

.topbar ul li i.fa-phone {
    background-color: #0f2155;
    line-height: 40px;
}
/* TOPBAR SECTION END HERE */

/* BANNER SECTION BEGIN HERE */
.banner {
    background: #0f2155;
    padding:45px 0;
}

.banner img {
    float: left;
}

.banner .form-area {
    float: left;
    width: 72.4%;
}

.banner .form-area #qcontact-form {
    background: #fff;
    padding: 20px 40px 50px 40px;
    border-radius: 0 3px 3px 0;
    height: 407px;
}

.banner .form-area #qcontact-form .form-group {
    margin-bottom: 20px;
}

.banner .form-area #qcontact-form button.btn-primary {
    color: #fff;
    background-color: #000;
    border-color: #000;
    width: 110px !important;
    height: 40px !important;
    text-align: center;
    margin-top: 15px;
    font-size: 15px;
}

.banner .form-area #qcontact-form .form-control {
    display: inline-block;
    padding: 10px 5px 10px 42px!important;
    height: 50px;
    border: 1px solid #c4c4c4;
    font-size: 15px;
}

.thank {
    background-color: #fff;
    width: 100%;
    height: 407px;
    text-align: left;
    padding: 80px 50px;
}

.thank h2 {
    color: #855854;
    font-weight: bold;
    line-height: 40px;
    font-size: 30px;
    margin: 0;
}
/* BANNER SECTION END HERE */

/* SINGLE SECTION END HERE */
#service {
    padding-top: 30px;
    padding-bottom: 50px;
}

.single {
    padding-left: 10px;
    padding-right: 10px;
    margin: 13px 0;
}

.single .single-service {
    background-color: #0f2155;
    padding: 20px 15px;
    text-align: center;
    color: #fff;
    height: 285px;
    transition: all 0.5s ease-in-out;
}

.single .single-service:hover {
    box-shadow: 3px 0 15px 0 rgba(167, 167, 167, 0.986);
    transform: scale(1.03, 1.03);
    transition: all 0.5s ease-in-out;
    cursor: pointer;
}

.single .single-service i {
    color: #fff;
    font-size: 35px;
}

.single .single-service h2 {
    font-size: 24px;
    font-weight: 600;
    margin-top: 20px;
    margin-bottom: 14px;
}

.single .single-service p {
    font-size: 16px;
}
/* SINGLE SECTION END HERE */

/* ABOUT SECTION END HERE */
#about, #service {
    background-color: #dfdfdf;
}

#about {
    padding: 40px 0;
}

#about .about-banner {
    width: 100%;
    border-radius: 50%;
    border: 16px solid rgba(11, 62, 94, 0.801);
    border-right: 16px solid rgba(197, 197, 197, 0.8);
    overflow: hidden;
    animation-name: animate;
    animation-duration: 16s;
    animation-iteration-count: infinite;
}

@keyframes animate {
    0% {transform: rotate(0deg);}
    35% {transform: rotate(0deg);}
    100% {transform: rotate(360deg);}
}

#about .about-banner img {
    width: 100%;
    animation-name: animate2;
    animation-duration: 16s;
    animation-iteration-count: infinite;
}

@keyframes animate2 {
    0% {transform: rotate(0deg);}
    35% {transform: rotate(0deg);}
    100% {transform: rotate(-360deg);}
}

#about .about-txt {
    padding-left: 50px;
    margin-top: 40px;
}

#about .about-txt h1 {
    font-size: 54px;
    font-weight: 600;
}

#about .about-txt p {
    font-size: 20px;
    margin-top: 30px;
    border-left: 4px solid #000000;
    padding-left: 30px;
}
/* ABOUT SECTION END HERE */

/* FOOTER SECTION END HERE */
.footer-area {
    padding: 80px 0;
}

.footer-area .footer-services {
    padding-left: 60px;
}

.footer-area .footer-services h2 {
    font-weight: bold;
    font-size: 28px;
}

.footer-area .footer-services .footer-list {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-top: 20px;
}

.footer-area .footer-services .footer-list li {
    margin: 0;
    padding: 0;
    display: block;
    margin-bottom: 10px;
    font-size: 19px;
    font-weight: bold;
}

.footer-area .footer-services .footer-list li:last-child {
    margin-bottom: 0;
}

.footer-area .footer-services .footer-list li i {
    font-size: 18px;
    height: 30px;
    width: 30px;
    background: #ddda8f;
    text-align: center;
    line-height: 30px;
    border-radius: 50%;
    margin-right: 10px;
}

/* FOOTER SECTION END HERE */


footer {background: #333; padding:0 15px;}
.copyrite {padding:15px 0; color:#fff; text-align:center;}

/* Scroll Top */
.scroll-to-top {
    position: fixed;
    bottom: 50px;
    right: 0;
    background-color: #307f1b;
    text-align: center;
    width: 150px;
    box-shadow: 5px 10px 20px 0 rgb(0 0 0 / 55%);
    height: 50px;
    line-height: 50px;
    border-radius: 50% 0 0 50%;
    cursor: pointer;
    z-index: 999;
    display: none;
    transition: background-color 0.4s ease-in-out;
}

.scroll-to-top:hover {
    background-color: #0f2155;
    transition: background-color 0.4s ease-in-out;
}

.scroll-to-top p {
    color: #fff;
    font-size: 19px;
}
/* Scroll Top */

/*Slider*/
.carousel-wrap {margin: 30px auto; padding: 0 3%; width:100%; position: relative;}
.owl-carousel .item {position: relative; z-index: 100; -webkit-backface-visibility: hidden;}
.isobox {width:168px; height:168px; border-radius:168px; padding-top:50px; text-align:center; font-size:20px; font-weight:600; color:#fff;}
.isobox span{display:block; font-weight:400; line-height:inherit;}
.blue{background:#0173de; border:4px solid #30a5ff;}
.red{background:#8f0054; border:4px solid #c00291;}
.darkblue{background:#00213f; border:4px solid #014482;}
.magenta{background:#c200d9; border:4px solid #9400a6;}
.orange{background:#ff0000; border:4px solid #b52551;}
.grey{background:#856a00; border:4px solid #e1b300;}
/*Slider*/


@media(max-width:767px){
.navbar-nav {text-align:left;}
.navbar-nav>li {float: none; display:block; border-bottom:1px solid #4e4e4e;}
.topbar-btn li a {padding: 5px 10px; margin-bottom:10px;}
.topbar-social{text-align:center;}
.search {width: 90%;}
#sidebar {width:100%; float: left; margin-left: 0; margin-bottom:15px;}
.left-ads{width:100%; height:250px; float:left; margin-top:0;}
.question, .question-hd {width:100%; float: left;}
.tags-bottom li {display: inline-block; margin:5px 2px;}
.tags-bottom li a{padding:10px 7px; font-size:13px;}
.fotr-links {-webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px;}
.copyrite, .fotr-botm-links {text-align:center;}
 .fotr-botm-links{margin-top:10px;}
.fotr-botm-links li a{padding: 0 5px;}
iframe {max-width:100%; height:300px;}
.mybreadcrumb {margin-top:10px; clear: both;}
.scrollup {right:10px;}

.topbar ul { line-height: 0px; text-align: left; margin: 10px 0; }
.topbar .col-12 { padding: 0; }
.topbar ul li { font-size: 22px; margin-right: 10px; }
.topbar ul li i.fa-whatsapp, .topbar ul li i.fa-phone { height: 26px; line-height: 26px; width: 26px; font-size: 18px; }
.topbar ul li:last-child { text-align: right; }
.banr-hd { margin-top: 0; margin-bottom: 5px; font-size: 25px; }
.banr-rs{font-size:34px; color:#fff; margin-top: 0;}
.banr-a { font-size: 15px; margin-bottom: 20px; }
.banr-a, .banr-txt { font-size: 15px; }
.banner {padding: 20px 0;}
.banner img {display: none;}
.banner .form-area {width: 100%;}
.banner .form-area #qcontact-form { padding: 20px 20px 30px 20px; height: 100%; width: 100%; }
.qcontact-hd { margin-bottom: 25px; }
.banner .form-area #qcontact-form .form-control { padding: 5px 5px 5px 42px!important; height: 45px; }
.banner .form-area #qcontact-form button.btn-primary { margin-top: 10px; }
#about .about-banner { border: 12px solid rgba(11, 62, 94, 0.801); border-right: 12px solid rgba(197, 197, 197, 0.8); }
#about .about-txt { padding-left: 0; }
#about .about-txt h1 { font-size: 35px; }
#about .about-txt p {     border-left: none; padding-left: 0; margin-top: 15px; }
#service { padding-bottom: 20px; padding-top: 10px; }
#about { padding-bottom: 10px; }
.footer-area { padding: 20px 0; }
.footer-area .footer-services { padding: 0 15px; }
.footer-area .footer-services h2 { font-size: 20px; }
.footer-area .footer-services .footer-list li { font-size: 16px; }
.footer-area .footer-services .footer-list li i { font-size: 15px; height: 26px; width: 26px; line-height: 26px; margin-right: 8px; }
}