@charset "utf-8";
/* CSS Document */
html {scroll-behavior: smooth;}
body{font-family: 'Poppins', sans-serif;}
h1, h2, h3, h4, h5{font-family: 'Frank Ruhl Libre', serif;font-weight:700; color:#044182; }
p, li, td{color:#32799e; font-size:16px; line-height:1.8em;}

a{color:#2597d4; transition:all 0.3s ease;}
a:hover{text-decoration: none !important;}

.jumbotron {background:url(../img/bnr.jpg) no-repeat center; background-size:cover; margin-top:-50px; border-radius:0;}
.jumbotron .row{height:550px;}
.jumbotron h1{ font-size:50px; margin-top:150px;}
.jumbotron p{margin:30px 0;}
.jumbotron .btn{padding:18px 50px !important;}

.jumb_int .row{height:230px;}
.jumb_int h1{margin-top:160px !important; text-align:center; font-size:55px;}
.jumb_int{margin-bottom:40px;}

.navbar{padding: 1.2rem 1rem;}
.navbar .form-control{border-radius:25px; background:none; border-color:rgba(255,255,255,0.3); color:#fff;}
.navbar .btn{padding:10px 20px;  margin-top:-3px !important; }
.navbar-nav.ml-auto .btn{margin-top:3px !important;}
.navbar-nav.ml-auto {margin-top:10px;}

.bg-light{background:#fff !important; transition:all 0.3s ease; box-shadow:1px 1px 10px rgba(0,0,0,0.05);}

.navbar-brand img{margin-top:-10px !important;}
.navbar-nav .nav-link{font-weight:600;}
.navbar-nav .nav-link:hover, .dropdown-item:hover, .socialmedia a:hover{color:#d7a2e4 !important;}
.nav-link, .dropdown-item{font-size:14px; font-family: 'Poppins', sans-serif; font-weight:600;  text-transform:uppercase; font-size:12px; color:#044182 !important;}

.bredcrumbsection{margin-top:-60px; margin-left:15px; margin-right:15px;}

.breadcrumb a{color:#2597d4;}
.breadcrumb li{ font-family: 'Poppins', sans-serif; font-weight:500;  text-transform:uppercase; font-size:12px; color:#5b92af !important; display:inline;}
.breadcrumb{background:#fff; box-shadow:5px 5px 30px rgba(50,135,224,0.1); display:inline-block; margin:0 0 30px 0 !important; border-radius:6px;}

.navbar .container{position:relative;}
.socialmedia{position:absolute; z-index:9999; left:138px; top:50px;}
.socialmedia a{color:#044182; margin-right:24px;}
.socialmedia a .fa-2x{font-size:1.5rem;}
.phone{font-family: 'Poppins', sans-serif; font-weight:900; text-transform:uppercase; color:#044182 !important; margin-top:-13px; margin-left:10px; }

.comparemodels td{border-color:#e4f0f4;}
.comparemodels tr td:first-child{text-align:left;}

.card{margin-bottom:30px; border-radius:10px !important; border:none !important;}
.card-title{transition:all 0.3s ease; height:2em; margin:15px 0; display:flex; align-items:center;}
.card-img-top{border-radius:5px;}
.card-body{background:#fff; transition:all 0.3s ease; border:2px solid transparent; border-top:none; border-bottom-right-radius:10px; border-bottom-left-radius:10px; padding-left:0; padding-right:0;}

.bgbg1{background: url("../img/bgbg.jpg") no-repeat center right}
.bgbg2{background: url("../img/bgbg.jpg") no-repeat center left; padding-left:20px;}
.bgbg2 h2, .bgbg1 h2{margin:0; position:absolute; top:-90px;}

.content{padding:50px 0 100px 0; background: #fff;}
.content img{border-radius:8px;}

 p{margin:20px 0 30px 0;}
 h2{margin-bottom:40px; font-size:40px;}
 h3{margin-bottom:40px; font-size:30px;}
 h4{margin-bottom:30px; font-size:25px;}

.productdescription{background:#f6fbff; padding:20px 40px;}
.productdescription h2{margin:-40px 0 0 0 !important;}

.navbar-toggler{background:#fff; box-shadow:5px 5px 30px rgba(50,135,224,0.1); border:none;}

.productimage{padding:0px 40px;}

.nav-tabs, .nav-tabs .nav-link {border-color:#cfe5f6 !important;}
.nav-tabs .nav-link {background:#deedfa;}
.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link{border-bottom-color:#fff !important;}

.requesttabs .nav-link{padding-left:60px; padding-right:60px;}

.tab-pane{padding:10px;}

.comparetable{background:#f6fbff; padding-top:20px; padding-bottom:60px; border-radius:8px; display:block !important; margin-top:140px !important;}
.comparetable img{margin:0 0 30px 0;}
.comparetable h4{margin-bottom:10px !important; font-size:26px;}
.comparetable h3{margin-bottom:60px !important; margin-top:-40px;}

.compwrap{background:#fff; border-radius:6px; padding:20px 10px;}

.prodwrap{padding:20px 30px;}
.prodwrap .btn{margin-top:5px !important;}

.prodgrid .col-md-4{margin-bottom:80px !important; margin-top:30px;}
.pagination{margin:20px 0 40px 0 !important;}
.prodgrid h4{margin-top:15px;}
.prodwrap .imgholder{height:300px; position: relative; overflow:hidden;}

.makeenquiry{background: url("../img/bgenq.jpg") no-repeat center;}
.makeenquiry p{color:#fff;}
.makeenquiry h3{margin-top:-20px; margin-bottom:40px;}
.makeenquiry a{color:#044182;}
.makeenq_1 h4{font-size:55px; margin-top:110px;}
.makeenq_2 {padding:0 50px 40px 50px;}
.makeenq_2 p{color:#044182;}

.form-control{border:none !important; border:1px solid #e5eef6 !important; min-height:45px; color:#32799e;}
.input-group-text{border:1px solid #e5eef6; background:#fff; color:#044182;}

.brands img{margin:50px 0;}

.firstsection ul{padding:0 0 0 5px; margin:0;}
.bgbg1 li, .bgbg2 li, .productdescription li, .featuressection li, .content li{ list-style:none; background: url("../img/list.png") no-repeat 0 5px; padding-left: 22px; margin:10px 0;}
.homefirstsection{padding-bottom:0 !important;}

.nav-tabs .nav-item, .pagination li{background:none; padding:0;}

.flex-column .nav-item{background:none; padding-left: 0; margin:0;}

.blogsection h2{margin:50px 0 70px 0 !important; font-size:30px;}

.newsdate{position:absolute; background:#1a80ec; color:#fff; display:block; padding:3px 6px; font-size:12px; border-top-right-radius:5px; border-bottom-right-radius:5px;}

.meetwrap h4{margin-top:30px;}
.blogpostwrap h4, .blogpostwrap h2{margin-top:30px;}
.blogpostwrap .btn{margin:-10px 0 80px 0;}

.blogcategories a{display:block; padding:15px 0; border-bottom:1px solid #eee;}

.contactsection{padding:80px 0; background:url(../img/bnr2.jpg) no-repeat center;}
.contactsection h3{color:#fff;}
.contactsection h4{color:#CDCDCD; letter-spacing:3px; font-size:12px;}
.contactsection p{color:#fff;}
.contactsection .btn{margin-top:0px !important; position:absolute; top:76px; right:10px; border-top-left-radius: 0; border-bottom-left-radius: 0;}
.contactsection .form-text{color:#fff; margin:15px 0;}
.contactsection .form-control{border:none !important; border:none !important; height:46px;}

.blogdate{margin:-20px 0 0 0 !important; font-size:12px; opacity:0.6;}

.btn{font-family: 'Poppins', sans-serif; font-weight:700;  text-transform:uppercase; font-size:12px; border-radius:6px; padding:14px 35px; margin-top:30px; border:1px solid #3985d6; color:#044182;}

.btn-primary{
	border:0;
	background: #e4c61e;  /* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #C779D0, #e4c61e);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #C779D0, #e4c61e); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	color:#fff !important;
	box-shadow:5px 5px 20px rgba(0,0,0,0.1)
}

.contactbutton{margin-top:-200px; background:#fff;}

.btn-success{
	border:0;
	background: #e4c61e;  /* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #4BC0C8, #C779D0);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #4BC0C8, #C779D0); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	color:#fff !important;
	box-shadow:5px 5px 20px rgba(0,0,0,0.1)
}

.btn-primary:hover{background:#1a80ec;}

.btn-default{box-shadow:5px 5px 20px rgba(50,135,224,0.15); border-color:#a7ccf3 !important;}

hr{border:none; margin:80px 0;}

.carousel-control-prev{width:90px; height:45px; background:#000; bottom:-40px; top:auto !important; left: calc(50% - 91px); border-radius:6px;  background:url(../img/car_ar_prev.png) no-repeat center #fff; transition:all 0.2s ease; opacity:1; }
.carousel-control-next{width:90px; height:45px; background:#000; bottom:-40px; top:auto !important; right: calc(50% - 91px); border-radius:6px; background:url(../img/car_ar_next.png) no-repeat center #fff; transition:all 0.2s ease; opacity:1; }
.carousel-control-prev:hover{background-position:10px 50%;}
.carousel-control-next:hover{background-position:30px 50%;}

footer{background:#083e5e; padding:60px 0 20px 0;}
footer ul{list-style:none; padding:0; margin:0;}
footer a{color: rgba(255,255,255,0.5); padding:5px 0; display:block; font-size:14px;}
footer a:hover{color:#fff;}
footer p{color: rgba(255,255,255,0.5); font-size:14px;}
footer hr{border-color: rgba(255,255,255,0.2); margin:25px 0;}
footer h4{color:#fff; font-size:21px; margin-bottom:20px;}

@media(min-width:768px){
	.prodwrap .imgholder img{
		position: absolute;
		left: 50%;
		top: 50%;
		height: 100%;
		width: auto;
		-webkit-transform: translate(-50%,-50%);
			-ms-transform: translate(-50%,-50%);
				transform: translate(-50%,-50%);
	}
}

@media (min-width: 1400px){
	.navbar-nav.ml-auto .btn{margin-left:15px !important;}
	.container {
    	max-width: 1340px;
	}

	body{margin:0 7vw;}
	.fixed-top{margin:0 7vw;}
	
	html{background:#f0f8fb !important;}
}

@media (max-width: 1399px){
	.navbar-expand-xl .navbar-nav .nav-link{padding-left:0.45em; padding-right:0.45em;}
	.bgbg2 h2, .bgbg1 h2{margin-top:0px; top:0; position:relative; margin-bottom:20px;}
	.prodwrap .imgholder{height:250px}
}

@media(max-width:1200px){
	.navbar-collapse{padding-bottom:30px;}
	h2{font-size:30px;}
	p, li, td{color:#32799e; font-size:15px; line-height:1.8em;}
	.bgbg2 h2, .bgbg1 h2{ margin:20px 0;}
	
	.bgbg2{background:#f0f8fb; padding:20px ; border-radius:4px;}
	.bgbg1{background:#f0f8fb; padding:20px ; border-radius:4px;}
	.jumbotron h1{font-size:35px !important;}
	.socialmedia{left:120px;}
	.prodwrap .imgholder{height:220px}
}

@media(max-width:991px){
	.btn{white-space: normal;}
	.contactsection .btn{top:112px;}
	.blogpostwrap .btn{margin-bottom:40px;}
	.prodwrap{padding:10px;}
	.prodwrap .imgholder{height:180px}
	.makeenq_1 h4{font-size:45px; margin-top:80px;}
}

@media(max-width:767px){
	.comparetable h3{ margin-top:-100px;}
	.contactbutton{margin-top:-100px;}
	.bredcrumbsection{margin-bottom:-35px;}
	.phone{margin-top:-30px;}
	.socialmedia{top:32px !important;}
	.socialmedia a{color:#044182; margin-right:26px;}
	.socialmedia a .fa-2x{font-size:1.2rem;}
	.makeenq_1 h4{margin-top:110px;}
	.navbar.bg-light{padding:3px 1.2rem;}
	.navbar-brand img{margin-top:0 !important;}
	.makeenquiry{background-position:left 50%; margin-top:-70px; padding-top:20px;}
	.makeenq_1 h4{margin-top:10px;}
	.makeenquiry h3{margin-top:10px; margin-bottom:20px;}
	.makeenq_2 {padding:0 15px 40px 15px;}
	.prodwrap .imgholder img{position: relative;}
	.prodwrap .imgholder{height:auto;}
	
	h3{font-size:25px;}
	.contactsection .btn{top:70px;}
	.contactsection{background-position: left 50% !important;}

	.jumb_int h1{margin-top:130px !important;}
}

@media(max-width:575px){
	.navbar-brand img{max-width:70px;}	
	.socialmedia{left:95px; top:30px;}
	.nav-tabs .nav-link{padding-left:8px; padding-right:8px; font-size:11px;}
}

::-webkit-input-placeholder { /* Edge */
  color: #32799e !important;
}

:-ms-input-placeholder { /* Internet Explorer */
  color: #32799e !important;
}

::placeholder {
  color: #32799e !important;
}

@media (min-width: 1200px){
	.navbar-expand-xl .navbar-nav .nav-link {
		padding-right: 0.4rem;
		padding-left: 0.4rem;
	}
	.navbar-nav.ml-auto .btn{padding-left:10px; padding-right:10px;}
	.navbar-brand{margin-right:5px;}		
	.socialmedia{left:125px;}
}

@media(max-width:575px){	
	footer{padding:0 20px 50px 20px !important;}
	footer h4{margin:40px 0 10px 0 !important;}
	footer p{margin:0 !important; text-align:left !important;}
	footer hr{margin:40px 0 0 0 !important;}
	.contactsection{padding:80px 20px !important;}
}

.cat-item {
	background: none !important;
	padding-left: 0 !important;
	margin: 0 !important;
}

.cat-item a {
	display: block;
	padding: 15px 0;
	border-bottom: 1px solid #eee;
}

.widget ul {
	list-style: none;
	padding-left: 0;
}

.widget ul li a {
	display: block;
	padding: 15px 0;
	border-bottom: 1px solid #eee;
}

.prodgrid h4 {height:3.6em; display:flex; align-items: center; justify-content: center; margin-bottom:5px;}

.wp-block-embed__wrapper {max-width:640px}

#landingpage .navbar{box-shadow: 0px 4px 124px 0px rgba(4, 65, 130, 0.16); padding-bottom:48px;}


#landingpage h2{font-size:52px !important; font-weight: 500; margin-bottom:56px !important;}
#landingpage h3{font-size:32px !important; margin-bottom:16px !important; font-weight: 500;}
#landingpage p{margin:16px 0;}

#landingpage .media-body p{margin:8px 0; opacity:0.7;}

#landingpage .jumbotron {background:url(../img/bnr-landing.jpg) no-repeat  center; background-size:cover;  border-radius:0;}
#landingpage .jumbotron h1{margin-top:150px; margin-bottom:80px;}
#landingpage .jumbotron h1:after{content:""; display:block; height:24px;  background: url(../img/underline1.svg) no-repeat center; margin-top:-10px;}
#landingpage .jumbotron .row{height:720px;}
#landingpage .form-control{background:#EAF1F7;}
#reviewscarousel{padding:25px 0 120px 0;}
#landingpage .carousel-control-prev{margin-bottom:90px;}
#landingpage .carousel-control-next{margin-bottom:90px;}

@media (min-width: 1400px) {
  .container-narrow{max-width: 1140px !important;}
}

.googlereviews{position:absolute; bottom:0; right:0; height:40px; text-align: center; background: #E8F7FC; width:100%; display: flex; align-items: center; justify-content: center; color:#044182;}

.introcard{border-radius: 10px; background: #F7FBFD url(../img/cardbg.png) no-repeat top center; box-shadow: 0px 4px 124px 0px rgba(4, 65, 130, 0.16); padding: 60px 80px; margin-top:-75px;}
.introcard .btn{position: absolute;bottom:-20px; left: calc(50% - 90px);}

.numberfeature h4{font-size:62px; opacity:0.2;}
.photoscta{margin-top:-150px; }
.mt-6 {margin-top: 5rem !important;}
.mb-6 {margin-bottom: 5rem !important;}

.landing1{padding:150px 0;}
.landing1 img, .landing2 img{margin-bottom:20px;}
.cta1{padding:150px 0; background:#083E5E; }
.cta1 h1, .cta1 h2{color:#fff;}
.cta1 h1{font-size:77px;}

.landing2{padding:150px 0; background:#083E5E; }
.landing2 h1, .landing2 h2, .landing2 h3{color:#fff;}
.landing2 p{color: #fff; opacity: 0.7;}

.maincta{padding:0 0 150px 0;}
.maincta h2:after{content:""; display:block; height:24px;  background: url(../img/underline1.svg) no-repeat center; margin-top:-10px;}

@media (max-width: 991px) {
#landingpage .jumbotron .row{height:620px;}
#landingpage h2{font-size:40px;}
#landingpage h3{font-size:32px;}
.introcard{padding: 30px;}
.landing2, .landing1, .cta1{padding:80px 0;}
.photoscta{margin-top:-70px; }
#landingpage .navbar{ padding-bottom:68px;}
}

/*****anims******/

.introfade {transition:0.8s ease; opacity:0; transform: translateY(50px) scale(1.1) rotate3d(1,1,1,4deg);}
.introfade_in{opacity:1 !important; transform: translateY(0px) scale(1) rotate3d(1,1,1,0deg);}
.introfade2 {transition:1.4s ease ; opacity:0; top:320px; }
.introfade_in2{opacity:1 !important; top:250px;}

@media(min-width:1201px){
.img_anim1 {visibility:hidden; }
.fadeIn{
visibility:visible !important;
animation-name: fadeIn;
-webkit-animation-name: fadeIn;
animation-duration: 0.6s;
-webkit-animation-duration: 0.6s;
animation-timing-function: ease-out;
-webkit-animation-timing-function: ease-out;
}
}

@keyframes fadeIn {
0% {
    transform:translateY(140px) scale(1.1) rotate3d(1,1,1,4deg);
  opacity: 0;
}
  10% {
  transform:translateY(140px) scale(1.1)  rotate3d(1,1,1,4deg);
  opacity: 0;
}
100% {
  transform:translateY(0px) scale(1);
  opacity: 1;
}
}
@-webkit-keyframes fadeIn {
0% {
    -webkit-transform:translateY(140px) scale(1.1);
  opacity: 0;
}
  10% {
  -webkit-transform:translateY(140px) scale(1.1);
  opacity: 0;
}
100% {
  -webkit-transform:translateY(0px) scale(1);
  opacity: 1;
}
}