/**
* Template Name: Multi - v4.9.1
* Template URL: https://bootstrapmade.com/multi-responsive-bootstrap-template/
* Author: BootstrapMade.com
* License: https://bootstrapmade.com/license/
*/

/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
body {
  font-family: "Poppins", sans-serif;
      position: inherit !important;
    min-height: unset !important;
}

.gar-back { display: block; background: linear-gradient(to bottom,  rgba(237,206,1,1) 0%,rgba(255,255,255,1) 100%); float: left; width: 100%; position: relative; z-index: -2;}

@font-face {
    font-family: 'old_english_text_mtregular';
    src: url('../../font/oldengl-webfont.woff2') format('woff2'),
         url('../../font/oldengl-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'angilla_tattoo_personal_useRg';
    src: url('../../font/angillatattoo_personal_use_only-webfont.woff2') format('woff2'),
         url('../../font/angillatattoo_personal_use_only-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

a {
  color: #ed502e;
  text-decoration: none;
}

a:hover {
  color: #f1775d;
  text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
}

/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/
#hero {
  width: 100%;
  height: 569px;
  background-color: rgba(4, 12, 21, 0.8);
  overflow: hidden;
  position: relative;
}

#hero .carousel,
#hero .carousel-inner,
#hero .carousel-item,
#hero .carousel-item::before {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}

#hero .carousel-item {
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
}

#hero .carousel-item::before {
  content: "";
}

#hero .carousel-container {
  align-items: center;
  position: absolute;
  bottom: 0;
  top:0;
  left: 50px;
  right: 50px;
}

#hero h2 {
  color: #ccc;
  margin: 0;
  font-size: 100px; line-height: 104px;
}
#hero h2 em { color:#ff5a64;}

#hero p {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
  color: #fff;
  margin-top: 10px;
}
#hero h2 span {
  background: linear-gradient(to right,  #5d3efd 0%,#21d6a4 100%);
  -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }

@media (min-width: 1200px) {

}

#hero .carousel-inner .carousel-item {
  transition-property: opacity;
  background-position: center top;
}

#hero .carousel-inner .carousel-item,
#hero .carousel-inner .active.carousel-item-start,
#hero .carousel-inner .active.carousel-item-end {
  opacity: 0;
}

#hero .carousel-inner .active,
#hero .carousel-inner .carousel-item-next.carousel-item-start,
#hero .carousel-inner .carousel-item-prev.carousel-item-end {
  opacity: 1;
  transition: 0.5s;
}

#hero .carousel-inner .carousel-item-next,
#hero .carousel-inner .carousel-item-prev,
#hero .carousel-inner .active.carousel-item-start,
#hero .carousel-inner .active.carousel-item-end {
  left: 0;
  transform: translate3d(0, 0, 0);
}

#hero .carousel-control-next-icon,
#hero .carousel-control-prev-icon {
  background: none;
  font-size: 30px;
  line-height: 0;
  width: auto;
  height: auto;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 50px;
  transition: 0.3s;
  color: rgba(255, 255, 255, 0.5);
  width: 54px;
  height: 54px;
  display: flex;
  align-items: center;
  justify-content: center;
}

#hero .carousel-control-next-icon:hover,
#hero .carousel-control-prev-icon:hover {
  background: rgba(255, 255, 255, 0.3);
  color: rgba(255, 255, 255, 0.8);
}

#hero .carousel-indicators li {
  cursor: pointer;
  background: #fff;
  overflow: hidden;
  border: 0;
  width: 1px;
  height: 35px;
  opacity:1;
  transition: 0.3s;
}

#hero .carousel-indicators li.active {
  opacity: 1;
  background: #ed502e;
}

#hero .btn-get-started {
  font-weight: 400;
  font-size:26px;
  letter-spacing: 1px;
  display: inline-block;
  padding: 20px 60px;
  border-radius: 200px;
  transition: 0.5s;
  line-height: 1;
  color: #fff;
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s;
  background: linear-gradient(to right, #5d3efd 0%, #21d6a4 100%);
  margin-top: 40px;
}

#hero .btn-get-started:hover {
  background: linear-gradient(to right,  #22d6a4 0%,#5e3dfd 100%);
  color:#fff;
}

@media (max-width: 992px) {
  #hero {
    height: 900px;
  }

  #hero .carousel-container {
    text-align: center;
    top: 74px;
  }
}

@media (max-width: 768px) {
  #hero h2 {
    font-size: 30px;
  }
}

@media (min-width: 1024px) {

  #hero .carousel-control-prev,
  #hero .carousel-control-next {
    width: 5%;
  }
}

@media (max-height: 500px) {

}

/*--------------------------------------------------------------
# Preloader
--------------------------------------------------------------*/
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  overflow: hidden;
  background: #fff;
}

#preloader:before {
  content: "";
  position: fixed;
  top: calc(50% - 30px);
  left: calc(50% - 30px);
  border: 6px solid #ed502e;
  border-top-color: white;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  -webkit-animation: animate-preloader 1s linear infinite;
  animation: animate-preloader 1s linear infinite;
}

@-webkit-keyframes animate-preloader {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

@keyframes animate-preloader {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/
.back-to-top {
  position: fixed;
  visibility: hidden;
  opacity: 0;
  right: 15px;
  bottom: 15px;
  z-index: 996;
  background: #ed502e;
  width: 40px;
  height: 40px;
  border-radius: 4px;
  transition: all 0.4s;
}

.back-to-top i {
  font-size: 28px;
  color: #fff;
  line-height: 0;
}

.back-to-top:hover {
  background: #f06f54;
  color: #fff;
}

.back-to-top.active {
  visibility: visible;
  opacity: 1;
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#header {
  transition: all 0.5s;
  z-index: 997;
  padding: 15px 0; position: absolute; top: 0; z-index: 99;
}

#header.header-scrolled {
  padding: 12px 0;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
}

.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}

.fancybox-opened {
	z-index: 10002;
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image:url(../../images/fancybox_sprite.png);
}
.fancybox-nav:hover span {}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url(../../images/fancybox_loading.gif) center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: 15px;
	right: 15px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url(blank.gif); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
    overflow: visible !important;
    width: auto;
}

.fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 10001;
	background:rgba(0, 0, 0, 0.9);
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	font-family: "Open Sans",sans-serif;
	color: #FFF;
	font-weight: 600;
	line-height: 24px;
	white-space: nowrap;
	font-size:16px;
	text-transform:capitalize;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}

#fancybox-buttons {
	position: fixed;
	left: 0;
	width: 100%;
	z-index: 8050;
}

#fancybox-buttons.top {
	top: 10px;
}

#fancybox-buttons.bottom {
	bottom: 10px;
}

#fancybox-buttons ul {
	display: block;
	width: 166px;
	height: 30px;
	margin: 0 auto;
	padding: 0;
	list-style: none;
	border: 1px solid #111;
	border-radius: 3px;
	-webkit-box-shadow: inset 0 0 0 1px rgba(255,255,255,.05);
	   -moz-box-shadow: inset 0 0 0 1px rgba(255,255,255,.05);
	        box-shadow: inset 0 0 0 1px rgba(255,255,255,.05);
	background: rgb(50,50,50);
	background: -moz-linear-gradient(top, rgb(68,68,68) 0%, rgb(52,52,52) 50%, rgb(41,41,41) 50%, rgb(51,51,51) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(68,68,68)), color-stop(50%,rgb(52,52,52)), color-stop(50%,rgb(41,41,41)), color-stop(100%,rgb(51,51,51)));
	background: -webkit-linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%);
	background: -o-linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%);
	background: -ms-linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%);
	background: linear-gradient(to bottom, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#222222',GradientType=0 );
}

#fancybox-buttons ul li {
	float: left;
	margin: 0;
	padding: 0;
}

#fancybox-buttons a {
	display: block;
	width: 30px;
	height: 30px;
	text-indent: -9999px;
	background-color: transparent;
	background-image: url('fancybox_buttons.png');
	background-repeat: no-repeat;
	outline: none;
	opacity: 0.8;
}

#fancybox-buttons a:hover {
	opacity: 1;
}

#fancybox-buttons a.btnPrev {
	background-position: 5px 0;
}

#fancybox-buttons a.btnNext {
	background-position: -33px 0;
	border-right: 1px solid #3e3e3e;
}

#fancybox-buttons a.btnPlay {
	background-position: 0 -30px;
}

#fancybox-buttons a.btnPlayOn {
	background-position: -30px -30px;
}

#fancybox-buttons a.btnToggle {
	background-position: 3px -60px;
	border-left: 1px solid #111;
	border-right: 1px solid #3e3e3e;
	width: 35px
}

#fancybox-buttons a.btnToggleOn {
	background-position: -27px -60px;
}

#fancybox-buttons a.btnClose {
	border-left: 1px solid #111;
	width: 35px;
	background-position: -56px 0px;
}

#fancybox-buttons a.btnDisabled {
	opacity : 0.4;
	cursor: default;
}


#fancybox-thumbs {
	position: fixed;
	left: 0;
	width: 100%;
	overflow: hidden;
	z-index: 8050;
}

#fancybox-thumbs.bottom {
	bottom: 2px;
}

#fancybox-thumbs.top {
	top: 2px;
}

#fancybox-thumbs ul {
	position: relative;
	list-style: none;
	margin: 0;
	padding: 0;
}

#fancybox-thumbs ul li {
	float: left;
	padding: 1px;
	opacity: 0.5;
}

#fancybox-thumbs ul li.active {
	opacity: 0.75;
	padding: 0;
	border: 1px solid #fff;
}

#fancybox-thumbs ul li:hover {
	opacity: 1;
}

#fancybox-thumbs ul li a {
	display: block;
	position: relative;
	overflow: hidden;
	border: 1px solid #222;
	background: #111;
	outline: none;
}

#fancybox-thumbs ul li img {
	display: block;
	position: relative;
	border: 0;
	padding: 0;
	max-width: none;
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){

	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
		background-image: url(fancybox_sprite@2x.png);
		background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
	}

	#fancybox-loading div {
		background-image: url(fancybox_loading@2x.gif);
		background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
	}
}

/** owl Start **/
.owl-carousel, .owl-carousel .owl-item {
  -webkit-tap-highlight-color: transparent;
  position: relative
}
.owl-carousel {
  display: none;
  width: 100%;
  z-index: 1
}
.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
  touch-action: manipulation;
  -moz-backface-visibility: hidden
}
.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0
}
.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0)
}
.owl-carousel .owl-item, .owl-carousel .owl-wrapper {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0)
}
.owl-carousel .owl-item {
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-touch-callout: none
}
.owl-carousel .owl-item img {
  display: block;
  width: 100%
}
.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
  display: none
}
.no-js .owl-carousel, .owl-carousel.owl-loaded {
  display: block
}
.owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {
  cursor: pointer;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
  background: 0 0;
  color: inherit;
  border: none;
  padding: 0!important;
  font: inherit
}
.owl-carousel.owl-loading {
  opacity: 0;
  display: block
}
.owl-carousel.owl-hidden {
  opacity: 0
}
.owl-carousel.owl-refresh .owl-item {
  visibility: hidden
}
.owl-carousel.owl-drag .owl-item {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}
.owl-carousel.owl-grab {
  cursor: move;
  cursor: grab
}
.owl-carousel.owl-rtl {
  direction: rtl
}
.owl-carousel.owl-rtl .owl-item {
  float: right
}
.owl-carousel .animated {
  animation-duration: 1s;
  animation-fill-mode: both
}
.owl-carousel .owl-animated-in {
  z-index: 0
}
.owl-carousel .owl-animated-out {
  z-index: 1
}
.owl-carousel .fadeOut {
  animation-name: fadeOut
}
@keyframes fadeOut {
  0% {
    opacity: 1
  }
  100% {
    opacity: 0
  }
}
.owl-height {
  transition: height .5s ease-in-out
}
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity .4s ease
}
.owl-carousel .owl-item .owl-lazy:not([src]), .owl-carousel .owl-item .owl-lazy[src^=""] {
  max-height: 0
}
.owl-carousel .owl-item img.owl-lazy {
  transform-style: preserve-3d
}
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000
}
.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url(owl.video.play.png) no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform .1s ease
}
.owl-carousel .owl-video-play-icon:hover {
  -ms-transform: scale(1.3, 1.3);
  transform: scale(1.3, 1.3)
}
.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn {
  display: none
}
.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity .4s ease
}
.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%
}

.owl-theme .owl-nav {
  margin-top: 10px;
  text-align: center;
  -webkit-tap-highlight-color: transparent; position: absolute; top: -105px; right: 120px; }
  .owl-theme .owl-nav [class*='owl-'] {
    color: #FFF;
    font-size: 14px;
    margin: 5px 10px;
    padding: 4px 7px;
    background: #D6D6D6;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px; }
    .owl-theme .owl-nav [class*='owl-']:hover {
      background: #869791;
      color: #FFF;
      text-decoration: none; }
  .owl-theme .owl-nav .disabled {
    opacity: 0.5;
    cursor: default; }

.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 10px; }

.owl-theme .owl-dots {
  text-align: center;
  -webkit-tap-highlight-color: transparent; }
  .owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    *display: inline; }
    .owl-theme .owl-dots .owl-dot span {
      width: 10px;
      height: 10px;
      margin: 5px 7px;
      background: #22d6a5;
      display: block;
      -webkit-backface-visibility: visible;
      transition: opacity 200ms ease;
      border-radius: 30px; }
    .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
      background: #c11111; }

      .owl-nav .owl-prev { background: url(../../images/icsArrow1.png) left top no-repeat !important; width: 77px; height: 14px;}
      .owl-nav .owl-next { background: url(../../images/icsArrow2.png) left top no-repeat !important; width: 77px; height: 14px;}
      .owl-nav span { display: none;}

/** owl End **/

/** Nav Start **/

nav{position:relative;width:100%;}
      #cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #head-mobile{border:0;list-style:none;line-height:1;display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
      #cssmenu:after,#cssmenu > ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
      #cssmenu #head-mobile{display:none}
      #cssmenu{}
      #cssmenu > ul{margin:0;}
      #cssmenu > ul > li{float:left}
      #cssmenu > ul > li > a{padding:16px 25px;font-size:18px;text-decoration:none;color:#111111;font-weight:400; font-family: "Poppins", sans-serif;}
      #cssmenu > ul > li:hover > a,#cssmenu ul li.active a{}
      #cssmenu > ul > li:hover,#cssmenu ul li.active:hover,#cssmenu ul li.active,#cssmenu ul li.has-sub.active:hover{}
      #cssmenu ul li.active a{border:none;}
      #cssmenu > ul > li.has-sub > a{padding-right:30px}
      #cssmenu > ul > li.has-sub > a:after{position:absolute;top: 24px;
        right: 16px;
        width: 8px;
        height: 1px;
        display: block;
        background: #333;
        content: '';
        transform: rotate(44deg);}
      #cssmenu > ul > li.has-sub > a:before{position:absolute;top: 21px;
        right: 14px;
        display: block;
        width: 1px;
        height: 8px;
        background: #333; transform: rotate(40deg); content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
      #cssmenu > ul > li.has-sub:hover > a:before{}
      #cssmenu ul ul{position:absolute;left:-9999px; z-index: 9999; margin: 0; padding: 0; padding: 15px 0 25px; background: #003e6a;}
      #cssmenu ul ul li{height:0;-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
      #cssmenu ul ul li:hover{}
      #cssmenu li:hover > ul{left:auto}
      #cssmenu li:hover > ul > li{height:auto;}
      #cssmenu ul ul ul{margin-left:-350px;top:0; background: #000; width: 350px;}
      #cssmenu ul ul li a{padding:7px 25px;width:450px;font-size:15px;text-decoration:none;color:#ddd;font-weight:400; line-height: 24px;}
      #cssmenu ul ul li:last-child > a,#cssmenu ul ul li.last-item > a{border-bottom:0}
      #cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover{color:#fafafa}
      #cssmenu ul ul li.has-sub > a:after{position:absolute;top:16px;right:11px;width:8px;height:2px;display:block;background:#ddd;content:''}
      #cssmenu ul ul li.has-sub > a:before{position:absolute;top:13px;right:14px;display:block;width:2px;height:8px;background:#ddd;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
      #cssmenu ul ul > li.has-sub:hover > a:before{}
      #cssmenu ul ul li.has-sub:hover,#cssmenu ul li.has-sub ul li.has-sub ul li:hover{background:none;}
      #cssmenu ul ul ul li.active a{border-left:1px solid #333}
      #cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active> a{border-top:1px solid #333}

/** Nav End **/

/** Tab Start **/

ul.tabs{
	margin: 0px;
	padding: 0px;
	list-style: none; float: left; width: 40%;
}
ul.tabs li{
	background: none;
	color: #999999;
	display: inline-block;
	padding: 35px 0;
	cursor: pointer; width: 100%; font-family: "Frank Ruhl Libre", serif; font-size: 30px; background: url(../../images/tabArrow.png) left center no-repeat; padding-left: 50px; border-bottom: 1px solid #4c7896;
}

ul.tabs li.current{
	background: url(../../images/tabArrow2.png) left center no-repeat;
	color: #fff;
  border-bottom: 1px solid #fff;
}
ul.tabs li:last-child { border: none;}

.tab-content{
	display: none;
	padding: 15px;
}

.tab-content.current{
	display: inherit;
}

::placeholder {
  color: #fff;
  opacity: 1; / Firefox /
}

::-ms-input-placeholder { / Edge 12 -18 /
  color: #fff;
}

/** Tab End **/


/** Our CSS **/
header { height: 118px; float: left; width: 100%; background: linear-gradient(to bottom,  rgba(237,206,1,1) 0%,rgba(255,255,255,1) 100%);}
#hero .overlayBanner {background: linear-gradient(-90deg,  rgba(255,255,255,0.96) 0%,rgba(255,255,255,0.2) 100%); position: absolute; right: 0; top: 0; width: 100%; height: 100%;}
.cornerTL { position: absolute; top: 0; left: 0; z-index: 9;}
.logo { position: absolute; top: 20px; left: 0; z-index: 10;}
header .container { position: relative;}

.headerRight { float: right;}
.menuNav { float: left; margin-top: 30px;}
.language { float: right; margin-left: 50px; margin-top: 35px;}
.language select { height: 36px; border: 1px solid #111; width: 128px; background: none; padding: 0 10px; font-size: 16px;}
.bannerText { float: right; width: 42%; text-align: right; margin-top: 200px; margin-right: 100px;}
#hero .bannerText h2 {font-family: 'old_english_text_mtregular'; color: #9c4035; text-align: right;}
#hero .bannerText h1 {font-family: 'old_english_text_mtregular'; color: #9c4035; font-size: 100px; line-height: 104px;}
#hero .bannerText h3 {font-family: 'angilla_tattoo_personal_useRg'; color: #331a53; font-size: 46px; letter-spacing: 2px; width: 100%;}
#hero .bannerText p { font-size: 24px; color: #000; font-weight: 300; margin-top: 20px;}

.serv { float:left; width: 100%; text-align: center;}
.servOne { width: 328px; height: 328px; border-radius: 50%; overflow:hidden; border: 10px solid #f1d733; margin: 0 auto; position: relative;}
.servTow { float: left; width: 100%; padding: 200px 40px 60px 40px; border-radius: 35px; background: #fff url(../../images/trp.png) center bottom no-repeat; margin-top: -170px; background-size: 100% !important;}
.servTow h4 { font-size: 36px; color: #444; font-weight: 400;}
.servTow h6 { font-size: 22px; color: #f20000; font-weight: 300; margin-top: 20px;}
.servTow a { font-size: 22px; color: #333; background: #f1d733; padding: 13px 40px; border-radius: 300px; display: inline-block; margin-top: 20px; position: relative; z-index: 99;}
.services { float: left; width: 100%; margin-top: 100px;}
.discount { background: url(../../images/discount.png) right top no-repeat; width: 308px; height: 308px; position: absolute; bottom: -17px; right: -4px;}
.services .col-4 { position: relative;}
.dicText { position: absolute; bottom: 15px; right: 20px; text-align: right; animation: blinker 1.5s linear infinite;}
.dicText h3 { font-size: 44px; font-weight: 900; line-height: 44px;}
.dicText h4 { font-size: 24px; text-transform: uppercase; line-height: 30px; font-weight: 600;}

@keyframes blinker {  
 0% {  color:#000; }
 25% {  color:#fcff00; }
 50% {  color:#fff }
 75% { color:#fcff00;}
}

.ahImg { float: left; width:92%; margin-right: 8%; height: 710px; border-radius: 50px; overflow: hidden;}
.ahImg img { width: 100%;}
.ah { float: left; padding-left: 0; text-align: center;}
.ah p { font-size: 18px; font-weight: 300; color: #333; line-height: 34px;}
.ah a { background: #333; color: #fff; padding: 13px 50px; display: inline-block; margin-top: 20px; border-radius: 500px; font-size: 20px;}
.aboutHome h1, h2 { text-align: center; font-size: 60px; font-weight: 600; color: #333;}
.aboutHome h6 { font-size: 22px; color: #444; text-align: center; line-height: 34px; font-weight: 400; margin-bottom: 60px;}
.aboutHome { float: left; width: 100%; margin-top: 100px;}
.cor { float: left; width: 100%; margin-top: -600px; position: relative; z-index: -1;}
.cor img { max-width: 100%;}
.flogo { float: left;}
footer { float: left; width: 100%; margin-top: 100px;}
.fMenu { float: left; width: 18%; margin-left: 7%;}
footer h4 { font-size: 30px; color: #444;}
.fMenu ul { margin: 0; padding: 0; list-style-type: none; float: left; width: 100%; margin-top: 10px;}
.fMenu ul li { float: left; width: 100%; margin: 5px 0; min-height: 38px;}
.fMenu ul li a { color: #333; font-weight: 300; font-size: 18px;}
.fMenu.fMenu2 { margin-left: 4%; width: 25%;}
.fMenu ul li.map { background: url(../../images/map.png) left center no-repeat; padding-left: 40px; }
.fMenu ul li a img { margin-right: 10px;}
.fMenu ul li.phon {background: url(../../images/phone.png) left center no-repeat; padding-left: 40px; min-height: 34px;}
.fMenu ul li.mail {background: url(../../images/email.png) left center no-repeat; padding-left: 40px; min-height: 30px;}
.fMenu.fMenu2 ul li {margin: 10px 0;}
.footerBtm { float: left; width: 100%; border-top: 1px solid #ccc; margin-top: 15px; padding-top: 25px; padding-bottom:20px;}
.fbLeft { float: left; margin-top: 5px;}
.fbLeft p { font-size: 16px; font-weight: 300; color: #333;}
.fbLeft p a { font-weight: 500; color: #333;}
.fbRight { float: right;}
.fbRight ul { margin: 0; padding: 0; list-style-type: none;}
.fbRight ul li { float: left; margin-left: 30px;}

.carousel-indicators { width: 2px; left: auto; right: 20px; top: 150px; margin: 0; }
#hero .carousel-indicators li { width: 2px; height: 20px; background: #63527e;}

#hero.innerBanner { height: 359px;}
#hero.innerBanner .bannerText {margin-top: 115px;}
.aboutHome.aboutPage .ah { margin-top:10px; text-align: center; margin-bottom: 100px;}
.aboutHome.aboutPage h6 { margin-bottom: 20px;}
footer .ftCent { float: left; width: 100%; padding-left: 15%;}
footer .ftCent .fMenu {margin-left: 10%; width: 21%;}
footer .ftCent .fMenu.fMenu2 {width: 30%; margin-left: 5%;}

.lod { float: left; width: 100%; border: 1px solid #9c4035; border-radius: 25px; border: 1px solid #9c4035; padding: 25px; margin: 12px 0;}
.lodLeft { float: left; width: 30%;}
.lodRight { float: right; width: 70%; padding-left: 20px;}
.llTop { float: left; width: 100%; width: 100%; height: 194px; border-radius: 25px; overflow:hidden;}
.llTop img { width: 100%; height: 100%; object-fit: cover;}
.aboutHome.aboutPage .lodRight h4 { font-size: 20px; font-weight: 600; color: #000; margin-top: 0;}
.aboutHome.aboutPage .lodRight h5 { font-size: 14px; color: #333; margin-bottom: 0;}
.aboutHome.aboutPage .lodRight h6 { font-weight: 300; color: #333; font-size: 14px; text-align: left; margin-top: 0; margin-bottom: 0;}
.lodRight p { font-size: 15px; font-weight: 300; color: #333; margin-top: 5px; line-height: 26px;}
.aboutHome.aboutPage .lodRight ul { margin: 0; padding: 0; list-style-type: none; border-top: 1px solid #9c4035; padding-top: 15px;}
.aboutHome.aboutPage .lodRight ul li { font-size: 14px; font-weight: 300; color: #333; background: url(../../images/clock.png) left center no-repeat; padding-left: 30px;}
.llBtm {float: left; width: 100%; margin-top: 10px;}
.llBtm button { float: left; width: 100%; font-size: 16px; color: #f3dc4e; padding: 10px 0; border: none; border-radius: 500px; text-align: center; background: #9c4035; font-weight: 500;}
.llBtm button:hover { background: #000;}
.listDoctor { float: left; width: 100%; margin-top: 80px;}
.listDoctor h2 { margin-bottom: 25px;}
.aboutHome.aboutPage.clini .ah { margin-bottom: 60px;}
#hero.innerBanner .bannerText {width: 50%;}
.da { width: 1080px; margin: 0 auto;}
.da .col2 { float: left; width: 100%;}
.da .col2 fieldset { float: left; width: 50%; padding: 0 2%; margin: 17px 0;}
.da .col2 fieldset input { width: 100%; height: 52px; background: #fff; color: #666; font-size: 16px; border: none; padding-left: 15px; outline: none; margin-top: 5px;}
.da .col2 fieldset label { font-size: 18px; font-weight: 300; color: #333;}
.da .col2.col1 fieldset {width: 100%;}
.da .col2 fieldset textarea { width: 100%; height: 124px; background: #fff; color: #666; border: none; padding-left: 15px; outline: none; margin-top: 5px; padding-top: 10px; resize: none; font-size: 16px;}
.da .col2 fieldset input[type="submit"] { width: 240px; height: 63px; background: #9c4035; color: #fff; margin: 0 auto; float: none; display: block; font-size: 20px; font-weight: 600; text-transform: uppercase; border-radius: 500px;}
.da form { float: left; width: 100%; margin-top: 25px;}
.da input::placeholder { color: #999; font-weight: 300;}
.da textarea::placeholder { color: #999; font-weight: 300;}
.da .col2 fieldset select { width: 100%; height: 52px; background: #fff; color: #666; font-size: 16px; border: none; padding-left: 15px; outline: none; margin-top: 5px; appearance: none; background:#fff url(../../images/downArrow.png) 97% center no-repeat;}

.disc { position:absolute; width: 214px; height: 213px; right: 15px; text-align: center; background: url(../../images/dcPAge.png) center center no-repeat; top: 19%; animation: blinkers 1.5s linear infinite; padding-top: 20px; text-transform: uppercase;}
.disc h3 { font-size: 60px; font-weight: 700; margin: 0; line-height: 30px; margin-top: 15px; text-transform: uppercase;}
.disc h3 span { font-size: 24px; float: left; width: 100%; margin: 10px 0;}

@keyframes blinkers {  
 0% {  color:#000; }
 25% {  color:#fcff00;}
 50% {  color:#fff;}
 75% { color:#fcff00;}
}

.cont { position: fixed; background: #9c4035; border-radius: 0 500px 500px 0; width: 447px; height: 130px; left: 0; top: 75%; padding: 15px; float: left;}
.contLeft { float: left; margin-top: 5px; width: 22%;}
.contRight { float: right; width: 75%;}
.contRight h6 { font-size: 20px; line-height: 26px; margin-top: 5px; margin-bottom: 5px !important; animation: blinkers2 1.5s linear infinite; text-align: left; padding-right: 25px;}
.contRight h5 { font-size: 30px; font-weight: 700; color: #fff;}
.contRight h5 a { color: #fff; margin: 0; padding: 0;}
@keyframes blinkers2 {  
 0% {  color:#f6ff00; }
 25% {  color:#fff;}
 50% {  color:#f6ff00;}
 75% { color:#000;}
}

.proLeft h4 { font-size: 36px; font-weight: 600;}
.proLeft ul { margin: 15px 0 0 0; padding: 0; list-style-type: none;}
.proLeft ul li { float: left; width: 100%; margin:10px 0; font-size: 22px; }
.proLeft ul li a { color: #333; float: left;}

.search { float: left; width: 100%; border-radius: 500px; height: 82px; background: #fff;}
.search input { width: 80%; border: none; background: none; height: 82px; outline: none; border-radius: 500px; font-size: 18px; padding-left: 25px; color: #333; float: left;}
.search input::placeholder { color: #999; font-weight: 300;}
.search input[type="submit"] { width: 19.5%; height: 70px; border-radius: 500px; background: #9c4035; color: #fff; font-size: 20px; margin-top: 6px; padding-left: 0;}
.prPro { float: left; width: 100%; background: #fff; border-radius: 35px; padding: 40px; margin: 40px 0 0 0; height: 420px;}
.prProTop { text-align: center; height: 242px; padding: 0 0;}
.prProTop img { max-height: 100%;}
.prProBtm { float: left; width: 100%; text-align: center;}
.prProBtm h6 { font-size: 16px; color: #9c4035; float: left; padding: 10px; line-height: 28px;}
.prPro:hover .prProBtm h6 { color: #000;}

#chartdiv {
      width: 100%;
      height: 60vh;
      position: relative;
    }

    .country-label {
      position: absolute;
      left: 30px;
      top: 50%;
      transform: translateY(-50%);
      background: #9c4035;
      padding: 15px 25px;
      border-radius: 10px;
      font-size: 20px;
      font-weight: bold;
      color: white;
      z-index: 10;
      display: flex;
      flex-direction: column;
      gap: 10px;
      display: none;
      opacity: 0;
      animation: slideIn 0.4s ease-out forwards;
    }

    .country-entry {
      display: flex;
      align-items: center;
      gap: 12px;
    }

    .country-entry img {
      width: 40px;
      height: 28px;
      border-radius: 3px;
      box-shadow: 0 0 5px rgba(255, 255, 255, 0.3);
    }

    @keyframes slideIn {
      from { opacity: 0; transform: translateX(-30%) translateY(-50%); }
      to { opacity: 1; transform: translateX(0) translateY(-50%); }
    }

.flagCountry { position: absolute; right: 0;}
.countryWithFlag { float: left; width: 100%; margin-top: 50px;}
.countryWithFlag ul { margin: 0; padding: 0; list-style-type: none;}
.countryWithFlag ul li { font-size: 22px; color: #333; float: left; width: 50%; font-weight: 300; margin: 12px 0;}
.countryWithFlag h4 { font-size: 36px; font-weight: 600; color: #333; margin-bottom: 25px;}

.formTela { float: left; width: 100%; margin-top: 100px; text-align: center; position: relative;}
.formTela a { background: #111; padding: 15px 70px; border-radius: 500px; font-size:22px; color: #fff; margin: 0 10px;}
.formTela a.careerForm { background: #9c4035;}

#myBox {

}

.formBox { width: 100%; }
.fb { background: #fff; width: 800px; margin:50px auto 0; padding: 70px; display: block; border-radius: 35px;}
.formBox h3 { font-size: 48px; color: #333; font-weight: 600;}
.formBox p { font-size: 18px; font-weight: 300; color: #666;}
.formBox form fieldset { width: 100%; margin: 30px 0; display: block;}
.formBox form fieldset input { width: 100%; height: 50px; border: 1px solid #ccc; padding: 0 15px; outline: none;}
.formBox form fieldset textarea { width: 100%; height: 112px; border: 1px solid #ccc; padding: 0 15px; outline: none; resize: none; padding-top: 10px;}
.formBox form fieldset input::placeholder { color: #999;}
.formBox form fieldset textarea::placeholder { color: #999;}
.formBox form fieldset input[type="submit"] { font-size: 18px; color: #fff; background: #9c4035; border: none; border-radius: 500px;}
.formBox form fieldset select { width: 100%; height: 50px; border: 1px solid #ccc; padding: 0 15px; outline: none; background: url(../../images/downArrow.png) 97% center no-repeat; appearance: none; font-size: 18px; font-weight: 300; color: #999; overflow-wrap: break-word;}

#cssmenu ul li.current-menu-item a {color: #331a53 !important; font-weight: 700; border-bottom: 2px solid #331a53;}

.header-alt { position: fixed; width: 100%; top: 0; z-index: 999999; transition: all 0.5s;}
.aboutHome.aboutPage.clini .products .prProBtm h6 { width: 100%; margin-bottom: 0;}
.prProBtm a {border-radius: 500px; background: #9c4035; color: #fff; font-size:18px; padding: 10px 50px; margin-top: 10px; display: inline-block;}
.prProBtm a:hover { background: #331a53;}
.wpcf7-response-output { float: left; width: 100%; text-align: center; padding: 15px 0;}

.docto-cate { float: left; width: 100%; position: relative;}
.listDoctor .docto-cate form { position: absolute; right: 0; top: 18px;}
.listDoctor .docto-cate form select { font-size: 16px; color: #9c4035; font-weight: 400; border: none; border: 1px solid #9c4035; background: none; padding: 10px 50px 10px 20px;  cursor: pointer; border-radius: 500px; background: url(../../images/arrowDown.png) 94% center no-repeat; appearance: none;}

.products { float: left; width: 100%; margin-top: 80px;}
.aboutPage.clini ol { padding-left: 15px; }
.aboutPage.clini ol li { margin: 15px 0; font-size: 18px; font-weight: 300; color: #333;}
.aboutPage.clini ol ul li {list-style-type: lower-alpha;}
.aboutHome p { font-size: 18px; font-weight: 300; color: #333; line-height: 34px;}

.aboutHome h4 {font-size: 30px; font-weight: 600; color: #333; margin-top: 40px;}
.aboutHome p strong { font-weight: 600; color: #333;}
.aboutPage.clini ul li { margin: 15px 0; font-size: 18px; font-weight: 300; color: #333;}
.aboutPage.clini ul { padding-left: 15px;}

#cssmenu { z-index: 999;}

.fMenu.foot-map {
  width: 22%;
}





@media (max-width:1900px) {
#cssmenu > ul > li > a {font-size: 17px; padding: 16px 20px;}
.language select { font-size: 15px;}
#hero {height: 450px;}
#hero .carousel-item { background-size: cover !important;}
#hero h2 {font-size: 72px; line-height: 76px; text-align: right;}
#hero .bannerText h3 {font-size: 36px;}
#hero .bannerText p {font-size: 18px;}
.bannerText {margin-top: 160px;}
.servTow h4 {font-size: 26px;}
.servTow h6 {font-size: 18px;}
.servTow a {font-size: 18px;}
.dicText h3 {font-size: 40px; line-height: 42px;}
.dicText h4 {font-size: 22px; line-height: 22px;}
.discount {width: 275px; height: 275px; background-size: cover;}
.aboutHome h1, h2 { font-size: 48px;}
.aboutHome h6 {line-height: 28px; font-size: 18px;}
.ah { margin-top: 0;}
.ah p { font-size: 16px; line-height: 28px;}
.ah a {padding: 12px 50px; font-size: 17px; margin-top: 10px;}
footer h4 { font-size: 25px;}
.fMenu ul li a {font-size: 16px;}
.fMenu ul li { margin: 0;}
.flogo { width: 20%;}
.flogo img { max-width: 100%;}
.fMenu {margin-left: 5%;}
.fMenu.fMenu2 {margin-left: 2%;}
.fbLeft p {font-size: 14px;}
.fbRight ul li img { max-width: 25px; max-height: 25px;}

#hero .bannerText h1 {font-size: 72px; line-height: 80px;}
#hero.innerBanner {height: 300px;}
#hero.innerBanner .bannerText {margin-top: 100px;}
.lod {padding: 15px;}
.lodRight p { font-size: 14px; line-height: 23px;}
.aboutHome.aboutPage .lodRight h4 {font-size: 18px;}
.llTop {height: 140px;}
.llBtm button { font-size: 14px;}
.aboutHome.aboutPage .lodRight h6 {font-size: 12px;}
.aboutHome.aboutPage .lodRight h5 {font-size: 13px;}
.aboutHome.aboutPage .lodRight ul li {font-size: 13px;}
.listDoctor { padding-bottom: 100px;}
.disc { width: 150px; height: 150px; background-size: cover !important; top: 337px;}
.disc h3 { font-size: 36px; line-height: 20px; margin-top: 15px;}
.disc h3 span {font-size: 15px; line-height: 20px; float: left; width: 100%; margin: 5px 0;}
.cont {width: 260px; height: 80px;}
.contLeft img { width: 50px;}
.contRight h5 {font-size: 16px;}
.contRight h6 {font-size: 14px; margin-top: 10px; padding-top: 0 !important;  margin-top: 8px !important; margin-bottom: 0 !important;}
.cont { padding: 5px;}
.search input[type="submit"] { padding-left: 0; font-size: 20px;}
.proLeft h4 { font-size: 28px;}
.proLeft ul li {font-size: 18px;}
.prProTop img { width: 100%; height: 100%; object-fit: cover;}
.prPro {padding: 25px; margin: 20px 0 0 0;}
.aboutHome h6 {line-height: 19px; font-size: 14px; margin-top: 5px !important; margin-bottom: 4px !important;}
.products { padding-bottom: 125px;}
.listDoctor .col-10 { width: 93%;}
.countryWithFlag h4 {font-size: 30px;}
.countryWithFlag ul li {font-size: 18px; margin: 9px 0;}
.formTela { padding-bottom: 150px; margin-top: 0;}
.formTela a { font-size: 20px;}

.contRight h6 {}
.aboutPage.clini ol li { font-size: 17px; line-height: 30px;}
.aboutHome p { font-size: 17px; line-height: 30px;}
.aboutPage.clini ul li { font-size: 17px; line-height: 30px;}
.aboutHome h4 { font-size: 28px;}
.cor {margin-top: -450px;}


}
@media (max-width:1366px) {
.menuNav {position: relative; z-index: 9;}
#hero h2 {font-size: 60px; line-height: 64px; text-align: right;}
#hero .bannerText h3 {font-size: 28px;}
#hero .bannerText p {font-size: 16px;}
#hero {height: 380px;}
.bannerText {margin-top: 140px;}
#cssmenu > ul > li > a { font-size: 16px;}
.language { margin-left: 25px;}
.servTow h4 {font-size: 22px;}
.servTow h6 {font-size: 16px; margin-top: 10px;}
.servTow a { margin-top: 10px;}
.dicText h3 { font-size: 32px; line-height: 32px;}
.dicText h4 { font-size: 18px; line-height: 18px;}
.discount {width: 235px; height: 235px; bottom: -13px; right: 0px;}
.servTow a { font-size: 18px;}
.aboutHome h1, h2 { font-size: 36px;}
.aboutHome h6 {}
.ah p {font-size: 15px; line-height: 25px;}
.ah a { font-size: 15px;}
.ahImg { height: auto;}
.cor {margin-top: -415px;}
footer h4 { font-size: 22px;}
.fMenu ul li a { font-size: 15px;}
.fMenu.fMenu2 ul li {margin: 7px 0;}
.fbLeft p {font-size: 13px;}
.servOne {width: 300px; height: 300px;}

.services { margin-top: 80px;}
.aboutHome { margin-top: 80px;}
footer { margin-top: 80px;}

#hero .bannerText h1 {font-size: 60px; line-height: 60px;}
#hero.innerBanner {height: 250px;}
#hero.innerBanner .bannerText {margin-top: 85px;}

.llTop {height: 130px;}
.listDoctor { padding-bottom: 0;}
.da .col2 fieldset label { font-size: 16px;}
.products { padding-bottom: 0px;}
.aboutHome.aboutPage h6 {padding: 20px 0 0 0; margin-bottom: 0; font-size: 15px;}
.search input {width: 75%;}
.search input[type="submit"] {width: 24.5%;}
.proLeft h4 {font-size: 26px;}
.proLeft ul li {font-size: 16px;}
.disc {top: 290px;}
.formTela { padding-bottom: 0; padding-top: 80px;}
.countryWithFlag ul li {font-size: 16px;}
.countryWithFlag h4 {font-size: 24px; margin-bottom: 10px;}
.formBox h3 { font-size: 36px;}
.formBox p { font-size: 16px;}
.listDoctor .docto-cate form {top: 0px;}
.listDoctor .docto-cate form select { font-size: 15px;}
.aboutPage.clini ol li { font-size: 16px; line-height: 28px;}
.aboutHome p { font-size: 16px; line-height: 28px;}
.aboutPage.clini ul li { font-size: 16px; line-height: 28px;}
.listDoctor { margin-top: 50px;}
.aboutHome h4 { font-size: 24px;}
.fbRight { margin-right: 100px;}
}
@media (max-width:1200px) {
nav{width:100%;}
  #cssmenu{width:100%}
  #cssmenu ul{width:100%;display:none}
  #cssmenu ul li{width:100%;}
  #cssmenu ul li a { color: #111;}
  #cssmenu ul li a:hover {}
  #cssmenu ul li:hover{}
  #cssmenu ul ul li,#cssmenu li:hover > ul > li{height:auto}
  #cssmenu ul li a,#cssmenu ul ul li a{width:100%;border-bottom:0}
  #cssmenu > ul > li{float:none}
  #cssmenu ul ul li a{padding-left:25px}
  #cssmenu ul ul li{background:#f3f3f3!important;}
  #cssmenu ul ul li:hover{}
  #cssmenu ul ul ul li a{padding-left:50px}
  #cssmenu ul ul li a{color:#333;background:none}
  #cssmenu ul ul li:hover > a,#cssmenu ul ul li.active > a{color:#000}
  #cssmenu ul ul,#cssmenu ul ul ul{position:relative;left:0;width:100%;margin:0;text-align:left}
  #cssmenu > ul > li.has-sub > a:after,#cssmenu > ul > li.has-sub > a:before,#cssmenu ul ul > li.has-sub > a:after,#cssmenu ul ul > li.has-sub > a:before{display:none}
  #cssmenu #head-mobile{display:block;padding:23px;color:#ddd;font-size:12px;font-weight:700}
  .button{width:55px;height:46px;position:absolute;right:0;top:0;cursor:pointer;z-index: 12399994; background: url(../../images/dToggle.png) center center no-repeat;}
  .button:after{position:absolute;top:22px;right:20px;display:block;height:4px;width:20px;border-top:2px solid #dddddd;border-bottom:2px solid #dddddd;content:''}
  .button:before{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;position:absolute;top:16px;right:20px;display:block;height:2px;width:20px;background:#ddd;content:''}
  .button.menu-opened:after{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;top:23px;border:0;height:2px;width:19px;background:#fafafa;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
  .button.menu-opened:before{top:23px;background:#fafafa;width:19px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
  #cssmenu .submenu-button{position:absolute;z-index:99;right:0;top:0;display:block;border-left:1px solid #444;height:46px;width:46px;cursor:pointer}
  #cssmenu .submenu-button.submenu-opened{background:none;}
  #cssmenu ul ul .submenu-button{height:38px;width:46px}
  #cssmenu .submenu-button:after{position:absolute;top:22px;right:19px;width:8px;height:2px;display:block;background:#ddd;content:''}
  #cssmenu ul ul .submenu-button:after{top: 17px; right: 19px;}
  #cssmenu .submenu-button.submenu-opened:after{background:#fafafa}
  #cssmenu .submenu-button:before{position:absolute;top:19px;right:22px;display:block;width:2px;height:8px;background:#ddd;content:''}
  #cssmenu ul ul .submenu-button:before{top: 14px; right: 22px;}
  #cssmenu .submenu-button.submenu-opened:before{display:none}
  #cssmenu ul ul ul li.active a{border-left:none}
  #cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active > a{border-top:none}
  .button::before { display: none;}
  .button::after { display: none;}
  .button.menu-opened {background: url(../../images/dCross.png) center center no-repeat;}
  .headerTop { margin-right: 65px;}
  .headerBtm { height: 0;}
  #cssmenu ul.open {
    position: absolute;
    top: 16px;
 
    width: 100%;
    left: 0;
    z-index: 9999999;
    padding: 0; padding: 10px 0;
    background: linear-gradient(to bottom,  rgba(237,206,1,1) 0%,rgba(255,255,255,1) 100%);
  }

.headerRight { width: 100%;}
.menuNav { width: 100%;}
.language {position: absolute; top: 0; right: 60px; z-index: 999;}
header .button {width: 32px; height: 32px; top: 7px;}
#cssmenu ul.open {top: 65px;}
.menuNav { z-index: 99;}




.cornerTL img { max-width: 70%;}
header { height: 80px;}
.language {margin-top: 20px;}
.menuNav {margin-top: 14px;}
.language {margin-left: 10px;}
.logo { left: 20px;}
.logo img { max-height: 150px;}
.bannerText {margin-right: 0; width: 55%;}
#hero h2 {font-size: 48px; line-height: 54px;}
#hero .bannerText h3 {font-size: 24px;}
#hero .bannerText p {font-size: 15px; margin-top: 0;}
#hero {height: 350px;}
.servOne {width: 250px; height: 250px;}
.servTow {padding: 150px 40px 60px 40px; margin-top: -120px;}
.servOne {width: 220px; height: 220px;}
.aboutHome .col-6 { width: 100%;}
.ah {margin-top: 30px; padding-right: 10%;}
.cor {margin-top: -365px;}
.ahImg { margin-right: 0; width: 100%;}
.aboutHome h6 { margin-bottom: 30px;}

.services { margin-top: 70px;}
.aboutHome { margin-top: 70px;}
footer { margin-top: 70px;}

.aboutHome.aboutPage .ah { padding-right: 0;}
.listDoctor .col-4 { width: 50%;}
.llTop {height: 185px;}
.aboutHome.aboutPage.clini .ah { margin-bottom: 30px;}
.da { width: 100%;}
.products { margin-bottom: 100px;}
.proLeft h4 {font-size: 24px;}
.disc {top: 255px;}
.col-4.flagCountry {width: 33%;}
.aboutPage.clini ol li { font-size: 15px; line-height: 26px;}
.aboutHome p { font-size: 15px; line-height: 26px;}
.aboutPage.clini ul li { font-size: 15px; line-height: 26px;}
}
@media (max-width:1100px) {
.flogo { width: 100%; text-align: center; margin-bottom: 25px;}
.fMenu { margin-left: 0;}
.fMenu.fMenu2 { width: 36%; margin-left: 5%;}
footer h4 {font-size: 20px;}
footer .ftCent { padding-left: 0;}
footer .ftCent .flogo { width: auto;}
#hero.innerBanner .bannerText { width: 100%;}
.proRight .col-4 { width: 50%;}
.formTela { padding-bottom: 80px;}
.fMenu.foot-map {width: 41%;}
}
@media (max-width:1024px) {
.services { margin-top: 50px;}
.aboutHome { margin-top: 50px;}
footer { margin-top: 50px;}
.aboutHome.aboutPage .ah {margin-bottom: 0;}
#hero .bannerText h1 {font-size: 48px; line-height: 50px;}
#hero.innerBanner {height: 230px;}
.llTop {height: 150px;}
.listDoctor { padding-bottom: 50px;}
.da form { padding-bottom: 50px;}
.da .col2 fieldset label { font-size: 15px;}
.products .col-3 { width: 100%;}
.products .col-9 { width: 100%; margin-top: 25px;}
.search { height: 64px;}
.search input { height: 64px;}
.search input[type="submit"] {height: 54px; margin-top: 5px; font-size: 17px;}
.proLeft h4 {font-size: 20px;}
.col-4.flagCountry { width: 100%; position: inherit;}
.countryWithFlag ul li { width: 33.33%;}
.listDoctor .col-10 { width: 100%;}
#chartdiv { height: 50vh;}
.country-label {font-size: 16px; padding: 10px 15px;}
.formTela { padding-bottom: 80px; padding-top: 0;}
.formTela a { font-size: 18px;}
.formBox h3 { font-size: 30px;}
.listDoctor { margin-top: 40px;}
.aboutHome h4 { font-size: 20px; margin-top: 20px;}
}
@media (max-width:1023px) {}
@media (max-width:991px) {
#hero .carousel-container { top: 0; text-align: right;}
}
@media (max-width:960px) {}
@media (max-width:900px) {
.services { text-align: center;}
.services .col-4 { width: 50%; display: inline-block; flex: auto;}
.serv { margin-bottom: 20px;}
.discount {bottom: 7px;}

.fbRight { float: left; width: 100%; text-align: center;}
.fbRight ul li { float: none; display: inline-block;}
.fbLeft { float: left; width: 100%; text-align: center;}
.llTop {height: 130px;}
.formTela { padding-bottom: 120px; padding-top: 0;}
}
@media (max-width:850px) {
footer .ftCent .fMenu {margin-left: 4%;}
.listDoctor { padding-bottom: 100px;}
.da form { padding-bottom: 100px;}
.fb { width:96%; margin: 40px 2% 0;}
.docto-cate h2 { text-align: left;}
}
@media (max-width:800px) {
footer .ftCent .flogo { width: 100%;}
footer .ftCent .fMenu { margin-left: 0; width: 30%;}
footer .ftCent .fMenu.fMenu2 { width: 60%;}
}
@media (max-width:768px) {
#hero h2 {font-size: 36px; line-height: 48px;}
#hero .bannerText h3 {font-size: 20px;}
#hero .carousel-container {left: 20px; right: 20px;}
#hero .overlayBanner {background: linear-gradient(-90deg, rgb(255, 255, 255) 0%,rgba(255,255,255,0) 100%); width: 100%;}
.bannerText {margin-top: 105px;}
#hero { height: 300px;}
.servTow h4 {font-size: 20px;}
.servTow h6 {font-size: 15px;}
.servTow a {font-size: 15px;}
.aboutHome h1, h2 { font-size: 30px;}
.aboutHome h6 {font-size: 15px;}
.cor {margin-top: -220px;}
.aboutHome h6 { margin-bottom: 20px;}

.flogo { float: left; width: 50%; text-align: left; padding-left: 10px;}
.fMenu { width: 50%; min-height: 285px;}
.fMenu.fMenu2 { width: 50%; margin: 0; padding: 0 10px;}

.services { margin-top: 30px;}
.aboutHome { margin-top: 30px;}
footer { margin-top: 30px;}

.footerBtm {margin-top: 0px; padding-top: 10px; padding-bottom: 15px; }
#hero .bannerText h1 {font-size: 36px; line-height: 40px;}
#hero.innerBanner {height: 200px;}
#hero.innerBanner .bannerText {margin-top: 75px;}

footer .ftCent .fMenu { margin-left: 0; width: 100%;}
footer .ftCent .fMenu.fMenu2 { width: 100%; margin-left: 0;}
.listDoctor .col-4 { width: 100%;}
.llTop { height: 190px;}
.listDoctor { padding-bottom: 0;}
.aboutHome.aboutPage.clini .ah { margin-bottom: 10px;}
.listDoctor h2 { margin-bottom: 10px;}
.da form { padding-bottom: 0px; margin-top: 0;} 
.da .col2 fieldset { width: 100%; margin: 5px 0;}
.products {margin-bottom: 0px;}
.disc {top: 222px; width: 120px; height: 120px; right: 10px;}
.disc h3 {font-size: 28px; margin-top: 0px;}
.disc h3 span {font-size: 13px;}

.country-label {left: 36%; top: auto; bottom: -80px; width: 200px;}
.countryWithFlag {margin-top: 90px;}
.countryWithFlag h4 { font-size: 20px;}
.countryWithFlag ul li { width: 50%; font-size: 15px;}
.formTela { padding-bottom: 20px; padding-top: 50px;}
.formTela a { font-size: 16px; padding: 15px 50px; margin: 0 5px;}
.formBox h3 { font-size: 24px;}
.formBox p { font-size: 15px;}
.formBox form fieldset {margin: 15px 0;}
.listDoctor { margin-top: 30px;}
.aboutHome h4 { font-size: 18px;}
.aboutPage.clini ul li { margin: 10px 0;}
.aboutPage.clini ol li { margin: 10px 0;}

}
@media (max-width:767px) {}
@media (max-width:700px) {
.flogo { width: 100%;}
.fMenu { width: 100%; padding-left: 0; min-height: 50px; margin-bottom: 20px;}
.fMenu.fMenu2 { width: 100%; padding-left: 0; margin-bottom: 20px;}
.cor {margin-top: -160px;}
.fMenu.foot-map {width: 100%;}
}
@media (max-width:640px) {
.aboutHome h1, h2 { font-size: 24px;}
.search input {width: 70%; font-size: 15px;}
.search input[type="submit"] {width: 29.5%; font-size: 15px;}
.country-label { left: 32%;}

.contRight { display: none;}
.contLeft {margin-top: 9px;}
.cont {width: 72px; transition-duration: 0.1s;}
.cont.flotCont { width: 280px;}
.cont.flotCont .contRight { display: block;}
}
@media (max-width:600px) {}
@media (max-width:570px) {
.bannerText { width: 85%;}
.logo {left: 10px; top: 10px;}
.logo img { max-height: 110px;}
.services .col-4 { width: 100%;}
.llTop { height: 155px;}
.proRight .col-4 { width: 100%;}
.prProTop { height: auto;}
.prPro { height: auto; text-align: center;}
.aboutHome.aboutPage .proRight .prPro .prProBtm h6 { width: 100%;}
.fb {padding: 25px;}
.formBox h3 {}
}
@media (max-width:520px) {}
@media (max-width:480px) {
.logo img { max-height: 110px;}
.bannerText {margin-top: 40px;}
#hero .carousel-item {background-position: 40% !important;}
#hero .overlayBanner {background: #fff; opacity: 0.7;}
.cor {margin-top: -110px;}
#hero .bannerText h1 {font-size: 30px;}
#hero.innerBanner {height: 170px;}
#hero.innerBanner .bannerText {margin-top: 65px;}
.llTop { height: 130px;}
.search { height: auto; background: none;}
.search input { width: 100%; background: #fff;}
.search input[type="submit"] { width: 100%; font-size: 17px;}
.disc { right: auto; left: 10px; top: 160px;}
.country-label { left: 28%;}
.cont {top: 58%;}
.docto-cate h2 { text-align: center;}
.listDoctor .docto-cate form { position: inherit; text-align: center;}
#hero {height: 220px;}
.bannerText {margin-top: 65px;}
.listDoctor .docto-cate form select { background:#9c4035 url(../../images/arrowDown.png) 94% center no-repeat; color: #fff; font-weight: 700; border: 1px solid #9c4035;}

}
@media (max-width:420px) {
.country-label { left: 25%;}
.formTela { padding-bottom: 30px; padding-top: 50px;}
}