@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');

body{font-family: 'Poppins', sans-serif; color:#333333; font-size:14px; font-weight:400; background:#fff;}/*   */
*{margin:0; padding:0;}
p,h1,h2,h3,h4,h5,h6,label,address,ul,ol{margin:0; padding:0;}
ul li a,ul li a:hover,a:hover,a{text-decoration:none;}
a:focus {outline: none;}
img{max-width:100%;}

header {background: url(../images/header-bg.png) center top no-repeat;}
header nav {float: right;width: 100%; margin-top:34px;}
header nav ul {margin: 0;list-style-type: none;}
header nav ul li {display:inline;position:relative;padding:0 5px;width: auto;}
 
header nav ul li ul {display: none;}
header ul li a {color: #fff;font-size: 16px;text-decoration: none !important;transition: ease-in-out 0.4s;display: inline-block;position: relative;padding:10px;height: auto;text-transform: uppercase;font-weight: 300;cursor: pointer;}
header ul li:last-child {background-image: none;}
header nav ul li a img {vertical-align: middle;}
header ul li ul li a:after {background:none;}
header ul li a.active,header ul li.current-menu-item a {color:#fff;}
header ul li a:hover {text-decoration: none;color:#fff;}
header {float: left;width: 100%;padding:10px 0 0 0;transition: ease-in-out 0.4s; position: relative; z-index: 9;}
.inner-header{float:left;width:100%; padding:0;}
article {width: 96%;padding: 3em 2%;}

/*  
header nav ul li ul {top:59px; display:none;position: absolute;text-align: left;width:252px;list-style:none;background:rgba(0, 88, 183, 0.8);z-index:99999;padding-left: 0;}
header nav ul li ul li{width:100%; display:inline-block; margin-left:0;padding:0;background:none;}
header nav ul li ul li a {border-bottom: 1px solid #f1f1f1;display: inline-block;padding: 10px 15px;width:100%;color:#fff;transition:ease-in-out 0.6s;font-size:15px;}
header nav ul li ul li a:hover{border-bottom:1px solid #f9f9f9;color:#fff;background:none;padding-right:0;}
header nav ul li ul{visibility:hidden;left:0;top:45px;;}
header nav ul li ul li ul{visibility:hidden;display:none!important;padding-left:0px;left:252px; top:0px;background-color: #f1f1f1;}
header nav ul li ul li a,header nav ul li ul li a:hover{border:0;}
header nav ul li ul li a.active {color:#ed1b24 !important;border:0;}
header nav ul li:hover ul{display:inline-block;}
header nav ul li:hover ul{visibility: visible;}
header nav ul li ul li:hover ul{visibility: visible;display:block!important;}
header nav ul li ul li a {background: rgba(0, 0, 0, 0) none repeat scroll 0 0;}*/

/*default-css*/

h1 {color: #ed1c24;font-size: 46px;float: left;width: 100%;padding-bottom: 15px;}
h2 {color: #ed1c24;font-size: 44px;float: left;width: 100%;padding-bottom: 15px; text-align: center;}
h3 {color: #ed1c24;font-size: 40px;float: left;width: 100%;padding-bottom: 15px;}
h4 {color: #ed1c24;font-size: 36px;float: left;width: 100%;padding-bottom: 15px;}
h5 {color: #ed1c24;font-size: 30px;float: left;width: 100%;padding-bottom: 15px;}
h6 {color: #ed1c24;font-size: 28px;float: left;width: 100%;padding-bottom: 15px;}
p {color: #000;font-size: 18px;padding-bottom: 15px;font-weight: 300;}
a {color: #ed1c24;font-size:18px;}
ul,ol {padding-left: 15px;margin-bottom: 15px;}
ul li,ol li {color: #fff;font-size: 15px;}
table {float: left;width: 100%;padding-bottom: 15px;}
tr:first-child {background-color: #ed1c24;color: #fff;}
tr:nth-child(2n+2) {background-color: #ebebeb;}
tr:nth-child(2n+3) {background-color: #aaa7a7;}
tr:first-child td {color: #fff;font-size: 18px;font-weight: normal;}
tr td:first-child {width: 20%;}
tr td {padding: 17px 25px;color: #242424;font-size: 16px;letter-spacing: 0.40px;}
.table-responsive {min-height: .01%;overflow-x: auto;float: left;width: 100%;}

/* sub menu code end */
.snip1217 {
  text-align:right;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 1px; padding:0;
}
.snip1217 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
.snip1217 li {
  display: inline-block;
  list-style: outside none none;
  margin:0 12px;
  padding: 0; position: relative;
}
.snip1217 li:after{position: absolute; right:-14px; top:5px; opacity: 0.4; background: #fff; content: ''; height: 14px; width: 1px;}
.snip1217 li:last-child:after{background: none;}
.snip1217 a {
  padding:0px 0 24px 0;
  color:#ffffff;
  position: relative;
  text-decoration: none;
  display: inline-block;
}
.snip1217 a:after {
  height:4px;
  position: absolute;
  content: '';
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
  background-color: #ed1c24;
  width: 0;
}
.snip1217 a:after {
  bottom:16px;
  right: 0;
}
.snip1217 a:hover,
.snip1217 .current a {
  color: #ffffff;
}
.snip1217 a:hover:after,
.snip1217 .current a:after {
  width: 100%;
}
/*index*/

.head-fix {position: fixed;padding:8px 0 0 0; background:#fff;z-index: 99999;width: 100%;transition: ease-in-out 0.4s;}
.mob-logo, .head-fix .logo, .head-fix .social, .head-fix .tel{display:none;}
.head-fix .inner-header{background:none;}
.head-fix nav{margin-top: 20px;}
.head-fix .mob-logo{display:block;}
.head-fix .snip1217 a{color:#000;}
.head-fix .snip1217 a:hover, .head-fix .snip1217 .current a{color: #ed1c24;}
.about.padding {padding-top: 79px;}
.about.pad {padding-top: 179px;}
/*.about.padding .about-content {padding-top: 50px;}*/
.logo {float: left;width: 100%;}
.tel{float:right; width:auto; color:#000;text-transform: uppercase; font-size:18px; background: url(../images/phone-icon.png) left center no-repeat; padding:0px 30px 0 25px; margin-top:20px;}
.tel a{color:#000;}
.tel a:hover{color:#ed1c24;}
.main-menu {float: left;width: 100%; padding: 0;}
.slider {float: left;width: 100%;position: relative;border-bottom: 1px solid #fff;}
.slider .item img {object-position: center;object-fit: cover;width: 100%;height: 100vh;}

.slider-btn {position: absolute;bottom: 30px;z-index: 9;text-align: center;width: 100%;}
.slider-btn a img {transition: ease-in-out 0.4s;}
.slider-btn a img:hover {filter: brightness(0%);}
.about {float: left;width: 100%;padding: 50px 2%;}
.about-content {float: left;width: 100%;padding:40px 0;}
.welcome h1 {text-align: center; position:relative; color:#ffffff; font-size:46px; margin-bottom:30px;}
.welcome h1:after{ position:absolute; content: ''; background: #919191; height:1px; left:25%; width:100px; top:30px;}
.welcome h1:before{ position:absolute; content: ''; background: #919191; height:1px; right:25%; width:100px; top:30px;}
.welcome p {text-align: left;width:100%;display: table;margin: 0 auto;float: none;
  color:#fff;line-height:36px;padding-bottom:20px; font-size:22px; padding-right: 60px;}
.welcome p span{text-transform: uppercase; font-weight: 800;}
.about-content p {text-align:left; float: none;color:#000000;line-height:27px;padding:0 0 30px 0;}
.welcome {float: left;width: 100%;background: fixed url(../images/fot-bg.jpg) bottom center no-repeat;padding:100px 0;}
.download{width:100%; text-align: center; padding:0;margin-top:12px;margin-bottom:20px;}
.download a{border:solid 1px #92918e; background: rgba(0, 0, 0, 0.5); color: #fff; 
  text-align:center; display: block; padding:15px 20px;transition: ease-in-out 0.4s; text-transform: uppercase;}
.download a:hover{border:solid 1px #ffffff; background: rgba(0, 0, 0, 0.9); padding:15px 20px; letter-spacing:1px;transition: ease-in-out 0.6s;}
.about-content h1{color: #000; font-weight: 300; position:relative; margin-bottom:10px;}
.about-content h1 span{position: relative; font-weight: 800;}
.about-content h1 span::after {
  background: #f71515;
  width: 155px;
  height: 4px;
  content: '';
  position: absolute;
  bottom: 10px;
  right: 0;
  z-index: -1;
}
video {
  background: #000;
}
.contact-info h2 span{font-weight: 700;}
.inplants h1 span::after {
  background: #f71515;
  width:100%;
  height: 4px;
  content: '';
  position: absolute;
  bottom: 10px;
  right: 0;
  z-index: -1;
}
.page-contact a:hover{color: #f71515;}
.page-contact{float: left; width: 100%; padding: 0; border-top:solid 1px #f1f1f1; padding: 30px 0; font-size: 24px; font-weight: 200;}
.page-contact a{font-weight: 800; text-transform: uppercase; color: #000; font-size: 30px; float: left; width: 100%;}
footer{width:100%; float:left; padding:0; background:#141515;}
.contact-info {float: left;width: 100%;}
.contact-info h2{text-align:left; position:relative; color:#ffffff; font-size:50px; margin-bottom:30px; font-weight: 400;}
.contact-info h2::after {
  position: absolute;
  content: '';
  background: #f71515;
  height: 5px;
  width: 152px;
  bottom: 10px;
  left:160px;
}
.social {float: right;width:auto; margin:10px 0px 0 0;}
.social ul {float: left;width: 100%;list-style: none;padding-left: 0; margin-bottom:13px;}
.social ul li {float: left;width: auto;padding:0px; margin-left: 10px; border:solid 1px #dcdcdc;}
.social ul li a img:hover {transition: ease-in-out 0.4s;-webkit-filter: grayscale(100%); filter: grayscale(100%);}
.social ul li a img {	opacity:1;-webkit-filter: grayscale(0%); filter: grayscale(0%);}
.red{color:#ff0000;}
.services{position:relative; margin-bottom: 30px;transition: ease-in-out 0.4s; overflow: hidden;}
.btn{width:auto; float:left; clear: both;padding:0;}
.btn input.contact-btn{border:none; background:#ed1c24; padding:15px 50px; 
  border-radius:30px; font-size: 18px; color:#fff; margin:0; letter-spacing: 2px; font-weight: 700;}
.btn:hover input.contact-btn{background:#000;}
.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity:0;
  transition: .5s ease;
  background:url(../images/shadow.png) left bottom repeat-x;
}
.services:hover .overlay {
  opacity: 1;
}
.text {
  color: #fff;
  font-size: 18px;
  position: absolute;
  left:10px; bottom:0; text-transform: uppercase;
  text-align:left; width: 100%;
}
.arrow-img{float: right; -webkit-border-radius: 100px; border:solid 1px #f71515; text-align: center;
-moz-border-radius: 100px; border-radius: 100px; width:70px; height:70px; padding: 20px 14px;
margin:-23px 20px 10px 0;}

.text a{color: #fff;}
.text span a{font-size:22px;clear: both; width:100%; display: flex;}
.services img{transition: ease-in-out 0.3s;}
.services:hover img{transform: scale(1.1) rotate(1deg); transition: ease-in-out 0.8s;}
.map{float:left; width:100%; padding:0; overflow: hidden!important; position: relative;}
.map iframe{height:800px; margin-left: 40%; width: 60%;}
footer h2{padding-top:30px;}
.contact-info{width: 100%; position: absolute;}
.copy{width:100%; padding:50px 0 20px 0; text-align: center;float:left; background: #242424;}
.copy-inn, .copy-content{text-align: center;float:left; width:100%; font-size: 16px;} 
.copy-content span{color:#fff; font-weight: 600;}
footer label{color: #fff; font-weight: 300;}
.form-control{color: #fff;}


.con_top {float: left;width: 100%;}
.contact-left{background:#ed1c24; width: 100%; padding: 30px; border-radius: 10px; float: left;}
.contact-left h1{color: #fff; margin-bottom: 0;}
.con_social{padding-top: 20px;}
.contact-left h1 span{font-weight:800; color: #fff; float: none; width: auto; font-size: 46px;}
.con_add span,.con_no span,.con_social span{color: #fff;float: left;font-size: 22px;font-weight:600;letter-spacing: 0.4px;padding-bottom: 10px;width: 100%;}
.con_add p {color: #fff; padding-bottom: 0; line-height: 22px;letter-spacing: 0.40px;float: left;width: 100%;font-weight: 300;}
.con_no a,.con_social a {color: #fff; line-height: 22px;letter-spacing: 0.40px;text-align: center;font-weight: 300;transition: ease-in-out 0.4s;}
.con_social a:hover {filter: grayscale(100%);}
.con_no a:hover {text-decoration: underline;}
.con_add, .con_no{border-bottom: solid 1px #f26166; padding-bottom: 20px; margin-bottom: 30px; float: left; width: 100%;}
.con_no a:last-child {width: 100%;}
.con_social ul {float: left;width: 100%;list-style: none; padding-left: 0;}
.con_social ul li {display: inline;padding-right:14px; float: left;}
.con_social ul li a{float: left; width: 40px; height: 40px; border-radius: 100%; border:solid 2px #fff; line-height:34px;}
.con_social ul li a img{filter: brightness(0) invert(1);}
.con_social ul li:hover{opacity: 0.5;}
.contact{padding:60px 0;}
.pdl-100{padding:10px 0 0 60px;}
.slider-inner{float:left; padding:0; width:100%; text-align: center;}
.inner-banner{float:left; padding:0; width:100%; text-align: center;}
.popup{margin-top:30px;}
.popup2{margin:20px 0 18px 0;}
.popup .thumbnail, .popup2 .thumbnail{ margin:0;}
.controls .col-md-12{padding:0;}
.video01{background:#101010; width:100%; float:left; margin:20px 0 0 0;}
.contact-right h2{color: #000;}

.inner-banner.ibm{display:none;}
.cc-footer{float:left; width:100%; padding:0;}
.copy p{color: #fff;}
.copy p a{margin-left:40px; color:#fff; border-bottom:solid 1px #333; padding-bottom:4px;transition: ease-in-out 0.4s;}
.copy p a:hover{ color:#ed1c24;transition: ease-in-out 0.6s;border-bottom:solid 1px #ed1c24;}
.form-control { height:50px;background:transparent ;border: none; color: #000; margin-bottom: 30px; border-bottom: solid 1px #adadad;}
.form-control:focus {
  border-color: #cc1515;
  outline: 0;
  -webkit-box-shadow:none;
  box-shadow:none;
}
.btn.full-right {
  float: right;
}
textarea{
  resize: none; 
}
.about-content h2{text-align:left; font-weight: 300;}
.about-content h2 span{font-weight: 700; position: relative;}
.about-content h2 span:after{position: absolute; background: #ed1c24; height:3px; width: 140px; content: ''; right: 0; bottom: 0;}
.gallery {
    display: inline-block;
    text-align: center;
    margin:40px 0;
    clear: both;
    padding: 0;
}
.contact-info .col-lg-4 {
  width: 33.33333333%;
  background:#141515;
}
.gallery span { /* thumbnails */
    width:33%; display: inline-block; padding:6px; margin-bottom: 4px;  
}
.gallery-full span{width:48%;}
.gallery span img{border-radius: 6px;}
.block {
    display: inline-block;
    background-color: #ccc;
    border-radius: 5px;
    padding: 8px;
}
.gallery img{max-width: 100%;}
pre {
  background-color: #eee;
    border-radius: 5px;
    padding: 8px;
    clear: both;
}

.highlight {
    color: red;
}
.fancybox-container{z-index: 999999;}
.text-center p{text-align: center;}
.desktop-none{display: none;}
.contact-info .form-control{color: #fff!important; font-size: 16px;}

textarea.form-control {height: 100px;}
.btn.full-right { margin-top: 10px; margin-right: 10px;}
.g-recaptcha { margin-left: 15px;}
.contact-info .g-recaptcha{margin-left: 0; margin-bottom: 20px;}
.alert-warning {
  color: #8a6d3b;
  background-color: transparent;
  border-color: #faebcc;
  float: left !important;
  padding: 10px !important;
  position: absolute;
  bottom: 0;
}
/*general responsive*/

@media screen and (max-width:1100px) {
.inner-banner img {object-position: center;object-fit: cover;width: 100%;height:50vh;}
.btn.full-right { margin-top: -68px; }
.contact-left{margin-bottom:40px;}
.pdl-100{padding-left: 20px;}
}
@media screen and (max-width:1100px) {
	header{padding:0;background: #fff;}
	.head-fix { position: fixed; padding:0;}
	.inner-header{background:#fff; padding:10px;}
	.logo{display:none;}
	.mob-logo{float:left; width:40%; display: block;}
	.social{margin: 10px 40px 0 0;}
	.mean-container .mean-nav ul li{margin:0;}
	.about{padding-bottom:20px;}
	.welcome p{width:99%;font-size: 18px; padding: 0 0 40px 0;}
	.about-content p{padding: 0 5% 12px 0;}
  .tel{padding-right: 0;}
	footer{padding:0px;}
	video{height: 348px;}
	.popup .thumbnail{padding:0;}
	.about-content{padding:20px 0 0 0;}
	.welcome{padding:40px 0 50px 0;}
	.copy p a, .copy p a:hover{border:none; width:100%; margin:10px 0; float:left; text-align:center;}
	.cc-footer{ padding:30px 0 0 0;}
.overlay {
	opacity: 1;
	position: absolute;
	height: 70px;
	bottom: 0;
	background: black;
	top: auto;
}
.text span{ position: relative; top:24px; }
.arrow-img {
  width: 50px;
  height: 50px; margin-top: 10px;
  padding: 10px 5px; top: 0!important;
}
.slider-btn{display: none;}
}
@media screen and (max-width:980px) {
	.contact-info h2::after, .about-content h1::after, .contact-info h2::before, .about-content h1::before, .welcome h1::after, .welcome h1::before{background:none;}
	.contact-info h2, .about-content h1{margin:0;}
	.contact{padding:30px 0;}
	.con_add, .con_no, .con_social{margin-bottom:30px;}
	.inner-banner.ibm{display:block;}
	.inner-banner{display:none;}
	video{ background:#000; margin:30px 0 0 0;}
  .slider .item img {
  object-position: center;
  object-fit: cover;
  width: 100%;
  height: 30vh;
}
.map iframe {
  height: 300px;
  margin-left: 0;
  width: 100%;
}
.contact-info .col-lg-4{width: 100%;}
.contact-info {
  width: 100%;
  position: relative;
}
footer h2 {
  padding-top: 40px;
}
.contact-info{margin-bottom: 60px;}
.desktop-none{display: block;}
.mob-none{display: none;}
.download {
  width: 46%;
  float: left;
  margin: 0 1%;
}
.col-sm-8.col-md-offset-2.text-center.inplants {
	width: 100%;
}
.download a{font-size: 16px;}
}
@media screen and (max-width:735px) {
	.mnu{display:none;}	
	.mob-logo{width:80%;}
	.mean-container .mean-bar{right:18px}
	.contact-info h2, .about-content h1, h1, h2, h3{font-size:36px;}
	.welcome{padding:40px 0 60px 0;}
	.welcome h1{margin:0;}
	.download a:hover{letter-spacing: 1px;}
  .gallery span{width: 48%}
  .download a{font-size: 16px;}

  .text-center, .text-center p{text-align: left; padding-right:10px;}
}
@media screen and (max-width:568px) {
 video{height:210px;}	
	.inner-banner img{height:40vh;}
  .pdl-100{padding-left: 20px;}
  .download {
  width: 100%;
  float: left;
  margin: 0 0 20px 0;
}
.btn.full-right {
  margin-top: 20px;
  float: left; margin-left: 10px;
}
.controls {
  margin-left: -20px;
}
.contact-info .controls{margin-left: 0;}
.btn.full-right{margin-right: 10px;}
.gallery span{width: 100%;}
.mean-container .mean-bar{width: 106%;right: 0;}
iframe {
  height: 300px;
}
.about-content h1 span::after{background: transparent;}
p{font-size: 16px;}
.about {
	padding: 0;
}
}