:root {
  --pd-dark-1: #0f355a;
  --pd-dark-2: #061633;
  --pd-dark-3: #040707;
  --pd-light-1: #14c788;
  --pd-light-2: #0468b3;
  --pd-accent: #14c788;
  --pd-bg-white: #ffffff;
  --pd-bg-gray: #edf3f7;
  --pd-text-white: #ffffff;
  --pd-text-black: #0d0d0d;
  --pd-gradient-dark: linear-gradient(135deg, #0f355a, #061633, #040707);
  --pd-gradient-light: linear-gradient(135deg, #14c788, #028cf3);
  --pd-border-radius: 30px;
  --pd-font-family-futura: "Futura", sans-serif;
  --pd-font-family-proximanova: "ProximaNova", sans-serif;
  --radius: 10px;
  --card-bg: rgba(255, 255, 255, 0.08);
  --card-bd: rgba(255, 255, 255, 0.18);
  --pill-bg: rgba(255, 255, 255, 0.14);
  --pill-bd: rgba(255, 255, 255, 0.55);
}
.ast-separate-container.ast-two-container #secondary #block-16 {
  background-color: var(--ast-global-color-4);
  background-image: linear-gradient(180deg, #14c788, #0066b4);
  border-radius: 5px;
  padding-bottom: 2px;
}
.forms-container .cf7-submitBtn p {
  margin-bottom: 0;
}
.produuctsLogos {
  width: 70px;
  height: 70px;
  margin: 0 auto 15px auto;
  border: 1px solid #029be8;
  padding: 15px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
/*=============================================================
=============== 1. GLOBAL SETUP ===============================
===============================================================*/
/* FUTURA FONTS STARTS */
@font-face {
  font-family: "Futura";
  src: url("../fonts/FuturaCyrillicLight.ttf");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Futura";
  src: url("../fonts/FuturaCyrillicBook.ttf");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Futura";
  src: url("../fonts/FuturaCyrillicMedium.ttf");
  font-weight: 450;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Futura";
  src: url("../fonts/FuturaCyrillicDemi.ttf");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Futura";
  src: url("../fonts/FuturaCyrillicHeavy.ttf");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Futura";
  src: url("../fonts/FuturaCyrillicBold.ttf");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Futura";
  src: url("../fonts/FuturaCyrillicExtraBold.ttf");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "ProximaNova";
  src: url("../fonts/Proxima_Nova_Thin.otf");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "ProximaNova";
  src: url("../fonts/Proxima_Nova_Thin_Italic.otf");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "ProximaNova";
  src: url("../fonts/Proxima_Nova_Light.otf");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "ProximaNova";
  src: url("../fonts/Proxima_Nova_Light_Italic.otf");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "ProximaNova";
  src: url("../fonts/Proxima_Nova_Regular.otf");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
/* @font-face {
  font-family: "ProximaNova";
  src: url("../fonts/Proxima_Nova_Regular_Italic.otf");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
} */
@font-face {
  font-family: "ProximaNova";
  src: url("../fonts/Proxima_Nova_Semibold_Italic.otf");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "ProximaNova";
  src: url("../fonts/Proxim_Nova_Semibold.ttf");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "ProximaNova";
  src: url("../fonts/Proxima_nova_bold.ttf");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "ProximaNova";
  src: url("../fonts/Proxima_Nova_Bold_Italic.otf");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "ProximaNova";
  src: url("../fonts/Proxima_Nova_Extrabold.otf");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "ProximaNova";
  src: url("../fonts/Proxima_Nova_Extrabold_Italic.otf");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "ProximaNova";
  src: url("../fonts/Proxima_Nova_Black.otf");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "ProximaNova";
  src: url("../fonts/Proxima_Nova_Black_Italic.otf");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
* {
  box-sizing: border-box;
}
.container {
  max-width: 1340px;
  padding-left: 20px;
  padding-right: 20px;
}
.paddingTop {
  padding-top: 5rem;
}
.paddingBottom {
  padding-bottom: 5rem;
}
.headerSection {
  padding-top: 10rem;
}
.headerSection.hasBG {
  background: linear-gradient(0deg, rgba(8, 74, 125, 0.7)), var(--bg);
  background-size: cover;
  background-position: center center;
  min-height: 500px;
  display: flex;
  align-items: center;
}
/*==============================================================
================================================================
2. MAIN Typography
==============================================================
=============================================================*/
body,
p {
  font-family: "ProximaNova" !important;
  font-weight: 400;
  font-size: 1rem;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Futura" !important;
  font-weight: 700;
}
@media screen and (min-width: 1200px) {
  h1,
  h2.st1,
  h3.st1,
  h4.st1,
  h5.st1,
  h6.st1,
  p.st1 {
    font-size: 3.25rem; /* 52px */
    line-height: 1.1;
  }
  h2,
  h2.st2,
  h3.st2,
  h4.st2,
  h5.st2,
  h6.st2,
  p.st2 {
    font-size: 2.625rem; /* 42px */
    line-height: 1.15;
  }
  h3,
  h2.st3,
  h3.st3,
  h4.st3,
  h5.st3,
  h6.st3,
  p.st3 {
    font-size: 2.125rem; /* 34px */
    line-height: 1.2;
  }
  h4,
  h2.st4,
  h3.st4,
  h4.st4,
  h5.st4,
  h6.st4,
  p.st4 {
    font-size: 1.75rem; /* 28px */
    line-height: 1.3;
  }
  h5,
  h2.st5,
  h3.st5,
  h4.st5,
  h5.st5,
  h6.st5,
  p.st5 {
    font-size: 1.375rem; /* 22px */
    line-height: 1.35;
  }
  h6 h2.st6,
  h3.st6,
  h4.st6,
  h5.st6,
  h6.st6,
  p.st6 {
    font-size: 1.125rem; /* 18px */
    line-height: 1.4;
  }
  p {
    font-size: 18px;
    line-height: 1.6;
  }
}
@media screen and (min-width: 769px) and (max-width: 1199px) {
  h1 {
    font-size: 3rem; /* 48px */
    line-height: 1.15;
  }
  h2,
  h2.st2,
  h3.st2,
  h4.st2,
  h5.st2,
  h6.st2,
  p.st2 {
    font-size: 2.375rem; /* 38px */
    line-height: 1.2;
    font-weight: 700;
    font-family: "Futura" !important;
  }
  h3,
  h2.st3,
  h3.st3,
  h4.st3,
  h5.st3,
  h6.st3,
  p.st3 {
    font-size: 2rem; /* 32px */
    line-height: 1.25;
    font-weight: 700;
    font-family: "Futura" !important;
  }
  h4,
  h2.st4,
  h3.st4,
  h4.st4,
  h5.st4,
  h6.st4,
  p.st4 {
    font-size: 1.625rem; /* 26px */
    line-height: 1.3;
    font-weight: 700;
    font-family: "Futura" !important;
  }
  h5,
  h2.st5,
  h3.st5,
  h4.st5,
  h5.st5,
  h6.st5,
  p.st5 {
    font-size: 1.375rem; /* 22px */
    line-height: 1.35;
    font-weight: 700;
    font-family: "Futura" !important;
  }
  h6,
  h2.st6,
  h3.st6,
  h4.st6,
  h5.st6,
  h6.st6,
  p.st6 {
    font-size: 1.125rem; /* 18px */
    line-height: 1.4;
    font-weight: 700;
    font-family: "Futura" !important;
  }
  p {
    font-size: 16px;
    line-height: 1.6;
  }
}
@media screen and (min-width: 481px) and (max-width: 768px) {
  h1 {
    font-size: 2.5rem; /* 40px */
    line-height: 1.2;
  }
  h2,
  h2.st2,
  h3.st2,
  h4.st2,
  h5.st2,
  h6.st2,
  p.st2 {
    font-size: 2.125rem; /* 34px */
    line-height: 1.25;
    font-weight: 700;
    font-family: "Futura" !important;
  }
  h3,
  h2.st3,
  h3.st3,
  h4.st3,
  h5.st3,
  h6.st3,
  p.st3 {
    font-size: 1.75rem; /* 28px */
    line-height: 1.28;
    font-weight: 700;
    font-family: "Futura" !important;
  }
  h4,
  h2.st4,
  h3.st4,
  h4.st4,
  h5.st4,
  h6.st4,
  p.st4 {
    font-size: 1.5rem; /* 24px */
    line-height: 1.32;
    font-weight: 700;
    font-family: "Futura" !important;
  }
  h5,
  h2.st5,
  h3.st5,
  h4.st5,
  h5.st5,
  h6.st5,
  p.st5 {
    font-size: 1.25rem; /* 20px */
    line-height: 1.38;
    font-weight: 700;
    font-family: "Futura" !important;
  }
  h6 h2.st6,
  h3.st6,
  h4.st6,
  h5.st6,
  h6.st6,
  p.st6 {
    font-size: 1.1rem; /* ~18px */
    line-height: 1.42;
    font-weight: 700;
    font-family: "Futura" !important;
  }
  p {
    font-size: 16px;
    line-height: 1.6;
  }
}
@media screen and (max-width: 480px) {
  h1 {
    font-size: 2.125rem; /* 34px */
    line-height: 1.25;
  }
  h2,
  h2.st2,
  h3.st2,
  h4.st2,
  h5.st2,
  h6.st2,
  p.st2 {
    font-size: 1.75rem; /* 28px */
    line-height: 1.28;
    font-weight: 700;
    font-family: "Futura" !important;
  }
  h3,
  h2.st3,
  h3.st3,
  h4.st3,
  h5.st3,
  h6.st3,
  p.st3 {
    font-size: 1.5rem; /* 24px */
    line-height: 1.3;
    font-weight: 700;
    font-family: "Futura" !important;
  }
  h4,
  h2.st4,
  h3.st4,
  h4.st4,
  h5.st4,
  h6.st4,
  p.st4 {
    font-size: 1.25rem; /* 20px */
    line-height: 1.35;
    font-weight: 700;
    font-family: "Futura" !important;
  }
  h5,
  h2.st5,
  h3.st5,
  h4.st5,
  h5.st5,
  h6.st5,
  p.st5 {
    font-size: 1.1rem; /* ~18px */
    line-height: 1.38;
    font-family: "Futura" !important;
  }
  h6 h2.st6,
  h3.st6,
  h4.st6,
  h5.st6,
  h6.st6,
  p.st6 {
    font-size: 1rem; /* 16px */
    line-height: 1.42;
    font-family: "Futura" !important;
  }
  p {
    font-size: 16px;
    line-height: 1.6;
  }
}
/*____GENERAL____
===============================
		|____HEADING & TITLE____	
		|____TEXT & PARAGRAPH____	
		|____TEXT ALIGN____		
		|____TEXT VERTICLE ALIGN____	
		|____TEXT NO LINE BRACK____		
		|____TEXT TRANSFORM____		
		|____TEXT SIZE____	
		|____TEXT BOLD____*/
/*=======================================
  || CSS TABLE CONTENT ||  
=======================================
/*____GENERAL 
=======================================
/*____HEADING & TITLE 
=======================================
/*____TEXT & PARAGRAPH 
=======================================
	|____text align
	|____text vertical align
	|____text no line brack
	|____text transform
	|____text size
	|____text bold
/*____LISTING STYLES 
======================================
	|____listing before icon color css
	|____listing before numbers
/*____ BOX SPACING (Padding & Margin)
======================================
	|____padding (around)
	|____Padding (top)
	|____Padding (bottom)
	|____Padding (left)
	|____Padding (right)
	|____Padding (left right)
	|____Padding (top bottom)
	|____margin (around)
	|____marging (top)
	|____marging (bottom)
	|____marging (left)
	|____marging (right)
	|____marging (left right)
	|____marging (top bottom)
	|____colum gap less
/*____ POSITIONS ( absolute , relative , statice & z-index)
======================================
	|____position
		|____relative		
		|____absolute		
		|____ static	
	|____z-index
	
/*____COLOR
======================================
	|____text
	|____background color
	|____background image
	
/*____OVERLAY ( transparient box style  )
======================================
	|____use for box
	|____left right part css
/*____ BOXES CSS 
======================================
	|____box content
	|____For icons with box
	|____Border
	|____For only icons
	|____place icon with box
	|____icon box left align
	|____icon box right align
	|____icon box center align
	|____media with content box css
	|____for images
/*____IMAGES OVERLAY EFFECTS (overly animation on images)  
======================================
	|____effect 1
		|____Gradient-black
		|____Gradient-white
	-------------------------------------
/*____shortcodeS 
======================================
		
	|____Title separators 
	-------------------------------------
		|____Separator defualt		
		|____Separator liner		
		|____Separator square		
		|____Separator icon
		
	|____Deviders 
	|____TABS 
	-------------------------------------
		|____tabs style 1 [ default ] 		
		|____tabs nav center 		
		|____tabs bg  [ tabs background ] 		
		|____tabs bg  [ tabs background ]		
		|____tabs bg & top border  [ tabs background & top border in active ]		
		|____tabs style 2 [ content with border outer ]		
		|____tabs style 3  [ left-nav ] 		
		|____tabs style 4  [ left-nav & content with border ] 		
		|____tabs style 5  [ right-nav ] 		
		|____tabs style 6  [ right-nav & content with border ]
		
		
	|____Accordians 
	-------------------------------------
	Accodian open close indicator css
		|____Accordion defult		
		|____Accordion outline		
		|____Accordion bg gray		
		|____Accordion bg primary		
		|____Accordion bg dark
		
	|____Carousals 
	|____Client carousal 1
	
	|____Testimonials 
	-------------------------------------
		|____testimonial with background image
		|____testimonial 6
	-------------------------------------
	|____Pricing table
	-------------------------------------
		|____Pricing table
		|____pricing table style 2
		
	|____Alert box 
	|____Image effects 
	-------------------------------------
		|____image-opacity 
		|____image-zoom 
		|____image-zoom-slow 
		|____image-shrink 
		|____image-side-pan 
		|____image-vertical-pan 
		|____image-fade-in 
		|____image-fade-out 
		|____image-rotate 
		|____image-sepia 
		|____image-blurr 
		|____image-blurr-invert 
		|____image off color 
		|____image on color 
		
	|____ Modal pop 
	|____ Social icons 
	-------------------------------------
		|____social icon default 
		|____social icon with border 
		|____social icon dark 
		|____social share icon style 1 
		
	|____ Breadcrumb 
	-------------------------------------
		|____breadcrumb-row-1
		|____Breadcrumb-1 
		
	|____Google map 
	|____Countdown clock 
	|____Form elements 
	
	-------------------------------------  
		|____input group 
		|____ radio & checkbox 
		|____Browse Button css   
		|____validation symbol 
		|____error for select box 
		|____ succes for select box 
		|____ textarea 
		
			|____resize-vertical
			|____resize-horizontal
			|____resize-none
			
	|____ Loading 
	-------------------------------------  
		|____ loading - 1
		|____loading - 2
		
	|____Widgets 
	------------------------------------- 
		|____widget listing		
		|____widget search custom		
		|____widget search wp-default		
		|____widget recent-posts		
		|____widget tags-list		
		|____widget gallery		
		|____widget client slider 
		
	|____Table 
	|____Video 
	-------------------------------------
	
/*____WP DEFAULT  
======================================
/*____BLOG  
====================================== 
	-------------------------------------
	|____if no image with blog post
	|____side bar
	|____Blog single
	|____comment list
	|____comment form
	-------------------------------------
/*____HEADER (top part of page)
======================================
	|____header full screen
	|____without top bar
	|____map page header
	-------------------------------------
/*____LOGO ( company identify  symbol )
======================================
	|____logo for header 
	|____when header is sticky 
	
/*____MAIN BAR ( place logo & main-navigation )
======================================
	main bar with box view
	|____Top Part Search Bar
/*____NAVIGATIONS 
======================================
	|____mena-menu
	|____nav dark version
	|____when header is sticky
	|____when header is sticky
	|____header id Fixed
	|____header with bg primary color 1
	-------------------------------------
/*____BANNER
======================================
	|____inner page banner 
	-------------------------------------
/*____SLIDER
======================================
	|____ owl slider 
	-------------------------------------
		|____next pre btn
		|____owl dots button
		|____owl button top to center
		|____owl button top to left
		|____owl button top to right
		|____owl button bottom to center [it is default position ]
		|____owl button bottom to left
		|____owl button bottom to right
		|____owl button vertical to center
		|____owl button show on hover
		|____owl slider button
		|____owl dots nav position
/*____ PAGINATION 
======================================
	|____pagination style-1 
/*____FOOTER 
======================================
	|____ footer fixed on bottom css
	-------------------------------------
		|____footer fixed with fullscreen view
		|____footer fixed with boxed view
		
	|____widget Getintuch
	|____scroll top btn css
	-------------------------------------
/*____PAGE-CONTENT
======================================
	|____Section Head Part 
	|____Section Content Part 
	-------------------------------------
/*____ AFTER-LOGIN-CONTENT
======================================
	|____ Contact us page 
	-------------------------------------
/*____THEMEFOREST REQUIRED CLASSES
======================================
	|____Text meant only for screen readers
	-------------------------------------
/*____BOX MAX-WIDTH css (  )
======================================
/*____SHOP & PRODUCT DETAIL (Woocommerce)
======================================
	|____Product Box 
	-------------------------------------
/*____content show on image box () 
======================================
 	|____info box show 
/*____Customize  Grouping css 
======================================
	|____set-radius 
	|____transition 
	|____float-clearfix 
	-------------------------------------
/*____Inner pages 
======================================
	|____Out Team
	-------------------------------------
		|____Out Team six
	|____product block
	------------------------------------- 
/*____Background Effects
======================================
/*____Home Page
======================================
/*____Carousal overlay content
======================================
/*____Overlay Box 2
======================================
/*____ line-amiation-block
======================================
/*____latest-blog-dark
======================================
/*____background Square block
======================================
/*____About us
======================================
/*____ Our Services
======================================
/*____Contact Us
======================================
/*____Work carousal
======================================
/*____Work Masonry
======================================
/*____our-story
======================================
*/
/*____GENERAL 
======================================*/
/* @media (min-width: 1200px) {
	.container,
	.container-lg,
	.container-md,
	.container-sm,
	.container-xl {
		max-width: 1170px;
	}
} */
body {
  background-color: #fff;
  font-size: 1rem;
  font-weight: 400;
  padding: 0;
  margin: 0;
  overflow-x: hidden;
}
a {
  outline: 0 none;
  text-decoration: none;
}
a:hover,
a:focus {
  text-decoration: none;
  outline: 0 none;
}
a:active,
a:hover,
a:focus {
  color: var(--pd-accent);
}

img {
  border-style: none;
  height: auto;
  max-width: 100%;
  vertical-align: middle;
}
hr {
  clear: both;
}
section,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
summary {
  display: block;
}
address {
  font-style: italic;
}
table {
  background-color: transparent;
  width: 100%;
}
table thead th {
  padding: 12px 8px !important;
  background-color: #f2f2f2;
}
table td {
  padding: 15px 10px !important;
  word-break: break-all;
}
@media only screen and (max-width: 360px) {
  table td {
    word-break: break-all;
  }
}
p,
address,
pre,
hr,
ul,
ol,
dl,
dd,
table {
  margin-bottom: 24px;
}
.overflow-hide {
  overflow: hidden;
}
.overflow-auto {
  overflow: auto;
}
.clear {
  clear: both;
}
.pull-none {
  float: none;
}
::selection {
  background: var(--pd-dark-1);
  color: #fff;
}
::-moz-selection {
  background: var(--pd-dark-1);
  color: #fff;
}
::-webkit-selection {
  background: var(--pd-dark-1);
  color: #fff;
}
@media only screen and (max-width: 600px) {
  .col-xs-100pc {
    width: 100%;
  }
}
/*____HEADING & TITLE 
======================================*/
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-bottom: 20px;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  color: var(--pd-text-black);
}
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
  color: var(--pd-accent);
}
/* 
h1 {
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	font-size: 46px;
	line-height: 52px;
	color: #1a1a1a;
}
h2 {
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	font-size: 38px;
	line-height: 44px;
	color: #1a1a1a;
}
h3 {
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	font-size: 34px;
	line-height: 40px;
	color: #1a1a1a;
	margin-bottom: 20px;
}
h4 {
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	font-size: 20px;
	line-height: 26px;
	color: #1a1a1a;
	margin-bottom: 15px;
}
h5 {
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	font-size: 16px;
	line-height: 22px;
	color: #1a1a1a;
	margin-bottom: 10px;
}
h6 {
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	font-size: 14px;
	line-height: 18px;
	color: #1a1a1a;
	margin-bottom: 10px;
} */
.display-inline {
  display: inline;
}
.display-inline-block {
  display: inline-block;
}
.display-block {
  display: block;
}
/*____TEXT & PARAGRAPH 
======================================*/
p {
  line-height: 24px;
  margin-bottom: 20px;
}
strong {
  font-weight: 600;
}
/*-------------------------------------
	text align
------------------------------------ */
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.text-justify {
  text-align: justify;
}
/*-------------------------------------
	text vertical align
------------------------------------ */
.v-align-t {
  vertical-align: top;
}
.v-align-m {
  vertical-align: middle;
}
.v-align-b {
  vertical-align: bottom;
}
/*-------------------------------------
	text no line brack
------------------------------------ */
.text-nowrap {
  white-space: nowrap;
}
/*-------------------------------------
	text transform
------------------------------------ */
.text-lowercase {
  text-transform: lowercase;
}
.text-uppercase {
  text-transform: uppercase;
}
.text-capitalize {
  text-transform: capitalize;
}
/*-------------------------------------
	text size
------------------------------------ */
.font-12 {
  font-size: 12px;
  line-height: 18px;
}
.font-14 {
  font-size: 14px;
  line-height: 20px;
}
.font-16 {
  font-size: 16px;
  line-height: 22px;
}
.font-18 {
  font-size: 18px;
  line-height: 24px;
}
.font-20 {
  font-size: 20px;
  line-height: 26px;
}
.font-22 {
  font-size: 22px;
  line-height: 28px;
}
.font-24 {
  font-size: 24px;
  line-height: 30px;
}
.font-26 {
  font-size: 26px;
  line-height: 32px;
}
.font-28 {
  font-size: 28px;
  line-height: 34px;
}
.font-30 {
  font-size: 30px;
  line-height: 36px;
}
.font-32 {
  font-size: 32px;
  line-height: 38px;
}
.font-34 {
  font-size: 34px;
  line-height: 40px;
}
.font-36 {
  font-size: 36px;
  line-height: 42px;
}
.font-38 {
  font-size: 38px;
  line-height: 44px;
}
.font-40 {
  font-size: 40px;
  line-height: 46px;
}
.font-45 {
  font-size: 46px;
  line-height: 52px;
}
.font-50 {
  font-size: 50px;
  line-height: 56px;
}
.font-60 {
  font-size: 60px;
  line-height: 66px;
}
.font-70 {
  font-size: 70px;
  line-height: 76px;
}
.font-80 {
  font-size: 80px;
  line-height: 86px;
}
.font-90 {
  font-size: 90px;
  line-height: 96px;
}
.font-100 {
  font-size: 100px;
  line-height: 106px;
}
.font-120 {
  font-size: 120px;
  line-height: 126px;
}
.font-140 {
  font-size: 140px;
  line-height: 146px;
}
.font-160 {
  font-size: 160px;
  line-height: 166px;
}
.font-180 {
  font-size: 180px;
  line-height: 186px;
}
/*-------------------------------------
	text bold
------------------------------------ */
.font-weight-100 {
  font-weight: 100;
}
.font-weight-200 {
  font-weight: 200;
}
.font-weight-300 {
  font-weight: 300;
}
.font-weight-400 {
  font-weight: 400;
}
.font-weight-500 {
  font-weight: 500;
}
.font-weight-600 {
  font-weight: 600;
}
.font-weight-700 {
  font-weight: 700;
}
.font-weight-800 {
  font-weight: 800;
}
.font-weight-900 {
  font-weight: 900;
}
/*-------------------------------------
	Letter Spacing
------------------------------------ */
.letter-spacing-2 {
  letter-spacing: 2px;
}
.letter-spacing-3 {
  letter-spacing: 3px;
}
.letter-spacing-4 {
  letter-spacing: 4px;
}
.letter-spacing-5 {
  letter-spacing: 5px;
}
/*____LISTING STYLES 
======================================*/
dl,
ul,
ol {
  list-style-position: outside;
  padding: 0;
}
ul,
ol {
  margin-bottom: 24px;
}
ul li,
ol li {
  padding: 0;
}
dl {
  margin-left: 0;
  margin-bottom: 30px;
}
dl dd {
  margin-bottom: 10px;
}
.list-simple li {
  margin-bottom: 10px;
  line-height: 24px;
}
.list-simple li ul {
  margin-left: 15px;
  margin-top: 10px;
}
.list-simple.list-unstyled li ul {
  margin-left: 30px;
  margin-top: 10px;
}
.list-circle,
.list-angle-right,
.list-arrow,
.list-check,
.list-checked,
.list-check-circle,
.list-chevron-circle,
.list-arrow-circle,
.list-times-circle {
  margin: 0 0 20px 0;
  padding: 0;
  list-style: none;
}
.list-circle li,
.list-angle-right li,
.list-arrow li,
.list-check li,
.list-checked li,
.list-check-circle li,
.list-chevron-circle li,
.list-arrow-circle li,
.list-times-circle li {
  padding: 5px 5px 5px 20px;
  position: relative;
  font-size: 18px;
}
.list-circle li:before,
.list-angle-right li:before,
.list-arrow li:before,
.list-check li:before,
.list-checked li:before,
.list-check-circle li:before,
.list-chevron-circle li:before,
.list-arrow-circle li:before,
.list-times-circle li:before {
  font-family: "FontAwesome";
  position: absolute;
  left: 0;
  top: 6px;
  display: block;
  font-size: 15px;
  color: #000;
}
ul.text-black li {
  color: var(--pd-text-black);
}
.list-circle li:before {
  top: 6px;
  font-size: 10px;
}
.list-circle li:before {
  content: "\f111";
}
.list-angle-right li:before {
  content: "\f105";
}
.list-arrow li:before {
  content: "\f0da";
}
.list-check li:before {
  content: "\f00c";
}
.list-checked li:before {
  content: "\f046";
}
.list-check-circle li:before {
  content: "\f058";
}
.list-chevron-circle li:before {
  content: "\f138";
}
.list-arrow-circle li:before {
  content: "\f0a9";
}
.list-times-circle li:before {
  content: "\f057";
}
/*-------------------------------------
	listing before icon color css
-------------------------------------*/
ul.primary li:before {
  color: var(--pd-accent);
}
ul.secondry li:before {
  color: #77c04b;
}
dl.no-margin,
ul.no-margin,
ol.no-margin {
  margin: 0px !important;
  list-style: none;
}
/*-------------------------------------
	listing before numbers
-------------------------------------*/
ol.list-num-count {
  counter-reset: li;
  padding-left: 0;
}
ol.list-num-count > li {
  position: relative;
  margin: 0 0 6px 30px;
  padding: 4px 8px;
  list-style: none;
  line-height: 24px;
}
ol.list-num-count > li:before {
  content: counter(li, decimal);
  counter-increment: li;
  position: absolute;
  top: 3px;
  left: -28px;
  width: 28px;
  height: 28px;
  line-height: 28px;
  color: #fff;
  background: #1a1a1a;
  font-weight: 500;
  text-align: center;
  font-size: 12px;
}
ol.list-num-count.lower-alpha > li:before {
  content: counter(li, lower-alpha);
}
ol.list-num-count.upper-alpha > li:before {
  content: counter(li, upper-alpha);
}
ol.list-num-count.list-outline > li:before {
  border: 1px solid #000;
  background-color: transparent;
  color: #000;
}
ol.list-num-count.list-outline-none > li:before {
  background-color: transparent;
  color: #000;
}
/*____BOX SPACING (Padding & Margin)
======================================*/
/*-------------------------------------
	padding (around)
-------------------------------------*/
.p-a0 {
  padding: 0;
}
.p-a5 {
  padding: 5px;
}
.p-a10 {
  padding: 10px;
}
.p-a15 {
  padding: 15px;
}
.p-a20 {
  padding: 20px;
}
.p-a25 {
  padding: 25px;
}
.p-a30 {
  padding: 30px;
}
.p-a40 {
  padding: 40px;
}
.p-a50 {
  padding: 50px;
}
.p-a60 {
  padding: 60px;
}
.p-a70 {
  padding: 70px;
}
.p-a80 {
  padding: 80px;
}
.p-a90 {
  padding: 90px;
}
.p-a100 {
  padding: 100px;
}
.p-a110 {
  padding: 110px;
}
.p-a120 {
  padding: 120px;
}
.p-a130 {
  padding: 130px;
}
.p-a140 {
  padding: 140px;
}
.p-a150 {
  padding: 150px;
}
/*-------------------------------------
	Padding (top)
-------------------------------------*/
.p-t0 {
  padding-top: 0;
}
.p-t5 {
  padding-top: 5px;
}
.p-t10 {
  padding-top: 10px;
}
.p-t15 {
  padding-top: 15px;
}
.p-t20 {
  padding-top: 20px;
}
.p-t30 {
  padding-top: 30px;
}
.p-t40 {
  padding-top: 40px;
}
.p-t50 {
  padding-top: 50px;
}
.p-t60 {
  padding-top: 60px;
}
.p-t70 {
  padding-top: 70px;
}
.p-t80 {
  padding-top: 80px;
}
.p-t90 {
  padding-top: 90px;
}
.p-t100 {
  padding-top: 100px;
}
.p-t110 {
  padding-top: 110px;
}
.p-t120 {
  padding-top: 120px;
}
.p-t130 {
  padding-top: 130px;
}
.p-t140 {
  padding-top: 140px;
}
.p-t150 {
  padding-top: 150px;
}
/*-------------------------------------
    Padding (bottom)
-------------------------------------*/
.p-b0 {
  padding-bottom: 0;
}
.p-b5 {
  padding-bottom: 5px;
}
.p-b10 {
  padding-bottom: 10px;
}
.p-b15 {
  padding-bottom: 15px;
}
.p-b20 {
  padding-bottom: 20px;
}
.p-b30 {
  padding-bottom: 30px;
}
.p-b40 {
  padding-bottom: 40px;
}
.p-b50 {
  padding-bottom: 50px;
}
.p-b60 {
  padding-bottom: 60px;
}
.p-b70 {
  padding-bottom: 70px;
}
.p-b80 {
  padding-bottom: 80px;
}
.p-b90 {
  padding-bottom: 90px;
}
.p-b100 {
  padding-bottom: 100px;
}
.p-b110 {
  padding-bottom: 110px;
}
.p-b120 {
  padding-bottom: 120px;
}
.p-b130 {
  padding-bottom: 130px;
}
.p-b140 {
  padding-bottom: 140px;
}
.p-b150 {
  padding-bottom: 150px;
}
/*-------------------------------------
	Padding (left)
-------------------------------------*/
.p-l0 {
  padding-left: 0;
}
.p-l5 {
  padding-left: 5px;
}
.p-l10 {
  padding-left: 10px;
}
.p-l15 {
  padding-left: 15px;
}
.p-l20 {
  padding-left: 20px;
}
.p-l30 {
  padding-left: 30px;
}
.p-l40 {
  padding-left: 40px;
}
.p-l50 {
  padding-left: 50px;
}
.p-l60 {
  padding-left: 60px;
}
.p-l70 {
  padding-left: 70px;
}
.p-l80 {
  padding-left: 80px;
}
.p-l90 {
  padding-left: 90px;
}
.p-l100 {
  padding-left: 100px;
}
.p-l110 {
  padding-left: 110px;
}
.p-l120 {
  padding-left: 120px;
}
.p-l130 {
  padding-left: 130px;
}
.p-l140 {
  padding-left: 140px;
}
.p-l150 {
  padding-left: 150px;
}
/*-------------------------------------
	Padding (right)
-------------------------------------*/
.p-r0 {
  padding-right: 0;
}
.p-r5 {
  padding-right: 5px;
}
.p-r10 {
  padding-right: 10px;
}
.p-r15 {
  padding-right: 15px;
}
.p-r20 {
  padding-right: 20px;
}
.p-r30 {
  padding-right: 30px;
}
.p-r40 {
  padding-right: 40px;
}
.p-r50 {
  padding-right: 50px;
}
.p-r60 {
  padding-right: 60px;
}
.p-r70 {
  padding-right: 70px;
}
.p-r80 {
  padding-right: 80px;
}
.p-r90 {
  padding-right: 90px;
}
.p-r100 {
  padding-right: 100px;
}
.p-r110 {
  padding-right: 110px;
}
.p-r120 {
  padding-right: 120px;
}
.p-r130 {
  padding-right: 130px;
}
.p-r140 {
  padding-right: 140px;
}
.p-r150 {
  padding-right: 150px;
}
/*-------------------------------------
	Padding (left right)
-------------------------------------*/
.p-lr0 {
  padding-left: 0;
  padding-right: 0;
}
.p-lr5 {
  padding-left: 5px;
  padding-right: 5px;
}
.p-lr10 {
  padding-left: 10px;
  padding-right: 10px;
}
.p-lr15 {
  padding-left: 15px;
  padding-right: 15px;
}
.p-lr20 {
  padding-left: 20px;
  padding-right: 20px;
}
.p-lr30 {
  padding-left: 30px;
  padding-right: 30px;
}
.p-lr40 {
  padding-left: 40px;
  padding-right: 40px;
}
.p-lr50 {
  padding-left: 50px;
  padding-right: 50px;
}
.p-lr60 {
  padding-left: 60px;
  padding-right: 60px;
}
.p-lr70 {
  padding-left: 70px;
  padding-right: 70px;
}
.p-lr80 {
  padding-left: 80px;
  padding-right: 80px;
}
.p-lr90 {
  padding-left: 90px;
  padding-right: 90px;
}
.p-lr100 {
  padding-left: 100px;
  padding-right: 100px;
}
.p-lr120 {
  padding-left: 120px;
  padding-right: 120px;
}
.p-lr150 {
  padding-left: 150px;
  padding-right: 150px;
}
/*-------------------------------------
	Padding (top bottom)
-------------------------------------*/
.p-tb0 {
  padding-bottom: 0;
  padding-top: 0;
}
.p-tb5 {
  padding-bottom: 5px;
  padding-top: 5px;
}
.p-tb10 {
  padding-bottom: 10px;
  padding-top: 10px;
}
.p-tb15 {
  padding-bottom: 15px;
  padding-top: 15px;
}
.p-tb20 {
  padding-bottom: 20px;
  padding-top: 20px;
}
.p-tb30 {
  padding-bottom: 30px;
  padding-top: 30px;
}
.p-tb40 {
  padding-bottom: 40px;
  padding-top: 40px;
}
.p-tb50 {
  padding-bottom: 50px;
  padding-top: 50px;
}
.p-tb60 {
  padding-bottom: 60px;
  padding-top: 60px;
}
.p-tb70 {
  padding-bottom: 70px;
  padding-top: 70px;
}
.p-tb80 {
  padding-bottom: 80px;
  padding-top: 80px;
}
.p-tb90 {
  padding-bottom: 90px;
  padding-top: 90px;
}
.p-tb100 {
  padding-bottom: 100px;
  padding-top: 100px;
}
.p-tb120 {
  padding-bottom: 120px;
  padding-top: 120px;
}
.p-tb150 {
  padding-bottom: 150px;
  padding-top: 150px;
}
/*-------------------------------------
	margin (around)
-------------------------------------*/
.m-a-1 {
  margin: -1px;
}
.m-a0 {
  margin: 0;
}
.m-a5 {
  margin: 5px;
}
.m-a10 {
  margin: 10px;
}
.m-a15 {
  margin: 15px;
}
.m-a20 {
  margin: 20px;
}
.m-a30 {
  margin: 30px;
}
.m-a40 {
  margin: 40px;
}
.m-a50 {
  margin: 50px;
}
.m-a60 {
  margin: 60px;
}
.m-a70 {
  margin: 70px;
}
.m-a80 {
  margin: 80px;
}
.m-a90 {
  margin: 90px;
}
.m-a100 {
  margin: 100px;
}
.m-a110 {
  margin: 110px;
}
.m-a120 {
  margin: 120px;
}
.m-a130 {
  margin: 130px;
}
.m-a140 {
  margin: 140px;
}
.m-a150 {
  margin: 150px;
}
/*-------------------------------------
	marging (top)
-------------------------------------*/
.m-t0 {
  margin-top: 0;
}
.m-t5 {
  margin-top: 5px;
}
.m-t10 {
  margin-top: 10px;
}
.m-t15 {
  margin-top: 15px;
}
.m-t20 {
  margin-top: 20px;
}
.m-t30 {
  margin-top: 30px;
}
.m-t40 {
  margin-top: 40px;
}
.m-t50 {
  margin-top: 50px;
}
.m-t60 {
  margin-top: 60px;
}
.m-t70 {
  margin-top: 70px;
}
.m-t80 {
  margin-top: 80px;
}
.m-t90 {
  margin-top: 90px;
}
.m-t100 {
  margin-top: 100px;
}
.m-t110 {
  margin-top: 110px;
}
.m-t120 {
  margin-top: 120px;
}
.m-t130 {
  margin-top: 130px;
}
.m-t140 {
  margin-top: 140px;
}
.m-t150 {
  margin-top: 150px;
}
/*-------------------------------------
	marging (bottom)
-------------------------------------*/
.m-b0 {
  margin-bottom: 0;
}
.m-b5 {
  margin-bottom: 5px;
}
.m-b10 {
  margin-bottom: 10px;
}
.m-b15 {
  margin-bottom: 15px;
}
.m-b20 {
  margin-bottom: 20px;
}
.m-b30 {
  margin-bottom: 30px;
}
.m-b40 {
  margin-bottom: 40px;
}
.m-b50 {
  margin-bottom: 50px;
}
.m-b60 {
  margin-bottom: 60px;
}
.m-b70 {
  margin-bottom: 70px;
}
.m-b80 {
  margin-bottom: 80px;
}
.m-b90 {
  margin-bottom: 90px;
}
.m-b100 {
  margin-bottom: 100px;
}
.m-b110 {
  margin-bottom: 110px;
}
.m-b120 {
  margin-bottom: 120px;
}
.m-b130 {
  margin-bottom: 130px;
}
.m-b140 {
  margin-bottom: 140px;
}
.m-b150 {
  margin-bottom: 150px;
}
/*-------------------------------------
	marging (left)
-------------------------------------*/
.m-l0 {
  margin-left: 0;
}
.m-l5 {
  margin-left: 5px;
}
.m-l10 {
  margin-left: 10px;
}
.m-l15 {
  margin-left: 15px;
}
.m-l20 {
  margin-left: 20px;
}
.m-l30 {
  margin-left: 30px;
}
.m-l40 {
  margin-left: 40px;
}
.m-l50 {
  margin-left: 50px;
}
.m-l60 {
  margin-left: 60px;
}
.m-l70 {
  margin-left: 70px;
}
.m-l80 {
  margin-left: 80px;
}
.m-l90 {
  margin-left: 90px;
}
.m-l100 {
  margin-left: 100px;
}
.m-l110 {
  margin-left: 110px;
}
.m-l120 {
  margin-left: 120px;
}
.m-l130 {
  margin-left: 130px;
}
.m-l140 {
  margin-left: 140px;
}
.m-l150 {
  margin-left: 150px;
}
/*-------------------------------------
	marging (right)
-------------------------------------*/
.m-r0 {
  margin-right: 0;
}
.m-r5 {
  margin-right: 5px;
}
.m-r10 {
  margin-right: 10px;
}
.m-r15 {
  margin-right: 15px;
}
.m-r20 {
  margin-right: 20px;
}
.m-r30 {
  margin-right: 30px;
}
.m-r40 {
  margin-right: 40px;
}
.m-r50 {
  margin-right: 50px;
}
.m-r60 {
  margin-right: 60px;
}
.m-r70 {
  margin-right: 70px;
}
.m-r80 {
  margin-right: 80px;
}
.m-r90 {
  margin-right: 90px;
}
.m-r100 {
  margin-right: 100px;
}
.m-r110 {
  margin-right: 110px;
}
.m-r120 {
  margin-right: 120px;
}
.m-r130 {
  margin-right: 130px;
}
.m-r140 {
  margin-right: 140px;
}
.m-r150 {
  margin-right: 150px;
}
/*-------------------------------------
	marging (left right)
-------------------------------------*/
.m-lr0 {
  margin-left: 0;
  margin-right: 0;
}
.m-lr5 {
  margin-left: 5px;
  margin-right: 5px;
}
.m-lr10 {
  margin-left: 10px;
  margin-right: 10px;
}
.m-lr15 {
  margin-left: 15px;
  margin-right: 15px;
}
.m-lr20 {
  margin-left: 20px;
  margin-right: 20px;
}
.m-lr30 {
  margin-left: 30px;
  margin-right: 30px;
}
.m-lr40 {
  margin-left: 40px;
  margin-right: 40px;
}
.m-lr50 {
  margin-left: 50px;
  margin-right: 50px;
}
.m-lr60 {
  margin-left: 60px;
  margin-right: 60px;
}
.m-lr70 {
  margin-left: 70px;
  margin-right: 70px;
}
.m-lr80 {
  margin-left: 80px;
  margin-right: 80px;
}
.m-lr90 {
  margin-left: 90px;
  margin-right: 90px;
}
.m-lr100 {
  margin-left: 100px;
  margin-right: 100px;
}
.m-lr120 {
  margin-left: 120px;
  margin-right: 120px;
}
.m-lr150 {
  margin-left: 150px;
  margin-right: 150px;
}
/*-------------------------------------
	marging (top bottom)
-------------------------------------*/
.m-tb0 {
  margin-bottom: 0;
  margin-top: 0;
}
.m-tb5 {
  margin-bottom: 5px;
  margin-top: 5px;
}
.m-tb10 {
  margin-bottom: 10px;
  margin-top: 10px;
}
.m-tb15 {
  margin-bottom: 15px;
  margin-top: 15px;
}
.m-tb20 {
  margin-bottom: 20px;
  margin-top: 20px;
}
.m-tb30 {
  margin-bottom: 30px;
  margin-top: 30px;
}
.m-tb40 {
  margin-bottom: 40px;
  margin-top: 40px;
}
.m-tb50 {
  margin-bottom: 50px;
  margin-top: 50px;
}
.m-tb60 {
  margin-bottom: 60px;
  margin-top: 60px;
}
.m-tb70 {
  margin-bottom: 70px;
  margin-top: 70px;
}
.m-tb80 {
  margin-bottom: 80px;
  margin-top: 80px;
}
.m-tb90 {
  margin-bottom: 90px;
  margin-top: 90px;
}
.m-tb100 {
  margin-bottom: 100px;
  margin-top: 100px;
}
.m-tb120 {
  margin-bottom: 120px;
  margin-top: 120px;
}
.m-tb150 {
  margin-bottom: 150px;
  margin-top: 150px;
}
/*-------------------------------------
	colum gap less
-------------------------------------*/
.no-col-gap [class*="col-xs-"],
.no-col-gap [class*="col-sm-"],
.no-col-gap [class*="col-md-"],
.no-col-gap [class*="col-lg-"] {
  padding-left: 0;
  padding-right: 0;
}
/*____POSITIONS ( absolute , relative , statice & z-index)
======================================*/
/*-------------------------------------
	position
-------------------------------------*/
/*relative*/
.relative {
  position: relative;
}
/*absolute*/
.absolute {
  position: absolute;
}
/*static*/
.static {
  position: static;
}
/*-------------------------------------
	z-index
-------------------------------------*/
.z-index1 {
  z-index: 1;
}
.z-index2 {
  z-index: 2;
}
.z-index3 {
  z-index: 3;
}
.z-index4 {
  z-index: 4;
}
.z-index5 {
  z-index: 5;
}
.z-index6 {
  z-index: 6;
}
.z-index7 {
  z-index: 7;
}
.z-index8 {
  z-index: 8;
}
.z-index9 {
  z-index: 9;
}
.z-index10 {
  z-index: 10;
}
.z-index100 {
  z-index: 100;
}
.z-index999 {
  z-index: 999;
}
/*____COLOR
======================================*/
/*-------------------------------------
	text
-------------------------------------*/
.text-white {
  color: var(--pd-text-white);
}
.text-black {
  color: var(--pd-text-black);
}
.text-accent {
  color: var(--pd-accent);
}
/*-------------------------------------
	background color
-------------------------------------*/
.bg-transparent {
  background-color: transparent;
}
.bg-dark {
  background-color: var(--pd-dark-2);
}
.bg-white {
  background-color: var(--pd-bg-white);
}
.bg-gray {
  background-color: var(--pd-bg-gray);
}
.bg-gradient-dark {
  background-image: var(--pd-gradient-dark);
}
.bg-gradient-light {
  background-image: var(--pd-gradient-light);
}
.gradientText {
  background: -webkit-linear-gradient(
    275deg,
    var(--pd-light-1),
    var(--pd-light-2)
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
/*-------------------------------------
	background image
-------------------------------------*/
/* .bg-parallax {
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
} */
@media only screen and (max-width: 768px) {
  .bg-parallax {
    background-attachment: fixed !important;
    background-position: center !important;
    background-repeat: no-repeat;
    background-size: cover;
  }
}
/*____OVERLAY ( transparient box style  )
======================================*/
.overlay-wraper {
  position: relative;
}
.overlay-main {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.5;
}
.opacity-01 {
  opacity: 0.1;
}
.opacity-02 {
  opacity: 0.2;
}
.opacity-03 {
  opacity: 0.3;
}
.opacity-04 {
  opacity: 0.4;
}
.opacity-05 {
  opacity: 0.5;
}
.opacity-06 {
  opacity: 0.6;
}
.opacity-07 {
  opacity: 0.7;
}
.opacity-08 {
  opacity: 0.8;
}
.opacity-09 {
  opacity: 0.9;
}
.overlay-light .overlay-main {
  opacity: 0.3;
}
.overlay-dark .overlay-main {
  opacity: 0.9;
}
.overlay-wraper > .container,
.overlay-wraper > .container-fluid,
.overlay-wraper > .mt-icon-box-wraper,
.overlay-wraper > .mt-left-part,
.overlay-wraper > .mt-right-part {
  position: relative;
  z-index: 1;
}
/*left right part css*/
.mt-left-part,
.mt-right-part {
  width: 570px;
}
.mt-left-part {
  float: right;
}
@media only screen and (max-width: 1200px) {
  .mt-left-part,
  .mt-right-part {
    width: 100%;
  }
  .mt-left-part {
    clear: both;
    float: none;
    padding-left: 30px;
  }
  .mt-right-part {
    padding-right: 30px;
  }
}
@media only screen and (max-width: 768px) {
  .mt-left-part,
  .mt-right-part {
    width: 100%;
    padding: 0px 15px;
  }
  .mt-left-part {
    clear: both;
    float: none;
  }
}
/*use for box*/
.overlay-bx {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
}
.overlay-icon {
  list-style: none;
  position: absolute;
  left: 0%;
  top: 50%;
  width: 100%;
  z-index: 1 !important;
  transform: translateX(-50%) translateY(-50%);
}
.overlay-icon a {
  display: inline-block;
  padding: 0;
  margin: 0px;
}
.overlay-icon .mt-icon-box-xs {
  line-height: 40px;
}
.overlay-icon a:hover {
  color: #fff;
}
.overlay-bx:hover a > i,
.mt-thum-bx:hover .overlay-bx a > i,
:hover .overlay-bx a > i {
  opacity: 1;
  visibility: visible;
  transition: all 0.5s ease-in-out;
}
.overlay-bx:hover,
.mt-thum-bx:hover .overlay-bx,
.mt-box:hover .overlay-bx,
.ow-img:hover .overlay-bx,
.ow-portfolio-img:hover .overlay-bx {
  opacity: 1;
  visibility: visible;
}
/*____BOXES CSS 
======================================*/
.rounded-bx,
.mt-box,
.mt-icon-box,
.mt-icon-box-small,
.mt-thum-bx,
.mt-post-thum {
  position: relative;
}
/*-------------------------------------
	box content
-------------------------------------*/
.mt-box {
  position: relative;
}
.mt-box.no-margin {
  margin-bottom: 0;
}
/*-------------------------------------
	For icons with box
-------------------------------------*/
.mt-icon-box-xld,
.mt-icon-box-xl,
.mt-icon-box-lg,
.mt-icon-box-md,
.mt-icon-box-sm,
.mt-icon-box-xs {
  display: inline-block;
  text-align: center;
}
.mt-icon-box-xld {
  width: 180px;
  height: 180px;
}
.mt-icon-box-xl {
  width: 150px;
  height: 150px;
}
.mt-icon-box-lg {
  width: 120px;
  height: 120px;
}
.mt-icon-box-md {
  width: 100px;
  height: 100px;
}
.mt-icon-box-sm {
  width: 80px;
  height: 80px;
}
.mt-icon-box-xs {
  width: 40px;
  height: 40px;
}
.mt-icon-box-xld.radius,
.mt-icon-box-xl.radius,
.mt-icon-box-lg.radius,
.mt-icon-box-md.radius,
.mt-icon-box-sm.radius,
.mt-icon-box-xs.radius {
  border-radius: 100%;
}
.mt-icon-box-xld i,
.mt-icon-box-xl i,
.mt-icon-box-lg i,
.mt-icon-box-md i,
.mt-icon-box-sm i,
.mt-icon-box-xs i {
  vertical-align: middle;
  line-height: 1;
}
.mt-icon-box-xld i {
  font-size: 100px;
}
.mt-icon-box-xl i {
  font-size: 80px;
}
.mt-icon-box-lg i {
  font-size: 70px;
}
.mt-icon-box-md i {
  font-size: 60px;
}
.mt-icon-box-sm i {
  font-size: 50px;
}
.mt-icon-box-xs i {
  font-size: 30px;
}
.mt-icon-box-xld img,
.mt-icon-box-xl img,
.mt-icon-box-lg img,
.mt-icon-box-md img,
.mt-icon-box-sm img,
.mt-icon-box-xs img {
  vertical-align: middle;
  max-width: 100%;
  width: auto;
}
.mt-icon-box-xld img {
  height: 90px;
}
.mt-icon-box-xl img {
  height: 80px;
}
.mt-icon-box-lg img {
  height: 55px;
}
.mt-icon-box-md img {
  height: 40px;
}
.mt-icon-box-sm img {
  height: 30px;
}
.mt-icon-box-xs img {
  height: 20px;
}
/*-------------------------------------
	Border
-------------------------------------*/
.bdr-white {
  border-color: #ffffff;
}
.bdr-black {
  border-color: #000000;
}
.bdr-blue {
  border-color: var(--pd-light-2);
}
.bdr-gray {
  border-color: #dddddd;
}
.bdr-accent {
  border-color: var(--pd-accent);
}
.bdr-gray-light {
  border-color: #eeeeee;
}
.bdr-gray-dark {
  border-color: #333333;
}
.bdr-solid {
  border-style: solid;
}
.bdr-dot {
  border-style: dotted;
}
.bdr-dash {
  border-style: dashed;
}
.bdr-1 {
  border-width: 1px;
}
.bdr-2 {
  border-width: 2px;
}
.bdr-3 {
  border-width: 3px;
}
.bdr-4 {
  border-width: 4px;
}
.bdr-5 {
  border-width: 5px;
}
.bdr-l-1 {
  border-width: 0px 0px 0px 1px;
}
.bdr-r-1 {
  border-width: 0px 1px 0px 0px;
}
.bdr-t-1 {
  border-width: 1px 0px 0px 0px;
}
.bdr-b-1 {
  border-width: 0px 0px 1px 0px;
}
.bdr-l-2 {
  border-width: 0px 0px 0px 2px;
}
.bdr-r-2 {
  border-width: 0px 2px 0px 0px;
}
.bdr-t-2 {
  border-width: 2px 0px 0px 0px;
}
.bdr-b-2 {
  border-width: 0px 0px 2px 0px;
}
.bdr-l-3 {
  border-width: 0px 0px 0px 3px;
}
.bdr-r-3 {
  border-width: 0px 3px 0px 0px;
}
.bdr-t-3 {
  border-width: 3px 0px 0px 0px;
}
.bdr-b-3 {
  border-width: 0px 0px 1px 0px;
}
.bdr-l-4 {
  border-width: 0px 0px 0px 4px;
}
.bdr-r-4 {
  border-width: 0px 4px 0px 0px;
}
.bdr-t-4 {
  border-width: 4px 0px 0px 0px;
}
.bdr-b-4 {
  border-width: 0px 0px 4px 0px;
}
.bdr-l-4 {
  border-width: 0px 0px 0px 1px;
}
.bdr-r-4 {
  border-width: 0px 4px 0px 0px;
}
.bdr-t-4 {
  border-width: 4px 0px 0px 0px;
}
.bdr-b-4 {
  border-width: 0px 0px 4px 0px;
}
.bdr-r-0 {
  border-radius: 0;
}
.bdr-r-10 {
  border-radius: 10px;
}
.bdr-r-30 {
  border-radius: 30px;
}
/*-------------------------------------
	For only icons
-------------------------------------*/
.icon-xld,
.icon-xl,
.icon-lg,
.icon-md,
.icon-sm,
.icon-xs {
  display: inline-block;
  text-align: center;
}
.icon-xld i,
.icon-xl i,
.icon-lg i,
.icon-md i,
.icon-sm i,
.icon-xs i {
  vertical-align: middle;
}
.icon-xld {
  width: 120px;
}
.icon-xld i {
  font-size: 100px;
}
.icon-xld.inline-icon {
  width: auto;
}
.icon-xl {
  width: 100px;
}
.icon-xl i {
  font-size: 80px;
}
.icon-xl.inline-icon {
  width: auto;
}
.icon-lg {
  width: 80px;
}
.icon-lg i {
  font-size: 60px;
}
.icon-lg.inline-icon {
  width: auto;
}
.icon-md {
  width: 60px;
}
.icon-md i {
  font-size: 45px;
}
.icon-md.inline-icon {
  width: auto;
}
.icon-sm {
  width: 40px;
}
.icon-sm i {
  font-size: 30px;
}
.icon-sm.inline-icon {
  width: auto;
}
.icon-xs {
  width: 30px;
}
.icon-xs i {
  font-size: 20px;
}
.icon-xs.inline-icon {
  width: auto;
}
.icon-xld img,
.icon-xl img,
.icon-lg img,
.icon-md img,
.icon-sm img,
.icon-xs img {
  vertical-align: middle;
  max-width: 100%;
  width: auto;
}
.icon-xld img {
  height: 90px;
}
.icon-xl img {
  height: 80px;
}
.icon-lg img {
  height: 70px;
}
.icon-md img {
  height: 60px;
}
.icon-sm img {
  height: 30px;
}
.icon-xs img {
  height: 20px;
}
/*-------------------------------------
	place icon with box
-------------------------------------*/
.about-types .mt-icon-box-wraper {
  border-width: 0px 0px 0px 3px;
}
.mt-icon-box-wraper {
  position: relative;
}
.mt-icon-box-wraper .mt-tilte {
  margin-top: 0;
}
.mt-icon-box-wraper .after-titile-line {
  margin-bottom: 10px;
}
.mt-icon-box-wraper p:last-child {
  margin: 0px;
}
.icon-content {
  overflow: hidden;
}
.mt-icon-box-xld,
.mt-icon-box-xl,
.mt-icon-box-lg,
.mt-icon-box-md,
.mt-icon-box-sm,
.mt-icon-box-xs {
  display: table;
}
.mt-icon-box-xld .icon-cell,
.mt-icon-box-xl .icon-cell,
.mt-icon-box-lg .icon-cell,
.mt-icon-box-md .icon-cell,
.mt-icon-box-sm .icon-cell,
.mt-icon-box-xs .icon-cell {
  display: table-cell;
  vertical-align: middle;
}
/*-------------------------------------
	icon box left align
-------------------------------------*/
.mt-icon-box-wraper.left .mt-icon-box-xld,
.mt-icon-box-wraper.left .mt-icon-box-xl,
.mt-icon-box-wraper.left .mt-icon-box-lg,
.mt-icon-box-wraper.left .mt-icon-box-md,
.mt-icon-box-wraper.left .mt-icon-box-sm,
.mt-icon-box-wraper.left .mt-icon-box-xs {
  float: left;
  margin-right: 20px;
}
.mt-icon-box-wraper.left .icon-xld,
.mt-icon-box-wraper.left .icon-xl,
.mt-icon-box-wraper.left .icon-lg,
.mt-icon-box-wraper.left .icon-md,
.mt-icon-box-wraper.left .icon-sm,
.mt-icon-box-wraper.left .icon-xs {
  float: left;
  margin-right: 10px;
}
/*-------------------------------------
	icon box right align
-------------------------------------*/
.mt-icon-box-wraper.right {
  text-align: right;
}
.mt-icon-box-wraper.right .mt-icon-box-xld,
.mt-icon-box-wraper.right .mt-icon-box-xl,
.mt-icon-box-wraper.right .mt-icon-box-lg,
.mt-icon-box-wraper.right .mt-icon-box-md,
.mt-icon-box-wraper.right .mt-icon-box-sm,
.mt-icon-box-wraper.right .mt-icon-box-xs {
  float: right;
  display: table;
  margin-left: 20px;
}
.mt-icon-box-wraper.right .icon-xld,
.mt-icon-box-wraper.right .icon-xl,
.mt-icon-box-wraper.right .icon-lg,
.mt-icon-box-wraper.right .icon-md,
.mt-icon-box-wraper.right .icon-sm,
.mt-icon-box-wraper.right .icon-xs {
  float: right;
  margin-left: 10px;
}
/*-------------------------------------
	icon box center align
-------------------------------------*/
.mt-icon-box-wraper.center {
  text-align: center;
}
.mt-icon-box-wraper.center .mt-icon-box-xld,
.mt-icon-box-wraper.center .mt-icon-box-xl,
.mt-icon-box-wraper.center .mt-icon-box-lg,
.mt-icon-box-wraper.center .mt-icon-box-md,
.mt-icon-box-wraper.center .mt-icon-box-sm,
.mt-icon-box-wraper.center .mt-icon-box-xs {
  margin-left: auto;
  margin-right: auto;
}
.mt-icon-box-wraper.bx-style-1,
.mt-icon-box-wraper.bx-style-2 {
  border-width: 1px;
  border-style: solid;
  border-color: #ddd;
}
.mt-icon-box-wraper.bx-style-2.center [class*="mt-icon-box-"],
.mt-icon-box-wraper.bx-style-2.left [class*="mt-icon-box-"],
.mt-icon-box-wraper.bx-style-2.right [class*="mt-icon-box-"] {
  position: absolute;
}
.mt-icon-box-wraper.bx-style-2.center [class*="mt-icon-box-"] {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateY(-50%);
}
.mt-icon-box-wraper.bx-style-2.center .mt-icon-box-xl {
  margin-left: -75px;
}
.mt-icon-box-wraper.bx-style-2.center .mt-icon-box-lg {
  margin-left: -60px;
}
.mt-icon-box-wraper.bx-style-2.center .mt-icon-box-md {
  margin-left: -50px;
}
.mt-icon-box-wraper.bx-style-2.center .mt-icon-box-sm {
  margin-left: -40px;
}
.mt-icon-box-wraper.bx-style-2.center .mt-icon-box-xs {
  margin-left: -20px;
}
.mt-icon-box-wraper.bx-style-2.left [class*="mt-icon-box-"] {
  position: absolute;
  top: auto;
  left: 0;
  transform: translateX(-50%);
}
.mt-icon-box-wraper.bx-style-2.right [class*="mt-icon-box-"] {
  position: absolute;
  top: auto;
  right: 0;
  transform: translateX(50%);
}
/*-------------------------------------
	media with content box css
-------------------------------------*/
.mt-box,
.mt-info,
.mt-tilte,
.mt-tilte-inner {
  position: relative;
}
.mt-tilte-inner {
  display: inline-block;
}
.mt-tilte-inner.skew-title:after {
  content: "";
  position: absolute;
  right: -15px;
  top: 0;
  width: 50px;
  height: 100%;
  z-index: -1;
  transform: skewX(20deg);
}
.mt-box[class*="border-"],
.mt-info[class*="border-"],
.mt-icon-box-wraper[class*="border-"] {
  border-color: #eee;
}
.mt-info.border-1,
.mt-info.border-2,
.mt-info.border-3,
.mt-info.border-4,
.mt-info.border-5 {
  border-top: none;
}
/*-------------------------------------
	for images
-------------------------------------*/
.mt-thum-bx,
.mt-post-thum {
  background-color: #000;
}
.mt-thum-bx img,
.mt-post-thum img {
  width: 100%;
  height: auto;
}
/*____IMAGES OVERLAY EFFECTS (overly animation on images)  
======================================*/
.mt-img-overlay1,
.mt-img-overlay2,
.mt-img-overlay7 {
  position: relative;
}
.mt-img-overlay1:before,
.mt-img-overlay1:after,
.mt-img-overlay2:before,
.mt-img-overlay2:after,
.mt-img-overlay7:before,
.mt-img-overlay7:after {
  content: "";
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  opacity: 0.4;
  z-index: 0;
  transition: all 0.3s linear;
}
.gradi-black:before,
.gradi-black:after,
.gradi-white:before,
.gradi-white:after {
  content: "";
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  opacity: 0.4;
  z-index: 1;
  transition: all 0.3s linear;
}
/*-------------------------------------
	effect 1
-------------------------------------*/
.mt-img-overlay1:before {
  width: 100%;
  height: 100%;
  opacity: 0;
}
.mt-img-overlay1:hover:before,
.mt-box:hover .mt-img-overlay1:before {
  opacity: 0.5;
}
/*-------------------------------------
	effect 2
-------------------------------------*/
.mt-img-overlay2:before {
  width: 100%;
  height: 100%;
  opacity: 0;
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.65) 100%
  );
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );*/
  /* IE6-9 */
}
.mt-img-overlay2:hover:before,
.mt-box:hover .mt-img-overlay2:before {
  opacity: 0.9;
}
/*-------------------------------------
	7. effect 7
-------------------------------------*/
.mt-img-overlay7:before,
.mt-img-overlay7:after {
  height: 100%;
}
.mt-img-overlay7:after {
  left: auto;
  right: 0;
}
.mt-img-overlay7:hover:before,
.mt-img-overlay7:hover:after,
.mt-box:hover .mt-img-overlay7:before,
.mt-box:hover .mt-img-overlay7:after {
  width: 50%;
}
/*-------------------------------------
	Gradient-black
-------------------------------------*/
.gradi-black:before {
  width: 100%;
  height: 100%;
  opacity: 1;
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.9) 90%,
    rgba(0, 0, 0, 1) 100%
  );
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#000000', GradientType=0);
  /* IE6-9 */
}
/*-------------------------------------
	Gradient-white
-------------------------------------*/
.gradi-white:before {
  width: 100%;
  height: 100%;
  opacity: 1;
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0) 0%,
    rgba(255, 255, 255, 0.9) 90%,
    rgba(255, 255, 255, 1) 100%
  );
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#ffffff', GradientType=0);
  /* IE6-9 */
}
/*____shortcodeS 
======================================*/
/*----------------------
	HOVER Animation
------------------------*/
.arrow-animation {
  position: relative;
  -webkit-animation: linear infinite alternate;
  -webkit-animation-name: run;
  -webkit-animation-duration: 1s;
  animation: linear infinite alternate;
  animation-name: run;
  animation-duration: 1s;
}
@keyframes run {
  0% {
    left: 0;
  }
  50% {
    left: 5px;
  }
  100% {
    left: 0;
  }
}
/*-------------------------------------
	Title separators 
-------------------------------------*/
.mt-separator-outer {
  overflow: hidden;
}
/*Separator defualt*/
.mt-separator-outer.separator-left {
  text-align: left;
}
.mt-separator-outer.separator-right {
  text-align: right;
}
.mt-separator-outer.separator-center {
  text-align: center;
}
.mt-separator-outer.separator-left .mt-separator .sep-line-one {
  margin-bottom: 0px;
}
.mt-separator-outer.separator-center .mt-separator .sep-line-one {
  margin-bottom: 0px;
}
/* .mt-separator-outer.separator-left .mt-separator{margin-left:60px;} */
/* .mt-separator-outer.separator-left .mt-separator::after {display:none;} */
/* .mt-separator-outer.separator-left .mt-separator .sep-line-one::after {display:none;} */
/* .mt-separator-outer.separator-right .mt-separator{margin-right:60px;} */
/* .mt-separator-outer.separator-right .mt-separator::before {display:none;} */
/* .mt-separator-outer.separator-right .mt-separator .sep-line-one::before {display:none;} */
.mt-separator {
  display: inline-block;
  margin-top: 0px;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 18px;
  margin-bottom: 30px;
  transition: all 0.5s linear;
}
@media only screen and (max-width: 768px) {
  .mt-separator {
    margin-bottom: 0px;
  }
  .section-head.left .mt-separator {
    margin-bottom: 20px;
  }
  .section-head.text-center .mt-separator {
    margin-bottom: 20px;
  }
  .section-head h2 {
    font-size: 20px;
    line-height: 28px;
  }
}
.mt-separator,
.sep-line-one,
.sep-line-two {
  position: relative;
}
.mt-separator:after,
.sep-line-one:after,
.mt-separator:before,
.sep-line-one:before {
  transition: width 0.3s ease-in-out;
}
.mt-separator:after,
.sep-line-one:after {
  position: absolute;
  content: "";
  background-color: #f5be23;
  height: 2px;
}
.mt-separator:after {
  width: 50px;
  right: -60px;
  top: 12px;
}
.sep-line-one:after {
  width: 30px;
  right: -40px;
  top: 22px;
}
/*.sep-line-two:after{	width: 30px;	right: -40px;	top: 8px;}*/
.mt-separator:before,
.sep-line-one:before {
  position: absolute;
  content: "";
  background-color: #f5be23;
  height: 2px;
}
.mt-separator:before {
  width: 50px;
  left: -60px;
  top: 12px;
}
.sep-line-one:before {
  width: 30px;
  left: -40px;
  top: 22px;
}
/*.sep-line-two:before{ 	width: 30px;	left: -40px;	top: 8px;}*/
.section-head:hover .mt-separator:after {
  width: 30px;
}
.section-head:hover .sep-line-one:after {
  width: 35px;
}
.section-head:hover .mt-separator:before {
  width: 30px;
}
.section-head:hover .sep-line-one:before {
  width: 35px;
}
@media only screen and (max-width: 768px) {
  .mt-separator h1,
  .mt-separator h2,
  .mt-separator h3 {
    font-size: 24px;
    margin-bottom: 0px;
  }
  .our-exp h3 {
    font-size: 24px;
  }
  h3 {
    font-size: 20px;
    line-height: 28px;
  }
  h4 {
    font-size: 16px;
    line-height: 22px;
  }
  h3 .font-weight-100 {
    font-weight: 300;
  }
}
/*-------------------------------------
	Deviders 
-------------------------------------*/
.mt-divider {
  height: 1px;
  position: relative;
  margin: 30px 0;
}
.mt-divider.divider-2px {
  height: 2px;
}
.mt-divider.divider-3px {
  height: 3px;
}
.mt-divider.divider-4px {
  height: 4px;
}
.mt-divider i {
  position: absolute;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  display: block;
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  transform: translateY(-50%);
}
.mt-divider.icon-left {
  margin-left: 40px;
}
.mt-divider.icon-left i {
  left: -40px;
}
.mt-divider.icon-right {
  margin-right: 40px;
}
.mt-divider.icon-right i {
  left: auto;
  right: -40px;
}
.mt-divider.icon-center i {
  left: 50%;
  margin-left: -5px;
}
/*-------------------------------------
	TABS 
-------------------------------------*/
.mt-tabs:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
@media only screen and (max-width: 767px) {
  .mt-tabs .nav-tabs > li {
    float: none;
  }
}
.mt-tabs p:last-child {
  margin-bottom: 0;
}
/*tabs style 1 [ default ] */
.mt-tabs .tab-pane {
  padding: 20px;
  background-color: #f9f9f9;
}
.mt-tabs .nav-tabs > li > .nav-link {
  color: #000;
  font-size: 12px;
  padding: 15px;
  letter-spacing: 1px;
  text-transform: uppercase;
  border: 0px;
  border-bottom: 3px solid transparent;
}
.mt-tabs .nav-tabs > li .nav-link.active,
.mt-tabs .nav-tabs > li .nav-link.active:focus,
.mt-tabs .nav-tabs > li .nav-link.active:hover {
  background-color: #fff;
  border-bottom: 3px solid #1a1a1a;
  color: #000;
}
.mt-tabs .nav > li > .nav-link:focus,
.mt-tabs .nav > li > .nav-link:hover {
  background-color: transparent;
  border: 0px;
}
.mt-tabs .nav li .nav-link:hover {
  border: 1px;
}
.mt-tabs .nav-tabs > li > .nav-link i {
  margin-right: 5px;
}
.mt-tabs.tabs-default.has-bg .nav-tabs > li > .nav-link {
  color: #fff;
}
.mt-tabs.tabs-default.has-bg .nav-tabs > li .nav-link.active,
.mt-tabs.tabs-default.has-bg .nav-tabs > li .nav-link.active:focus,
.mt-tabs.tabs-default.has-bg .nav-tabs > li .nav-link.active:hover {
  color: #000;
  border-color: #ddd #ddd #fff;
}
.mt-tabs.tabs-default.has-bg .tab-pane {
  color: #fff;
}
/* tabs nav center */
.mt-tabs.nav-center > .nav-tabs {
  display: table;
  margin-left: auto;
  margin-right: auto;
}
/*tabs bg  [ tabs background ] */
.mt-tabs.bg-tabs .nav-tabs > li > .nav-link {
  border: 0px;
  margin-right: -1px;
  border-bottom: 4px solid transparent;
}
.mt-tabs.bg-tabs .nav-tabs > li .nav-link.active {
  border-bottom: 0px;
  background-color: #f5bf23;
  color: #000;
  border-bottom: 4px solid #f5bf23;
}
.mt-tabs.bg-tabs.has-bg .tab-pane {
  color: #fff;
}
/*tabs bg  [ tabs background ] */
.mt-tabs.vertical.bg-tabs .nav-tabs > li > .nav-link {
  border-bottom: 4px solid transparent;
}
.mt-tabs.vertical.bg-tabs .nav-tabs > li .nav-link.active {
  border-bottom: 1px solid transparent;
  background-color: #f9f9f9;
  color: #000;
  border-bottom: 4px solid #c3c3c3;
}
.mt-tabs.vertical.right.bg-tabs .nav-tabs > li > .nav-link {
  border: 1px solid #ddd;
}
.mt-tabs.vertical.right.bg-tabs .nav-tabs > li .nav-link.active {
  border-left: 1px solid transparent;
}
/*tabs bg & top border  [ tabs background & top border in active ] */
.mt-tabs.border-top .nav-tabs > li .nav-link.active {
  color: #1a1a1a;
}
.mt-tabs.border-top .nav-tabs > li .nav-link.active:after {
  content: "";
  position: absolute;
  top: -1px;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #000;
}
.mt-tabs.border-top.vertical .nav-tabs > li .nav-link.active:after {
  top: 0px;
  left: -1px;
  width: 3px;
  height: 100%;
}
/*tabs style 2 [ content with border outer ] */
.mt-tabs.border .tab-pane {
  padding: 10px;
  border: 1px solid #ddd;
  margin-top: -1px;
}
/*tabs style 3  [ left-nav ] */
.mt-tabs.vertical .nav-tabs {
  float: left;
  width: 170px;
  border-bottom: none;
  border-right: 0px;
}
@media only screen and (max-width: 720px) {
  .mt-tabs.vertical .nav-tabs {
    width: 100%;
    float: none;
    border-right: 0px;
  }
  .mt-tabs.vertical .tab-content {
    width: 100%;
    margin-left: 0px !important;
  }
}
.mt-tabs.vertical .tab-pane {
  padding: 10px 10px 10px 20px;
}
.mt-tabs.vertical .nav-tabs li {
  float: none;
  margin-right: 0px;
  display: block;
  width: 100%;
}
.mt-tabs.vertical .nav-tabs li .nav-link {
  margin-right: 0;
  border-right: none;
  border-radius: 0px;
  color: #000;
  border-bottom: 3px solid transparent;
  display: block;
  text-align: left;
  width: 100%;
}
.mt-tabs.vertical .nav-tabs li .nav-link.active {
  border-bottom: 3px solid #1a1a1a;
  background-color: #fff;
}
.mt-tabs.vertical .tab-content {
  border-left: 0px;
  margin-left: 169px;
}
@media only screen and (max-width: 720px) {
  .mt-tabs.vertical .tab-pane {
    padding: 10px 0 10px 0px;
  }
}
/*tabs style 4  [ left-nav & content with border ] */
.mt-tabs.vertical.border .tab-pane {
  padding: 20px;
  margin-left: -1px;
}
/*tabs style 5  [ right-nav ] */
.mt-tabs.vertical.right .nav-tabs {
  border-left: 1px solid #ddd;
  border-right: none;
  float: right;
}
.mt-tabs.vertical.right .nav-tabs li {
  margin-right: 0;
  margin-left: -1px;
}
.mt-tabs.vertical.right .nav-tabs li .nav-link {
  border-right: 1px solid transparent;
  border-left: none;
}
.mt-tabs.vertical.right .nav-tabs li .nav-link.active {
  border-right: 1px solid #ddd;
  border-left: none;
}
.mt-tabs.vertical.right .tab-content {
  border-left: none;
  border-right: 1px solid #ddd;
  margin-right: 169px;
  margin-left: 0;
}
.mt-tabs.vertical.right .tab-pane {
  padding: 10px 20px 10px 0;
}
/*tabs style 6  [ right-nav & content with border ]*/
.mt-tabs.vertical.right.border .tab-pane {
  padding: 20px;
  margin-right: -1px;
}
/*-------------------------------------
	Accordians 
-------------------------------------*/
.mt-accordion .mt-panel {
  background-color: transparent;
  border: none;
  margin: 0 auto 10px auto;
  border-radius: 0;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  max-width: 900px;
  width: 100%;
  background-color: var(--pd-bg-gray);
}
.mt-tabs {
  max-width: 720px;
  width: 100%;
}
.acod-head {
  position: relative;
}
.acod-title {
  margin-top: 0;
  margin-bottom: 0;
}
.acod-title a {
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.acod-head .fa {
  margin-right: 0px;
}
.acod-head a {
  display: block;
  padding: 15px 50px 15px 15px;
  font-size: 20px;
  font-weight: 700;
  font-family: "Futura", sans-serif !important;
}
.acod-head a,
.acod-head a:hover,
.acod-head a:active,
.acod-head a:focus {
  color: #000;
}
.acod-body {
  color: #000;
}
/*Accodian open close indicator css*/
.acod-head .indicator {
  padding: 15px;
  color: #ffffff;
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  background-color: var(--pd-accent);
}
.acod-head .indicator .fa {
  position: relative;
}
.acod-content.p-tb15 {
  padding: 15px;
}
.acod-content p:last-child {
  margin-bottom: 0px;
}
/*.acod-head .indicator .fa:after,
.acod-head .indicator .fa:before{	position:absolute;	content:"";	right:0px;	top:-4px;	height:1px;	width:13px;	background-color:#000;}*/
.acc-bg-dark .acod-head .indicator .fa:after,
.acc-bg-dark .acod-head .indicator .fa:before {
  color: #000;
}
.acod-head.acc-actives .indicator .fa:before,
.acod-head [aria-expanded="false"] .indicator .fa:before {
  content: "\f067";
  font-family: "FontAwesome";
}
.acod-head.acc-actives .indicator .fa:before,
.acod-head [aria-expanded="true"] .indicator .fa:before {
  font-family: "FontAwesome";
  content: "\f068";
}
.acod-head .collapsed .indicator .fa:before,
.acod-head .collapsed [aria-expanded="false"] .indicator .fa:before {
  content: "\f067";
  font-family: "FontAwesome";
}
.acod-head .indicator .fa:before,
.acod-head [aria-expanded="true"] .indicator .fa:before {
  font-family: "FontAwesome";
  content: "\f068";
}
/* Accordion defult */
.acc-default .acod-title a {
  padding: 10px 30px 10px 20px;
  border-bottom: 1px solid #ececec;
  position: relativel;
}
.acc-default .acod-title a i {
  position: absolute;
  left: 0px;
  top: 10px;
}
.acc-default .acod-head .indicator {
  padding: 0;
}
.acc-default.acc-has-bg .acod-head a,
.acc-default.acc-has-bg .acod-head a:hover,
.acc-default.acc-has-bg .acod-head a:active,
.acc-default.acc-has-bg .acod-head a:focus,
.acc-default.acc-has-bg .acod-head .indicator,
.acc-default.acc-has-bg .acod-body {
  color: #fff;
}
/* Accordion outline */
.acc-outline .acod-title a {
  border: 1px solid #ddd;
}
.acc-outline.acc-has-bg .acod-head a,
.acc-outline.acc-has-bg .acod-head a:hover,
.acc-outline.acc-has-bg .acod-head a:active,
.acc-outline.acc-has-bg .acod-head a:focus,
.acc-outline.acc-has-bg .acod-head .indicator,
.acc-outline.acc-has-bg .acod-body {
  color: #fff;
}
/* Accordion bg gray */
.acc-bg-gray a {
  background-color: #f5f5f5;
}
.acc-bg-gray .acod-head .indicator {
  color: #000;
}
.acc-bg-gray.acc-has-bg .acod-body {
  color: #fff;
}
/* Accordion bg primary */
.acc-site-bg-primary a {
  background-color: #f5be23;
}
.acc-site-bg-primary .acod-head a,
.acc-site-bg-primary .acod-head a:hover,
.acc-site-bg-primary .acod-head a:active,
.acc-site-bg-primary .acod-head a:focus {
  color: #fff;
}
.acc-site-bg-primary .acod-head .indicator {
  color: #fff;
}
.acc-site-bg-primary.acc-has-bg .acod-body {
  color: #fff;
}
/* Accordion bg white */
.acc-bg-white a {
  background-color: #fff;
}
.acc-bg-white .acod-head a,
.acc-bg-white .acod-head a:hover,
.acc-bg-white .acod-head a:active,
.acc-bg-white .acod-head a:focus {
  color: #222;
}
.acc-bg-white .acod-head .indicator {
  color: #222;
}
.acc-bg-white.acc-has-bg .acod-body {
  color: #222;
}
/* Accordion bg dark */
.acc-bg-dark a {
  background-color: #000;
}
.acc-bg-dark .acod-head a,
.acc-bg-dark .acod-head a:hover,
.acc-bg-dark .acod-head a:active,
.acc-bg-dark .acod-head a:focus {
  color: #fff;
}
.acc-bg-dark .acod-head .indicator {
  color: #000;
  background-color: #f8f8f8;
}
.acc-bg-dark .acod-head .fa {
  color: #f5bf23;
}
.acc-bg-dark.acc-has-bg .acod-body {
  color: #fff;
}
/*-------------------------------------
	Carousals
-------------------------------------*/
/* Client carousal 1*/
.ow-client-logo {
  display: table;
  width: 100%;
}
.client-logo {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  padding: 10px;
}
.owl-carousel .owl-item .client-logo img {
  max-height: 100%;
  width: auto;
  display: inline-block;
}
.client-logo-media img {
  max-width: 100% !important;
  margin: 0px auto !important;
  width: 50% !important;
}
/*-------------------------------------
	7. Testimonials 
-------------------------------------*/
.testimonial-pic {
  background: #fff;
  width: 100px;
  height: 100px;
  position: relative;
  display: inline-block;
  border: 5px solid #fff;
}
.quote-left,
.quote-right {
  position: relative;
}
.quote-left:before,
.quote-right:after {
  font-family: "FontAwesome";
  position: absolute;
  z-index: 10;
  top: 15px;
}
.quote-left:before {
  content: "\f10d";
  left: 0;
}
.quote-right:after {
  content: "\f10e";
  left: auto;
  right: 0;
}
.testimonial-text {
  padding: 15px;
  position: relative;
}
.testimonial-text p:last-child {
  margin: 0;
}
.testimonial-detail {
  padding: 5px;
}
.testimonial-name,
.testimonial-position {
  display: block;
}
.testimonial-text p {
  margin: 0;
}
/*testimonial 2*/
.testimonial-1 .testimonial-text {
  padding: 30px 0px 15px 0px;
  font-size: 16px;
  font-style: italic;
}
.testimonial-1 .testimonial-text .fa-quote-right {
  font-size: 48px;
  color: rgba(245, 190, 25, 0.3);
  padding-bottom: 20px;
}
.testimonial-1 .testimonial-detail {
  padding: 0px;
}
.testimonial-1 .testimonial-pic {
  width: 85px;
  height: 85px;
  border: 5px solid #f0f0f0;
  border-radius: 50%;
}
.testimonial-1 .testimonial-pic img {
  border-radius: 50%;
}
.testimonial-1 .testimonial-name,
.testimonial-1 .testimonial-position {
  padding: 2px 0;
}
.testimonial-1 .testimonial-name {
  color: #1a1a1a;
}
.testimonial-1 .testimonial-position {
  color: #1a1a1a;
}
.testimonial-1 .quote-left:before {
  top: 50px;
}
/*testimonial 1 with background image*/
.testimonial-1.testimonial-bg .testimonial-name,
.testimonial-1.testimonial-bg .testimonial-position {
  color: #f5bf23;
}
@media only screen and (max-width: 768px) {
  .testimonial-1.no-bg-testimonial {
    margin: 0px;
    border: 1px solid #f0f0f0;
  }
  .testimonial-1 {
    padding: 0px;
    margin: 0px;
  }
}
/*testimonial 2*/
.testimonial-2 {
  margin: 0px;
}
.testimonial-2 .testimonial-text {
  background-color: #fff;
  padding: 15px 0px;
}
.testimonial-2 .testimonial-text .fa-quote-right {
  position: absolute;
  right: 5px;
  top: -20px;
  font-size: 40px;
  color: rgba(13, 213, 142, 0.3);
}
.testimonial-2 .testimonial-detail {
  padding: 0px;
}
.testimonial-2 .testimonial-pic,
.testimonial-grid-2 .testimonial-pic {
  float: left;
  margin-right: 15px;
  width: 85px;
  height: 85px;
  border: 5px solid #f0f0f0;
  border-radius: 50%;
}
.testimonial-2 .testimonial-pic img,
.testimonial-grid-2 .testimonial-pic img {
  border-radius: 50%;
}
.testimonial-2 .testimonial-name,
.testimonial-2 .testimonial-position {
  padding: 2px 0;
}
.testimonial-2 .testimonial-name {
  color: #1a1a1a;
}
.testimonial-2 .testimonial-position {
  color: #1a1a1a;
  font-size: 14px;
}
.testimonial-2 .quote-left:before {
  top: 50px;
}
/*testimonial 2 with background image*/
.testimonial-2.testimonial-bg .testimonial-name,
.testimonial-2.testimonial-bg .testimonial-position {
  color: #f5bf23;
}
@media only screen and (max-width: 768px) {
  .testimonial-2.no-bg-testimonial {
    margin: 0px;
    border: 1px solid #f0f0f0;
  }
  .testimonial-2 {
    padding: 0px;
    margin: 0px;
  }
}
.testimonial-home .owl-prev,
.testimonial-home .owl-next {
  background-color: transparent;
  color: #ffffff;
  padding: 8px 10px;
  width: 35px;
  height: 35px;
  text-align: center;
  font-size: 13px;
  display: inline-block;
  cursor: pointer;
}
.testimonial-home .owl-prev i,
.testimonial-home .owl-next i {
  font-size: 24px;
  font-weight: 800;
}
.block-shadow {
  border: 1px solid #ddd;
  transition: all 0.5s linear;
}
/*-------------------------------------
	Alert box 
-------------------------------------*/
.alert.alert-sm {
  padding: 5px 15px;
  font-size: 12px;
}
.alert.alert-lg {
  padding: 25px 15px;
  font-size: 16px;
}
.alert.alert-xl {
  padding: 35px 15px;
  font-size: 18px;
}
.alert[class*="alert-"] i {
  margin-right: 8px;
}
.alert.no-radius {
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
}
.alert.no-bg {
  background-color: transparent;
  border-width: 2px;
}
.alert[class*="alert-"] ul {
  padding-left: 25px;
  margin-top: 10px;
}
.alert[class*="alert-"] ul li:before {
  color: #a94442;
}
/*-------------------------------------
	Image effects 
-------------------------------------*/
.mt-img-effect {
  position: relative;
  overflow: hidden;
  display: block;
}
.mt-img-effect img {
  display: block;
  margin: 0;
  max-width: 100%;
  height: auto;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  transition: all 0.25s;
  -moz-transition: all 0.25s;
  -webkit-transition: all 0.25s;
  -o-transition: all 0.25s;
}
/* 10.1 image-opacity */
.mt-img-effect.opacity img:hover {
  opacity: 0.8;
  -moz-opacity: 0.8;
  -webkit-opacity: 0.8;
}
/*image-zoom */
.mt-img-effect.zoom-slow img {
  transition: all 10s;
  -moz-transition: all 10s;
  -webkit-transition: all 10s;
  -o-transition: all 10s;
}
.mt-img-effect.zoom-slow:hover img {
  transform: scale(2);
}
/*image-zoom */
.mt-img-effect.zoom img {
  transition: all 1s;
  -moz-transition: all 1s;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
}
/*image-zoom-slow */
.mt-img-effect.zoom:hover img {
  transform: scale(1.2);
}
/*image-shrink */
.mt-img-effect.shrink:hover img {
  transform: scale(0.8);
  -ms-transform: scale(0.8);
  -webkit-transform: scale(0.8);
  -o-transform: scale(0.8);
  -moz-transform: scale(0.8);
}
/*image-side-pan */
.mt-img-effect.side-pan:hover img {
  margin-left: -9%;
  transform: scale(1.2);
  -ms-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -o-transform: scale(1.2);
  -moz-transform: scale(1.2);
}
/*image-vertical-pan */
.mt-img-effect.vertical-pan:hover img {
  margin-top: -10%;
  transform: scale(1.2);
  -ms-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -o-transform: scale(1.2);
  -moz-transform: scale(1.2);
}
/*image-fade-in */
.mt-img-effect.fade-in {
  background: #000;
}
.mt-img-effect.fade-in img {
  opacity: 0.65;
  -moz-opacity: 0.65;
  -webkit-opacity: 0.65;
}
.mt-img-effect.fade-in:hover img {
  opacity: 1;
  -moz-opacity: 1;
  -webkit-opacity: 1;
}
/*image-fade-out */
.mt-img-effect.fade-out {
  background: #000;
}
.mt-img-effect.fade-out:hover img {
  opacity: 0.7;
  -moz-opacity: 0.7;
  -webkit-opacity: 0.7;
}
/*image-rotate */
.mt-img-effect.rotate:hover img {
  transform: scale(1.5) rotate(-20deg);
}
/*image-sepia */
.mt-img-effect.sepia img {
  filter: sepia(100%);
}
.algo-image-hover.sepia:hover img {
  filter: sepia(0);
}
/*image-blurr */
.mt-img-effect.blurr img {
  transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
}
.mt-img-effect.blurr:hover img {
  filter: blur(3px);
  -webkit-filter: blur(3px);
  -moz-filter: blur(3px);
  -o-filter: blur(3px);
  -ms-filter: blur(3px);
}
/*image-blurr-invert */
.mt-img-effect.blurr-invert img {
  transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
}
.mt-img-effect.blurr-invert img {
  filter: blur(3px);
  -webkit-filter: blur(3px);
  -moz-filter: blur(3px);
  -o-filter: blur(3px);
  -ms-filter: blur(3px);
}
.mt-img-effect.blurr-invert:hover img {
  filter: blur(0px);
  -webkit-filter: blur(0px);
  -moz-filter: blur(0px);
  -o-filter: blur(0px);
  -ms-filter: blur(0px);
}
/*image off color */
.mt-img-effect.off-color img {
  filter: grayscale(0);
  -webkit-filter: grayscale(0);
  -moz-filter: grayscale(0);
  -o-filter: grayscale(0);
  -ms-filter: grayscale(0);
}
.mt-img-effect.off-color:hover img {
  filter: grayscale(1);
  -webkit-filter: grayscale(1);
  -moz-filter: grayscale(1);
  -o-filter: grayscale(1);
  -ms-filter: grayscale(1);
}
/*image on color */
.mt-img-effect.on-color img {
  filter: grayscale(1);
  -webkit-filter: grayscale(1);
  -moz-filter: grayscale(1);
  -o-filter: grayscale(1);
  -ms-filter: grayscale(1);
}
.mt-img-effect.on-color:hover img {
  filter: grayscale(0);
  -webkit-filter: grayscale(0);
  -moz-filter: grayscale(0);
  -o-filter: grayscale(0);
  -ms-filter: grayscale(0);
}
/*-------------------------------------
	Modal pop 
-------------------------------------*/
.modal-xlg {
  width: 1000px;
}
.provider_registration .bootstrap-select div.dropdown-menu ul li a {
  font-weight: 600;
}
.provider_registration
  .bootstrap-select
  div.dropdown-menu
  ul
  li
  a
  span.childcat {
  font-weight: 400;
  color: #7c7c7c;
}
@media only screen and (max-width: 1024px) {
  .modal-xlg {
    width: auto;
    margin-left: 15px;
    margin-right: 15px;
  }
}
/*-------------------------------------
	Social icons 
-------------------------------------*/
.social-icons {
  list-style: none;
  margin-left: -3px;
  margin-right: -3px;
  font-size: 12px;
  margin: 0px;
}
.social-icons li {
  display: inline-block;
  text-align: center;
}
.social-icons li a {
  display: block;
  padding: 3px;
}
.social-icons.social-md {
  font-size: 18px;
}
.social-icons.social-lg li a {
  font-size: 24px;
}
.social-icons.has-bg li a:hover {
  color: #fff;
}
.social-icons.social-light a {
  color: #fff;
}
.social-icons.social-light.has-bg li a:hover {
  color: #777;
}
.social-icons.social-dark a {
  color: #000000;
}
.social-icons.social-dark a:hover {
  color: #fff;
}
.social-icons.social-dark.has-bg li a:hover {
  color: #777;
}
.social-icons.social-square a,
.social-icons.social-radius a {
  width: 24px;
  height: 24px;
  line-height: 24px;
  padding: 0;
}
.social-icons.social-square.social-md a,
.social-icons.social-radius.social-md a {
  width: 36px;
  height: 36px;
  line-height: 36px;
  padding: 0;
  border: 1px solid #ececec;
  margin-right: 2px;
}
.social-icons.social-square.social-lg a,
.social-icons.social-radius.social-lg a {
  width: 40px;
  height: 40px;
  line-height: 40px;
  padding: 0;
}
.social-icons.social-square.social-primary a,
.social-icons.social-radius.social-primary a {
  background-color: #000;
  color: #fff;
}
.social-icons.social-square.social-primary a:hover,
.social-icons.social-radius.social-primary a:hover {
  background-color: #1a1a1a;
}
.social-icons.social-square.social-dark a,
.social-icons.social-radius.social-dark a {
  background-color: #fff;
}
.social-icons.social-square.social-dark a:hover,
.social-icons.social-radius.social-dark a:hover {
  background-color: #1a1a1a;
  color: #fff;
}
.social-icons.social-square.social-dark.has-bg a:hover,
.social-icons.social-radius.social-dark.has-bg a:hover {
  border: 1px solid #777;
}
.social-icons.social-darkest a {
  color: #454747;
}
.social-icons.social-square.social-darkest a:hover,
.social-icons.social-radius.social-darkest a:hover {
  background-color: #000;
  color: #fff;
}
.social-icons.social-radius a {
  border-radius: 100px;
}
.social-icons.social-square.social-dark.white-border a,
.social-icons.social-radius.social-dark.white-border a {
  background: none;
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 1);
}
/*social icon default */
.mt-social-icon {
  display: inline-block;
  margin: 0 -3px;
  padding: 0;
}
.mt-social-icon li {
  display: inline-block;
  padding: 0;
  font-size: 12px;
}
.mt-social-icon li a {
  display: inline-block;
  width: 24px;
  height: 24px;
  padding: 4px;
}
.mt-social-icon li .fa {
  vertical-align: middle;
}
/*social icon with border */
.mt-social-icon.border li {
  padding: 0 3px;
}
.mt-social-icon.border li a {
  border: 1px solid #efeded;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
}
/*social icon dark */
.mt-social-links.dark li {
  padding: 0 3px;
}
.mt-social-icon.dark li a {
  border: 1px solid #777777;
  color: #777777;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
}
/*social share icon style 1 */
.mt-share-icon li {
  border: none;
  width: 36px;
  display: block;
  float: left;
  white-space: nowrap;
  overflow: hidden;
  margin-right: 0;
}
.mt-share-icon li a {
  color: #fff;
}
.mt-share-icon li i {
  border-right: none;
  font-size: 14px;
  color: #fff;
  width: 36px;
  height: 34px;
  line-height: 34px;
  padding: 0;
  text-align: center;
}
.mt-share-icon li.fb {
  background: #354d89;
}
.mt-share-icon li.fb i {
  background: #3a5799;
}
.mt-share-icon li.gp {
  background: #d34b2b;
}
.mt-share-icon li.gp i {
  background: #e35736;
}
.mt-share-icon li.tw {
  background: #029fdf;
}
.mt-share-icon li.tw i {
  background: #00abf0;
}
.mt-share-icon li.dig {
  background: #1d61aa;
}
.mt-share-icon li.dig i {
  background: #2b6fb8;
}
.mt-share-icon li.lin {
  background: #0176be;
}
.mt-share-icon li.lin i {
  background: #0082ca;
}
.mt-share-icon li.pin {
  background: #ac0104;
}
.mt-share-icon li.pin i {
  background: #bd0e15;
}
.mt-share-icon li:hover {
  width: 90px;
}
/*-------------------------------------
	Breadcrumb 
-------------------------------------*/
/*breadcrumb-row-1*/
.mt-breadcrumb {
  margin: 0;
  list-style: none;
}
.mt-breadcrumb li {
  padding: 0;
  margin-right: 7px;
  color: #fff;
  position: relative;
  display: inline-block;
  font-size: 12px;
}
.mt-breadcrumb li a {
  color: #f5be23;
}
.mt-breadcrumb li a:hover {
  color: #f5be23;
}
.mt-breadcrumb li:last-child {
  color: #fff;
}
.mt-breadcrumb li:first-child a i {
  font-size: 18px;
  vertical-align: text-top;
}
.mt-breadcrumb li:last-child:after {
  display: none;
}
/*Breadcrumb-1*/
.breadcrumb-style-2 li:after {
  content: "\f101";
  margin-left: 7px;
  font-family: "FontAwesome";
  color: #fff;
  font-size: 16px;
  font-weight: normal;
}
/*-------------------------------------
	Google map 
-------------------------------------*/
.google-map {
  width: 100%;
  height: 460px;
}
.google-map iframe {
  width: 100%;
  border: 0px;
  filter: grayscale(100%);
}
/*-------------------------------------
	Countdown clock 
-------------------------------------*/
.count-row {
  background: #333;
}
#countdown-clock {
  display: table;
  text-align: center;
  width: 80%;
  margin-left: -15px;
  border: 1px solid #3f3f3f;
  margin: 17px 0;
}
#countdown-clock span {
  display: table-cell;
  width: 1%;
  color: #fff;
  padding: 5px 15px;
  text-transform: uppercase;
  font-weight: 600;
  color: #999;
  border-right: 1px solid #3f3f3f;
}
#countdown-clock span:last-child {
  border-right: none;
}
#countdown-clock span b {
  display: block;
  font-size: 25px;
  font-weight: 900;
  color: #fff;
}
@media only screen and (max-width: 991px) {
  #countdown-clock {
    width: 100%;
  }
}
/*-------------------------------------
	Form elements 
-------------------------------------*/
label {
  font-weight: 600;
  margin-bottom: 10px;
}
.panel-default,
.panel-default > .panel-heading {
  border-color: #e7ecf1;
  color: inherit;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #e7ecf1;
}
.form-group {
  margin-bottom: 25px;
}
.form-control {
  border-color: #e1e6eb;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  height: 40px;
  font-size: 13px;
  line-height: 20px;
  padding: 9px 12px 9px 12px;
}
.form-control:focus {
  border-color: #e1e1e1;
  outline: 0;
}
.form-control:focus,
.has-error .form-control:focus {
  box-shadow: none;
}
.form-control.kv-fileinput-caption {
  height: 39px;
}
.form-group.form-inline .radio,
.form-group.form-inline .checkbox {
  margin-right: 15px;
}
/* input group */
.input-group {
  width: 100%;
}
.input-group .form-control,
.input-group-addon,
.input-group-btn {
  display: table-cell;
}
.input-group-addon {
  background: #fff;
  border-color: #e1e1e1;
  padding: 6px 14px;
  font-size: 16px;
}
.input-group-addon.font-size-20 {
  font-size: 20px;
}
.input-group-addon.fixed-w {
  text-align: center;
  padding: 6px 0;
  width: 40px;
}
.input-group-addon.v-align-t {
  line-height: 30px;
}
/* radio & checkbox */
input[type="checkbox"],
input[type="radio"] {
  opacity: 0;
  margin-left: 1px !important;
}
input[type="checkbox"] + label,
input[type="radio"] + label {
  display: block;
  padding-left: 20px !important;
  position: relative;
}
input[type="checkbox"] + label:hover:before,
input[type="radio"] + label:hover:before {
  border-color: #3396d1;
}
input[type="checkbox"] + label:before,
input[type="radio"] + label:before {
  background-color: #fff;
  border: 2px solid #b6b7b8;
  border-radius: 0px;
  content: "";
  display: inline-block;
  height: 16px;
  line-height: 1;
  margin-left: -20px;
  position: absolute;
  top: 2px;
  transition: all linear 0.1s;
  width: 16px;
}
input[type="checkbox"] + label:after {
  color: #fff;
  content: "\f00c";
  font-family: FontAwesome;
  font-size: 0px;
  -webkit-font-smoothing: antialiased;
  left: 6px;
  position: absolute;
  top: 7px;
  transition: all linear 0.1s;
}
input[type="checkbox"]:checked + label:before {
  border-width: 7px;
  border-color: #3396d1;
}
input[type="checkbox"]:checked + label:after {
  font-size: 10px;
  left: 2px;
  top: 2px;
}
input[type="radio"] + label:before {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  content: "";
}
input[type="radio"]:checked + label:before {
  border-color: #3396d1;
  border-width: 5px;
}
.form-inline .checkbox input[type="checkbox"],
.form-inline .radio input[type="radio"] {
  position: absolute;
  left: 0;
  bottom: 0;
}
/*Browse Button css */
.btn-file {
  overflow: hidden;
  position: relative;
}
.btn-file input[type="file"] {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  cursor: inherit;
  display: block;
  min-height: 100%;
  min-width: 100%;
  opacity: 0;
  position: absolute;
  right: 0;
  text-align: right;
  top: 0;
}
/*validation symbol */
.has-feedback label ~ .form-control-feedback {
  top: 31px;
}
/*error for select box */
.has-error .bootstrap-select .dropdown-toggle,
.has-error .bootstrap-select .dropdown-toggle:hover,
.has-error .bootstrap-select .dropdown-toggle:focus {
  border-color: #a94442 !important;
}
/*succes for select box */
.has-success .bootstrap-select .dropdown-toggle,
.has-success .bootstrap-select .dropdown-toggle:hover,
.has-success .bootstrap-select .dropdown-toggle:focus {
  border-color: #3c763d !important;
}
/*textarea */
/* resize-vertical*/
.resize-vertical {
  resize: vertical;
}
/*resize-horizontal*/
.resize-horizontal {
  resize: horizontal;
}
/*resize-none*/
.resize-none {
  resize: none;
}
/*-------------------------------------
	 Loading 
-------------------------------------*/
/*loading - 1*/
.loading-area {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9999;
  overflow: hidden;
}
.loading-box {
  width: 100%;
  height: 100%;
  background-color: #fff;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 1;
  z-index: 9999;
}
.loading-pic {
  width: 100%;
  position: absolute;
  top: 50%;
  z-index: 99999;
  text-align: center;
  transform: translateY(-50%);
}
/*loading - 2*/
.loading-cover,
.loading-srh-bar,
.loading-map {
  background: rgba(255, 255, 255, 0.8);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.loading-cover .fa-spinner,
.loading-srh-bar .fa-spinner,
.loading-map .fa-spinner {
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -10px;
  font-size: 25px;
  color: #333;
}

/*-------------------------------------
	Table 
-------------------------------------*/
/* Full-responsive */
.mt-responsive-table td,
.mt-responsive-table th {
  padding: 8px !important;
}
@media only screen and (max-width: 800px) {
  #no-more-tables table,
  #no-more-tables thead,
  #no-more-tables tbody,
  #no-more-tables th,
  #no-more-tables td,
  #no-more-tables tr {
    display: block;
  }
  #no-more-tables thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
    display: none;
  }
  #no-more-tables tr {
    border: 1px solid #ccc;
  }
  #no-more-tables td {
    border: none;
    border-bottom: 1px solid #eee;
    position: relative;
    padding-left: 50% !important;
    white-space: normal;
    text-align: left;
  }
  #no-more-tables td:before {
    position: absolute;
    top: 6px;
    left: 6px;
    width: 45%;
    padding-right: 10px;
    white-space: nowrap;
    text-align: left;
    font-weight: bold;
  }
  #no-more-tables td:before {
    content: attr(data-title);
  }
}
/*-------------------------------------
	Video 
-------------------------------------*/
.yt-thum-box img {
  margin: -1% 0%;
}
.embed-responsive.embed-responsive-16by9 iframe {
  width: 100%;
}
.embed-responsive.embed-responsive-16by9 .player {
  max-width: 100%;
}
.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  padding-bottom: 0px;
  overflow: hidden;
}
.embed-responsive-16by9 {
  padding-bottom: 56.25%;
}
.embed-responsive .ytp-impression-link {
  opacity: 0;
}
.ytp-impression-link {
  opacity: 0;
}
.embed-responsive .embed-responsive-item,
.embed-responsive embed,
.embed-responsive iframe,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
/*======================================
1WP DEFAULT  
======================================*/
.alignnone {
  margin: 0;
}
.aligncenter,
div.aligncenter {
  display: block;
  margin: 5px auto 15px;
}
.alignright {
  float: right;
  margin: 5px 0 25px 25px;
}
.alignleft {
  float: left;
  margin: 5px 25px 25px 0;
}
a img.alignright {
  float: right;
  margin: 5px 0 25px 25px;
}
a img.alignnone {
  margin: 5px 0 25px 0;
}
a img.alignleft {
  float: left;
  margin: 5px 25px 25px 0;
}
a img.aligncenter {
  display: block;
  margin: 5px auto 15px;
}
.wp-caption {
  max-width: 100%;
  text-align: center;
}
.wp-caption img[class*="wp-image-"] {
  display: block;
  margin: 0;
}
.wp-caption.alignnone {
  margin: 5px 0 25px 0;
}
.wp-caption.alignleft {
  margin: 5px 25px 25px 0;
}
.wp-caption.alignright {
  margin: 5px 0 25px 25px;
}
.wp-caption img {
  border: 0 none;
  height: auto;
  margin: 0;
  max-width: 100%;
  padding: 0;
  width: auto;
}
.wp-caption p.wp-caption-text {
  color: #9d9d9d;
  font-size: 13px;
  line-height: 18px;
  margin: 0;
  padding: 10px 0;
  text-align: left;
}
blockquote.author-quote {
  padding: 30px 75px 30px 60px;
  color: #000;
  margin: 40px 0;
  position: relative;
  clear: both;
  border: none;
}
blockquote.author-quote p {
  font-size: 24px;
  line-height: 32px;
}
blockquote.author-quote strong {
  font-size: 18px;
  display: block;
}
blockquote.author-quote span {
  font-size: 12px;
  line-height: 30px;
  margin-bottom: 0px;
  font-style: normal;
  text-transform: uppercase;
}
blockquote.author-quote:before {
  content: "";
  color: #555555;
  position: absolute;
  left: 0px;
  top: 15%;
  font-style: normal;
  width: 15px;
  height: 70%;
  background-color: #f5bf23;
}
blockquote.author-quote {
  position: relative;
}
blockquote.author-quote .fa-quote-right {
  font-size: 50px;
  position: absolute;
  bottom: 30px;
  right: 30px;
  color: #f5bf23;
  padding-left: 20px;
}
@media only screen and (max-width: 640px) {
  blockquote.author-quote {
    padding: 30px;
  }
}
.size-auto,
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
  max-width: 100%;
  height: auto;
}
/*____BLOG  
======================================*/
.blog-post {
  position: relative;
  margin-bottom: 30px;
}
.mt-post-title {
  margin-bottom: 20px;
}
.mt-post-title .post-title {
  margin: 0;
}
.mt-post-meta {
  margin-bottom: 20px;
}
.mt-post-meta ul {
  margin: 0px;
  list-style: none;
}
.mt-post-meta li {
  padding: 0;
  display: inline-block;
  font-size: 12px;
  font-weight: 600;
  color: #1a1a1a;
}
.mt-post-meta i {
  margin: 0 5px;
}
.mt-post-meta li:after {
  content: "-";
  display: inline-block;
  font-weight: normal;
  margin-left: 5px;
  opacity: 0.5;
}
.mt-post-meta li:last-child:after {
  display: none;
}
.mt-post-text {
  margin-bottom: 20px;
}
.mt-post-text p a {
  text-transform: uppercase;
  font-weight: 600;
  display: inline-block;
}
.mt-post-text p:last-child {
  margin: 0;
}
.mt-post-readmore {
  margin-bottom: 0px;
}
@media only screen and (max-width: 420px) {
  .masonry-item .mt-post-info {
    padding-bottom: 0px;
  }
  .masonry-item .mt-post-title h2.post-title {
    line-height: 14px;
  }
  .masonry-item .mt-post-title h2.post-title a {
    font-size: 14px;
    line-height: none;
  }
  .news-grid .mt-post-text {
    display: none;
  }
}
.blog-single-wrap-width {
  position: relative;
  max-width: 750px;
  margin: 0px auto;
}
@media only screen and (max-width: 768px) {
  .blog-single-wrap-width {
    margin: 0px;
    max-width: 100%;
  }
}
/*-------------------------------------
	side bar
-------------------------------------*/
.side-bar .widget {
  margin-bottom: 30px;
}
@media only screen and (max-width: 991px) {
  .side-bar .widget:last-child {
    margin-bottom: 0px;
  }
}
.widget .widget-post img {
  width: 100%;
}
@media only screen and (max-width: 768px) {
  .side-bar {
    margin-top: 30px;
  }
}
/*-------------------------------------
	comment list
-------------------------------------*/
.comments-area {
  padding: 0;
}
@media only screen and (max-width: 768px) {
  .comments-area .p-tb30 {
    padding: 0px;
  }
}
.comments-area .comments-title {
  text-transform: uppercase;
  font-size: 20px;
}
ol.comment-list {
  list-style: none;
}
ol.comment-list li.comment {
  position: relative;
  padding: 0;
}
ol.comment-list li.comment .comment-body {
  position: relative;
  padding: 20px 30px 20px 130px;
  margin-left: 0px;
  color: #000;
  position: relative;
  background-color: #fff;
  margin-bottom: 10px;
  border: 1px solid #eee;
}
ol.comment-list li.comment .comment-author {
  display: block;
  margin-bottom: 10px;
}
ol.comment-list li.comment .comment-author .avatar {
  position: absolute;
  top: 20px;
  left: 30px;
  width: 80px;
  height: 80px;
  background-color: #fff;
  border-radius: 50%;
  -webkit-border-radius: 50%;
}
ol.comment-list li.comment .comment-author .fn {
  display: inline-block;
  color: #000;
  font-size: 16px;
  font-weight: 600;
  font-style: normal;
}
@media only screen and (max-width: 500px) {
  ol.comment-list li.comment .comment-author .fn {
    margin: 10px 0px 0px 0px;
  }
}
ol.comment-list li.comment .comment-author .says {
  display: none;
  color: #999999;
  font-weight: 600;
}
ol.comment-list li.comment .comment-meta {
  margin-bottom: 5px;
  font-size: 12px;
}
ol.comment-list li.comment .comment-meta a {
  color: #949292;
}
ol.comment-list li.comment .comment-meta:before,
ol.comment-list li.comment .reply a:before {
  font-family: "FontAwesome";
  font-size: 16px;
  vertical-align: top;
}
ol.comment-list li.comment p {
  margin: 0 0 10px;
  font-weight: 400;
  font-size: 13px;
}
@media only screen and (max-width: 420px) {
  ol.comment-list li.comment p {
    margin: 0 0 15px;
  }
}
ol.comment-list li.comment .reply {
  text-align: right;
}
ol.comment-list li.comment .reply a {
  font-size: 12px;
  color: #000;
  text-transform: uppercase;
  font-weight: 600;
  background-color: #f7f7f7;
  padding: 3px 8px;
  border: 1px solid #ddd;
}
ol.comment-list li.comment .reply a:hover {
  background-color: transparent;
}
ol.comment-list li .children {
  list-style: none;
  margin-left: 80px;
}
ol.comment-list li .children li {
  padding: 0;
}
@media only screen and (max-width: 640px) {
  ol.comment-list li .children {
    list-style: none;
    margin-left: 0px;
  }
}
@media only screen and (max-width: 500px) {
  ol.comment-list li.comment .comment-body {
    padding: 20px 30px 20px 20px;
    text-align: center;
  }
  ol.comment-list li.comment .comment-author .avatar {
    left: -15px;
    top: 12px;
    width: 60px;
    height: 60px;
    position: inherit;
    display: block;
    margin: 0px auto;
  }
  ol.comment-list li.comment .reply {
    text-align: center;
  }
}
@media only screen and (max-width: 380px) {
  ol.comment-list {
    padding: 0px;
  }
  ol.comment-list li.comment .comment-author .avatar {
    position: inherit;
    left: inherit;
    right: inherit;
    margin: 0px auto 20px;
    width: 50%;
    height: 20%;
    padding: 2%;
  }
  ol.comment-list li.comment {
    position: relative;
    padding: 0;
    margin-bottom: 10px;
  }
}
/*-------------------------------------
	comment form
-------------------------------------*/
/* .comment-respond .comment-reply-title {
	text-transform: uppercase;
	font-size: 20px;
}
.comment-form {
	padding: 15px 15px 30px 15px;
}
.comments-area .comment-form .comment-notes {
	display: none;
}
.comments-area .comment-form p {
	width: 33.333%;
	float: left;
	padding: 0 15px;
	margin-bottom: 30px;
	position: relative;
	font-weight: 600;
}
.comments-area .comment-form p.form-allowed-tags {
	width: 100%;
}
ol.comment-list li.comment .comment-respond .comment-form p {
	padding: 0 15px !important;
}
.comments-area .comment-form p label {
	display: none;
	line-height: 18px;
	margin-bottom: 10px;
}
.comments-area .comment-form p input[type="text"],
.comments-area .comment-form p textarea {
	width: 100%;
	height: 40px;
	padding: 10px 0px;
	border: none;
	background-color: transparent;
	border-bottom: 1px solid #cccccc;
}
.comments-area .comment-form p.comment-form-comment {
	width: 100%;
	display: block;
	clear: both;
}
.comments-area .comment-form p textarea {
	height: 120px;
	resize: none;
}
.comments-area .comment-form p.form-submit {
	clear: both;
	float: none;
	width: 100%;
	margin: 0;
}
.comments-area .comment-form p input[type="submit"] {
	background-color: #77c04b;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-width: 0;
	color: #fff;
	display: inline-block;
	font-weight: 600;
	padding: 10px 20px;
	text-transform: uppercase;
}
.comments-area .comment-form p input[type="submit"]:hover,
.comments-area .comment-form p input[type="submit"]:focus,
.comments-area .comment-form p input[type="submit"]:active {
	background-color: #6ab33e;
	border-color: #6ab33e;
	color: #fff;
}
.comment-respond .form-submit .site-button {
	font-weight: 300;
	padding: 15px 30px;
}
.comment-form .form-control::-webkit-input-placeholder {
	/* Chrome/Opera/Safari 
	color: #000;
	font-size: 12px;
	text-transform: uppercase;
}
.comment-form .form-control::-moz-placeholder {
	/* Firefox 19+ 
	color: #000;
	font-size: 12px;
	text-transform: uppercase;
}
.comment-form .form-control:-ms-input-placeholder {
	/* IE 10+ 
	color: #000;
	font-size: 12px;
	text-transform: uppercase;
}
.comment-form .form-control:-moz-placeholder {
	/* Firefox 18- 
	color: #000;
	font-size: 12px;
	text-transform: uppercase;
}
@media only screen and (max-width: 767px) {
	.comments-area .comment-form p {
		width: 100%;
		float: none;
		margin-bottom: 20px;
	}
}
@media only screen and (max-width:1280px) {
	.mt-post-info-inner {
		padding: 20px;
	}
}
@media only screen and (max-width:767px) {
	.mt-post-info-inner {
		height: auto;
	}
} */
/*-------------------------------------
	blog grid-post
-------------------------------------*/
.blog-post .grid-post li {
  float: left;
  width: 50%;
  border-right: 4px solid #fff;
  border-bottom: 4px solid #fff;
  list-style: none;
}
.blog-post .grid-post li:first-child {
  width: 100%;
}
.blog-post .grid-post li .portfolio-item {
  width: 100%;
}
.portfolio-item {
  width: 100%;
  position: relative;
  overflow: hidden;
  color: #fff;
  width: 100%;
  border: 0;
  position: relative;
}
@media only screen and (max-width: 768px) {
  .portfolio-item iframe {
    width: 100%;
    background-color: #000;
  }
}
.blog-post .grid-post li img {
  width: 100%;
}
/*-------------------------------------
	if no image with blog post Latest-blog-3
-------------------------------------*/
.date-style-2 .post-date {
  color: #fff;
  position: absolute;
  right: 20px;
  top: 20px;
  text-align: center;
  text-transform: uppercase;
  background-color: #f5bf23;
  z-index: 1;
  padding: 15px;
}
.date-style-2 .post-date strong,
.date-style-2 .post-date span {
  display: block;
  padding: 10px 5px;
}
.date-style-2 .post-date strong {
  font-size: 30px;
  line-height: 36px;
  padding: 0px;
  position: relative;
}
.date-style-2 .post-date span {
  font-size: 12px;
  font-weight: 500;
  padding: 0px;
}
.date-style-2 .post-date:after,
.date-style-2 .post-date .fa,
.date-style-outline .post-date:after,
.date-style-outline2 .post-date:after {
  display: none;
}
@media only screen and (max-width: 380px) {
  .date-style-2 .post-date strong {
    font-size: 22px;
    line-height: 26px;
  }
}
/*____date style outline========*/
.date-style-outline {
  margin-bottom: 30px;
}
.date-style-outline .post-date {
  color: #000;
  position: absolute;
  left: 20px;
  top: 20px;
  text-align: center;
  text-transform: uppercase;
  background-color: #f5bf23;
  z-index: 1;
  padding: 10px 15px;
}
.date-style-outline .post-date strong {
  font-size: 32px;
  line-height: 28px;
  padding: 0px;
  position: relative;
}
.date-style-outline .post-date i {
  display: none;
}
.date-style-outline .post-date span {
  font-size: 12px;
  font-weight: 500;
  padding: 0px;
  display: block;
}
.date-style-outline2 {
  padding: 0px 0px 0px 90px;
  margin-bottom: 60px;
}
.date-style-outline2 .post-date {
  color: #000;
  position: absolute;
  left: 0px;
  top: 0px;
  text-align: center;
  text-transform: uppercase;
  background-color: #f1f1f1;
  z-index: 1;
  padding: 10px 15px;
}
.date-style-outline2 .post-date strong {
  font-size: 32px;
  line-height: 28px;
  padding: 0px;
  position: relative;
}
.date-style-outline2 .post-date i {
  display: none;
}
.date-style-outline2 .post-date span {
  font-size: 12px;
  font-weight: 500;
  padding: 0px;
  display: block;
}
.date-style-outline2 .mt-post-meta a {
  color: #000;
}
@media only screen and (max-width: 360px) {
  .date-style-outline {
    padding-top: 70px;
  }
  .date-style-outline .post-date span {
    display: inline;
  }
  .date-style-outline .post-date {
    left: 0px;
    top: 20px;
  }
}
/*____date style outline End========*/
.recent-posts-entry-date .widget-post:last-child {
  border: none;
}
.recent-posts-entry-date .mt-post-date {
  background-color: #0e0e0e;
  width: 50px;
  float: left;
}
.recent-posts-entry-date .mt-post-date strong {
  display: block;
  font-size: 24px;
}
.recent-posts-entry-date .mt-post-date span {
  display: block;
  font-size: 9px;
  text-transform: uppercase;
  font-weight: 600;
}
.recent-posts-entry-date .mt-post-info {
  margin-left: 70px;
}
.recent-posts-entry-date .mt-post-info .post-title {
  margin-bottom: 10px;
}
.recent-posts-entry-date .mt-post-info .mt-post-meta ul {
  margin-bottom: 0px;
}
.recent-posts-entry-date .mt-post-info .mt-post-meta ul li {
  font-weight: normal;
  font-size: 12px;
  padding: 0px;
  display: inline-block;
  color: inherit;
}
.recent-posts-entry-date .mt-post-info .mt-post-meta ul li i {
  color: #7b7b7b;
  margin: 0 5px;
}
recent-posts-entry-date .mt-post-info .post-title {
  font-weight: bold;
  margin-top: 0px;
}
/*-------------------------------------
	if no image with blog post Latest-blog-3
-------------------------------------*/
.date-style-1.post-overlay .mt-post-info {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  display: table;
}
.date-style-1.post-overlay {
  height: 498px;
}
.date-style-1.post-overlay .mt-post-info .post-overlay-position {
  display: table-cell;
  vertical-align: bottom;
}
.date-style-1.post-overlay .mt-post-meta a {
  color: #fff;
}
.date-style-1.post-overlay .mt-post-meta li {
  color: #fff;
}
.date-style-1.post-overlay .mt-post-meta i {
  color: #fff;
}
.date-style-1 .mt-post-media img {
  width: 100%;
}
.date-style-1 .mt-post-meta .post-date strong {
  font-size: 38px;
  line-height: 38px;
  border-bottom: 3px solid;
  min-height: 56px;
  display: inline-block;
  margin-right: 10px;
}
/*=====================================*/
.latest-blog-4.post-overlay .mt-post-info {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  display: table;
}
.latest-blog-4.post-overlay {
  height: 360px;
}
.latest-blog-4.post-overlay .mt-post-info .post-overlay-position {
  display: table-cell;
  vertical-align: bottom;
}
.latest-blog-4.post-overlay .mt-post-meta a {
  color: #fff;
}
.latest-blog-4.post-overlay .mt-post-meta i {
  color: #fff;
}
.latest-blog-4.blog-md .mt-post-media {
  width: 230px;
  float: left;
  margin-right: 30px;
}
.latest-blog-4.blog-md .mt-post-info {
  border: none;
}
.latest-blog-4.blog-md .mt-post-tags {
  border: none;
  display: inline-block;
  padding: 0;
}
.latest-blog-4.blog-md .mt-post-meta i {
  color: #222222;
}
@media only screen and (max-width: 991px) {
  .latest-blog-4.post-overlay {
    height: 360px;
  }
}
@media only screen and (max-width: 640px) {
  .latest-blog-4.blog-md .mt-post-media {
    width: 100%;
  }
}
.black-gradient {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+50,000000+50&0+50,0.65+92 */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0) 40%,
    rgba(0, 0, 0) 92%
  );
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
  /* IE6-9 */
}
/*____BANNER
======================================*/
/*-------------------------------------
	inner page banner 
-------------------------------------*/
.mt-bnr-inr {
  height: 360px;
  background-size: cover;
  background-position: center center;
  display: table;
  width: 100%;
}
.mt-bnr-inr .container {
  display: table;
  height: 100%;
}
.mt-bnr-inr-entry {
  display: table-cell;
  vertical-align: bottom;
  text-align: center;
  position: relative;
  z-index: 1;
  vertical-align: middle;
  width: 600px;
}
.mt-bnr-inr-entry .banner-title-outer {
  position: relative;
  margin-bottom: 20px;
  border-left: 10px solid #f5be23;
  border-right: 10px solid #f5be23;
  position: relative;
  max-width: 600px;
  margin: 0px auto;
}
.mt-bnr-inr-entry .banner-title-outer:after,
.mt-bnr-inr-entry .banner-title-outer:before,
.mt-bnr-inr-entry .banner-title-outer .banner-title-name:after,
.mt-bnr-inr-entry .banner-title-outer .banner-title-name:before {
  content: "";
  position: absolute;
  background-color: #f5be23;
}
.mt-bnr-inr-entry .banner-title-outer:after {
  width: 30px;
  height: 10px;
  top: 0px;
  left: 0px;
}
.mt-bnr-inr-entry .banner-title-outer:before {
  width: 30px;
  height: 10px;
  bottom: 0px;
  left: 0px;
}
.mt-bnr-inr-entry .banner-title-outer .banner-title-name:after {
  width: 30px;
  height: 10px;
  top: 0px;
  right: 0px;
}
.mt-bnr-inr-entry .banner-title-outer .banner-title-name:before {
  width: 30px;
  height: 10px;
  bottom: 0px;
  right: 0px;
}
.mt-bnr-inr-entry .banner-title-outer .banner-title-name {
  padding: 20px 20px;
}
.mt-bnr-inr-entry .banner-title-outer h2 {
  margin-top: 0px;
  color: #fff;
  font-size: 22px;
  line-height: 32px;
  text-transform: uppercase;
  font-weight: 400;
  letter-spacing: 1px;
}
@media only screen and (max-width: 991px) {
  .mt-bnr-inr {
    height: 330px;
  }
}
@media only screen and (max-width: 540px) {
  .mt-bnr-inr-entry .banner-title-name h1,
  .mt-bnr-inr-entry .banner-title-name h2,
  .mt-bnr-inr-entry .banner-title-name h3 {
    font-size: 16px;
    line-height: normal;
  }
}
.banner-inner-row h1,
.banner-inner-row h2,
.banner-inner-row h3,
.banner-inner-row h4,
.banner-inner-row h5,
.banner-inner-row h6 {
  color: #fff;
}
/*____SLIDER
======================================*/
/*-------------------------------------
	owl slider 
-------------------------------------*/
/*-------------------------------------
	next pre btn
-------------------------------------*/
.owl-carousal .owl-nav {
  margin-top: 40px;
  text-align: center;
}
.owl-carousal .owl-nav .disabled {
  opacity: 0.5;
  cursor: default;
}
/*-------------------------------------
	owl dots button
-------------------------------------*/
.owl-carousel button.owl-dot .owl-carousal .owl-dots {
  text-align: center;
  margin-top: 20px;
}
.owl-carousel button.owl-dot {
  display: inline-block;
}
.owl-carousel button.owl-dot span {
  width: 10px;
  height: 10px;
  margin: 5px 5px;
  background: #444;
  display: block;
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  transition: opacity 200ms ease;
  transition: all 0.5s linear;
}
.owl-carousel button.owl-dot.active span,
.owl-carousel button.owl-dot:hover span {
  background: var(--pd-accent);
}
.owl-carousel .owl-dots {
  text-align: center;
  margin-top: 20px;
}
/*-------------------------------------
	owl button top to center
-------------------------------------*/
.owl-btn-top-center .owl-nav,
.owl-btn-top-left .owl-nav,
.owl-btn-top-right .owl-nav {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  margin: 0;
}
.owl-btn-top-center .owl-stage-outer,
.owl-btn-top-left .owl-stage-outer,
.owl-btn-top-right .owl-stage-outer {
  padding-top: 40px;
}
.owl-btn-top-center .owl-nav {
  text-align: center;
}
/*-------------------------------------
	owl button top to left
-------------------------------------*/
.owl-btn-top-left .owl-nav {
  text-align: left;
}
/*-------------------------------------
	owl button top to right
-------------------------------------*/
.owl-btn-top-right .owl-nav {
  text-align: right;
}
/*-------------------------------------
	owl button bottom to center [it is default position ]
-------------------------------------*/
.owl-btn-bottom-center .owl-nav {
  text-align: center;
}
/*-------------------------------------
	owl button bottom to left
-------------------------------------*/
.owl-btn-bottom-left .owl-nav {
  text-align: left;
}
/*-------------------------------------
	owl button bottom to right
-------------------------------------*/
.owl-btn-bottom-right .owl-nav {
  text-align: right;
}
/*-------------------------------------
	 owl button vertical to center
-------------------------------------*/
.owl-btn-vertical-center .owl-nav {
  margin: 0px;
}
.owl-btn-vertical-center .owl-nav .owl-prev,
.owl-btn-vertical-center .owl-nav .owl-next {
  position: absolute;
  top: 50%;
  margin: -15px 0;
}
.owl-btn-vertical-center .owl-nav .owl-prev {
  left: 0;
}
.owl-btn-vertical-center .owl-nav .owl-next {
  right: 0;
}
/*-------------------------------------
	owl button show on hover
-------------------------------------*/
.owl-btn-hover .owl-nav {
  opacity: 0;
}
.owl-btn-hover:hover .owl-nav {
  opacity: 1;
}
.owl-carousal .owl-item img {
  transform-style: inherit;
}
/*-------------------------------------
    owl slider button
-------------------------------------*/
.owl-prev,
.owl-next {
  background-color: var(--pd-accent) !important;
  color: #ffffff !important;
  padding: 8px 10px;
  width: 28px;
  height: 35px;
  text-align: center;
  font-size: 13px;
  display: inline-block;
  cursor: pointer;
}
.owl-prev {
  margin-right: 5px;
}
.owl-next {
  margin-left: 5px;
}
.owl-prev:hover,
.owl-prev:active,
.owl-prev:focus,
.owl-next:hover,
.owl-next:active,
.owl-next:focus {
  background-color: #212121;
  border-color: #212121;
  color: #ffffff;
  opacity: 0.9;
}
/*-------------------------------------
	owl dots nav position
-------------------------------------*/
.owl-dots-bottom-left .owl-dots,
.owl-dots-bottom-right .owl-dots,
.owl-dots-bottom-center .owl-dots {
  bottom: 0px;
  padding: 15px 20px;
  position: absolute;
  width: 100%;
}
.owl-dots-bottom-left .owl-dots {
  text-align: left;
}
.owl-dots-bottom-right .owl-dots {
  text-align: right;
}
/*____PAGINATION 
======================================*/
/*pagination style-1 */
.pagination-1-bx .pagination-1,
.cvf-universal-pagination-1 .pagination-1 {
  margin: 0;
}
.pagination-1 {
  padding: 10px 0;
  display: flex;
}
.pagination-1 li {
  display: block;
}
.pagination-1 li a {
  display: block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
}
.pagination-1 > li:first-child > a,
.pagination-1 > li:first-child > span {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  margin-left: 0;
}
.pagination-1 > li:last-child > a,
.pagination-1 > li:last-child > span {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.pagination-1 > li > a,
.pagination-1 > li > span {
  background-color: #fff;
  border: 1px solid #e0e0e0;
  border-right: 0px;
  color: #000;
  font-weight: 600;
  font-size: 16px;
}
.pagination-1 > li:last-child > a,
.pagination-1 > li:last-child > span {
  border-right: 1px solid #e0e0e0;
}
.pagination-1 > li > a:hover,
.pagination-1 > li > span:hover,
.pagination-1 > li > a:focus,
.pagination-1 > li > span:focus {
  background-color: #000;
  border-color: transparent;
  color: #fff;
}
.pagination-1 > .active > a,
.pagination-1 > .active > span,
.pagination-1 > .active > a:hover,
.pagination-1 > .active > span:hover,
.pagination-1 > .active > a:focus,
.pagination-1 > .active > span:focus {
  background-color: #000;
  border-color: transparent;
}
.pagination-1 > .previous > a,
.pagination-1 > .next > a {
  font-size: 12px;
}
/*____PAGE-CONTENT
======================================*/
#bg {
  background-attachment: fixed;
  background-size: cover;
}
.page-wraper {
  background: #fff;
}
.page-content {
  position: relative;
}
/*-------------------------------------
	Section Head Part 
-------------------------------------*/
.section-head {
  margin-bottom: 30px;
}
.section-head.left {
  max-width: 768px;
}
.section-head.no-margin {
  margin-bottom: 0;
}
@media only screen and (max-width: 768px) {
  .section-head.no-margin {
    margin-bottom: 30px;
  }
}
.section-head h1,
.section-head h2,
.section-head h3 {
  margin-top: 0;
  font-family: "Roboto", sans-serif;
}
.title-small {
  display: block;
  color: #7a959d;
  margin-bottom: 15px;
}
.section-head p {
  font-size: 14px;
}
.section-head p:last-child {
  margin-bottom: 0;
}
.text-center.section-head p {
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
}
.text-white {
  color: #fff;
}
.text-white h1,
.text-white h2,
.text-white h3,
.text-white h4,
.text-white h5,
.text-white h6,
.text-white p,
.text-white .title-small {
  color: #fff;
}
/*-------------------------------------
	Section Content Part 
-------------------------------------*/
@media only screen and (max-width: 1024px) {
  .section-full {
    background-attachment: scroll !important;
  }
}
@media only screen and (max-width: 480px) {
  .section-head h1,
  .section-head h2,
  .section-head h3 {
    font-size: 22px;
    line-height: inherit;
  }
  .mt-post-title h2.post-title {
    font-size: 22px;
    line-height: inherit;
  }
}
/*____THEMEFOREST REQUIRED CLASSES
======================================*/
.sticky {
  clear: both;
}
.gallery-caption {
  clear: both;
}
.bypostauthor {
  clear: both;
}
/*-------------------------------------
	Text meant only for screen readers
-------------------------------------*/
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
}
.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}
/*____ BOX MAX-WIDTH css (  )
======================================*/
.max-w100 {
  max-width: 100px;
}
.max-w200 {
  max-width: 200px;
}
.max-w300 {
  max-width: 300px;
}
.max-w400 {
  max-width: 400px;
}
.max-w500 {
  max-width: 500px;
}
.max-w600 {
  max-width: 600px;
}
.max-w700 {
  max-width: 700px;
}
.max-w800 {
  max-width: 800px;
}
.max-w900 {
  max-width: 900px;
}
.max-w1000 {
  max-width: 1000px;
}
/*____content show on image box () 
======================================*/
@media only screen and (max-width: 768px) {
  .mt-media > img,
  .mt-media a > img {
    width: 100%;
  }
}
/*____Customize  Grouping css 
======================================*/
/*-------------------------------------
	set-radius 
-------------------------------------*/
.btn,
.panel,
.form-control,
.img-thumbnail,
.panel-heading,
.dropdown-menu,
.panel-group .panel,
.nav-tabs > li > a,
.modal-content,
.navbar-toggler,
.nav-pills > li > a,
.pager li > a,
.pager li > span,
.well,
.alert,
.list-group-item:first-child,
.list-group-item:last-child,
.input-group-addon,
.btn-group-divides
  > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle),
.btn-group-divides > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child),
.mt-booking-form .mt-extra-services li .mt-icon-box-lg,
.mt-booking-form .mt-extra-services li.active .mt-icon-box-lg:after,
.searchform input[type="text"],
.searchform input[type="submit"],
ol.comment-list li.comment .comment-body {
  border-radius: 0px;
}
/*------------------------------------- 
	transition 
-------------------------------------*/
a,
.btn,
.form-control,
.overlay-bx,
.overlay-icon li a i,
.mt-icon-box-xld,
.mt-icon-box-xl,
.mt-icon-box-lg,
.mt-icon-box-md,
.mt-icon-box-sm,
.mt-icon-box-xs,
.share-social-bx li,
.indicator,
.profile-menu ul li,
.staff-member .member-done,
.how-mt-work .mt-box .shadow-bx img,
.how-mt-work .mt-box .step-no-bx,
.mt-info-has,
.mt-we-find .mt-box,
.navbar-toggler,
.logo-header,
.header-nav .nav > li > a,
.extra-nav,
.acod-head .indicator .fa {
  transition: all 0.2s linear;
}
.animate-slow {
  transition: all 0.3s ease-out;
}
.animate-mid {
  transition: all 0.5s ease-out;
}
.animate-fast {
  transition: all 0.8s ease-out;
}
/*------------------------------------- 
	float-clearfix 
-------------------------------------*/
/* .clearfix::after,
.filter-wrap::after,
.filter-wrap::after,
.mt-icon-box-wraper::after,
ol.commentlist li::after {
  content: "";
  display: table;
  clear: both;
} */
/*____Inner pages 
======================================*/
/*======================================
Background Effects
======================================*/
.bg-center {
  background-position: center;
}
.bg-top-left {
  background-position: top left;
}
.bg-top-right {
  background-position: top right;
}
.bg-top-center {
  background-position: top center;
}
.bg-bottom-left {
  background-position: bottom left;
}
.bg-bottom-right {
  background-position: bottom right;
}
.bg-bottom-center {
  background-position: bottom center;
}
.bg-left-center {
  background-position: left;
}
.bg-right-center {
  background-position: right;
}
.bg-auto {
  background-size: auto;
}
.bg-contain {
  background-size: contain;
}
.bg-cover {
  background-size: cover;
}
.bg-full-width {
  background-size: 100% auto;
}
.bg-full-height {
  background-size: auto 100%;
}
.bg-repeat {
  background-repeat: repeat;
}
.bg-no-repeat {
  background-repeat: no-repeat;
}
.bg-repeat-x {
  background-repeat: repeat-x;
}
.bg-repeat-y {
  background-repeat: repeat-y;
}
.bg-fixed {
  background-attachment: fixed;
}
.bg-scroll {
  background-attachment: scroll;
}
/*____Home Page
======================================*/
.carousal-bg-img {
  position: absolute;
  right: -65px;
  top: -50px;
  width: 100%;
}
@media only screen and (max-width: 768px) {
  .m-carousal-2 {
    margin-right: 65px;
  }
}
@media only screen and (max-width: 620px) {
  .carousal-bg-img {
    display: none;
  }
}
@media only screen and (max-width: 460px) {
  .m-carousal-2 .carousal-hover .carousal-line h2 {
    font-size: 18px;
  }
  .m-carousal-2 .carousal-hover .carousal-line p {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
  }
  .m-carousal-2 .mt-carousal-info {
    width: 100%;
    padding: 25px;
  }
}
/*____Carousal overlay content
======================================*/
.mt-carousal-block {
  position: relative;
}
.mt-carousal-info {
  position: absolute;
  bottom: 0px;
  z-index: 2;
}
.carousal-line {
  position: relative;
}
.carousal-line:after,
.carousal-line:before {
  position: absolute;
  content: "";
  background-color: #fff;
}
.carousal-line:after {
  width: 100px;
  height: 6px;
  left: -40px;
  bottom: -20px;
}
.carousal-line:before {
  width: 6px;
  height: 100px;
  left: -20px;
  bottom: -40px;
}
.carousal-hover .owl-item .gradi-black:before {
  opacity: 0;
}
.carousal-hover .owl-item.active .gradi-black:before {
  opacity: 1;
  transition: all 1s linear;
}
.carousal-hover .mt-carousal-info {
  bottom: -300px;
  opacity: 0px;
}
.carousal-hover .owl-item.active .mt-carousal-info {
  bottom: 0px;
  opacity: 1px;
  transition: all 1.5s linear;
}
@media only screen and (max-width: 460px) {
  .carousal-line::after {
    width: 80px;
    height: 4px;
    left: -17px;
    bottom: -10px;
  }
  .carousal-line::before {
    width: 4px;
    height: 80px;
    left: -12px;
    bottom: -16px;
  }
}
/*____Overlay Box 2
===========================*/
.overlay-bx-2 {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  z-index: 1;
  background-color: #000;
  opacity: 0;
  transition: all 0.5s linear;
}
.overlay-bx-2:hover {
  opacity: 0.9;
  bottom: 0px;
}
/*=========================*/
.home-client-carousal.owl-btn-center-v.owl-carousal .owl-nav {
  position: absolute;
  margin-top: 0px;
  top: -10px;
  left: -80px;
}
.home-client-carousal.owl-btn-center-v.owl-carousal .owl-nav .owl-prev {
  left: 40px;
  position: relative;
  background-color: #1a1a1a;
  margin: 0px;
}
.home-client-carousal.owl-btn-center-v.owl-carousal .owl-nav .owl-next {
  left: 5px;
  position: relative;
  top: 40px;
  background-color: #1a1a1a;
  margin: 0px;
}
@media only screen and (max-width: 800px) {
  .home-client-carousal.owl-btn-center-v.owl-carousal .owl-nav {
    left: auto;
    right: 5px;
    top: auto;
    bottom: -47px;
  }
  .home-client-carousal.owl-btn-center-v.owl-carousal .owl-nav .owl-prev {
    left: 0px;
  }
  .home-client-carousal.owl-btn-center-v.owl-carousal .owl-nav .owl-next {
    left: 5px;
    top: 0px;
  }
}
.brochur-content {
  margin-bottom: 0px;
}
@media only screen and (max-width: 767px) {
  .brochur-content {
    margin-bottom: 20px;
  }
}
/*____Work carousal
======================================*/
/*====preview inner pages ====*/
.work-carousal .owl-item.active.center {
  opacity: 1;
  z-index: 1;
  transition: all 1s linear;
}
.work-carousal {
  position: relative;
  z-index: 1;
}
.work-carousal .owl-item.active.center {
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
}
.work-carousal .mt-info {
  margin: 20px;
  background-color: #fff;
  position: relative;
  top: -50px;
  margin-bottom: -50px;
}
/* line circle O blink =================*/
.blink-circle {
  width: 60px;
  height: 60px;
  background: #fff;
  border-radius: 50%;
  position: relative;
  display: block;
  margin: 20px auto;
}
/* triangle */
.blink-circle::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-40%) translateY(-50%);
  transform-origin: center center;
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 15px solid #ff0000;
  z-index: 100;
  transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
/* pulse wave */
.blink-circle:before {
  content: "";
  position: absolute;
  width: 150%;
  height: 150%;
  animation-delay: 0s;
  animation: pulsate1 2s;
  animation-direction: forwards;
  animation-iteration-count: infinite;
  animation-timing-function: steps;
  opacity: 1;
  border-radius: 50%;
  top: -25%;
  left: -25%;
  background: #fff;
}
@keyframes pulsate1 {
  0% {
    transform: scale(0.7);
    opacity: 0.3;
  }
  100% {
    transform: scale(0.9);
    opacity: 0.3;
    box-shadow: none;
  }
}
/*____after before slider
========================*/
.rs-addon-beforeafter-btn i {
  color: #000;
}
/* cursor blink animation*/
.typewrite > .wrap:after {
  content: "|";
  animation: blink 0.7s infinite;
  position: relative;
  right: 10px;
}
@keyframes blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/* ===============Team==================*/
/* ===============Line corner ==================*/
.line-corner-outer {
  position: relative;
  z-index: 1;
}
.line-corner {
  width: 20px;
  height: 20px;
  position: absolute;
}
.line-corner.top-left {
  left: 10px;
  top: 10px;
  border-style: solid;
  border-width: 1px 0px 0px 1px;
  border-color: #000;
}
.line-corner.top-right {
  right: 10px;
  top: 10px;
  border-style: solid;
  border-width: 1px 1px 0px 0px;
  border-color: #000;
}
.line-corner.bottom-left {
  left: 10px;
  bottom: 10px;
  border-style: solid;
  border-width: 0px 0px 1px 1px;
  border-color: #000;
}
.line-corner.bottom-right {
  right: 10px;
  bottom: 10px;
  border-style: solid;
  border-width: 0px 1px 1px 0px;
  border-color: #000;
}
/* =============== Img center icon ==================*/
.img-center-icon .overlay-bx .overlay-icon {
  right: 0px;
  bottom: 0px;
  left: auto;
  top: auto;
  transform: none;
}
.img-center-icon .overlay-bx .overlay-icon a {
  color: #fff;
  background-color: #f5bf23;
}
.img-center-icon .overlay-bx .overlay-icon a:hover {
  color: #000;
}
/* =============== Project Detail ==================*/
.project-detail-outer {
  max-width: 991px;
  margin-left: auto;
  margin-right: auto;
}
.project-detail-outer .project-detail-pic .mt-media img {
  width: 100%;
}
@media only screen and (max-width: 768px) {
  .project-detail-containt p {
    columns: inherit;
    column-gap: inherit;
  }
}
/* =============== Fixed  ==================*/
.mt-full-screen-left {
  background-color: #ddd;
  height: 100%;
  left: 245px;
  padding-left: 0;
  position: fixed;
  top: 0;
  width: calc(50% - 245px);
}
.mt-full-screen-right {
  position: fixed;
  right: 0;
  top: 0;
  width: 50%;
  height: 100%;
  padding: 30px 15px;
  overflow-x: hidden;
}
.mt-thum-spacial {
  width: 100%;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  border: 20px solid #fff;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.mt-thum-spacial.mt-wide-gallery {
  border: none;
}
.mt-gallery-listing {
  list-style: none;
  margin: 0;
  padding: 0;
}
.mt-gallery-listing li {
  margin: 0 0 30px;
}
.mt-full-screen-right.mt-wide-gallery {
  padding: 0;
}
.mt-full-screen-right.mt-wide-gallery .mt-gallery-listing li {
  margin-bottom: 0;
}
/*____Modal
=============================================== */
.button-model {
  display: inline-block;
}
.custom-model .modal-header {
  border-radius: 0px;
}
.button-model > button {
  min-width: 200px;
  text-align: center !important;
  text-transform: uppercase;
  color: #fff;
  opacity: 1;
  background-color: transparent;
  padding: 0px;
  border: none;
}
.modal-footer button {
  min-width: inherit;
}
.button-model button.close {
  min-width: inherit;
  background: transparent;
  border: none;
  font-size: 26px;
  line-height: 26px;
  color: #fff;
}
/*____Responsive container
=============================================== */
.outer-box-specing {
  padding-left: 80px;
  padding-right: 80px;
}
@media only screen and (max-width: 1366px) {
  .outer-box-specing .container {
    width: 100%;
    max-width: 1170px;
  }
}
@media only screen and (max-width: 800px) {
  .outer-box-specing {
    padding-left: 0px;
    padding-right: 0px;
  }
  .aside-right-item {
    position: absolute;
    right: -20px;
    top: 0px;
    bottom: auto;
  }
}
@media only screen and (max-width: 800px) {
  .counter.font-60 {
    font-size: 36px;
  }
}
@media only screen and (max-width: 768px) {
  .counter.font-60 {
    font-size: 28px;
  }
  .counter.font-50 {
    font-size: 28px;
  }
  .testimonial-6 {
    margin: 20px 10px;
  }
}
@media only screen and (max-width: 420px) {
  .testimonial-6 {
    text-align: center;
  }
  .testimonial-6 .testimonial-pic-block {
    float: none;
    margin-bottom: 20px;
  }
  .testimonial-6 .testimonial-text {
    padding-left: 0px;
  }
}
/*____animated play btn
======================================*/
/*____ANIMATED PLAY BTN____*/
.play-now {
  position: absolute;
  left: 50%;
  top: 50%;
  display: block;
  border-radius: 50%;
  z-index: 10;
  width: 60px;
  height: 60px;
  transform: translateX(-50%) translateY(-50%);
  transform-origin: center center;
}
.play-now .icon {
  position: absolute;
  left: 50%;
  top: 50%;
  height: 65px;
  width: 65px;
  text-align: center;
  line-height: 65px;
  background-color: #fff;
  color: #000;
  z-index: 1;
  font-size: 20px;
  padding-left: 5px;
  display: block;
  transform: translateX(-50%) translateY(-50%);
  transform-origin: center center;
  border-radius: 50%;
  -ms-box-shadow: 0 5px 10px 0 rgba(255, 255, 255, 0.1);
  -o-box-shadow: 0 5px 10px 0 rgba(255, 255, 255, 0.1);
  box-shadow: 0 5px 10px 0 rgba(255, 255, 255, 0.1);
}
.play-now .ripple,
.play-now .ripple:before,
.play-now .ripple:after {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 65px;
  width: 65px;
  transform: translateX(-50%) translateY(-50%);
  transform-origin: center center;
  border-radius: 50%;
  -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3);
  -o-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3);
  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3);
  animation: ripple 3s infinite;
}
.play-now .ripple:before {
  animation-delay: 0.9s;
  content: "";
  position: absolute;
}
.play-now .ripple:after {
  animation-delay: 0.6s;
  content: "";
  position: absolute;
}
@keyframes ripple {
  70% {
    box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}
.slider-play-icon .play-now {
  right: 30%;
  left: auto;
  top: 45%;
}
/*-------------------------------------
	7. extra cell position
-------------------------------------*/
.full-social-bg {
  text-align: center;
}
.full-social-bg ul {
  list-style: none;
}
.full-social-bg li {
  text-align: center;
}
.full-social-bg li {
  display: inline-block;
}
.full-social-bg li a {
  margin: 5px 2px;
  background-color: #efefef;
  position: relative;
  top: 0px;
  width: 24px;
  height: 24px;
  line-height: 24px;
  display: inline-block;
  color: #222;
}
.full-social-bg li a:hover i {
  color: #fff;
}
.facebook:hover {
  background: #3b5998 !important;
}
.google:hover {
  background: #dd4b39 !important;
}
.instagram:hover {
  background: #517fa4 !important;
}
.tumblr:hover {
  background: #32506d !important;
}
.twitter:hover {
  background: #00aced !important;
}
.youtube:hover {
  background: #bb0000 !important;
}
/*====our ability counter=======*/
.our-ability [class*="col-"] .mt-icon-box-wraper {
  position: relative;
}
.our-ability [class*="col-"] .mt-icon-box-wraper:after {
  content: "";
  position: absolute;
  height: 30px;
  width: 1px;
  top: 0px;
  right: -15px;
  background-color: #000;
}
.our-ability [class*="col-"]:last-child .mt-icon-box-wraper:after {
  display: none;
}
@media only screen and (max-width: 991px) {
  .our-ability [class*="col-"] .mt-icon-box-wraper:after {
    display: none;
  }
}
/*-------------------------
	Our Team 1
----------------------------*/
/* .our-team-1 {
  position: relative;
  overflow: hidden;
  background-color: #ffffff;
  text-align: center;
  margin-top: 10px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  transition: all 0.5s linear;
}
.our-team-1:hover {
  margin-top: -10px;
  box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.15);
}
.our-team-1 * {
  box-sizing: border-box;
}
.our-team-1 .profile-image {
  padding: 15% 10% 0;
}
.our-team-1 .profile-image img {
  max-width: 100%;
  vertical-align: top;
  position: relative;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  max-width: 60%;
}
.our-team-1 .figcaption {
  padding: 5% 10% 15%;
}
.our-team-1 h5 {
  font-weight: 400;
  color: #222;
}
.our-team-1 .icons i {
  color: var(--pd-accent);
  display: inline-block;
  margin-right: 10px;
  font-size: 14px;
}
.our-team-1 .icons i:hover {
  color: #555;
}
.our-team-1 .icons i a {
  text-decoration: none;
} */
/*-------------------------
	Our Team 2
----------------------------*/
/* .our-team-2 {
  position: relative;
  overflow: hidden;
  text-align: center;
  margin-top: 10px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  transition: all 0.5s linear;
}
.our-team-2:hover {
  margin-top: -10px;
  box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.15);
}
.our-team-2 * {
  box-sizing: border-box;
}
.our-team-2 .profile-image {
  padding: 20px 20px 0px 20px;
}
.our-team-2 .profile-image img {
  max-width: 100%;
  vertical-align: top;
  position: relative;
  width: 100%;
}
.our-team-2 .figcaption {
  padding: 115px 20px 20px;
  background-color: #fff;
  margin-top: -100px;
}
.our-team-2 h5 {
  font-weight: 400;
}
.our-team-2 .icons i {
  color: #000;
  display: inline-block;
  font-size: 14px;
  text-align: center;
  background-color: #fff;
  width: 30px;
  height: 30px;
  line-height: 30px;
}
.our-team-2 .icons i:hover {
  color: #fff;
  background-color: #222;
}
.our-team-2 .icons i a {
  text-decoration: none;
}
@media only screen and (max-width: 991px) {
  .our-team-2:hover {
    margin-top: 10px;
  }
} */
/*=========== Flat Icons ============*/
.icon-font-block {
  display: inline-block;
  width: 24%;
  margin-bottom: 4px;
  text-align: center;
  vertical-align: top;
  background: #fff;
  padding: 1%;
  height: 100px;
  border: 1px solid #e7e7e7;
  transition: all 0.5s linear;
}
.icon-font-block:hover {
  box-shadow: 0 10px 30px 0 rgba(50, 50, 50, 0.16);
  position: relative;
  z-index: 10;
}
.icon-font-block .flat-icon {
  padding: 10px;
  display: block;
  font-size: 32px;
  line-height: 1;
}
@media only screen and (max-width: 1200px) {
  .icon-font-block {
    width: 32%;
  }
}
@media only screen and (max-width: 767px) {
  .icon-font-block {
    width: 49.6%;
  }
}
@media only screen and (max-width: 620px) {
  .icon-font-block {
    width: 100%;
  }
}
/*=========== bg-change-section ============*/
.bg-change-section {
  position: relative;
}
.bg-changer {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.section-bg {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  z-index: -1;
}
.bg-changer .section-bg:first-child {
  opacity: 1;
}
.bg-changer .section-bg {
  opacity: 0;
  will-change: opacity, transform;
  transform: scale(1);
  transition:
    opacity 0.5s 0.2s ease,
    transform 5s 0.2s ease;
}
.bg-changer .section-bg.active {
  opacity: 1;
  transform: scale(1.05);
}
.bgcall-block {
  cursor: pointer;
}
/*____Clients logo grid
======================================*/
.client-grid {
  overflow: hidden;
}
.client-grid [class*="col-"] {
  position: relative;
  z-index: 1;
}
.client-grid [class*="col-"] a {
  display: block;
  padding: 10px 20px;
  text-align: center;
}
.client-grid [class*="col-"]:after {
  content: "";
  position: absolute;
  border-bottom: 1px dashed #dcdcdc;
  border-left: 1px dashed #dcdcdc;
  position: absolute;
  left: -1px;
  bottom: -1px;
  height: 100%;
  width: 100%;
  z-index: -1;
}
.client-logo-media + .tooltip {
  bottom: auto !important;
  top: 50px !important;
  z-index: 10;
}
.grid-5 [class*="col-"] {
  width: 20%;
}
.grid-4 [class*="col-"] {
  width: 25%;
}
.grid-3 [class*="col-"] {
  width: 33.33%;
}
.grid-2 [class*="col-"] {
  width: 50%;
}
@media only screen and (max-width: 991px) {
  .grid-5 [class*="col-"] {
    width: 25%;
  }
}
@media only screen and (max-width: 767px) {
  .grid-5 [class*="col-"],
  .grid-4 [class*="col-"],
  .grid-3 [class*="col-"] {
    width: 50%;
  }
}
@media only screen and (max-width: 360px) {
  .grid-5 [class*="col-"],
  .grid-4 [class*="col-"],
  .grid-3 [class*="col-"] {
    width: 100%;
  }
}
.slider-half-part {
  margin-top: -90px;
}
.half-blocks .half-block-content {
  position: relative;
  z-index: 1;
  background-color: #f6f7f8;
}
.half-blocks .half-block-content.icon-count-2 {
  margin-bottom: 0px;
}
.half-blocks .mt-icon-box-wraper.m-b30 {
  margin-bottom: 0px;
}
.half-blocks .half-block-content .mt-tilte {
  word-spacing: normal;
}
.half-blocks-bg {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.half-blocks:hover .half-block-content {
  background-color: rgba(0, 0, 0, 0.8);
  color: #fff;
}
.half-blocks:hover .half-block-content .mt-tilte {
  color: #fff !important;
}
.half-blocks:hover .half-block-content .site-button-link {
  color: #fff !important;
}
@media only screen and (max-width: 991px) {
  .slider-half-part {
    margin-top: 80px;
  }
  .slider-half-part .no-col-gap [class*="col-xs-"],
  .slider-half-part .no-col-gap [class*="col-sm-"],
  .slider-half-part .no-col-gap [class*="col-md-"],
  .slider-half-part .no-col-gap [class*="col-lg-"] {
    padding: 0px 15px;
  }
}
@media only screen and (max-width: 768px) {
  .slider-half-part {
    margin-top: 40px;
  }
}
/*====our-speciallization====*/
.our-speciallization {
  position: relative;
  z-index: 1;
}
/*____scale images
======================================*/
.scale-bg-top,
.scale-bg-bottom {
  position: relative;
}
.scale-bg-top:before,
.scale-bg-bottom:after {
  content: "";
  position: absolute;
  left: 0px;
  width: 100%;
  height: 50px;
  opacity: 0.4;
}
.scale-bg-top:before {
  /* background-image: url("../images/background/scale-top.png"); */
  background-position: top;
  background-repeat: repeat-x;
  top: 0px;
}
.scale-bg-bottom:after {
  /* background-image: url("../images/background/scale-bottom.png"); */
  background-position: bottom;
  background-repeat: repeat-x;
  bottom: 0px;
}
.onhover-box-shadow {
  transition: all 0.5s ease-in-out;
}
.onhover-box-shadow:hover {
  box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.4);
}
/*____Progress Bar 
-------------------------------------*/
.progress-bar,
.progress {
  height: 6px;
}
.progress .tooltip {
  position: relative;
  float: right;
  margin-top: 7px;
  z-index: 1;
}
.progress .tooltip > .tooltip-inner {
  background-color: transparent;
  padding: 3px 14px;
  color: #000;
  font-weight: bold;
  font-size: 14px;
  border-radius: 0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 0;
}
.progress .popOver + .tooltip > .tooltip-arrow {
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #212121;
}
.progress {
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  overflow: visible;
  position: relative;
}
.progress-bar span {
  position: absolute;
  right: 0px;
  bottom: 4px;
  font-weight: 600;
}
.progress-bar {
  transition: width 1.5s ease-in-out;
  overflow: visible;
}
.mt-probar-1 {
  height: 4px;
}
@media only screen and (max-width: 768px) {
  .our-exp > div:last-child .progress {
    margin-bottom: 10px;
  }
}
.with-overlay.progress .tooltip > .tooltip-inner {
  background-color: #fff;
  color: #000;
}
.with-overlay.progress .popOver + .tooltip > .tooltip-arrow {
  border-top: 5px solid #fff;
}
/*========block-sahdow====*/
.box-shadow {
  box-shadow: 0px 0px 5px 0px #dcdcdc;
}
/*====multiline-animation====*/
.multi-line-animation {
  position: absolute;
  width: 100%;
  bottom: 0px;
  height: 100vh;
}
@media only screen and (max-width: 991px) {
  .multi-line-animation {
    display: none;
  }
}
.multi-line-one,
.multi-line-two,
.multi-line-three,
.multi-line-four {
  position: absolute;
  bottom: 0px;
  height: 100vh;
  width: 4px;
  z-index: 20;
  border-left: 1px solid rgba(255, 255, 255, 0.1);
}
.multi-line-one {
  left: 20%;
}
.multi-line-two {
  left: 40%;
}
.multi-line-three {
  left: 60%;
}
.multi-line-four {
  left: 80%;
}
.animation-block1 {
  animation-duration: 40s;
  animation-iteration-count: infinite;
  background-color: #2a2a2a;
  height: 10px;
  margin: 0px 0px 0px -5px;
  transform-origin: bottom;
  width: 10px;
}
.bounce-1 {
  animation-name: bounce-1;
  animation-timing-function: linear;
}
@keyframes bounce-1 {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(100vh);
  }
  100% {
    transform: translateY(0);
  }
}
.animation-block2 {
  animation-duration: 80s;
  animation-iteration-count: infinite;
  background-color: #2a2a2a;
  height: 10px;
  width: 10px;
  margin: 0px 0px 0px -5px;
  transform-origin: bottom;
}
.bounce-2 {
  animation-name: bounce-2;
  animation-timing-function: linear;
}
@keyframes bounce-2 {
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(100vh);
  }
  0% {
    transform: translateY(0);
  }
}
/*====multiline-animation End====*/
.slider-block {
  border: 20px solid #f5bf23;
}
/*====background Square block====*/
/*shape1*/
.square_shape1,
.square_shape2 {
  position: relative;
  overflow: hidden;
  z-index: 0;
}
.square_shape1:after,
.square_shape2:before {
  position: absolute;
  content: "";
  border: 40px solid rgba(191, 191, 191, 0.1);
  z-index: -1;
  /*====Wave Animation====*/
  animation: shake 1.5s ease-in-out 1.5s infinite alternate;
}
@keyframes shake {
  from {
    -webkit-transform: rotate(45deg);
  }
  to {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(35deg);
  }
}
/*shape1*/
.square_shape1:after {
  width: 450px;
  height: 250px;
  left: -300px;
  bottom: -20px;
  transform: rotate(45deg);
}
/*shape2*/
.square_shape2:before {
  width: 250px;
  height: 450px;
  right: -190px;
  bottom: -50px;
  transform: rotate(45deg);
}
.hilite-title {
  border: 0px;
}
.hilite-title.hilite-dark strong {
  color: rgba(191, 191, 191, 0.2);
}
.hilite-title strong {
  display: block;
  font-size: 80px;
  line-height: 80px;
  color: #efefef;
  font-family: "Poppins", sans-serif;
  font-weight: 900;
}
@media only screen and (max-width: 768px) {
  .hilite-title {
    display: none;
  }
}
.text-pop-up-top {
  animation: text-pop-up-top 2s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite
    alternate both;
}
@keyframes text-pop-up-top {
  0% {
    transform: translateY(0);
    transform-origin: 50% 50%;
    text-shadow: none;
  }
  100% {
    transform: translateY(-50px);
    transform-origin: 50% 50%;
    text-shadow:
      0 1px 0 #cccccc,
      0 2px 0 #cccccc,
      0 3px 0 #cccccc,
      0 4px 0 #cccccc,
      0 5px 0 #cccccc,
      0 6px 0 #cccccc,
      0 7px 0 #cccccc,
      0 8px 0 #cccccc,
      0 9px 0 #cccccc,
      0 50px 30px rgba(0, 0, 0, 0.3);
  }
}
/*-------------------------------------
	2. Count Section 
-------------------------------------*/
.icon-count-2 {
  position: relative;
  margin-bottom: 10px;
  transition: all 0.5s linear;
}
.icon-count-2 .mt-tilte {
  word-spacing: 100vw;
}
@media only screen and (max-width: 991px) {
  .icon-count-2 {
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 768px) {
  .mt-icon-box-wraper .mt-tilte {
    font-size: 16px;
    line-height: 22px;
  }
  .icon-count-2 .mt-tilte {
    word-spacing: inherit;
  }
}
.icon-count-2:after {
  position: absolute;
  content: "";
  left: 10px;
  right: 10px;
  top: -10px;
  height: 10px;
  background-color: #f5be23;
  transition: all 0.5s linear;
}
.icon-count-2 span.icon-count-number {
  position: absolute;
  right: 20px;
  top: 20px;
  font-size: 120px;
  font-weight: 800;
  color: rgba(177, 177, 177, 0.7);
  opacity: 0.3;
  line-height: 120px;
  font-family: "Poppins", sans-serif;
  transition: all 0.5s linear;
}
.icon-count-2:hover {
  background-color: #fff;
  box-shadow: 0 10px 30px 0 rgba(50, 50, 50, 0.16);
}
.icon-count-2:hover span.icon-count-number {
  color: #f5be23;
  opacity: 1;
}
.icon-count-2:hover:after {
  top: 0px;
  left: 0px;
  right: 0px;
}
/*------------------------
	Hover Image Block
---------------------------*/
.image-hover-block {
  position: relative;
  overflow: hidden;
  width: 100%;
  background: #000;
}
.image-hover-block *,
.image-hover-block:before,
.image-hover-block:after {
  box-sizing: border-box;
  transition: all 0.4s ease;
}
.image-hover-block img {
  max-width: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  vertical-align: top;
}
.image-hover-block .mt-info {
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 15px 20px;
}
.image-hover-block .mt-info .mt-tilte,
.image-hover-block .mt-info p {
  margin: 0;
  opacity: 0;
}
.image-hover-block a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
.image-hover-block:hover img {
  zoom: 1;
  filter: alpha(opacity=20);
  -webkit-opacity: 0.2;
  opacity: 0.2;
}
.image-hover-block:hover .mt-info .mt-tilte,
.image-hover-block:hover .mt-info p {
  opacity: 1;
}
.image-hover-block:hover .mt-info .mt-tilte {
  transition-delay: 0.3s;
}
.image-hover-block:hover .mt-info p {
  transition-delay: 0.35s;
}
.image-hover-block:before,
.image-hover-block:after {
  position: absolute;
  top: 20px;
  right: 20px;
  content: "";
  background-color: #fff;
  z-index: 1;
  opacity: 0;
}
.image-hover-block:before {
  width: 0;
  height: 1px;
}
.image-hover-block:after {
  height: 0;
  width: 1px;
}
.image-hover-block:hover:before,
.image-hover-block:hover:after {
  opacity: 1;
  transition-delay: 0.25s;
}
.image-hover-block:hover:before {
  width: 40px;
}
.image-hover-block:hover:after {
  height: 40px;
}
/*------------------------
	Slide bottom section
--------------------------*/
.image-effect-one {
  position: relative;
  overflow: hidden;
  background-color: #000;
}
.image-effect-one *,
.image-effect-one *:before,
.image-effect-one *:after {
  box-sizing: border-box;
  transition: all 0.25s linear;
}
.image-effect-one img {
  max-width: 100%;
  width: 100%;
  vertical-align: top;
}
.image-effect-one .figcaption {
  position: absolute;
  bottom: 0%;
  width: 100%;
  transform: translateY(100%);
  padding: 10px 70px 10px 20px;
  background-color: #ffffff;
  transition-delay: 0.3s;
}
.image-effect-one h4,
.image-effect-one p {
  transform: translateY(0px);
  opacity: 0;
  margin: 0;
  padding: 0;
  transition-delay: 0.3s;
}
.image-effect-one i.link-plus {
  position: absolute;
  color: #fff;
  font-size: 18px;
  line-height: 70px;
  width: 58px;
  height: 100%;
  bottom: 0;
  right: 0;
  text-align: center;
  transform: translateX(58px);
}
.image-effect-one i.link-plus:after,
.image-effect-one i.link-plus:before {
  content: "";
  position: absolute;
  background-color: #fff;
  transition: all 1s linear;
}
.image-effect-one i.link-plus:after {
  left: 50%;
  top: 50%;
  width: 2px;
  height: 0%;
  transform: translateX(-50%) translateY(-50%);
}
.image-effect-one i.link-plus:before {
  left: 50%;
  top: 50%;
  width: 0%;
  height: 2px;
  transform: translateX(-50%) translateY(-50%);
}
.image-effect-one:hover i.link-plus:before {
  width: 30px;
}
.image-effect-one:hover i.link-plus:after {
  height: 30px;
}
.image-effect-one .mfp-link {
  position: absolute;
  background-color: #fff;
  height: 40px;
  width: 40px;
  line-height: 40px;
  text-align: center;
  top: 0px;
  right: 0px;
  opacity: 0;
  transition: all 0.5s linear;
}
.image-effect-one:hover .mfp-link {
  right: 20px;
  top: 20px;
  opacity: 1;
}
.image-effect-one:hover img {
  zoom: 1;
  filter: alpha(opacity=30);
  -webkit-opacity: 0.3;
  opacity: 0.3;
  transform: translateY(-40px);
}
.image-effect-one:hover .figcaption,
.image-effect-one:hover h4,
.image-effect-one.hover p {
  transform: translateY(0);
  opacity: 1;
}
.image-effect-one:hover .figcaption {
  transition-delay: 0s;
}
.image-effect-one:hover h4 {
  transition-delay: 0.3s;
}
.image-effect-one:hover p {
  transition-delay: 0.45s;
  opacity: 1;
}
.image-effect-one:hover i {
  transform: translateX(0);
  transition-delay: 0.3s;
}
/*----------------------
	HOVER SHADOW
------------------------*/
.hover-shadow {
  box-shadow: 0 0px 0px 0 rgba(50, 50, 50, 0.16);
  transition: all 0.5s linear;
}
.hover-shadow:hover {
  box-shadow: 0 10px 30px 0 rgba(50, 50, 50, 0.16);
  position: relative;
  z-index: 10;
}
/*----------------------
INPUT ANIMATION
------------------------*/
.input-animate.input,
.login-animate.input label,
.login-animate.input input,
.login-animate.input textarea,
.login-animate.input .spin {
  transition: 300ms cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition: 300ms cubic-bezier(0.4, 0, 0.2, 1);
  -ms-transition: 300ms cubic-bezier(0.4, 0, 0.2, 1);
}
.input-animate.input input,
.input-animate.input textarea,
.input-animate.input label {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.8);
  font-weight: 500;
}
.input-animate.input {
  margin-bottom: 30px;
  height: 43px;
}
.input-animate.input::before {
  content: "";
  background: rgba(255, 255, 255, 0.1);
  z-index: 3;
}
.input-animate.input input {
  height: 44px;
  top: 10px;
  border: none;
  background: transparent;
}
.input-animate.input textarea {
  height: 40px;
  padding-top: 15px;
  top: 10px;
  border: none;
  background: transparent;
}
.input-animate.input label {
  position: absolute;
  top: 10px;
  left: 0;
  z-index: 2;
  cursor: pointer;
  line-height: 40px;
}
.input-animate.input input,
.input-animate.input textarea,
.input-animate.input label {
  font-size: 12px;
  color: #fff;
  font-weight: 500;
}
.input-animate.input::before,
.input-animate.input .spin {
  width: 100%;
  height: 2px;
  position: absolute;
  bottom: 0;
  left: 0;
}
.input-animate.input,
.input-animate.input input,
.input-animate.input textarea {
  position: relative;
  width: 100%;
  outline: none;
}
.input-animate.input textarea {
  resize: none;
}
.input-animate.input .spin {
  background: #f5bf23;
  z-index: 4;
  width: 0;
}
.input-animate.input,
.input-animate.input label,
.input-animate.input input,
.input-animate.input textarea,
.input-animate.input .spin {
  transition: 300ms cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition: 300ms cubic-bezier(0.4, 0, 0.2, 1);
  -ms-transition: 300ms cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: none;
}
/*--------------------
scale-in-center
----------------------*/
.icon-font-block:hover .flat-icon {
  animation: scale-in-center 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}
.mt-icon-box-wraper:hover .scale-in-center {
  animation: scale-in-center 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}
.hover-animation-1:hover .scale-in-center {
  animation: scale-in-center 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}
@keyframes scale-in-center {
  0% {
    transform: scale(0);
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
/*-----------------------------
Image Effect Two
--------------------------------*/
.image-effect-two {
  position: relative;
  overflow: hidden;
  background-color: #fff;
  perspective: 800px;
}
.image-effect-two * {
  transition: all 0.6s ease;
}
.image-effect-two img {
  max-width: 100%;
  width: 100%;
  transform-origin: 100% 50%;
}
.image-effect-two .figcaption {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  transform: rotateY(90deg) translate(0%, -50%);
  transform-origin: 0 50%;
  z-index: 1;
  opacity: 0;
  padding: 0 20px;
}
.image-effect-two:hover img,
.image-effect-two.hover img {
  transform: rotateY(-90deg);
  opacity: 0;
}
.image-effect-two:hover .figcaption,
.image-effect-two.hover .figcaption {
  transform: rotateY(0deg) translate(0, -50%);
  opacity: 1;
  transition-delay: 0.2s;
}
.image-effect-two .mfp-link {
  width: 40px;
  height: 40px;
  text-align: center;
  display: inline-block;
  line-height: 40px;
  background-color: #222;
  margin-left: 10px;
  color: #fff;
}
.image-effect-two .mfp-link:hover {
  background-color: #f5bf23;
  color: #222;
}
/*--------------------------------
	link underline
-----------------------------------*/
.anchor-line a {
  text-decoration: none;
  background-image: linear-gradient(currentColor, currentColor);
  background-position: 0% 100%;
  background-repeat: no-repeat;
  background-size: 0% 2px;
  transition: background-size 0.3s;
  padding-bottom: 3px;
  font-weight: 500;
}
.anchor-line a:hover,
.anchor-line a:focus {
  background-size: 100% 2px;
}
/*-----------------------------------------------
	boxed style
--------------------------------------------------*/
/*main bar with box view*/
.boxed .is-fixed .main-bar {
  max-width: 1200px;
  margin: 0 auto !important;
  left: inherit !important;
}
@media only screen and (max-width: 1200px) {
  .boxed .is-fixed .main-bar {
    margin: 0;
    left: 0;
  }
}
.boxed .site-header .container {
  width: auto;
}
#bg {
  background-attachment: fixed;
  background-size: cover;
}
.boxed .page-wraper {
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
.boxed .tp-banner-container,
.boxed .rev_slider_wrapper {
  left: 0 !important;
  width: 100% !important;
}
.boxed .tp-rightarrow {
  right: 0 !important;
}
.boxed .tp-leftarrow {
  left: 0 !important;
}
/* RIYAZ CUSTOM CSS */
hr.heading-divider {
  opacity: 1;
  margin: 1rem 0;
  color: unset;
  background-color: unset;
  border: 0;
  width: 100%;
  max-width: 200px;
  display: inline-block;
}
hr.heading-divider.green {
  border-top: 2px solid var(--pd-accent);
}
hr.heading-divider.blue {
  border-top: 2px solid var(--pd-light-2);
}
hr.heading-divider.white {
  border-top: 2px solid #fff;
}
.mt-icon-box-wraper.hover-gradient {
  background-color: #fff;
  color: #000;
  transition:
    all 0.3s ease,
    color 0.3s ease;
}
.mt-icon-box-wraper.hover-gradient:hover {
  background:
    linear-gradient(135deg, #0468b3, #2af2bf) padding-box,
    linear-gradient(360deg, #0468b3, #2af2bf) border-box;
  color: #fff;
}
.mt-icon-box-wraper.hover-gradient:hover .mt-icon-box-sm.bg-gradient-light {
  background-color: #fff;
  background-image: unset;
  color: var(--pd-dark-1) !important;
}
.mt-icon-box-wraper.hover-gradient:hover
  .mt-icon-box-sm.inline-icon.site-text-primary.bg-gradient-light
  i.text-white {
  color: var(--pd-dark-1) !important;
}
.ctaBox a {
  background-color: #fff;
  border: 1px solid var(--pd-accent);
  border-radius: 30px;
  color: #000;
  padding: 10px 80px 10px 20px;
  font-size: 18px;
  position: relative;
  display: inline-block;
  font-weight: 600;
  letter-spacing: 2px;
}
.ctaBox a::after {
  background-image: linear-gradient(
    210deg,
    var(--pd-light-1),
    var(--pd-light-2)
  );
  width: 50px;
  height: 50px;
  border-radius: 100%;
  position: absolute;
  content: "";
  right: -5px;
  top: 50%;
  transform: translatey(-50%);
}
.ctaBox a::before {
  position: absolute;
  content: "\f107";
  right: 0px;
  top: 50%;
  transform: translatey(-50%);
  font-family: flaticon_mycollection !important;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #fff;
  font-size: 32px;
  z-index: 999;
}
.testimonial-pic.shadow {
  box-shadow: none !important;
}
.gradient-bdr {
  border-radius: 16px;
  background:
    linear-gradient(#fff, #fff) padding-box,
    linear-gradient(360deg, #0468b3, #2af2bf) border-box;
  border: 2px solid transparent;
}
.team-box-wrapper .team-img {
  border: 1px solid var(--pd-light-2);
  border-radius: 10px;
}
.team-box-wrapper .team-details {
  position: relative;
  z-index: 999;
  background-color: #fff;
  color: #000;
  border-radius: 15px;
  padding: 20px;
  width: calc(100% - 20px);
  margin: -50px auto 0 auto;
  box-shadow: 10px 0 10px rgba(0, 0, 0, 0.2);
}
.imgbox-circle {
  position: relative;
  z-index: 1000;
}
.imgbox-circle .circleanim {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  animation: rotate 5s ease-in-out 0s infinite;
}
@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.imgbox-pentagon {
  position: relative;
  z-index: 9999;
  margin: 100px 0 100px 0;
}
.imgbox-pentagon::before {
  position: absolute;
  content: url(https://padahsolutions.trigitalsolutions.in/wp-content/uploads/2025/12/img-honeycomb.png);
  left: -58px;
  top: -108px;
  z-index: -1;
}
.imgbox-pentagon::after {
  position: absolute;
  content: url(https://padahsolutions.trigitalsolutions.in/wp-content/uploads/2025/12/img-honeycomb.png);
  right: 10px;
  bottom: -89px;
  z-index: -1;
}
.img-box.hover-text-up {
  position: relative;
  overflow: hidden;
}
.img-box.hover-text-up::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background-image: linear-gradient(
    0deg,
    rgba(8, 74, 125, 0.6) 20%,
    rgba(4, 7, 7, 0) 40%
  );
  width: 100%;
  height: 100%;
}
.img-box.hover-text-up img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}
.img-box.hover-text-up .content-box-reveal {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  padding: 10px 30px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  color: #fff;
  text-align: center;
  height: 0;
  transition: all 0.3s linear;
  background-image: linear-gradient(
    0deg,
    rgba(8, 74, 125, 0),
    rgba(4, 7, 7, 0)
  );
}
.img-box.hover-text-up .content-box-reveal.left {
  text-align: left;
}
.img-box.hover-text-up:hover .content-box-reveal {
  height: 100%;
  justify-content: center;
  background-image: linear-gradient(
    0deg,
    rgba(8, 74, 125, 0.9),
    rgba(4, 7, 7, 0.4)
  );
}
.img-box.hover-text-up .content-box-reveal p,
.img-box.hover-text-up .content-box-reveal ul li {
  display: none;
  transition: all 0.3s linear;
  transform: translateY(-20px);
}
.img-box.hover-text-up:hover .content-box-reveal p,
.img-box.hover-text-up:hover .content-box-reveal ul li {
  display: block;
  transform: translateY(0px);
}
/* ================================
   GLOBAL GRID SYSTEM
================================ */
.grid {
  display: grid;
  width: 100%;
  gap: 16px;
}
/* Gaps */
.grid-gap-xs {
  gap: 0.5rem;
}
.grid-gap-sm {
  gap: 1rem;
}
.grid-gap-md {
  gap: 1.5rem;
}
.grid-gap-lg {
  gap: 2rem;
}
.grid-gap-xl {
  gap: 3rem;
}
/* Column presets */
.grid-cols-1 {
  grid-template-columns: repeat(1, 1fr);
}
.grid-cols-2 {
  grid-template-columns: repeat(2, 1fr);
}
.grid-cols-3 {
  grid-template-columns: repeat(3, 1fr);
}
.grid-cols-4 {
  grid-template-columns: repeat(4, 1fr);
}
.grid-cols-5 {
  grid-template-columns: repeat(5, 1fr);
}
.grid-cols-6 {
  grid-template-columns: repeat(6, 1fr);
}
/* Row presets */
.grid-rows-1 {
  grid-template-rows: repeat(1, auto);
}
.grid-rows-2 {
  grid-template-rows: repeat(2, auto);
}
.grid-rows-3 {
  grid-template-rows: repeat(3, auto);
}
.grid-rows-4 {
  grid-template-rows: repeat(4, auto);
}
/* Alignment */
.grid-center {
  place-items: center;
}
.grid-align-center {
  align-items: center;
}
.grid-justify-center {
  justify-items: center;
}
.icon-box-left-wrapper {
  padding: 30px;
  border: 2px solid var(--pd-accent);
  border-radius: 20px;
  color: var(--pd-text-black);
  transition: all 0.4s ease-in;
}
.icon-box-left-wrapper i {
  font-size: 52px;
  line-height: 52px;
  /* background: -webkit-linear-gradient(275deg, var(--pd-light-1), var(--pd-light-2)); */
  /* -webkit-background-clip: text; */
  /* -webkit-text-fill-color: transparent; */
  transition: all 0s ease-in;
  color: var(--pd-light-2);
}
.icon-box-left-wrapper hr.blue {
  border: unset;
  height: 2px;
  background-color: var(--pd-light-2);
  opacity: 1;
  width: calc(100% - 20%);
  transition: all 0.2s ease-in;
}
.icon-box-left-wrapper:hover {
  color: #fff;
  background: linear-gradient(180deg, var(--pd-light-1), var(--pd-light-2));
}
.icon-box-left-wrapper:hover i {
  color: #fff;
  background: unset;
  -webkit-background-clip: unset;
  -webkit-text-fill-color: unset;
}
.icon-box-left-wrapper:hover hr {
  background-color: #fff;
}
ul.list-disc {
  margin: 0 0 0 0;
  list-style-type: none;
}
ul.list-disc li {
  padding-left: 30px;
  position: relative;
  margin-bottom: 16px;
  font-size: 18px;
}
ul.list-disc li::before {
  content: "";
  width: 15px;
  height: 15px;
  background-color: var(--pd-accent);
  position: absolute;
  left: 0;
  top: 7px;
  border-radius: 50%;
  box-shadow: 0 0 0 2px #fff;
}
.equal-height-carousel .owl-stage {
  display: flex;
}
.equal-height-carousel .owl-item {
  display: flex;
  padding: 8px;
  box-sizing: border-box;
}
.equal-height-carousel .item {
  display: flex;
  flex-direction: column;
  width: 100%;
  box-shadow: 0 0 0 2px #20e3a2 inset;
  border-radius: 16px;
}