@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');
 

body {
	font-family: 'PT Sans', sans-serif;
	font-size: 14px;
	color: #000;
	overflow-x: hidden;
}
img {
    max-width: 100%;
	height: auto;
}
a {
    outline: 0 !important;
}

/* - Font Settings */
.top-header .col-md-6:last-child > a,
.middle-header .location p,
.middle-header .phone p,
.contact-details .detail-box h4,
.footer-main .widget-title,
.footer-main .widget-newsletter .social h6,
.banner-left a,
.banner-left h3,
.bottom-footer p,
.error-section h3,
.section-header h3,
.page-banner .breadcrumb li,
.page-banner .breadcrumb li a,
.message-block h3,
.message-block a,
.service-block h3,
.call-out-content h3,
.call-out-content a,
.what-we-do-block h3,
.what-we-do-block-content h5,
.team-section .container > a,
.we-are-best-block .we-are-best-content h3,
.happy-customer h3,
.testimonial-quote h4,
.latest-news .section-header a,
.contact-block p,
.comment-form  input[type="submit"],
.comment-section .media-reply  a,
.comment-section .media-heading > .comment-minute,
.comment-section .media-heading span:first-child,
.appoinment-form h3,
.statistics-content > span,
.entry-title,
.entry-title a {
	font-family: 'Raleway', sans-serif;
}

.banner-left span {
	font-family: 'Philosopher', sans-serif;
}

.page-banner h3,
.member-name h6,
.portfolio-item-hover h3,
.enquiry-form  input[type="submit"],
.enquiry-form label,
.enquiry-us .form-group,
.enquiry-us .section-heading,
.contact-block span,
.section-heading,
.author-content > a {
	font-family: 'Montserrat', sans-serif;
}
.top-header .col-md-6:last-child > a > span,
.portfolio-item-hover h4 {
	font-family: 'Lato', sans-serif;
}

/* - Font Settings */
@font-face {
    font-family: 'montserratlight';
    src: url('fonts/montserrat-light.eot');
    src: url('fonts/montserrat-lightd41d.eot?#iefix') format('embedded-opentype'),
         url('fonts/montserrat-light.html') format('woff2'),
         url('fonts/montserrat-light.woff') format('woff'),
         url('fonts/montserrat-light.ttf') format('truetype'),
         url('fonts/montserrat-light.svg#montserratlight') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* - Padding/Margin */
.no-padding {
	padding: 0;
}
.no-left-padding,
ul {
	padding-left: 0;
}
.no-right-padding {
	padding-right: 0;
}
.no-top-padding {
	padding-top: 0;
}
.no-bottom-padding {
	padding-bottom: 0;
}
.no-margin {
	margin: 0;
}
.no-left-margin {
	margin-left: 0;
}
.no-right-margin {
	margin-right: 0;
}
.no-top-margin {
	padding-top: 0;
}
.no-bottom-margin {
	margin-bottom: 0;
}

.section-padding {
	padding-top: 50px;
	padding-bottom: 50px;
}

/* ## Header */
/* -- Top Header */
.top-header ul,
.top-header ul li,
.top-header .col-md-6:last-child > a {
	display: inline-block;
}
.top-header p,
.top-header ul {
	margin-bottom: 0;
}
.top-header ul li  a,
.top-header .col-md-6:last-child > a {
	-webkit-transition: all 1s ease 0s;
    -moz-transition: all 1s ease 0s;
    -o-transition: all 1s ease 0s;
    transition: all 1s ease 0s;
}
.top-header {
	background-color: #f0f2f4;
	box-shadow: 0 1px 1px rgba(0,0,0,0.13);
	padding-bottom: 10px;
	padding-top: 10px;
}
.top-header p {
	font-size: 13px;
	color: #777;
	line-height: 30px;
}
.top-header .col-md-6:last-child > a {
	background-color: #33a9ee;
	color: #fff;
	padding: 10px 30px 10px 47px;
	font-weight: 900;
	text-transform: uppercase;
	font-size: 11px;
	letter-spacing: 1px;
	line-height: 11px;
	position: relative;
	text-decoration: none;
	margin-left: 13px;
}
.top-header .col-md-6:last-child > a > span {
	margin-right: 18px;
	font-size: 18px;
	position: absolute;
	left: 20px;
	top: 10px;
}
.top-header .col-md-6:last-child > a:hover {
	background-color: #0879bf;
}
.top-header ul li {
	margin: 0 16px;
}
.top-header ul li a {
	color: #999;
}
.top-header ul li a:focus,
.top-header ul li a:hover {
	color: #4099ff;
}

/* -- Middle Header */
.middle-header {
	padding: 35px 0;
	background-image: url("images/header-bg.jpg");
	background-repeat: repeat-x;
}
.middle-header .location,
.middle-header .phone {
	display: inline-block;
	text-align: left; 
	margin-bottom: 5px;
	margin-top: 5px;
}
.middle-header .phone {
	margin-left: 60px;
}
.middle-header .location h3,
.middle-header .phone h3,
.middle-header .phone a,
.middle-header .phone h3 a {
	font-weight: bold;
	font-size: 28px;
	text-transform: uppercase;
	color: #222;
	margin-top: 0;
	letter-spacing: 0.5px;
}
.middle-header .location p,
.middle-header .phone p {
	color: #5a5c5d;
	margin-bottom: 0;
}

/* ## Footer */
.footer-main {
	background-color: #07531a;
	margin-top: 60px;
	font-family: 'Adamina';
}

/* -- Contact Details */
.contact-details,
.contact-details .detail-box {
	position: relative;
}
.contact-details {
	width: 100%;
	display: inline-block;
	margin-top: -60px;
	margin-bottom: 30px;
}
.contact-details:before,
.contact-details:after {
	content: "";
	position: absolute;
	border-bottom: 60px solid #e8e3e3;
	top: 0;
}
.contact-details:before {
	border-left: 20px solid transparent;
	left: -20px;
}
.contact-details:after {
	border-right: 20px solid transparent;
	right: -20px;
}
.contact-details .detail-box {
	padding: 50px 20px 60px 100px;
	background-color: #e8e3e3;
}
.contact-details .address-box
{
	padding: 50px 20px 20px 100px;
}
.contact-details .detail-box,
.contact-details .detail-box a { 
	color: #034112;
}
.contact-details .detail-box i {
	width: 56px;
	height: 61px;
	position: absolute;
	left: 0;
	line-height: 60px;
	background-color: #034112;
	text-align: center;
	border-bottom: 1px solid #2098df;
}
.contact-details .detail-box h4 { 
	font-size: 13px;
	margin: 0;
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-bottom: 10px;
	color:#034112;
}
.contact-details .detail-box p { 
	font-size: 13px;
	margin-bottom: 0;
	line-height: 20px;
	    color: #034112;
}
.contact-details .detail-box.phone-box {
	background-color: #e8e3e3;
}
.contact-details .detail-box.phone-box i {
	background-color: #034112;
	border-bottom-color: #fff;
}
.contact-details .detail-box.mail-box {
	background-color: #e8e3e3;
}
.contact-details .detail-box.mail-box i {
	background-color: #034112;
}

/* -- Footer Widget */
.footer-main .widget {
	padding-bottom: 0;
	color: #888;
	background-color: transparent;
	margin-bottom: 0;
	border: none;
}
.footer-main .widget-about h3 {
	margin-bottom: 20px;
	margin-top: 22px;
	    color: #fff;
}
.footer-main .widget-about > p {
	margin-bottom: 0;
	line-height: 24px;
	color:#fff;
	    text-align: justify;
	    font-family: "Lato", sans-serif;
		font-size: 16px;
}
.footer-main .widget-about .time-schedule {
	padding-right: 45px;
	padding-top: 40px;
}
.footer-main .widget-about .time-schedule p { 
	padding-bottom: 10px;
	border-bottom: 1px solid #26292c;
	margin-bottom: 20px;
	line-height: 18px;
}
.footer-main .widget-about .time-schedule p span {  
	float: right;
}
.footer-main .widget-title {
	font-weight: bold;
	color: #ccc;
	font-size: 18px;
	text-transform: uppercase;
	padding-bottom: 14px;
	position: relative;
	margin-bottom: 25px;
	margin-left: 0;
	margin-right: 0;
	background-color: transparent;
	border-bottom: none;
}
.footer-main .widget-title:before { 
	content: "";
	width: 20px;
	height: 2px;
	left: 0;
	bottom: 0;
	position: absolute;
	background-color: #33a9ee;
}

/* -- Widget Links */
.widget-links {
	margin-top: 0px;
}
.widget-links ul {
	list-style: none;
	margin: 0 -10px;
}
.widget-links ul li {
	float: left;
	width: 50%;
	box-sizing: border-box;
	margin-bottom: 23px;
	padding: 0 10px;
}
.widget-links ul li a {
	font-size: 17px;
	color: #fff;
	text-decoration: none;
}
.widget-links ul li a:before {
	content: "\f105";
	font-family:'FontAwesome';
	font-size: 14px;
	margin-right: 8px;
}

/* -- Widget Newsletter */
.footer-main .widget.widget-newsletter {
	padding-right: 0;
	margin-top: 20px;
}
.footer-main .widget-newsletter p {
	margin-bottom: 20px;
	line-height: 24px;
}
.footer-main .widget-newsletter .input-group {
	position: relative;
	padding-right: 80px;
	display: inline-block;
	width: 100%;
	margin-bottom: 34px;
}
.footer-main .widget-newsletter .input-group input {
	background-color: #1a1f22;
	border: 1px solid rgba(140,140,140,0.1);
	padding: 16px 15px;
	font-size: 13px;
	height: auto;
	border-radius: 0;
	width: 100%;
	box-shadow: none;
	line-height: 13px;
}
.footer-main .widget-newsletter .input-group span {
	position: absolute;
	right: 0;
	width: 70px;
	height: 50px;
	text-align: center;
	line-height: 50px;
}
.footer-main .widget-newsletter .input-group span button {
	height: 50px;
	width: 100%;
	background-color: #0f89d1;
	border-radius: 0;
	border: none;
	font-size: 25px;
	color: #fff;
}
.footer-main .widget-newsletter .social h6 {
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	margin-top: 0;
	margin-bottom: 20px;
}
.footer-main .widget-newsletter .social li,
.footer-main .widget-newsletter .social li a {
	display: inline-block;
}
.footer-main .widget-newsletter .social li {
	margin: 0 5px;
}
.footer-main .widget-newsletter .social li:first-child {
	margin-left: 0;
}
.footer-main .widget-newsletter .social li a {
	width: 40px;
	height: 40px;
	border: 2px solid #9a9a9c;
	text-align: center;
	line-height: 40px;
	color: #b1b1b2;
	-webkit-transition: all 1s ease 0s;
    -moz-transition: all 1s ease 0s;
    -o-transition: all 1s ease 0s;
    transition: all 1s ease 0s;
}
.footer-main .widget-newsletter .social li a:hover { 
	background-color: #fff;
	color: #2d3741;
}

/* -- Bottom Footer */
.bottom-footer {
	background-color: #074b18;
	    padding: 10px 0;
    text-align: center;
    margin-top: 30px;
}
.bottom-footer p {
	margin-bottom: 0;
	color: #fff;
	text-transform: capitalize;
	font-size: 15px;
	font-weight: 600;
}

/* ## Page Banner */
.page-banner,
.page-banner .container,
.page-banner h3 {
	position: relative;
}
.page-banner .container {
	z-index: 2;
}
.page-banner {
	min-height: 300px;
	background-image: url("images/error-banner.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	padding: 45px 0 135px;
	text-align: center;
	position: relative;
	color: #fff;
    min-height: 225px;
}
.page-banner::before {
	background-color: rgba(0,0,0,0.6);
	content: "";
	position: absolute;
	display: inline-block;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}
.page-banner h3 {
	font-size: 33px;
	padding-bottom: 9px;
	margin-top: 0;
	margin-bottom: 9px;
	position: relative;
	text-transform: uppercase;
	letter-spacing: 2px;
	color:#fff;
	font-family: "Lato", sans-serif;
}
.page-banner h3:before {
	background-color: #00a0ff;
	content: "";
	position: absolute;
	width: 40px;
	height: 3px;
	left: 0;
	right: 0;
	margin: 0 auto;
	bottom: 0;
}
.page-banner p {
	font-size: 16px;
	line-height: 17px;
	position: relative;
	z-index: 3;
	letter-spacing: 1px;
}
.page-banner .breadcrumb {
	background-color: transparent;
}
.page-banner .breadcrumb li,
.page-banner .breadcrumb li a {
	color: #fff;
	text-transform: uppercase;
	font-size: 12px;
	letter-spacing: 1px;
	font-family: "Lato", sans-serif;
}
.page-banner .breadcrumb > li + li::before {
	content: "\f105";
	font-family:'FontAwesome';
	font-size: 14px;
	margin: 0 8px;
}
.page-banner .banner-shape {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
}

/* -- Page Banner */
.page-banner  {
	max-height: 350px;
	height: 200px;
}

.banner-shape {
	max-height: 230px;
	height: 230px;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
}
.shape-left {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
.left-shape {
	padding: 78px 0;
	overflow: hidden;
	background-color: #fff;
	top: 6px;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
}
.left-shape {
	overflow: hidden;
	z-index: 4;
	-moz-clip-path: polygon(0% 0%, 0% 100%, 100% 100%, 0% 0%);
	-webkit-clip-path: polygon(0% 0%, 0% 100%, 100% 100%, 0% 0%);
    clip-path: polygon(0% 0%, 0% 100%, 100% 100%, 0% 0%);
}
.left-shape-blue {
	padding: 78px 0;
	top: 0;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;
	background-color: #0f89d1;
}
.left-shape-blue {
	overflow: hidden;
	z-index: 4;
	-moz-clip-path: polygon(0% 0%, 0% 100%, 120% 100%, 0% 0%);
	-webkit-clip-path: polygon(0% 0%, 0% 100%, 120% 100%, 0% 0%);
    clip-path: polygon(0% 0%, 0% 100%, 120% 100%, 0% 0%);
}

/* -- Right */
.shape-right {
	position: absolute;
	top: 0;
	bottom: 0;
	left: auto;
	right: 0;
}
.right-shape {
	padding: 78px 0;
	overflow: hidden;
	background-color: #fff;
	top: 6px;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
}
.right-shape {
	overflow: hidden;
	z-index: 4;
	-moz-clip-path: polygon(0% 100%, 0% 100%, 100% 100%, 100% 0%);
	-webkit-clip-path: polygon(0% 100%, 0% 100%, 100% 100%, 100% 0%);
    clip-path: polygon(0% 100%, 0% 100%, 100% 100%, 100% 0%);
}
.right-shape-blue {
	padding: 78px 0;
	top: 0;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;
	background-color: #33a9ee;
}
.right-shape-blue {
	overflow: hidden;
	z-index: 4;
	-moz-clip-path: polygon(0% 84%, 0% 100%, 100% 100%, 100% 0%);
	-webkit-clip-path: polygon(0% 84%, 0% 100%, 100% 100%, 100% 0%);
    clip-path: polygon(0% 84%, 0% 100%, 100% 100%, 100% 0%);
}
.services-banner {
	background-image: url("images/services-banner.jpg");
	background-position: center center;
}
.services-banner .left-shape {
	background-color: #f8fbff;
}
.services-banner .right-shape {
	background-color: #f1f8ff;
}
.team-banner {
	background-image: url("images/team-banner.jpg");
	background-position: center top;
}
.departments-banner {
	background-image: url("images/departments-banner.jpg");
	background-position: right bottom;
}
.departments-banner .left-shape {
	background-color: #33a9ee;
}
.departments-banner .right-shape {
	background-color: #fafafa;
}
.about-banner {
	background-image: url("images/about-banner.jpg");
	background-position: top center;
}
.blog-banner {
	background-image: url("images/blog-banner.jpg");
}
.blog-post-banner {
	background-image: url("images/blog-post-banner.jpg");
}
.gallery-banner {
	background-image: url("images/gallery-banner.jpg");
}
.contact-banner {
	background-image: url("images/contact-banner.jpg");
}

_:-ms-fullscreen, 
:root .banner-shape { display: none; }
_:-ms-input-placeholder, :root .banner-shape { display: none; }

/* ## Responsive */

/* -- min-width: 992 to max-width: 1200 */
@media only screen and (min-width: 992px) and (max-width: 1200px) {
	/* ## Footer */
	/* -- Footer Widget */
	.footer-main .widget {
		padding-right: 50px;
	}
}

/* -- min-width: 768 to max-width: 991 */
@media only screen and (min-width: 768px) and (max-width: 991px) {
	/* -- Middle Header */
	.middle-header .location h3,
	.middle-header .phone h3 {
		font-size: 23px;
	}
	.middle-header .location p,
	.middle-header .phone p {
		font-size: 12px;
	}
	.middle-header .phone {
		margin-left: 10px;
	}
	
	.page-banner {
		padding-top: 60px;
	}
	
	/* ## Footer */
	/* -- Contact Details */
	.contact-details .detail-box {
		padding-left: 57px;
	}
	.contact-details .detail-box i {
		width: 47px;
	}
	.contact-details .detail-box p {
		font-size: 12px;
	}
}

/* -- min-width: 319 to max-width: 767 */
@media only screen and (min-width: 319px) and (max-width: 767px) {	
	/* -- Middle Header */
	.middle-header,
	.middle-header .col-md-9.text-right{
		text-align: center;
	}
	.logo-block,
	.middle-header .col-md-9	{
		float: none !important;
	}
	.middle-header .location,
	.middle-header .phone {
		margin-top: 20px;
	}
	.middle-header .phone {
		margin-left: 0px;
	}
	
	/* ## Footer */
	/* -- Footer Widget */
	.footer-main .widget {
		margin-bottom: 30px;
	}
	.footer-main .widget-about .time-schedule {
		padding-right: 15px;
	}
	
	.banner-shape {
		max-height: 130px;
		height: 130px;
	}
	
}

/* -- min-width: 319 to max-width: 479 */
@media only screen and (min-width: 319px) and (max-width: 479px) {	
	/* ## Footer */
	/* -- Footer Widget */
	.footer-main .widget-links ul li  {
		width: 100%;
	}
	
	/* -- Page Banner */
	
}

/* -- max-width: 991 */
@media (max-width: 991px) {
	/* -- Top Header */
	.top-header,
	.top-header .col-md-6.text-right{
		text-align: center;
	}
	.top-header ul {
		margin-bottom: 10px;
	}
}

/* ## min-width: 1200 */
@media (min-width: 1200px) {
    .container {
        width: 1200px;
    }
}



.top__container .widget{
padding: 0px;
    margin-bottom: 0px;
	background-color:#07531a !important;
}

.header__container:before {
    width: calc(50% - 570px + 2.2rem);
}


.main-navigation a {
    font-size: 17px;
    padding: 20px 18px;
	border-top: 3px solid transparent;
	    font-family: "Lato", sans-serif;
		
}

.icon-box__title{
padding:7px 0px 0px 0px;
    font-size: 17px;
	color:#fff;
}


.flaticon-medical-medical51:before {
    content: "\e045";
}

.btn-theme-colored2 {
    color: #fff;
    background-color: #0cb8b6;
    border-color: #0cb8b6;
}

.text-theme-colored {
    color: #f36438 !important;
}

.font-24 {
    font-size: 24px !important;
}

.bg-white {
    background-color: #fff !important;
}

.section-content{
margin-top: -60px;
}

.top__container{
background-color: #07531a;
}

#home{
margin-top:-100px;
}

#rev_slider_home_wrapper, #rev_slider_home{
height:550px;
}

.btn-clr{
background-color:#075994 !important;
border:1px solid #075994 !important;
}

.top .textwidget{
color:#fff;
font-size: 17px;
}

.top{
font-size: 14px;
    height: 45px;
}

.top__left{
margin-left: 6.555556rem;
}

.main-navigation a{
padding: 10px 20px;
}

.service-icon-box .icon {
    background: #3e874f;
}

.service-icon-box a i {
    font-size: 28px;
}

.service-icon-box a {
    background: #eeeeee;
    color: #fff;
    display: inline-block;
    height: 70px;
    line-height: 80px;
    text-align: center;
    text-decoration: none;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
    width: 70px;
}

.service-icon-box a:hover {
    background: #f36438;
}

.mr-20 {
    margin-right: 20px !important;
}

p{
color:#000;
}

.header__container{
margin-bottom: 0px;
}

.categories-type1{
margin-top:20px;
}

.categories-type1 li {
    position: relative;
    padding-bottom: 5px;
	font-size:14px;
}

.categories-type1 li::before {
    position: absolute;
    content: "\f101";
    left: 0;
    color: #000;
    font-family: 'FontAwesome';
}

.categories-type1 a{
    padding-left: 16px;
	color:#000;
}

.categories-type1 ol{
 padding-top:20px;
}

.categories-type1 ol li a{
	 padding-left:30px;
}
	
.categories-type1 ol li {
 padding-left:30px;
     color: #000;
}

.categories-type1 ol li::before {
 content: "";
}

.visitor{
margin-top:40px;
}


.quality-list3 .service-item
{
    background: #fff;
    margin-bottom: 30px;
    box-shadow: 0px 0px 10px #CCC;
    margin-top: 10px;
}
.quality-list3 .service-item .text
{
    padding: 21px;
}
.quality-list3 .service-item h5
{
    font-size: 21px;
    margin-bottom: 0px;
    font-family: "Lato", sans-serif;
}
.quality-list3 .service-item h5 a
{
    color: #33a02d;
}
.quality-list3 .service-item a.view-all
{
    font-size: 13px;
    text-decoration: underline;
    color: #53a114;
    background: transparent;
    width: auto;
    line-height: normal;
}

.image_hover {
    position: relative;
    display: block;
    overflow: hidden;
}
.image_hover.mbot_38 {
    margin-bottom: 38px;
}
.image_hover:after {
    position: absolute;
    content: '';
    opacity: 0;
    background-color: rgba(0, 0, 0, .2);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    transition: all .3s ease-out;
}
.image_hover:hover:after {
    opacity: .1
}
.zoom_img_effect {
    position: relative;
    transition: all .3s ease-out;
}
.image_hover:hover .zoom_img_effect {
    -webkit-transform: scale(1.05) translateZ(0);
    transform: scale(1.05) translateZ(0);
}
.image_hover:focus:after,
.image_hover:hover:after {
    opacity: 1;
}



/*----------------------------------------------------
@File: Default Styles
@Author:  themexriver
@URL: https://themexriver.com/

This file contains the styling for the actual theme, this
is the file you need to edit to change the look of the
theme.
---------------------------------------------------- */
/*=====================================================================
@Template Name: NioBis - Corporate Business HTML Template
@Author: themexriver

CSS Table of content:-

1. Global Area 
2. Header Section
3. Slider Section
4. Service Section
5. About Section
6. Project Section
7. Feature Section
8. Team Section
9. How work Section
10. Testimonial Section
11. Get In Toucn Section
12. Blog Section
13. Award Section
14. Planning Section
15. Client-counter Section
16. Market-value Section
17. Get_qoute Section
18. statistics Section
19. Breadcrumb Section
20. Mission Section
21. Career Section
22. FAQ Section
23. Case Section
24. Footer Section
25. Responsive Area

=====================================================================*/
/*=========
Font load
===========*/
@import url("https://fonts.googleapis.com/css?family=Adamina|Roboto:400,500,700&display=swap");
/*=========
Color Code
===========*/
.primary-color {
  color: #f3525a; }

.secondary-color {
  color: #3763ec; }

.fourth-color {
  color: #152440; }

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

/*global area*/
/*----------------------------------------------------*/
body {
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  font-size: 16px;
  line-height: 1.55;
  color: #242527;
  font-family: "Roboto";
  -moz-osx-font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased; }

::-moz-selection {
  color: #ffffff;
  background-color: #6e3ebf; }

::selection {
  color: #ffffff;
  background-color: #6e3ebf; }

::-moz-selection {
  color: #ffffff;
  background-color: #6e3ebf; }

.container {
  max-width: 1200px; }

.ul-li ul {
  margin: 0;
  padding: 0; }
  .ul-li ul li {
    float: left;
    list-style: none;
    display: inline-block; }

.ul-li-block ul {
  margin: 0;
  padding: 0; }
  .ul-li-block ul li {
    display: block;
    list-style: none; }

div#preloader {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 99999;
  width: 100%;
  height: 100%;
  overflow: visible;
  background-color: #fff;
  background: #fff url("../img/peloader.svg") no-repeat center center; }

[data-background] {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; }

a {
  color: inherit;
  text-decoration: none;
  -webkit-transition: .3s all ease-in-out;
  transition: .3s all ease-in-out; }
  a:hover, a:focus {
    text-decoration: none; }

img {
  max-width: 100%;
  height: auto; }

section {
  overflow: hidden; }

button {
  cursor: pointer; }

.form-control:focus,
button:visited,
button.active,
button:hover,
button:focus,
input:visited,
input.active,
input:hover,
input:focus,
textarea:hover,
textarea:focus,
a:hover,
a:focus,
a:visited,
a.active,
select,
select:hover,
select:focus,
select:visited {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  text-decoration: none;
 }

.form-control {
  -webkit-box-shadow: none;
          box-shadow: none; }

.relative-position {
  position: relative; }

.inline-block {
  display: inline-block; }

.overflow-hidden {
  overflow: hidden; }

.pera-content p {
  margin-bottom: 0; }

.headline h1,
.headline h2,
.headline h3,
.headline h4,
.headline h5,
.headline h6 {
  margin: 0;
  font-family: "Adamina"; }

.block-display {
  width: 100%;
  display: block; }

.primary-bg {
  background-color: #f3525a; }

.section-title-area {
  padding-bottom: 130px; }

.section-title .title-bg {
  font-size: 117px;
  font-weight: 700;
  line-height: .8;
  letter-spacing: 35px;
  font-family: "Roboto"; }
  .section-title .title-bg:after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, .95)), to(white));
    background-image: linear-gradient(to top, rgba(255, 255, 255, .95), white);
    height: 100%;
    width: 100%; }

.section-title .title-head {
  left: 0;
  right: 0;
  bottom: -55px;
  position: absolute; }
  .section-title .title-head h2 {
    font-size: 60px;
    padding-bottom: 10px; }
  .section-title .title-head p {
    font-weight: 700;
    position: relative;
    display: inline-block;
    text-transform: uppercase; }
    .section-title .title-head p:after, .section-title .title-head p:before {
      top: 10px;
      content: '';
      height: 3px;
      width: 60px;
      position: absolute;
      background-color: #f3525a; }
    .section-title .title-head p:before {
      left: -80px; }
    .section-title .title-head p:after {
      right: -80px; }



.section-left-title .title-head {
  bottom: inherit;
  position: inherit; }
  .section-left-title .title-head p {
    margin-left: 80px; }
    .section-left-title .title-head p:after {
      display: none; }


@-webkit-keyframes mover {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  100% {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px); } }

@keyframes mover {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  100% {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px); } }



@-webkit-keyframes lighting {
  100% {
    left: 125%; } }

@keyframes lighting {
  100% {
    left: 125%; } }









.award-area {
  margin-left: 20px;
  padding-top: 45px; }
  .award-area .award-list {
    margin-bottom: 25px; }
    .award-area .award-list li {
      margin-right: 40px; }
  .award-area .award-text .section-title .title-head h3 {
    font-size: 50px;
    padding-bottom: 20px; }
  .award-area .award-text .section-title-area {
    padding-bottom: 0; }






/*---------------------------------------------------- */
/*Award area*/
/*----------------------------------------------------*/
.award-section {
  background-color: #f0f0f0;
  padding-bottom: 100px; }
  .award-section .section-title .title-bg:after {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(245, 250, 255, .95)), to(#f5faff));
    background-image: linear-gradient(to top, rgba(240, 240, 240, 0.9), #f5faff) }
  .award-section .section-title-area {
    padding-bottom: 0; }
  .award-section .award-img {
    top: -35px; }
    .award-section .award-img .trophy-img {
      bottom: -10px;
      left: -200px;
      position: absolute;
      -webkit-animation: mover 1s infinite alternate;
              animation: mover 1s infinite alternate; }
  .award-section .award_icon {
    margin: 15px 0px; }
    .award-section .award_icon span {
      font-size: 70px;
      color: #3763ec; }
  .award-section .award_textcontent .award-area {
    padding-top: 0;
    margin-left: 0; }
    .award-section .award_textcontent .award-area .title-head h3 {
      font-size: 60px;
      padding-bottom: 20px; }
    .award-section .award_textcontent .award-area span {
      display: block;
      padding: 40px 0px; }



/*---------------------------------------------------- */
/*responsive area*/
/*----------------------------------------------------*/
/* ==================================================
* 01 - media screen and (max-width: 1440px)
* 02 - media screen and (max-width: 1280px)
* 03 - media screen and (max-width: 1199px)
* 04 - media screen and (max-width: 991px)
* 05 - media screen and (max-width: 767px)
* 06 - media screen and (max-width: 680px)
* 07 - media screen and (max-width: 580px)
* 08 - media screen and (max-width: 480px)
* 09 - media screen and (max-width: 380px)
* 10 - media screen and (max-width: 320px)
================================================== */
@media screen and (max-width: 1440px) {
  .main-header.prime_header .container {
    max-width: 950px; }
  .home-1 .header_contact li {
    font-size: 14px;
    padding-right: 10px; }
  .home-1 .main-header {
    padding: 0px 20px; }
  .home-1 .header_social li {
    width: 40px; }
  .home-1 .nav-menu-1 .navbar-nav li a {
    padding: 35px 25px 30px; }
  .home-1 .main-navigation .menu-item-has-child > a:before {
    right: 10px; }
  .home-1 .prime_header {
    padding-top: 5px; }
    .home-1 .prime_header img {
      width: 80%; }
    .home-1 .prime_header .main-navigation .menu-item-has-child > .sub-menu {
      left: 100%; }
  .home-1 .f-nav.prime_header .nav-menu-1 .navbar-nav li a {
    padding: 25px 20px 25px; }
  .home-1 .f-nav.prime_header .main-navigation .menu-item-has-child > .sub-menu li a {
    padding: 5px 30px; }
  .search-body.search-open,
  .f-nav.prime_header .search-body.search-open {
    right: 0;
    width: 220px; }
  .home-1 .header-right li {
    font-size: 16px;
    margin-left: 20px; }
  .client-list {
    padding: 110px 60px 0px; }
  .home-2 .header_contact {
    padding: 10px 0px 10px 30px; }
  .home-2 .header-top_right {
    padding: 10px 30px 10px 50px; }
  .home-2 .main-menu-header {
    padding: 0px 30px; }
  .home-2 .header_contact li {
    margin-right: 25px; }
  .home_slide2 .slider-img {
    min-height: 800px; }
  .award-section .award-img .trophy-img {
    left: -25%; }
  .home-1 .header_social li {
    width: 35px; }
  .counter_up canvas {
    width: 160px;
    height: 160px; }
  .client_counter_section .client_counterup .circle,
  .client_counter_section .client_counterup .circle_2,
  .client_counter_section2 .client_counterup .circle,
  .client_counter_section2 .client_counterup .circle_2 {
    height: 160px;
    width: 160px; }
  .client_counter_section .client_counterup .counter_up {
    margin-right: 15px; }
  .client_counter_section .client_counterup .client_countertext h3,
  .client_counter_section2 .client_counterup .client_countertext h3 {
    font-size: 24px; }
  .home-3 .header-top,
  .home-4 .header-top {
    padding: 15px 30px; }
  .home-3 .main-menu-header,
  .home-4 .main-menu-header {
    padding: 18px 30px 15px; }
  .home-3 .slider-img,
  .home-4 .slider-img {
    min-height: 900px; }
  .service-slide-area .owl-nav .owl-prev {
    left: -85px; }
  .service-slide-area .owl-nav .owl-next {
    right: -85px; }
  .about_overview_section .about_rotate_img1 {
    left: -100px; }
  .about_overview_section .about_rotate_img2 {
    right: -100px; } }



@media screen and (max-width: 991px) {
  
  
  .award-area .award-list li {
    margin-right: 30px; }
  .award-section .award_textcontent .award-area .title-head h2 {
    font-size: 50px; }
   }






@media screen and (max-width: 480px) {
  
  .award-area .award-list li {
    width: 20%; }
  .award-area .award-text .section-title .title-head h2 {
    font-size: 40px; }
   }

@media screen and (max-width: 420px) {
  
  .award-area .award-text .section-title .title-head h2 {
    font-size: 35px; }
  
  .section-title .title-head h2 {
    font-size: 30px;
    padding-bottom: 10px; }
  .section-title .title-head p:after, .section-title .title-head p:before {
    top: 8px;
    width: 45px; }
  .section-title .title-head p:after {
    right: -55px; }
  .section-title .title-head p {
    font-size: 14px; }
  .section-left-title .title-head p {
    margin-left: 55px; }
  .section-title .title-head p:before {
    left: -55px; }
  
  .award-section .award-img .trophy-img {
    left: -5%;
    width: 50%; }
   }

@media screen and (max-width: 320px) {
  
  .award-area .award-text .section-title .title-head h2 {
    font-size: 30px; }
.section-left-title .title-head p {
    margin-left: 80px;
}
}
.footer-main .widget-newsletter .social li a:hover i
{
	color: #07531a;
}
/*footer fixed calls*/
@media screen and (max-width:3300px)
{
.fixed-callout  .hidden-xs{display: none!important;}
.fixed-callout .visible-xs{display: block!important;}
.fixed-callout .mbtn-callout a {display: inline-block;font-size: 0!important;margin: 0 6px!important;
padding: 0!important;}
.fixed-callout {padding: 0px 3px!important;width: 110px;}
.fixed-callout .what-col img{width: 35px!important;padding: 2px 0 5px !important;}
}
.fixed-callout{right:15px; bottom:57px;padding: 13px 18px;}
.fixed-callout img{
 
    width: 30px;
    height: auto;
}
.fixed-callout h4 {
font-size: 18px;
}
.fixed-callout {
padding: 15px 20px;
border-radius: 12px;
background-color: #fff;
box-shadow: 0px 0px 30px rgb(0 0 0 / 30%);
position: fixed;
bottom:80px;
text-align: center;
animation: move 6s infinite forwards;
z-index: 50;
}
.hidden-xs {
display: block;
} 
.mbtn-callout {
  display: none;
} 
.fixed-callout .hidden-xs a {
  margin: 8px 0px;
}
.fixed-callout a {
  display: block;
  padding: 2px 0;
  font-size: 16px;
  color: #323232 !important;
  text-decoration: none;
}
.detail p a
{
  color:#000;
}

.custom-social-bar {
  position: fixed;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  z-index: 9999;
}

.facebook-view-button,
.instagram-view-button,
.youtube-view-button,
.linkedin-view-button {
  display: block;
    width: 40px;
    font-size: 21px;
    height: 40px;
    color: #fff !important;
    display: flex;
        justify-content: center;
    align-items: center;
    text-align: center;
  background-size: 40px 40px;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 3px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  margin-bottom: 5px;
  transition: background-color 0.3s ease;
}

/* Facebook Button */
.facebook-view-button {
 /* background-image: url('https://upload.wikimedia.org/wikipedia/commons/5/51/Facebook_f_logo_%282019%29.svg');*/
  background-color: #1877F2;
}

/* Instagram Button */
.instagram-view-button {
  /*background-image: url('http://www.walltowallcarpetinterior.com/wp-content/uploads/2024/09/INSTAGRAM-ICON.png');*/
  background-color: #db1991;
}

/* YouTube Button */
.youtube-view-button {
  /*background-image: url('http://www.walltowallcarpetinterior.com/wp-content/uploads/2024/09/YOUTUBE.png');*/
  background-color: #12b553;
}