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

[ TABLE OF CONTENTS]

	01. GLOBAL STYLES
	02. COMMON STYLES 
	
-------------------------------------------------------------------*/

/* 01. GLOBAL STYLES */





:root {
    --text-dark: black;
    --paragraph-gray: #5e6774;
    --primary: #a7bee0;
    --gray: #d3dfef;
    --primary-light: #a7cfe0;
    --color-white: white;
    --transparent: rgba(0, 0, 0, 0);
    --dark-gray: #afafaf;
    --image-radius: 6px;
    --black\<deleted\|variable-66bd1c0d\>: black;
    --light-gray: #f9f9fa;
    --radius-large: 56px;
    --button-radius: 46px;
    --dark-grey: #47505d;
    --color-blue:#045ca5;
    --color-orange:#f37800;
    --color-black:#000;
    --tg-primary-color: #013d77;
  --tg-primary-color2: #ea7c00;
    --tg-secondary-color: #00194C;
    --tg-body-font-color: #687799;
    --tg-heading-font-color: #00194C;
    --tg-paragraph-color: #687799;
    --tg-section-background: #F8FAFF;
    --tg-body-font-size: 16px;
    --tg-body-font-weight: 500;
    --tg-heading-font-weight: 700;
    --tg-body-line-height: 1.7;
    --tg-heading-line-height: 1.2;
    --tg-blue: #095198;
    --tg-metallic-blue: #324B7D;
    --tg-cornflower-blue: #B3CCFF;
    --tg-steel-blue: #B6C1DB;
    --tg-lavender: #E6EEFF;
    --tg-indigo: #6610f2;
    --tg-purple: #6f42c1;
    --tg-pink: #FF005C;
    --tg-red: #FF3C3C;
    --tg-orange: #fd7e14;
    --tg-yellow: #FFB930;
    --tg-green: #219653;
    --tg-teal: #20c997;
    --tg-cyan: #0dcaf0;
    --tg-white: #ffffff;
    --tg-black: #000;
    --tg-gray: #F1F4FC;
    --tg-gray-two: #F1F5FF;
    --tg-gray-three: #96A1B8;
    --tg-gray-four: #667594;
    --tg-border-color: #E1E5EE;
    --facebook: #3b5998;
    --twitter: #00acee;
    --linkedin: #1976d2;
    --pinterest: #3b5998;
    --youtube: #c4302b;
    --skype: #00aff0;
}




* {
	padding: 0;
	margin: 0;
}


body {
	font-size: 14px;
  background-color: #fff;
  overflow-x: hidden; 
  font-family: "Inter", sans-serif;
}

body, html {
  /* prevent horizontal scrolling */

}


html {
 /* scroll-behavior: smooth;*/
}


li, ul, ol {
	list-style: none;
}
h1, h2, h3, h4, h5, h6 {
	font-style: normal;
  color: #282828
}

p {
	font-size: 16px;	
	color:#282828;
  letter-spacing: -0.5px;
}
button, button:hover, a, a:hover {
	transition: .4s;
}

a{color: #282828}

a:hover {
	color: #000;
}
a, a:hover, a:focus, a:active, button, button:focus, input, textarea {
	outline: 0;
	text-decoration: none;
}

/* 02. COMMON STYLES */

.relative {
	position:relative !important
}
.fixedpadding20 {
	padding:20px 0
}
.fixedpadding30 {
	padding:30px 0
}
.fixedpadding40 {
	padding:40px 0
}
.fixedpadding50 {
	padding:50px 0
}
.fixedpadding60 {
	padding:60px 0
}
.fixedpadding70 {
	padding:70px 0
}
.fixedpadding80 {
	padding:80px 0
}
.fixedpadding90 {
	padding:90px 0
}
.fixedpadding100 {
	padding:100px 0
}
.space10 {
	margin-bottom: 10px;
}
.space20 {
	margin-bottom: 20px;
}
.space25 {
	margin-bottom: 25px;
}
.space30 {
	margin-bottom: 30px;
}
.space40 {
	margin-bottom: 40px;
}
.space50 {
	margin-bottom: 50px;
}
.space60 {
	margin-bottom: 60px;
}
.space70 {
	margin-bottom: 70px;
}
.space80 {
	margin-bottom: 80px;
}
.space90 {
	margin-bottom: 90px;
}
.space100 {
	margin-bottom: 100px;
}

.less-margin{ margin:0 !important}
.less_left{ padding-left:0 !important; }
.less_right{ padding-right:0;}


.less-right-0px{ padding-right:0px!important;}
.less-left-0px{ padding-left: 0px!important;}

.less-right-5px{ padding-right:5px !important;}
.less-left-5px{ padding-left: 5px !important;}

.less-right-10px{ padding-right:10px !important;}
.less-left-10px{ padding-left: 10px !important;}


.space-left-2px{ margin-left:5px;}
.space-left-5px{ margin-left:5px;}
.space-left-10px{ margin-left:10px;}
.space-right-2px{ margin-right:5px;}
.space-right-5px{ margin-right:5px;}
.space-right-10px{ margin-right:10px;}

/* line height */
.line-height-10 {line-height:10px !important}
.line-height-13 {line-height:13px !important}
.line-height-18 {line-height:18px !important}
.line-height-20 {line-height:20px !important}
.line-height-24 {line-height:24px !important}
.line-height-22 {line-height:22px !important}
.line-height-26 {line-height:26px !important}
.line-height-28 {line-height:28px !important}
.line-height-30 {line-height:30px !important}
.line-height-35 {line-height:35px !important}
.line-height-40 {line-height:40px !important}
.line-height-45 {line-height:45px !important}
.line-height-50 {line-height:50px !important}
.line-height-55 {line-height:55px}
.line-height-60 {line-height:60px}
.line-height-65 {line-height:65px}
.line-height-70 {line-height:70px}
.line-height-75 {line-height:75px}
.line-height-80 {line-height:80px}
.line-height-85 {line-height:85px}
.line-height-90 {line-height:90px}
.line-height-95 {line-height:95px}
.line-height-100 {line-height:100px}
.line-height-110 {line-height:110px}
.line-height-120 {line-height:120px}

.font-size-11px{ font-size:11px !important;}
.font-size-12px{ font-size:12px !important;}
.font-size-13px{ font-size:13px !important; }
.font-size-14px{ font-size:14px !important;}
.font-size-15px{ font-size:15px !important;}
.font-size-16px{ font-size:16px !important;}
.font-size-17px{ font-size:17px !important;}
.font-size-18px{ font-size:18px !important;}
.font-size-19px{ font-size:19px !important;}
.font-size-20px{ font-size:20px !important;}
.font-size-21px{ font-size:21px !important;}
.font-size-22px{ font-size:22px !important;}
.font-size-23px{ font-size:23px !important;}
.font-size-24px{ font-size:24px !important;}
.font-size-25px{ font-size:25px !important;}

.font-weight-200{ font-weight:200 !important}
.font-weight-300{ font-weight:300 !important}
.font-weight-400{ font-weight:400 !important}
.font-weight-500{ font-weight:500 !important}
.font-weight-600{ font-weight:600 !important}
.font-weight-700{ font-weight:700 !important}
.font-weight-800{ font-weight:800 !important}

.pt-00{padding-top: 00px !important;}
.pt-05{padding-top: 05px !important;}
.pt-10{padding-top: 10px !important;}
.pt-15{padding-top: 15px !important;}
.pt-20{padding-top: 20px !important;}
.pt-25{padding-top: 25px !important;}
.pt-30{padding-top: 30px !important;}
.pt-35{padding-top: 35px !important;}
.pt-40{padding-top: 40px !important;}
.pt-45{padding-top: 45px !important;}
.pt-50{padding-top: 50px !important;}
.pt-55{padding-top: 55px !important;}
.pt-60{padding-top: 60px !important;}
.pt-65{padding-top: 65px !important;}
.pt-70{padding-top: 70px !important;}

.pb-00{padding-bottom: 00px !important;}
.pb-05{padding-bottom: 05px !important;}
.pb-10{padding-bottom: 10px !important;}
.pb-15{padding-bottom: 15px !important;}
.pb-20{padding-bottom: 20px !important;}
.pb-25{padding-bottom: 25px !important;}
.pb-30{padding-bottom: 30px !important;}
.pb-35{padding-bottom: 35px !important;}
.pb-40{padding-bottom: 40px !important;}
.pb-45{padding-bottom: 45px !important;}
.pb-50{padding-bottom: 50px !important;}
.pb-55{padding-bottom: 55px !important;}
.pb-60{padding-bottom: 60px !important;}
.pb-65{padding-bottom: 65px !important;}
.pb-70{padding-bottom: 70px !important;}
.pb-80{padding-bottom: 80px !important;}
.pb-90{padding-bottom: 90px !important;}
.pb-100{padding-bottom: 100px !important;}


.mb-05{margin-bottom: 05px !important;}
.mb-10{margin-bottom: 10px !important;}
.mb-15{padding-bottom: 15px !important;}
.mb-20{margin-bottom: 20px !important;}
.mb-25{margin-bottom: 25px !important;}
.mb-30{margin-bottom: 30px !important;}
.mb-35{margin-bottom: 35px !important;}
.mb-40{margin-bottom: 40px !important;}
.mb-45{margin-bottom: 45px !important;}
.mb-50{margin-bottom: 50px !important;}
.mb-55{margin-bottom: 55px !important;}
.mb-60{margin-bottom: 60px !important;}
.mb-65{margin-bottom: 65px !important;}
.mb-70{margin-bottom: 70px !important;}



.bordernone{border: 0 !important;}
.container{max-width: 1280px;padding-left: 15px; padding-right: 15px;}

.h-auto{min-height: auto !important; resize: none;}
.h-100vh{min-height: 100vh}


.animated  {
  -webkit-animation-duration : 1000 ms  ;
  animation-duration : 1000 ms  ;
  -webkit-animation-fill-mode : both  ;
  animation-fill-mode : both  ;
}  
/* .owl-animated-out - only for current item */ 
/* This is very important class. Use z-index if you want move Out item above In item */ 
.owl-animated-out {
  z-index : 1 
   }
/* .owl-animated-in - only for upcoming item
/* This is very important class. Use z-index if you want move In item above Out item */ 
.owl-animated-in {
  z-index : 0 
   }
/* .fadeOut is style taken from Animation.css and this is how it looks in owl.carousel.css:  */ 
.fadeOut  {
  -webkit-animation-name : fadeOut  ;
  animation-name : fadeOut  ;
}  
@-webkit-keyframes  fadeOut  {
  0% {
    opacity : 1   ;
  }  
  100% {
    opacity : 0   ;
  }  
}
@keyframes  fadeOut  {
  0% {
    opacity : 1   ;
  }  
  100% {
    opacity : 0   ;
  }  
}



.mainBtn {
  transition: .4s !important;
  background:var(--color-orange);
  border:solid 0px #fff;
  font-size: 18px !important;
  color: #fff;
  letter-spacing: 0;
  font-weight: 500;
  border-radius: 25px;
  margin:0 2px;
  margin-bottom: 2px;
  font-family: 'Roboto', sans-serif;
  min-width: 200px;
  box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.1);
  padding: 12px 30px;
}
.mainBtn:hover{color: #fff; background-color: var(--color-black);}
.mainBtn:focus{color: #fff;}





/* Hover Effect */

a.hover{position:relative;padding-bottom: 5px;}
a.hover::before{position:absolute;width:100%;height:2px;background-color: var(--color-orange);top:100%;left:0;pointer-events:none; right: 0px}
a.hover::before{content:"";transform-origin:100% 50%;transform:scale3d(0,1,1);transition:transform .3s cubic-bezier(.7,0,.2,1)}
a.hover:hover:before{transform-origin:0 50%;transform:scale3d(1,1,1);transition-timing-function:cubic-bezier(.4,1,.8,1)}

a.hover2{position:relative;padding-bottom: 5px;}
a.hover2::before{position:absolute;width:100%;height:1px;background-color: var(--color-orange);top:100%;left:0;pointer-events:none; right: 7px}
a.hover2::before{content:"";transform-origin:100% 50%;transform:scale3d(0,1,1);transition:transform .3s cubic-bezier(.7,0,.2,1)}
a.hover2:hover:before{transform-origin:0 50%;transform:scale3d(1,1,1);transition-timing-function:cubic-bezier(.4,1,.8,1)}

/* */ 


.wrapper{position: relative;}

.fixed-top {top: -40px;transform: translateY(40px);transition: transform .4s;background-color: #fff}

.topbar{background-color: var(--color-blue); color:var(--color-white);padding: 5px 0;}
.topbar ul.toplinks{list-style: none; margin: 0; padding: 0}
.topbar ul.toplinks li{display: inline-block; margin-right: 20px;}
.topbar ul.social{margin: 0;padding: 0; text-align: right;}
.topbar ul.social li{display: inline-block; margin-left: 8px;}
.topbar a{color: var(--color-white)}
.topbar a:hover{opacity: 0.6;}

.header{position: relative; background-color: var(--color-white)}
.header .navbar-brand img{width: 100%; max-width: 250px;}
.header .navbar-brand img.logoMb{width: 100%; max-width: 250px;}
.header .nav-item{font-size: 17px; font-weight: 600; margin-left: 25px; letter-spacing: -0.5px;}
.header .nav-link{padding-right: 0 !important; padding-left: 0 !important; color: var(--color-blue)}
.header .nav-link:hover{color: var(--color-orange)}
.header .active{color: var(--color-orange) !important}
.header .dropdown-menu{top: 68px !important; width: 220px; border: 0; font-size:14px;padding: 0; border-radius: 0px;overflow: hidden;}
.header .dropdown-menu .dropdown-item{padding: 8px 15px;}
.header .dropdown-menu .dropdown-item:hover{background-color: var(--color-orange); color: #fff}

.home-hero {position: relative;}
.home-hero .item{min-height: 50vh;background-color: #979797; background-size: cover;background-position: center; background-repeat: no-repeat;}
.home-hero .owl-dots{position: absolute; bottom: 15px; left: 0; right: 0}
.home-hero .owl-carousel .owl-prev, .home-hero .owl-carousel .owl-next{position:absolute; top:50%; transform:translateY(-50%); background-color:rgba(0,0,0,0.5) !important; color:#fff !important; 
  font-size:1.1em !important; width:40px; height:40px; border-radius:100% !important; font-weight:bold; padding:10px !important; text-align:center; margin-top: -20px;}
.home-hero .owl-carousel .owl-prev:hover, .home-hero .owl-carousel .owl-next:hover{box-shadow:0px 0px 0px 0px #000; background-color:#000 !important; color:#fff !important;}
.home-hero .owl-carousel .owl-prev{left:40px;}
.home-hero .owl-carousel .owl-next{right:40px;}
.home-hero .owl-theme .owl-dots .owl-dot.active span{background:var(--color-orange) !important; width:25px; transition:0.2s ease-in-out;}
.home-hero .owl-theme .owl-dots .owl-dot:hover span{background:--color-orange !important; transition:0.2s ease-in-out;}
.home-hero .overlay{position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0,0,0,0.5);}
.home-hero .hero-content{display: table;height: 70vh; width: 100%;  position: relative;z-index: 9; color: var(--color-white)}
.home-hero .hero-content .innerDiv { display: table-cell; vertical-align: middle; padding: 40px 0}
.home-hero .hero-content h6{font-family: 'Roboto', sans-serif; font-size: 18px; color: #fff; line-height: normal;padding-bottom: 15px;}
.home-hero .hero-content h1{font-weight: 700; font-size: 40px; color: var(--color-white); line-height: 50px;padding-bottom: 15px; margin-bottom: 0; letter-spacing: -0.8px;}
.home-hero p{font-size: 17px; color: var(--color-white); margin-bottom: 30px;}
.home-hero .read-more{ background-color: var(--color-orange); color: #fff; border-radius: 25px;padding: 12px 30px;}
.home-hero .read-more:hover{background-color: #000}

.inner-hero{min-height: 150px; background-color: #222; background-size: cover; background-position: center;position: relative; text-align: center;padding: 30px 15px;}
.inner-hero .overlay{position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0,0,0,0.6);}
.inner-hero h1{color: #fff; font-size: 35px; margin: 0;padding: 0; font-weight: 600; letter-spacing: -1px;}
.inner-hero p{color: var(--color-white); font-size: 18px; margin-top:20px;}
.inner-hero .inner-content{display: table;min-height: 150px; width: 100%;  position: relative;z-index: 9; color: var(--color-white)}
.inner-hero .inner-content span { display: table-cell; vertical-align: middle; padding: 20px 0}
.inner-hero .read-more{ background-color: var(--color-orange); color: #fff; border-radius: 0;padding-right: 25px; padding-left: 25px; border-radius: 15px;padding-top: 10px; padding-bottom: 10px; font-weight: 600; font-size: 17px; }
.inner-hero .read-more:hover{background-color: #910001}


/* about-two */
.about-area-two {position: relative;}
.about-area-two::before {content: "";position: absolute;left: 13%;top: 0;width: 630px;height: 630px;background: linear-gradient(154.68deg, #8894FF 11.62%, #FF8585 90.47%);opacity: 0.1;filter: blur(75px);z-index: -1;}
.about-area-two h4{font-size: 18px; font-weight: 600; letter-spacing: -0.5px;position: relative;;padding-bottom: 15px;margin-bottom: 20px; color: var(--color-orange)}
.about-area-two h4:after{width: 50px; height: 3px; content: ""; background-color: var(--color-blue);position: absolute; bottom: 0; left: 0; border-radius: 50px;}
.about-area-two h2{font-weight: 700; letter-spacing: -1px; font-size: 32px; color: var(--color-blue); margin-bottom: 25px;}
.about-area-two p {margin-bottom: 20px;color: var(--color-dark); font-size: 17px; letter-spacing: -0.5px;}
.about-area-two .btn {background: var(--color-blue);border-color: var(--tg-primary-color);color: var(--color-white);padding: 10px 25px; border-radius: 25px;border: 0}
.about-area-two .btn::after {background: var(--color-dark);}
.about-area-two .btn:hover {background: var(--color-black);}
.about-img-two {position: relative;padding-left: 218px;}
.about-img-two2 {position: relative;padding-left: 55px;}
.about-img-two .main-img {position: relative;text-align: right;}
.about-img-two .main-img img {border-radius: 15px;border: 9px solid var(--color-white);box-shadow: 0px 4px 50px rgba(0, 0, 0, 0.2);}
.about-img-two .main-img .play-btn {position: absolute;width: 82px;height: 82px;display: flex;align-items: center;justify-content: center;background: rgba(0 85 255 / 80%);border-radius: 50%;
box-shadow: -8px -1px 10px rgba(255, 255, 255, 0.1);color: var(--color-white);left: 50%;top: 50%;transform: translate(-50%, -50%);font-size: 25px;}
.about-img-two .main-img .play-btn::after {content: "";position: absolute;left: 50%;top: 50%;width: 100%;height: 100%;border: 1px solid var(--color-white);border-radius: 50%;transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
animation: pulse-border 1500ms ease-out infinite;}
.about-img-two img:nth-child(2) {border: 9px solid #FFFFFF;box-shadow: 0px 4px 50px rgba(0, 0, 0, 0.2);border-radius: 15px;transform: rotate(-2.71deg);position: absolute;left: 40px;bottom: 70px;}
.about-shape-wrap img {position: absolute;z-index: -1;}
.about-shape-wrap img:nth-child(1) {right: 41%;top: 13%;animation: alltuchtopdown 8s infinite linear;}
.about-shape-wrap img:nth-child(2) {right: 0;bottom: 0;}

@keyframes pulse-border {
  0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
  opacity: 1;
  }
  100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
  opacity: 0;
  }
}
@-webkit-keyframes pulse-border {
  0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
  opacity: 1;
  }
  100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
  opacity: 0;
  }
}
@keyframes alltuchtopdown {
  0% {
        transform: rotateX(0deg) translateY(0px);
    }
  50% {
        transform: rotateX(0deg) translateY(-50px);
    }
  100% {
        transform: rotateX(0deg) translateY(0px);
    }
}



.features-area {margin-top: 100px;margin-bottom: 60px;position: relative;z-index: 1;}
.features-area h2{font-weight: 700; letter-spacing: -1px; font-size: 32px; color: var(--color-blue); margin-bottom: 25px;position: relative;display: block;text-align: center;padding-bottom: 20px;}
.features-area h2:after{width: 50px; height: 3px; content: ""; background-color: var(--color-orange);position: absolute; bottom: 0; left: 0; right: 0; border-radius: 50px;margin: auto !important;}
.features-item {border: 1px solid var(--tg-steel-blue);border-radius: 10px;padding: 35px 50px;margin-bottom: 40px;background: var(--tg-white);position: relative;}
.features-item::before {content: "";position: absolute;left: 5px;right: 5px;bottom: -5px;background: var(--tg-gray);border: 1px solid var(--tg-steel-blue);border-radius: 8px;height: 70px;z-index: -1;transition: .3s ease-in;}
.features-item::after {content: "";position: absolute;left: 12px;right: 12px;bottom: -10px;background: #DFE5F0;border: 1px solid var(--tg-steel-blue);border-radius: 8px;height: 70px;z-index: -2;transition: .3s ease-in;}
.features-item:hover::after,
.features-item:hover::before {bottom: 3px;}
.features-content .content-top {display: flex;align-items: center;margin-bottom: 15px;}
.features-content .content-top .icon {font-size: 50px;line-height: 0;position: relative;color: var(--tg-primary-color);z-index: 1;margin-right: 15px;}
.features-content .content-top .icon::before {content: "";position: absolute;left: -13px;top: -15px;width: 46px;height: 46px;background: var(--tg-lavender);z-index: -1;border-radius: 50%;transition: .3s ease-in;}
.features-item:hover .features-content .content-top .icon::before {left: 0;top: 0;}
.features-content .content-top .title {font-size: 22px;margin-bottom: 0;font-weight: 600;color: var(--color-orange);letter-spacing: -0.8px;}
.features-content p {margin-bottom: 0;color: var(--tg-gray-four);}


.why-choose{background: var(--color-blue);position: relative;background-attachment: fixed;background-size: cover; padding: 70px 0; position: relative; background-repeat: no-repeat; color: #fff; background-position: center; background-image: url(../img/cta1.jpg);}
.why-choose:before{content: ""; background-color: var(--color-blue); position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0.9}
.why-choose .highlight{padding: 40px; background: var(--color-orange);position: relative;z-index: 2}
.why-choose h2{font-weight: 700; letter-spacing: -1px; font-size: 32px; color: var(--color-white); margin-bottom: 25px;position: relative;display: block;padding-bottom: 20px;}
.why-choose h2:after{width: 50px; height: 3px; content: ""; background-color: var(--color-white);position: absolute; bottom: 0; left: 0;  border-radius: 50px;}
.why-choose h3{color: var(--color-white); font-weight: 700; font-size: 30px; letter-spacing: -1px; margin-bottom: 25px;}
.why-choose .highlight p{color: var(--color-white); font-size: 18px;margin-bottom: 0; font-weight: 400}
.why-choose .icon{width: 65px; float: left;}
.why-choose .icon-content{padding-left: 85px;}
.why-choose h4{color: var(--color-white); font-weight: 600; font-size: 22px; letter-spacing: -0.8px; margin-bottom: 10px;}
.why-choose .icon-content p{font-size: 17px; color: var(--color-white)}

.why-choose .animated-shape-wrap img {position: absolute;z-index: 1;}
.why-choose .animated-shape-wrap img.one {right: 5%;top: 50%;animation: alltuchtopdown 8s infinite linear;}
.why-choose .animated-shape-wrap img.two {right: -20%;bottom: 0;}
.why-choose ul.list-1{margin: 0;padding: 0; font-size: 20px;z-index: 2;position: relative;}
.why-choose ul.list-1 li{color: var(--color-white); font-weight: 500; margin: 15px 0;padding-left: 35px;position: relative; letter-spacing: -0.5px;}
.why-choose ul.list-1 li:before{content: "\f560";left: 0;position: absolute;font-family: 'FontAwesome';}
.why-choose .img-1{position: relative;z-index: 2; border-radius: 15px;}


.slider-1{padding: 100px 0;position: relative;}
.slider-1 h2{font-weight: 700; letter-spacing: -1px; font-size: 32px; color: var(--color-blue); margin-bottom: 25px;position: relative;display: block;text-align: center;padding-bottom: 20px;}
.slider-1 h2:after{width: 50px; height: 3px; content: ""; background-color: var(--color-orange);position: absolute; bottom: 0; left: 0; right: 0; border-radius: 50px;margin: auto !important;}
.slider-1 .item{padding: 5px;}
.slider-1 .inner-tile{padding: 15px;background-color: var(--color-white)}
.slider-1 .owl-nav{display: none !important;}
.slider-1 .owl-prev{height: 47px;width:47px; margin-top: -24px !important; border-radius: 50% !important;font-size: 14px !important;line-height: 47px !important;  color: #838390 !important; position: absolute; top: 50%; left:-70px; background-color: #fff !important ; border: solid 1px #ccccda !important;}
.slider-1 .owl-next{height: 47px;width:47px; margin-top: -24px !important; border-radius: 50% !important;font-size: 14px !important;line-height: 47px !important;  color: #838390 !important; position: absolute; top: 50%; right:-70px; background-color: #fff !important ; border: solid 1px #ccccda !important;}
.slider-1 .owl-prev:hover, .testimonials-3 .owl-next:hover{background-color: var(--color-orange)!important; color: #fff !important; border-color: #ce0a0b !important}
.slider-1 .owl-dots{margin-top: 20px;}
.slider-1 .owl-dot span{height: 7px !important; width: 7px !important; background-color: #9ca3a9}
.slider-1 .owl-dots .active span{background-color: var(--color-orange) !important;}


.our-team{padding: 70px 0;position: relative;}
.our-team h1{font-weight: 700; letter-spacing: -1px; font-size: 35px; color: var(--color-blue); margin-bottom: 25px;position: relative;display: block;text-align: center;padding-bottom: 20px;}
.our-team h1:after{width: 50px; height: 3px; content: ""; background-color: var(--color-orange);position: absolute; bottom: 0; left: 0; right: 0; border-radius: 50px;margin: auto !important;}
.team-item {position: relative;}
.team-item img{width: 100%;height: 100%; }
.team-item .content{background: rgba(0, 0, 0, 0.8);position: absolute;height: 100%;width: 100%;left: 0;top: 0;text-align: center;padding-top: 45%;transition: all 0.5s ease 0s;opacity: 0; cursor: pointer; }
.team-item:hover .content,
.team-item.active .content{opacity: 1;transform: perspective(400px) rotateX(0deg);}
.team-item .content .title{margin: 0 0 10px;display: block;font-size: 22px;font-weight: 700;color: var(--color-white); letter-spacing: -0.8px;}
.team-item .content .post{margin: 0 0 25px;display: block;font-size: 15px;color: var(--color-white)}
.team-item .social{margin: 0;padding: 0;list-style-type: none;}
.team-item .social li{display: inline-block;}
.team-item .social li a{display: block;color: #fff;font-size: 20px;height: 40px;width: 40px;line-height: 40px;border-radius: 0;background-color: var(--color-orange);margin-right: 5px;transition: all 0.5s ease 0s;position: relative;}
.team-item .social li a:hover, .our-team.active .social li a{border-radius: 50%;text-decoration: none;}
@media screen and (max-width: 990px){
  .team-item{margin-bottom: 30px;}
}


.services-1{padding: 70px 0;position: relative;}
.services-1 h1{font-weight: 700; letter-spacing: -1px; font-size: 35px; color: var(--color-blue); margin-bottom: 25px;position: relative;display: block;text-align: center;padding-bottom: 20px;}
.services-1 h1:after{width: 50px; height: 3px; content: ""; background-color: var(--color-orange);position: absolute; bottom: 0; left: 0; right: 0; border-radius: 50px;margin: auto !important;}

.services-1 h2{font-weight: 700; letter-spacing: -2px; font-size:45px; color: var(--color-black); margin-bottom: 25px;position: relative;display: block;text-align: center;}
.services-1 p{color: #000; font-size: 20px; letter-spacing: -0.5px;}



.services-cta{background-color: #141f35; }
.services-cta-right{background-image: url(../img/masthead-bg.png); background-repeat: no-repeat; min-height: 600px;}
.services-cta-left{background-image: url(../img/cta1.jpg); background-repeat: no-repeat; min-height: 600px; background-size: cover;}
.services-cta h3{color: #fff; font-size: 36px; font-weight: 600; letter-spacing: -1px;margin-bottom: 20px;}
.services-cta p{color: #fff; font-size: 18px; letter-spacing: -0.5px;}




.services-1 .time__summary{display: inline-block; margin: auto; font-size: 17px; color: #fff; background-color: var(--color-black);padding: 12px 15px; border-radius: 25px; line-height: normal;}
ul.list-2{margin: 0;padding: 0; font-size: 15px;z-index: 2;position: relative;}
ul.list-2 li{color: var(--color-black); font-weight: 4500; margin: 4px 0;padding-left: 35px;position: relative; letter-spacing: -0.5px;}
ul.list-2 li:before{content: "\f00c";left: 8px;position: absolute;font-family: 'FontAwesome'; color: var(--color-orange)}

ul.list-3{margin: 0;padding: 0; font-size: 15px;z-index: 2;position: relative;}
ul.list-3 li{color: var(--color-black); font-weight: 4500; margin: 0 0;padding-left: 50px;position: relative; letter-spacing: -0.5px;margin-bottom: 25px;}
ul.list-3 li:before{content: "\f058";left: 8px;position: absolute;font-family: 'FontAwesome'; color: var(--color-orange); font-size: 24px; top: -4px;}
ul.list-3 h4{color: #fff; font-size: 22px;margin-bottom: 10px;display: block;font-weight: 500}
ul.list-3 p{font-size: 17px; font-weight: 400}

ul.list-4{margin: 0;padding: 0; font-size: 18px;z-index: 2;position: relative;}
ul.list-4 li{color: var(--color-black); font-weight: 4500; margin: 0 0;padding-left: 40px;position: relative; letter-spacing: -0.5px;margin-bottom: 25px;}
ul.list-4 li:before{content: "\f058";left: 0;position: absolute;font-family: 'FontAwesome'; color: var(--color-orange); font-size: 24px; top: -6px;}




.more-services{padding: 70px 0; position: relative;}
.more-services::before {content: "";position: absolute;left: 13%;top: 0;width: 630px;height: 630px;background: linear-gradient(154.68deg, #8894FF 11.62%, #FF8585 90.47%);opacity: 0.1;filter: blur(75px);z-index: -1;}
.more-services h1{font-weight: 700; letter-spacing: -1px; font-size: 35px; color: var(--color-blue); margin-bottom: 25px;position: relative;display: block;text-align: center;padding-bottom: 20px;}
.more-services h1:after{width: 50px; height: 3px; content: ""; background-color: var(--color-orange);position: absolute; bottom: 0; left: 0; right: 0; border-radius: 50px;margin: auto !important;}
.more-services .item{height: 200px;transition: .4s;top: 0; margin-bottom: 50px;position: relative; display: flex;flex-direction: column;justify-content: center;align-items: center; background-color: white; border-radius: 15px;box-shadow: 0 2px 24px rgba(110, 123, 129, .2);overflow: hidden;}
.more-services h4{font-weight: 700; letter-spacing: -1px;font-size:19px;}
.more-services img{max-width: 64px; margin-bottom: 20px;}
.more-services .item:hover{top: -5px;transition: .4s;}


.cta-1{background-attachment: fixed;padding: 70px 0; position: relative; background-repeat: no-repeat; color: #fff; background-position: center; background-image: url(../img/cta-2.jpg); background-size: cover;}
.cta-1 .overlay{position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(4,92,165,0.9);}
.cta-1 h1{color: #fff; font-size:35px; font-weight: 700; margin: 0;padding: 0; letter-spacing: -1px;padding-top: 10px;padding-bottom: 20px; margin-bottom: 25px;}
.cta-1 h1:after{width: 50px; height: 3px; content: ""; background-color: var(--color-white);position: absolute; bottom: 0; left: 0; right: 0; border-radius: 50px;margin: auto !important;}
.cta-1 p{color: #fff; font-size: 22px; margin: 0;padding: 0;padding-bottom: 10px;}
.cta-1 .content{position: relative;z-index: 2}
.cta-1 .btn {background: var(--color-orange);border-color: var(--tg-primary-color);color: var(--color-white);padding: 10px 25px; border-radius: 25px;border: 0}
.cta-1 .btn::after {background: var(--color-dark);}
.cta-1 .btn:hover {background: var(--color-black);}


.testimonials-3{position: relative; padding-top: 70px;padding-bottom: 70px; background-color: #fff9f3; }
.testimonials-3 h4{text-transform: uppercase; font-size: 13px; font-weight: 700; color: var(--color-orange);}
.testimonials-3 h1{font-size: 30px; letter-spacing: -1px; line-height:40px; font-weight: 700;padding-bottom: 15px;position: relative;display: inline-block; color: var(--color-blue)}
.testimonials-3 h1:before{position: absolute; bottom: 0px; content: ""; left:0; right: 0; width: 70px; height: 3px; background-color: var(--color-orange); margin: auto;}
.testimonials-3 .testimonials-wrapper{max-width: 1495px; margin: auto; text-align: left; margin-top: 40px;padding-left: 100px; padding-right: 100px;}
.testimonials-3 .item{padding: 15px;}
.testimonials-3 .inner-card{padding:10px 30px 30px 30px; margin:0; background-color: #fff; border-radius: 10px; min-height: 300px;border:solid 1px #eee;}
.testimonials-3 .qoute{width: auto; font-size: 55px; color: #f1f1f1; display: block; line-height: normal;}
.testimonials-3 .qoute img{width: auto !important;}
.testimonials-3 p{color: #525271}
.testimonials-3 .avtarImg{width: 55px !important;height: 55px; background-color: #333; background-size: cover; border-radius: 10px;}
.testimonials-3 h5{font-size: 16px; color: #000; margin: 0;padding: 0; font-weight: 500}


.testimonials-3 .owl-prev{height: 47px;width:47px; margin-top: -24px !important; border-radius: 50% !important;font-size: 14px !important;line-height: 47px !important;  color: #838390 !important; position: absolute; top: 50%; left:-70px; background-color: #fff !important ; border: solid 1px #ccccda !important;}
.testimonials-3 .owl-next{height: 47px;width:47px; margin-top: -24px !important; border-radius: 50% !important;font-size: 14px !important;line-height: 47px !important;  color: #838390 !important; position: absolute; top: 50%; right:-70px; background-color: #fff !important ; border: solid 1px #ccccda !important;}
.testimonials-3 .owl-prev:hover, .testimonials-3 .owl-next:hover{background-color:  var(--color-orange) !important; color: #fff !important; border-color:  var(--color-orange) !important}
.testimonials-3 .owl-dots{margin-top: 20px;}
.testimonials-3 .owl-dot span{height: 7px !important; width: 7px !important; background-color: #9ca3a9}
.testimonials-3 .owl-dots .active span{background-color: var(--color-orange)!important;}


.cta{padding: 70px 0; position: relative;background-position: right top; background-repeat: no-repeat;}
.cta h4{text-transform: uppercase; font-size: 14px; font-weight: 700; color: #ce0a0b;color: var(--color-blue);padding-bottom: 15px;margin-bottom: 25px;position: relative;}
.cta h4:before{position: absolute; bottom: 0px; content: ""; left:0; right: 0; width: 50px; height: 3px; background-color:  var(--color-orange); }
.cta h1{font-size: 30px; letter-spacing: -1px; line-height:40px; font-weight: 700;position: relative;display: inline-block; color: var(--color-blue)}


.cta .form-control{border:solid 0 #f1f1f1;font-size: 14px; box-shadow: none !important; resize: none;padding: 10px 15px;border-radius: 0; border:solid 1px #dedede;}
.send-btn{background-color: var(--color-orange) !important; color: var(--color-white); border-radius: 25px; padding: 10px 25px; font-weight: 500}
.send-btn:hover{background-color: var(--color-blue) !important; color: var(--color-white)}
.cta label{margin-bottom: 5px;}
.cta p{font-size: 17px;}


.slider1 .owl-dots{display: none !important;}
.slider1 .owl-prev, .slider1 .owl-next{position:absolute; top:50%; transform:translateY(-50%); background-color:rgba(0,0,0,0.5) !important; color:#fff !important; 
  font-size:1.1em !important; width:40px; height:40px; border-radius:100% !important; font-weight:bold; padding:10px !important; text-align:center; margin-top: -20px;}
.slider1 .owl-prev:hover, .slider1 .owl-next:hover{box-shadow:0px 0px 0px 0px #000; background-color:#000 !important; color:#fff !important;}
.slider1 .owl-prev{left:30px;}
.slider1 .owl-next{right:30px;}
.card-body h5.card-title{font-size: 18px !important;}


.footer{ background-color: #222;padding: 45px 0; color: #fff }
.footer .logo-col{width: 300px; float: left;}
.footer .logo-col img{max-width: 240px;}
.footer .location-col{width: 270px; float: left}
.footer .email-col{width: 300px; float: left}
.footer .call-col{width: 170px; float: left}
.footer .queries-col{width: 170px; float: left}
.footer .inner-spacer{padding-left: 32px; padding-top: 15px; position: relative;padding-bottom: 5px;}
.footer .inner-spacer:before{content: ""; height: 100%;background-color: rgba(255,255,255,0.5); opacity: 0.3; position: absolute; width: 1px; left: 0; top: 0}
.footer h5{ color: #fff;font-family: 'Roboto', sans-serif; font-size: 18px; }
.footer p{color: #c3c3c4; margin: 0;padding: 0; font-size: 14px;}
.footer hr{background-color: rgba(255,255,255,0.5); height: 1px; border:0; margin:50px 0; padding: 0}
.footer h6{ font-size: 16px; color: #fff ;font-family: 'Roboto', sans-serif; }
.footer ul.listmenu{padding: 0; margin: 0; font-size: 14px;}
.footer ul.listmenu li{display: block; padding: 0; margin: 0}
.footer a{color: #848487}
.footer a:hover{color: #fff}
.footer ul.social{padding: 0; margin: 0; text-align: right; font-size: 22px;}
.footer ul.social li{display: inline-block;margin: 0 4px;}
.footer ul.social li a{color: #85858c}
.footer ul.social li a:hover{color: #fff}
.footer .copyright{color: #fff; font-size: 13px;}


.float{
   position:fixed;
   width:55px;
   height:55px;
   bottom:30px;
   left:25px;
   background-color:#25d366;
   color:#FFF;
   border-radius:50px;
   text-align:center;
  font-size:25px;  
  z-index:100;
}

.my-float{
   margin-top:15px;
}

.call-buton .cc-calto-action-ripple {
   z-index: 99999;
   position: fixed;
   right: 25px;
   bottom: 30px;
   background: #ec8b00;
   width: 3rem;
   height: 3rem;
   padding: 0.7rem;
   border-radius: 100%;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   color: #ffffff;
   -webkit-animation: cc-calto-action-ripple 0.6s linear infinite;
   animation: cc-calto-action-ripple 0.6s linear infinite;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   justify-items: center;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   align-items: center;
   text-decoration: none; }
   .call-buton .cc-calto-action-ripple i {
     -webkit-transition: 0.3s ease;
     transition: 0.3s ease;
     font-size: 1.7rem; }
   .call-buton .cc-calto-action-ripple:hover i {
     -webkit-transform: rotate(135deg);
     transform: rotate(135deg); }
  
  @-webkit-keyframes cc-calto-action-ripple {
   0% {
     -webkit-box-shadow: 0 4px 10px rgba(236, 139, 0, 0.2), 0 0 0 0 rgba(236, 139, 0, 0.2), 0 0 0 5px rgba(236, 139, 0, 0.2), 0 0 0 10px rgba(236, 139, 0, 0.2);
     box-shadow: 0 4px 10px rgba(236, 139, 0, 0.2), 0 0 0 0 rgba(236, 139, 0, 0.2), 0 0 0 5px rgba(236, 139, 0, 0.2), 0 0 0 10px rgba(236, 139, 0, 0.2); }
   100% {
     -webkit-box-shadow: 0 4px 10px rgba(236, 139, 0, 0.2), 0 0 0 5px rgba(236, 139, 0, 0.2), 0 0 0 10px rgba(236, 139, 0, 0.2), 0 0 0 20px rgba(236, 139, 0, 0);
     box-shadow: 0 4px 10px rgba(236, 139, 0, 0.2), 0 0 0 5px rgba(236, 139, 0, 0.2), 0 0 0 10px rgba(236, 139, 0, 0.2), 0 0 0 20px rgba(236, 139, 0, 0); } }
  
  @keyframes cc-calto-action-ripple {
   0% {
     -webkit-box-shadow: 0 4px 10px rgba(236, 139, 0, 0.2), 0 0 0 0 rgba(236, 139, 0, 0.2), 0 0 0 5px rgba(236, 139, 0, 0.2), 0 0 0 10px rgba(236, 139, 0, 0.2);
     box-shadow: 0 4px 10px rgba(236, 139, 0, 0.2), 0 0 0 0 rgba(236, 139, 0, 0.2), 0 0 0 5px rgba(236, 139, 0, 0.2), 0 0 0 10px rgba(236, 139, 0, 0.2); }
   100% {
     -webkit-box-shadow: 0 4px 10px rgba(236, 139, 0, 0.2), 0 0 0 5px rgba(236, 139, 0, 0.2), 0 0 0 10px rgba(236, 139, 0, 0.2), 0 0 0 20px rgba(236, 139, 0, 0);
     box-shadow: 0 4px 10px rgba(236, 139, 0, 0.2), 0 0 0 5px rgba(236, 139, 0, 0.2), 0 0 0 10px rgba(236, 139, 0, 0.2), 0 0 0 20px rgba(236, 139, 0, 0); } }

   span.num{
      position: absolute;
    color: #ec8b00;
    left: -30%;
    bottom: -50%;
   }
   .banner-one-area .banner-content h3 span {
    display: block;
    font-size: 27px !important;
}


.photo-gallery{padding: 70px 0;}

@keyframes zoomin {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.05);
  }
  100% {
    transform: scale(1);
  }
}

.gallery-item {
  display: block;
}

.gallery-item img {
  transition: box-shadow 0.2s;
}

.gallery-item:hover img {
  box-shadow: 0 1rem 1rem rgba(0, 0, 0, 0.1);
}

.lightbox-modal .modal-content {
  background-color: var(--lightbox);
}

.lightbox-modal .btn-close {
  position: absolute;
  top: 1.25rem;
  right: 1.25rem;
  font-size: 1.25rem;
  z-index: 10;
  filter: invert(1) grayscale(100);
}

.lightbox-modal .modal-body {
  display: flex;
  align-items: center;
  padding: 0;
}

.lightbox-modal .lightbox-content {
  width: 100%;
}

.lightbox-modal .carousel-indicators {
  margin-bottom: 0;
}

.lightbox-modal .carousel-indicators [data-bs-target] {
  background-color: var(--carousel-text) !important;
}

.lightbox-modal .carousel-inner {
  width: 75%;
}

.lightbox-modal .carousel-inner img {
  animation: zoomin 10s linear infinite;
}

.lightbox-modal .carousel-item .carousel-caption {
  right: 0;
  bottom: 0;
  left: 0;
  padding-bottom: 2rem;
  background-color: var(--lightbox);
  color: var(--carousel-text) !important;
}

.lightbox-modal .carousel-control-prev,
.lightbox-modal .carousel-control-next {
  width: auto;
}

.lightbox-modal .carousel-control-prev {
  left: 1.25rem;
}

.lightbox-modal .carousel-control-next {
  right: 1.25rem;
}

@media (min-width: 1400px) {
  .lightbox-modal .carousel-inner {
    max-width: 60%;
  }
}

[data-bs-theme = "dark"] .lightbox-modal .carousel-control-next-icon,
[data-bs-theme = "dark"] .lightbox-modal .carousel-control-prev-icon {
    filter: none;
}

.btn-fullscreen-enlarge,
.btn-fullscreen-exit {
  position: absolute;
  top: 1.25rem;
  right: 3.5rem;
  z-index: 10;
  border: 0;
  background: transparent;
  opacity: .6;
  font-size: 1.25rem;
}

.bi {
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -0.035em;
  fill: currentcolor;
}


.services-1 .nav{text-align: right;;}
.services-1 .nav-link{display: block;text-align: center !important; width: 100%; border-top: solid 1px #eeeeee;border-right: 0; margin-top: -1px; margin-bottom: 0;padding: 15px 25px; border-radius: 0; color: #000 !important; font-weight: 400 !important; letter-spacing: -0.5px;}
.nav .nav-item {text-align: left !important;display: block !important; width: 100% !important; }
.services-1 .nav .nav-item .nav-link{color: #000; font-size: 18px;text-align: left !important}
.services-1 .nav .nav-item a.active {
  background-color: #2369bb;
  color: var(--bs-danger) !important;
  border-radius: 0;
  width: 100% !important;
  color: #fff !important;
  text-align: left !important;
}
.services-1 .nav .nav-item a.active::after {
  content: ""; 
  height: 100%;
  position: absolute;
  right: -1px;
  top: 0;
  border-radius:0;
}

.services-1 .content-tabs{padding-left: 25px;}
.services-1 .content-tabs h3{font-weight: 700; letter-spacing: -1px;margin-bottom: 20px;font-size: 30px;}
.services-1 .content-tabs p{font-size: 18px; line-height: 1.6em;}

.services-1 h4{font-weight: 700; letter-spacing: -1px;margin-bottom: 20px;font-size: 30px;}
.services-1 h5{font-weight: 700; letter-spacing: -1px;margin-bottom: 20px;font-size: 24px;}
.services-1 .icon{height: 140px; width: 140px;display: flex;align-items: center;justify-content: center; border:solid 3px var(--color-blue); margin: auto; margin-bottom: 25px; border-radius: 100%;}
.services-1 .icon img{max-width: 52px;}


.blog-page{position: relative;padding: 70px 15px;}
.blog-page h1{letter-spacing: -1.5px; font-weight: 700; margin-bottom: 25px; font-size: 30px;}
.blog-page h2{letter-spacing: -1.2px; font-weight: 700; margin-bottom: 25px; font-size: 26px;}
.blog-page h3{letter-spacing: -1px; font-weight: 700; margin-bottom: 20px; font-size: 22px;}
.blog-page img.main{border-radius: 25px;}
.blog-page p{font-size: 17px; letter-spacing: -0.8px;margin-bottom: 25px;}
.blog-page .icon{max-width: 24px;margin-right: 5px;}

.blog-tile{position: relative;margin-bottom: 20px; overflow: hidden; border-radius: 15px; min-height: 620px;}

.container-gallery {
  display: grid;
  grid-gap: 1.5rem;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(12, 150px);
  margin: 0 auto;
  padding: 2rem 0;
}

/* Grid images --------------------------------------------*/

.img {
  border-radius: 0.5rem;
  height: 100%;
  width: 100%;
  object-fit: cover;
}

/* Grid items --------------------------------------------*/

.item-4 {
  grid-row: 2/5;
}

.item-5 {
  grid-row: 2/6;
}

.item-6 {
  grid-row: 2/4;
}

.item-7 {
  grid-row: 5/6;
}

.item-8 {
  grid-row: 4/6;
}

.item-9 {
  grid-row: 6/11;
}

.item-10 {
  grid-row: 6/7;
}

.item-11 {
  grid-row: 6/9;
}

.item-12 {
  grid-row: 7/12;
}

.item-13 {
  grid-row: 9/13;
}

.item-14 {
  grid-row: 11/13;
}


/* Contact Page start*/

.contact-page-area{padding: 70px 0; position: relative;}
.contact-page-area h1{font-weight: 700; font-size:26px; color: #0d1f3f; line-height: 40px;padding-bottom: 5px;}
.contact-page-area h2{font-size: 26px;letter-spacing: -1px; font-weight: 700; }
.contact-page-area form{margin: 0;padding: 0;}
.contact-page-area .form-control{height: 42px; font-size: 14px; font-weight: 500; border-color: #ccc;padding-left: 15px;padding-right: 22px; color: #525571; border-radius: 0}
.contact-page-area .form-control::placeholder { color: #898b9c;}
.contact-page-area .form-control:focus {color: #898b9c;  background-color: #fff; border-color: #bfc9e1;outline: 0;box-shadow: 0px 0px 15px -4px #bfc9e1;}
.contact-page-area .textarea{height: 220px; resize: none;}

.contact-details{position: relative;}
.contact-details .icon{float: left; width: 25px; margin-right: 15px;}
.contact-details h4{font-size: 18px; color: #333; font-weight: 700; line-height: 26px}
.contact-details ul{margin-left: 10px;}
.contact-details li{margin: 0;padding: 2px 0;}
.contact-details .push-left{padding-left: 30px;}

.feature.map {
  height: 100%;
}
.feature.map iframe {
  height: 500px;
  width: 100%;
  border: 0;
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
  /* Firefox 10+ */
  filter: gray;
  /* IE6-9 */
  -webkit-filter: grayscale(99%);
  /* Chrome 19+ & Safari 6+ */
  -webkit-backface-visibility: hidden;
  /* Fix for transition flickering */
}




/* 5 Columns */

.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-15 {
    width: 100%;
    float: left;
}
@media (min-width: 768px) {
    .col-sm-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}