.backtotop{
    bottom: 160px !important;
}
/*--------------Header--------------*/
#topbar::before {
    background: #107ebd;
}
header, #headeraffix.affix {
    background-color: #ffffff !important;
}
.list-inline li {
    color: #fff !important;
    font-family: sans-serif;
}
#topbar:after {
    border-top: 18px solid #007fb9;
    border-left: 26px solid #007fb9;
}
#headeraffix{
    background: #ffffffa1 !important;
}
.header_logo {
    width: 200px !important;
    height: 100px;
}
.header {
    padding: 10px 0;
}
/*------menu---------------*/
.navbar-nav li.active > a, #topbar::before {
    color: #38b24e !important;
}
.navbar-nav > li > a:hover {
    color: #38b24e !important;
}
.navbar-nav > li > a {
    color: #093462;
    font-family: sans-serif;
    font-size: 14px;
}
/*------------------Home-------------*/

.about-style1 {
    background-color: var(--thm-white);
    padding: 80px 0px 80px;
}

.about-style1__img {
   position: relative;
   display: block;
   max-width: 540px;
   width: 100%;
}

.about-style1__img-top {
   position: relative;
   display: block;
   overflow: hidden;
   border-radius: 4px;
   margin-right: 0px;
}

.about-style1__img-top::before {
   position: absolute;
   content: '';
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background-color: var(--thm-black);
   opacity: 0;
   z-index: 1;
   transition: opacity 0.5s ease;
   transition: all 0.5s ease;
}

.about-style1__img-top:hover::before {
   opacity: 0.50;
}

.about-style1__img-top img {
   width: 100%;
   transform: scale(1.0);
   transition: all 1500ms ease;
}

.about-style1__img-top:hover img {
   transform: scale(1.05) rotate(0deg);
}



.about-style1__img-bottom {
   position: absolute;
   right: 0;
   bottom: -120px;
   overflow: hidden;
   border-radius: 4px;
   z-index: 1;
}

.about-style1__img-bottom::before {
   position: absolute;
   content: '';
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background-color: var(--thm-black);
   opacity: 0;
   z-index: 1;
   transition: opacity 0.5s ease;
   transition: all 0.5s ease;
}

.about-style1__img-bottom:hover::before {
   opacity: 0.50;
}

.about-style1__img-bottom img {
   width: 100%;
   transform: scale(1.0);
   transition: all 1500ms ease;
}

.about-style1__img-bottom:hover img {
   transform: scale(1.05) rotate(0deg);
}

.bg-overlay:after {
    background: #0000 none repeat scroll 0 0;
}





.about-style1__content {
   position: relative;
   display: block;
}

.about-style1__content .sec-title {
   padding-bottom: 5px;
}

.about-style1__content .started-year-box {
   position: relative;
   display: flex;
   align-items: center;
}

.about-style1__content .started-year-box .img-box {
   position: relative;
   display: inline-block;
}

.about-style1__content .started-year-box .img-box img {
   width: auto;
}

.about-style1__content>.started-year-box>.text-box {
   position: relative;
   display: block;
   flex: 1;
   padding-left: 15px;
}

.about-style1__content>.started-year-box>.text-box>p {
   color: var(--thm-black);
}

.about-style1__content>.text-box {
   position: relative;
   display: block;
   padding-top: 0;
}

.about-style1__content>.text-box>p {
    margin: 0;
    font-size: 16px;
    color: #000;
}

.about-style1__content .list-item {
   position: relative;
   display: block;
   max-width: 430px;
   width: 100%;
   padding-top: 23px;
}

.about-style1__content .list-item ul {
   position: relative;
   display: block;
}

.about-style1__content .list-item ul li {
   position: relative;
   display: flex;
   align-items: center;
   line-height: 2;
}

.about-style1__content .list-item ul li li {
   margin-top: 16px;
}

.about-style1__content .list-item ul li .icon {
   position: relative;
   display: flex;
   align-items: center;
   justify-content: center;
   width: 20px;
   height: 22px;
   background-color: #713279;
   clip-path: polygon(0 25%, 50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%);

}

.about-style1__content .list-item ul li .icon i {
   position: relative;
   display: inline-block;
   color: #fff;
   font-size: 12px;
   line-height: 8px;
}

.about-style1__content .list-item ul li .text {
   position: relative;
   display: block;
   padding-left: 15px;
}

.about-style1__content .list-item ul li .text p {
   margin: 0;
}

.about-style1__btn-box {
   position: relative;
   display: block;
   line-height: 0;
   padding-top: 31px;
}

.sec-title {
    position: relative;
    display: block;
}

.sec-title.withtext {
    padding-bottom: 52px;
}

.sec-title .sub-title {
    position: relative;
    display: block;
    margin-bottom: 15px;
}

.sec-title .sub-title h4 {
    position: relative;
    display: inline-block;
    padding-top: 4px;
    padding-left: 25px;
    padding-bottom: 3px;
    padding-right: 25px;
    color: #fff;
    font-size: 14px;
    line-height: 24px;
    font-weight: 700;
    text-transform: uppercase;
    font-family: sans-serif;
    z-index: 1;
}

.sec-title .sub-title h4::before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: #117fbe;
    clip-path: polygon(7% 0%, 100% 0%, 93% 100%, 0% 100%);
    z-index: -1;
}

.sec-title h2 {
    color: #f0a161;
    font-size: 32px;
    line-height: 1.3em;
    font-weight: 600;
    text-transform: none;
        font-family: sans-serif;
}

.sec-title .text {
    position: relative;
    display: block;
    padding-top: 13px;
}
.text_animation a {
    -webkit-animation: blinkingText 0.8s infinite;
    -moz-animation: blinkingText 0.8s infinite;
    -o-animation: blinkingText 0.8s infinite;
    animation: blinkingText 0.8s infinite;
    font-family: sans-serif;
    font-size: 24px;
}
@-webkit-keyframes blinkingText {
    0%{        color: #000;    }
    49%{    color: #E0231D;    }
    50%{	color: #0001B6;	}
	99%{	color: #555;	}
	100%{	color: #EDE91F;	}
  }
 @-moz-keyframes blinkingText {
   0%{		color: #000;	}
	49%{	color: #E0231D;	}
	50%{	color: #0001B6;	}
	99%{	color: #555;	}
	100%{	color: #EDE91F;	}
 }
@keyframes blinkingText{
	0%{		color: #000;	}
	49%{	color: #E0231D;	}
	50%{	color: #0001B6;	}
	99%{	color: #555;	}
	100%{	color: #EDE91F;	}
}
.vision {
    background-color: #ebebeb;
    padding: 50px 0px 50px;
}
.visi, .missi {
    box-shadow: 1px 1px 13px 1px;
    padding: 24px;
    background: white;
    font-size: 16px;
    text-align: center;
}
.visi h2, .missi h2 {
    color: #0879bb;
    font-family: sans-serif;
    font-size: 25px;
}
/*---------------Service----------*/
.single-case-wrapper a:hover img {
    transform: scale(1.15);
}
.single-case-wrapper a img {
    width: 100%;
    transition: 1.3s;
}

.single-case-wrapper {
    position: relative;
    width: 100%;
    border-radius: 5px;
    overflow: hidden;
    transform: scale(0.97);
}
.rts-project-area {
    padding: 85px 0;
}

.rts-project-area .sec-title {
    position: relative;
    margin-bottom: 50px;
    text-align: center;
}
.home-four-case .single-case-wrapper .content {
    opacity: 1;
    bottom: 30px !important;
}
.single-case-wrapper .content {
    position: absolute;
    background: linear-gradient(90deg, #000 0%, rgba(255, 255, 255, 0) 100%);
    bottom: -30px;
    left: 30px;
    right: 30px;
    display: block;
    width: 90%;
    padding: 15px;
    opacity: 0;
    transition: 1s;
}
.single-case-wrapper a {
    display: block;
    overflow: hidden;
    font-family: 'titil';
    color: #fff;
    font-size: 20px;
}
.service .sec-title {
    text-align: center;
    padding: 30px 0;
}
.single-case-wrapper .title a {
    font-family: sans-serif;
}
.sec-title h3 {
    font-family: sans-serif;
    color: #107ebd;
}
.fun-cnt {
    padding: 30px 0;
}
.text.mt-4 {
    font-size: 16px;
    font-family: sans-serif;
}
.inner-column {
    padding-bottom: 30px;
}

.services .service-item {
    cursor: pointer;
}

.services .service-item h4 {
	color: #65594d;
	font-size: 22px;
	margin: 25px 0 16px;
}

.services .service-item i {
	background: #e6ddd0;
	width: 70px;
	height: 70px;
	border-radius: 50%;
	line-height: 70px;
	text-align: center;
	color: #65594d;
	display: inline-block;
	font-size: 28px;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-ms-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;
}

.services .service-item:hover i {
	background: #65594d;
	color: #e6ddd0;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-ms-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;
}

.services2 {
	background: #333333 url(../img/about/2.jpg) no-repeat center;
	background-size: cover;
}

.services2 .service2-item {
	background: rgba(43, 27, 11, 0.5);
	padding: 80px 52px 67px;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-ms-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;
}

.services2 .service2-item:hover {
	background: rgba(101, 89, 77, 0.8);
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-ms-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;
}

.services2 .service2-item h4 {
	font-size: 30px;
	color: #fff;
}

.services2 .service2-item h4 i {
	color: #e6ddd0;
	font-size: 18px;
	margin-right: 7px;
	position: relative;
	top: -1px;
}

.services2 .service2-item .sep {
	width: 77px;
	height: 2px;
	background: #65594d;
	margin: 23px auto 24px;
}

span.count-no {
    font-size: 40px;
    font-family: sans-serif;
    font-weight: 700;
    color: #1982bf;
}
.qcCounters {
    font-size: 40px;
    font-family: sans-serif;
    font-weight: 700;
    color: #1982bf;
}
.countt {
    padding: 48px 0 30px;
    background: #ef9145;
}
.count-head {
    line-height: 2.8;
    font-family: sans-serif;
    font-size: 20px;
}
.count-content {
    background: white;
    padding: 17px 0px 0px;
    border-radius: 25px;
}
.rltarea_ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}
.fa.fa-hand-o-right {
    padding-right: 10px;
    color: #ef9045;
}
.altarea_li {
    font-size: 15px;
    line-height: 2;
    font-family: sans-serif;
}
#clients_section {
    display: none;
}
/*QC FOOTER STYLE START*/
#qcfooter-block {padding: 40px 0px; background: #202020; color: #fff;}
#qcfooter-block h3 {
    font-size: 20px;
    color: #ed9044;
    font-family: sans-serif;
}
.footer-content {margin: 5px 0px;}
.footer-content .qc-brand {height: 60px; display: block; margin: 10px 0;}
.footer-content .qc-brand img {height: 100%;}
.footer-content p {
    font-size: 15px;
    line-height: 2;
    font-family: sans-serif;
}
.footer-content .quicklinks {margin: 0; padding: 0;}
.footer-content .quicklinks li {list-style: none; display: block; font-size: 16px;}
.footer-content .quicklinks li a {padding: 5px 0px; display: block; color: #fff; line-height: 2;}
.footer-content .quicklinks li i {margin-right: 5px;}
.footer-content .social-links .qc-social-list {margin: 10px 0px; padding: 0; color: #ddd; font-size: 15px;}
.footer-content .social-links .qc-social-list li {display: inline-block; margin-right: 10px;}
.qc-social-list .qc-social .social {width: 40px;height: 40px;line-height: 40px;text-align: center;display: block;font-size: 16px;color: #fff; border: 1px solid #fff; border-radius: 3px;}
.footer-content .mobile-apps {display: flex; padding: 10px 0px;}
.footer-content .mobile-apps .mobApp {padding-right: 5px;}
.qcinput {border: 2px solid #fff; color: #fff; padding: 5px; margin-bottom: 10px;}
.qcEmailSubBtn {padding: 10px; line-height: 0;font-size: 14px; background: #26A69A; color: #fff; border: 2px solid transparent; margin-bottom: 5px; outline: none;}
.qcEmailSubBtn:hover, .qcEmailSubBtn:focus {background: #26A69A; color: #fff; border: 2px solid #fff; outline: none;}
.qcEmailSubBtn i {font-size: 13px;}
#qcfooter-copyrights {padding: 15px 0; background: #107ebd; border-top: 1px solid #ddd;}
#qcfooter-copyrights .copyright {font-size: 14px; color: #fff;font-family: sans-serif;}
#qcfooter-copyrights .developer {color: #fff; text-decoration: underline;}

/*QC FOOTER STYLE END*/
.con-content p {
    padding: 0;
}
.qc-call-now-button {
    display: block !important;
    bottom: 70px !important;
}
.qc-call-now-button p {
    display: none !important;
}
ul.nav.navbar-nav.navbar-right {
    display: none;
}
#topbar {
  
    background: #ef9145;
}
.welcome_page_title {
    font-family: sans-serif;
    color: #0b79bb;
}


.block-2 {
    display: none;
}
#home_contact_section {

    background: #e9e9e9;
}

@media (max-width: 767px){
    
    .visi {
    margin-bottom: 30px;
}
.count-content {
    
    margin-bottom: 20px;
}
.inner-column img {
    width: 100%;
}
.about-style1 {
    padding: 50px 0px 40px;
}
button.navbar-toggle.collapsed {
    display: none;
}
.header_logo {
    width: 100% !important;
}
}