:root {

    /* Font Family */
    --font-family-base: "Sora", sans-serif;
    --font-family-two: "Playfair Display", serif;
    --font-family-three: "DM Sans", sans-serif;

    /* Font Weight */
    --fw-lighter:         lighter;
    --fw-light:           300;
    --fw-normal:          400;
    --fw-medium:          500;
    --fw-semibold:        600;
    --fw-bold:            700;
    --fw-bolder:          bolder;

    /* Font Size */
    --fs-0:	        0rem;

    --fs-1:	        0.0625rem;
    --fs-2:	        0.125rem;
    --fs-3:	        0.1875rem;
    --fs-4:	        0.25rem;
    --fs-5:	        0.3125rem;
    --fs-6:	        0.375rem;
    --fs-7:	        0.4375rem;
    --fs-8:	        0.5rem;
    --fs-9:	        0.5625rem;
    --fs-10:	    0.625rem;

    --fs-11:	    0.6875rem;
    --fs-12:	    0.75rem;
    --fs-13:	    0.8125rem;
    --fs-14:	    0.875rem;
    --fs-15:	    0.9375rem;
    --fs-16:	    1rem;
    --fs-17:	    1.0625rem;
    --fs-18:	    1.125rem;
    --fs-19:	    1.1875rem;
    --fs-20:	    1.25rem;

    --fs-21:	    1.3125rem;
    --fs-22:	    1.375rem;
    --fs-23:	    1.4375rem;
    --fs-24:	    1.5rem;
    --fs-25:	    1.5625rem;
    --fs-26:	    1.625rem;
    --fs-27:	    1.6875rem;
    --fs-28:	    1.75rem;
    --fs-29:	    1.8125rem;
    --fs-30:	    1.875rem;

    --fs-31:	    1.9375rem;
    --fs-32:	    2rem;
    --fs-33:	    2.0625rem;
    --fs-34:	    2.125rem;
    --fs-35:	    2.1875rem;
    --fs-36:	    2.25rem;
    --fs-37:	    2.3125rem;
    --fs-38:	    2.375rem;
    --fs-39:	    2.4375rem;
    --fs-40:	    2.5rem;

    --fs-41:	    2.5625rem;
    --fs-42:	    2.625rem;
    --fs-43:	    2.6875rem;
    --fs-44:	    2.75rem;
    --fs-45:	    2.8125rem;
    --fs-46:	    2.875rem;
    --fs-47:	    2.9375rem;
    --fs-48:	    3rem;
    --fs-49:	    3.0625rem;
    --fs-50:	    3.125rem;

    --fs-51:	    3.1875rem;
    --fs-52:	    3.25rem;
    --fs-53:	    3.3125rem;
    --fs-54:	    3.375rem;
    --fs-55:	    3.4375rem;
    --fs-56:	    3.5rem;
    --fs-57:	    3.5625rem;
    --fs-58:	    3.625rem;
    --fs-59:	    3.6875rem;
    --fs-60:	    3.75rem;

    --fs-61:	    3.8125rem;
    --fs-62:	    3.875rem;
    --fs-63:	    3.9375rem;
    --fs-64:	    4rem;
    --fs-65:	    4.0625rem;
    --fs-66:	    4.125rem;
    --fs-67:	    4.1875rem;
    --fs-68:	    4.25rem;
    --fs-69:	    4.3125rem;
    --fs-70:	    4.375rem;

    --fs-71:	    4.4375rem;
    --fs-72:	    4.5rem;
    --fs-73:	    4.5625rem;
    --fs-74:	    4.625rem;
    --fs-75:	    4.6875rem;
    --fs-76:	    4.75rem;
    --fs-77:	    4.8125rem;
    --fs-78:	    4.875rem;
    --fs-79:	    4.9375rem;
    --fs-80:	    5rem;

    --fs-81:	    5.063rem;
    --fs-82:	    5.125rem;
    --fs-83:	    5.188rem;
    --fs-84:	    5.25rem;
    --fs-85:	    5.313rem;
    --fs-86:	    5.375rem;
    --fs-87:	    5.438rem;
    --fs-88:	    5.5rem;
    --fs-89:	    5.5625rem;
    --fs-90:	    5.625rem;

    --fs-91:	    5.6875rem;
    --fs-92:	    5.75rem;
    --fs-93:	    5.8125rem;
    --fs-94:	    5.875rem;
    --fs-95:	    5.9375rem;
    --fs-96:	    6rem;
    --fs-97:	    6.0625rem;
    --fs-98:	    6.125rem;
    --fs-99:	    6.1875rem;
    --fs-100:	    6.25rem;

    --fs-110:	    6.875rem;
    --fs-120:	    7.5rem;
    --fs-128:	    8rem;
    --fs-130:	    8.25rem;
    --fs-140:	    8.75rem;
    --fs-150:	    9.375rem;
    --fs-175:	    10.9375rem;
    --fs-176:	    11rem;
    --fs-190:	    11.875rem;
    --fs-192:	    12rem;

    --fs-200:	    12.5rem;
    --fs-210:	    13.125rem;
    --fs-240:	    15rem;
    --fs-280:	    17.5rem;
    --fs-291:        18.188rem;

    --fs-320:	    20rem;
    --fs-370:	    23.125rem;

    --fs-400:	    25rem;

    --fs-500:	    31.25rem;
    --fs-592:	    37rem;

    --fs-600:	    37.5rem;
    --fs-680:	    42.5rem;

    /* Theme Colors */
    /* Primary Color */
    --color-one:                        #B90808;
    --color-one-rgb:                    185, 8, 8;

    /* Index 4 */
    /* --color-one:                     #57E2D0;
    --color-one-rgb:                    87, 226, 208; */

    /* Index 5 */
    /* --color-one:                     #F85623;
    --color-one-rgb:                    248, 86, 35; */
    

    /* Text Color */
      --clr-theme-color: #e00248;
    --color-two:                      #DDDDDD; /*#585858*/
    --color-two-rgb:                   221, 221, 221;

    --color-two-fixed:                #DDDDDD;
    --color-two-fixed-rgb:              221, 221, 221;

    --color-three:                      #F2F2F2; /*#585858*/
    --color-three-rgb:                   242, 242, 242;
    
    /* Body BG */
    --color-dark-one:                  #151515;   /*#FFFFFF*/
    --color-dark-one-rgb:               21, 21, 21;

    --color-dark-one-fixed:             #151515;   /*#FFFFFF*/
    --color-dark-one-fixed-rgb:           21, 21, 21;

    /* Hero BG */
    --color-dark-two:                  #0F0F0F; /*#FAFAFA*/
    --color-dark-two-rgb:               15, 15, 15;
    
    --color-dark-three:                #121212; 
    --color-dark-three-rgb:             18, 18, 18;

    --color-dark-three-fixed:          #121212; 
    --color-dark-three-fixed-rgb:        18, 18, 18;
    
    --color-dark-four:                 #1E1E1E;  /*#F5F5F5*/
    --color-dark-four-rgb:              30, 30, 30;

    --color-dark-four-fixed:           #1E1E1E;  /*#F5F5F5*/
    --color-dark-four-fixed-rgb:         30, 30, 30;
    
    --color-dark-five:                 #2C2C2C; /*#DDDDDD*/
    --color-dark-five-rgb:              44, 44, 44;

    --color-dark-five-fixed:           #2C2C2C; /*#DDDDDD*/
    --color-dark-five-fixed-rgb:        44, 44, 44;

    --color-dark-six:                  #272727;
    --color-dark-six-rgb:               39, 39, 39;

    --color-dark-seven:                #3C3C3C;
    --color-dark-seven-rgb:             60, 60, 60;

    --color-dark-seven-fixed:          #3C3C3C;
    --color-dark-seven-fixed-rgb:        60, 60, 60;

    --color-dark-eight:                #343434;
    --color-dark-eight-rgb:             52, 52, 52;

    --color-dark-nine:                 #232323;
    --color-dark-nine-rgb:               35, 35, 35;

    --color-dark-ten:                   #444444;
    --color-dark-ten-rgb:               68, 68, 68;

    --color-dark-eleven:                #495060;
    --color-dark-eleven-rgb:             73, 80, 96;

    --color-dark-twelve:                #171719;
    --color-dark-twelve-rgb:             23, 23, 25;

    --color-dark-thirteen:                #212121;
    --color-dark-thirteen-rgb:             33, 33, 33;

    --color-dark-fourteen:                #131313;
    --color-dark-fourteen-rgb:             19, 19, 19;

    --color-dark-fifteen:                #1B1B1B;
    --color-dark-fifteen-rgb:             27, 27, 27;

    --color-dark-fifteen-fixed:          #1B1B1B;
    --color-dark-fifteen-fixed-rgb:       27, 27, 27;
    
    --color-white:                     #FFFFFF; /*#000000*/
    --color-white-rgb:                   255, 255, 255;

    --color-white-fixed:               #FFFFFF; /*Not change for light version*/
    --color-white-fixed-rgb:             255, 255, 255;

    --color-black:                     #000000; /*#FFFFFF*/
    --color-black-rgb:                  0, 0, 0;

    --color-black-fixed:               #000000; /*#FFFFFF*/
    --color-black-fixed-rgb:             0, 0, 0;

    --color-muted:                     #4E4E4E;
    --color-muted-rgb:                  78, 78, 78; 


    /* Footer BG */
    --color-footer-one:                #121212; 
    --color-footer-one-rgb:             18, 18, 18;

    /* Footer BG */
    --color-footer-two:                #121014; 
    --color-footer-two-rgb:             18, 16, 20;

    /* Footer BG */
    --color-footer-three:             #191D27; 
    --color-footer-three-rgb:           25, 29, 39;


    --link-color:                      #FFFFFF;
    --link-color-hover:                #B90808;
    
    --gradient-color-from: #43FFEC;
    --gradient-color-center: #FFB84D;
    --gradient-color-to: #FF0080;

    --gradient-one: linear-gradient(90deg, rgba(var(--color-black-rgb), 0) 50%, rgba(var(--color-one-rgb), 1) 100%);
   --gradient-one-180: linear-gradient(180deg, rgba(var(--color-black-rgb), 0) 50%, rgba(var(--color-one-rgb), 1) 100%);
  /*--gradient-one-180: linear-gradient( 180deg, rgba(var(--color-black-rgb), 0) 50% var(--clr-theme-color) 50% 100% );*/

    --gradient-two: linear-gradient(90deg, var(--color-dark-thirteen) 0%, var(--color-dark-one) 100%);
    --gradient-two-alt: linear-gradient(90deg, var(--color-dark-one) 0%, var(--color-dark-thirteen) 100%);
    --gradient-two-180: linear-gradient(180deg, var(--color-dark-thirteen) 0%, var(--color-dark-one) 100%);
    --gradient-two-180-alt: linear-gradient(180deg, var(--color-dark-one) 0%, var(--color-dark-thirteen) 100%);

    --gradient-three: linear-gradient(90deg, #43FFEC 0%, #FFB84D 50%, #FF0080 100%);
    --gradient-three-180: linear-gradient(180deg, #43FFEC 0%, #FFB84D 50%, #FF0080 100%);
    --gradient-three-alt: linear-gradient(90deg, #FF0080 0%, #FFB84D 50%, #43FFEC 100%);

    /* Responsive Breakdown */
    --breakpoint-extralargedesktop: 1399.98px;
    --breakpoint-largedesktop: 1199.98px;
    --breakpoint-desktop: 991.98px;
    --breakpoint-tablet: 767.98px;
    --breakpoint-mobile: 575.98px;
    --breakpoint-minimobile: 499.98px;

    /* Transition Method */
    --transition-base: all 0.5s ease-in-out;
    --transition-bezier: all .25s cubic-bezier(.645, .045, .355, 1);
}

:root .theme-style--orange {
    --color-one:                     #F85623;
    --color-one-rgb:                    248, 86, 35;

    --link-color:                      #FFFFFF;
    --link-color-hover:                #F85623;
}
:root .theme-style--gradient {
    --color-one:                       #43FFEC;
    --color-one-rgb:                     67, 255, 236;

    --link-color:                      #FFFFFF;
    --link-color-hover:                #43FFEC;
}
:root .theme-style--olive {
    --color-one:                       #A6A182;
    --color-one-rgb:                     166, 161, 130;

    --link-color:                      #FFFFFF;
    --link-color-hover:                #A6A182;
}


/* MAIN */

/*======================================
8. 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 >  .wt-icon-box-wraper,
.overlay-wraper > .wt-left-part,
.overlay-wraper > .wt-right-part,
.overlay-wraper > .wt-left-part2,
.overlay-wraper > .wt-right-part2{ 
	position:relative;
	z-index:1; 
}

/*-------------------------------------
	2. background color
-------------------------------------*/
.bg-transparent{background-color:transparent;}
.site-bg-primary{background-color:#000;}
.bg-secondry{background-color:#efefef;}
.bg-white{background-color:#FFF;}
.bg-black{background-color:#000;}
.bg-black-light{background-color:#212121;}
.bg-gray{background-color:#f6f7f8;}
.bg-gray-light{background-color:#f1f1f1;}
.bg-gray-dark{background-color:#d3d3d3;}
.bg-red{background-color:#fb5455;}
.bg-green{background-color:#a5de5c;}
.bg-yellow{background-color:#fff000;}
.bg-dark-blue{background-color:#161b23;}
.bg-light-blue{background-color:#3097db;}

@media only screen and (max-width:991px) {
.project-detail-containt.bg-black{	background-color:transparent;}
.project-detail-outer .project-detail-pic{height: 400px;}
.project-detail-containt-info{padding: 20px;}
}

@media only screen and (max-width:767px) {
.latest_project-outer{padding-left:30px;	padding-right:30px;}
}
@media only screen and (max-width:575px) {
.latest_project-outer{padding-left:12px;	padding-right:12px;}
}
@media only screen and (max-width:480px) {
.work-carousel .owl-item p{text-overflow: ellipsis;	overflow: hidden;	white-space: nowrap; display: none;}
}
@media only screen and (max-width:360px) {
.work-carousel .owl-item > .item h2 a{font-size:14px;	line-height:14px;}
}

/*8.2 pricing table style 4*/

.pricing-table-style-4 .pricingtable-inner{position:relative;	overflow:hidden;}
.pricing-table-style-4 .pricingtable-inner.radius{-webkit-border-radius: 40px 40px 40px 40px;	border-radius: 40px 40px 40px 40px;}
.pricing-table-style-4 .pricingtable-bx{font-size:50px;}
.pricing-table-style-4 .pricingtable-type{font-size:14px;	font-style:italic;	color:#fff;	font-family: 'Crete Round', serif;	text-transform:none;}
.pricing-table-style-4 .pricingtable-type:before{	content:"";}
.pricing-table-style-4 .pricingtable-inner-overlay{	position:relative;	z-index:1;}
.pricing-table-style-4 .pricingtable-inner-overlay .overlay-main{	z-index:-1;}
.pricing-table-style-4 .pricingtable-title{	background-color:inherit;		color:#fff;	padding: 20px 0px 0px 0px;}
.pricing-table-style-4 .pricingtable-title * {	color:#fff;}
.pricing-table-style-4 .pricingtable-bx {color:#fff;}
.pricing-table-style-4 .pricingtable-price {padding:10px 10px;}
.pricing-table-style-4 .pricingtable-highlight .pricingtable-price{padding:20px 10px;}

.pricing-table-style-4 .pricingtable-price{background-color:inherit;}
.pricing-table-style-4 .pricingtable-price span{	display:block;}

.pricing-table-style-4  .pricingtable-features li:nth-child(2n) {background-color: inherit;}
.pricing-table-style-4  .pricingtable-footer{background-color: inherit;}
.pricing-table-style-4 .pricingtable-features{border:none;	padding-top:20px;}
.pricing-table-style-4 .pricingtable-features li{	border-bottom:0px;}

/*-------------------------------------
	1. inner page banner 
-------------------------------------*/
.wt-bnr-inr { 
    height:450px;	
    background-size:cover; 	
    background-position: center center;
    display:table;	
    width:100%;
}
.wt-bnr-inr .container{
    display:table;	
    height:100%;}
.wt-bnr-inr-entry { 	
    display:table-cell;	
    vertical-align:middle;}

.wt-bnr-inr-entry .banner-title-outer{position: relative;	padding: 70px 0px 70px 30px;	border: 10px solid #fff;	border-right: 0px;	width: 200px;}

.wt-bnr-inr-entry .banner-title-outer:after,
.wt-bnr-inr-entry .banner-title-outer:before{content:"";	position:absolute;		right:0px;	width:10px;	height:50px;	background-color:#fff;}
.wt-bnr-inr-entry .banner-title-outer:after{	top:0px;}
.wt-bnr-inr-entry .banner-title-outer:before{bottom:0px;	right:0px;}

.banner-title-name {
  font-family: var(--font-family-two);
  letter-spacing: 2px;
}

.wt-breadcrumb {
   font-family: var(--font-family-two);
}

.wt-bnr-inr-entry .banner-title-name{width:640px;}
@media only screen and (max-width: 991px) {
.wt-bnr-inr {height: 330px;    padding-top: 120px;}
}

@media only screen and (max-width: 767px) {
.wt-bnr-inr-entry .banner-title-name{width:258px;}
}

.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;
}

/*-------------------------------------
	13. Breadcrumb 
-------------------------------------*/

/*13.1 breadcrumb-row-1*/

.wt-breadcrumb{margin:0;	list-style:none;}
.wt-breadcrumb li {padding:0; 	margin-right:3px;  	color:#fff;	position:relative;	display:inline-block;	font-size:12px;}
.wt-breadcrumb li a{color:#fff;	}
.wt-breadcrumb li a:hover{color:#000;	}
.wt-breadcrumb li:last-child { 
    color:#fff; 
    text-transform: uppercase;
}
.wt-breadcrumb li:first-child a i{font-size: 18px;	vertical-align: text-top;}
.wt-breadcrumb li:last-child:after {display:none;}

/*13.2 Breadcrumb-1*/ 
.breadcrumb-style-2 li:after {content: "\f101";	margin-left: 7px;	font-family: 'FontAwesome';	color: #fff;	font-size: 16px;	font-weight: normal;}

/*-------------------------------------
	1. Section Head Part 
-------------------------------------*/
.section-head {margin-bottom:40px;}
.section-head.no-margin {margin-bottom:0;}

.section-head h1,
.section-head h2,
.section-head h3 {margin-top:0;}
.title-small {display:block;	color:#7a959d;	margin-bottom:15px;}
.section-head p {padding-top:10px;	font-size:14px;}
.section-head p:last-child {	margin-bottom:0;}
.text-center.section-head p {max-width:800px;	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; }

/*-------------------------------------
	4. text transform
------------------------------------ */
.text-lowercase {	text-transform: lowercase}

.text-uppercase {	text-transform: uppercase}

.text-capitalize {	text-transform: capitalize}

/*-------------------------------------
	6. text bold
------------------------------------ */
.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;}

/*-------------------------------------
	7. Letter Spacing
------------------------------------ */
.letter-spacing-2{letter-spacing:2px;}
.letter-spacing-3{letter-spacing:3px;}
.letter-spacing-4{letter-spacing:4px;}

/*-------------------------------------
	5. 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-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:80	px;line-height:86px;}

/*-------------------------------------
	6. text bold
------------------------------------ */
.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;}

/*-------------------------------------
	2. without top bar
-------------------------------------*/ 
.extra-nav { display:table; float:right;  height:70px; position:relative; z-index:9;}
.extra-nav .extra-cell{ display:table-cell; padding-left:10px; vertical-align:middle;}

/*-------------------------------------
	1. eamil-phone (left) 
-------------------------------------*/
.e-p-bx li {
	display: inline;
	font-size: 14px;
	padding-right: 10px;
}
.e-p-bx li a {
	color: #FFF;
}
.e-p-bx li i {
	margin-right:5px;
	vertical-align: middle;
}
/*-------------------------------------
	2. social-links (right) 
-------------------------------------*/
.social-bx,
.login-bx { 
	margin:0 0 0 15px;
	float:right;
}
@media only screen and (max-width: 480px) {
.social-bx,
.e-p-bx,
.login-bx { 
	margin-top:5px;
	margin-bottom:5px !important;
}
}
.social-bx li,
.login-bx li { 
	font-size:12px; 
	margin:0;
	position:relative;
}
.social-bx li{ 
	padding-left:2px;
	padding-right:2px;
}
.social-bx li a,
.login-bx li a {
	color:#000;
	font-size:14px;
}
.social-bx li a:hover {
    color: var(--clr-theme-color);
}
.social-bx li i,
.login-bx li i { 
	vertical-align:baseline; 
	margin:0 5px 0 0;
}
.social-bx li span,
.login-bx li span { 
	vertical-align:baseline; 
	margin:0 2px 0;
	font-size:8px;
}
.login-bx li ul {
	top:25px;
	left:auto;
	right:0; 
	border:none;
	padding:0;
}
.login-bx li ul li { 
	border-bottom:1px solid #F7F7F7;
}
.login-bx li ul li a{ 
	color:#767676;
	padding:9px 15px;
}
.arrow-up-border:before,
.arrow-up:after {
	position: absolute;
	display: inline-block;
	content: '';
}
.arrow-up-border:before {
	top: -7px;
	right:19px;
	border-right: 7px solid transparent;
	border-bottom: 7px solid #F00;
	border-left: 7px solid transparent;
	border-bottom-color: rgba(0, 0, 0, 0.2);
}
.arrow-up:after {
	top: -6px;
	right:20px;
	border-right: 6px solid transparent;
	border-bottom: 6px solid #ffffff;
	border-left: 6px solid transparent;
}

.arrow-left:before {
	position: absolute;
	top: -7px;
	left: 9px;
	display: inline-block;
	border-right: 7px solid transparent;
	border-bottom: 7px solid #ccc;
	border-left: 7px solid transparent;
	border-bottom-color: rgba(0, 0, 0, 0.2);
	content: '';
}

.arrow-left:after {
	position: absolute;
	top: -6px;
	left: 10px;
	display: inline-block;
	border-right: 6px solid transparent;
	border-bottom: 6px solid #ffffff;
	border-left: 6px solid transparent;
	content: '';
}

/*------------- top share icon block ----------------------*/

.share-icon-btn .dropdown-menu{	padding:0px 20px;	min-width: 60px;	top: 53px;	left: -10px;}
.share-icon-btn .dropdown-toggle::after{display: none;}
.share-icon-btn .social-bx{	clear:both;	float:none;	margin-left:0px;}
.share-icon-btn .social-bx.list-inline > li{	display:block;	margin:10px 0px;}

.share-icon-btn2 .dropdown-menu{	padding:0px 20px;	min-width: 60px;	top: 53px;	left: -10px;}
.share-icon-btn2 .social-bx{	clear:both;	float:none;	margin-left:0px;}
.share-icon-btn2 .social-bx.list-inline > li{	display:block;	margin:10px 0px;}
.share-icon-btn2{	display:none;}	

@media only screen and (max-width: 991px) {
.e-p-bx{	display:none;}
.header-top-info .wt-topbar-right{	padding-left:0px;	padding-right:0px;}
.header-top-info .social-bx{	margin-left:0px;}	
}

.share-icon-btn2 .dropdown-toggle:after{
	display: none;
}
@media only screen and (max-width:480px) {
.share-icon-btn2{	display:block;}	
.header-top-info{	display:none;}
}
/*-----------------------------------*/

.main-bar {
 position:relative; 
 width:100%;
 padding:10px 0px;
 -webkit-transition: all 0.5s ease;
 -moz-transition: all 0.5s ease;
 -ms-transition: all 0.5s ease;
 -o-transition: all 0.5s ease;
 transition: all 0.5s ease;
}
.main-bar::after,
.main-bar::after {clear: both;    content: "";    display: table;}
/*main bar with box view*/

@media only screen and (max-width: 480px) {
.main-bar{padding-left:0px;	padding-right:0px;}
}
/*header info css*/
.header-info {float:right;	padding:10px 0;}
.header-info > ul {list-style:none;	display:table;}
.header-info > ul li {	display:table-cell;	padding:15px 10px;	vertical-align:middle;}
.header-info > ul li .icon-sm{	float:left;	margin-right:15px;}
.header-info > ul li strong{	display:block;	font-size:16px;	text-transform:uppercase;	color:#1a1a1a;}
@media only screen and (max-width: 991px) {
.header-info > ul li {	display:none;}
.header-info > ul li.btn-col-last {	display:block;	padding-left:0;	padding-right:0;}
}
@media only screen and (max-width:767px) {
.header-info > ul li.btn-col-last,
.header-info {	display:none;}
}
.header-botton {background-color:#1a1a1a;}
.header-botton .header-nav .nav {float:none;}
.header-botton .header-nav .nav > li > a {padding:20px 12px;	color:#fff;}
.header-botton .extra-nav {padding: 13px 0;}
.header-botton .extra-nav .site-search-btn {color:#fff;	padding:7px 15px;}
.header-botton .extra-nav .wt-cart .woo-cart-count {border: 2px solid #fff;    color: #fff;    min-width:36px;    padding: 5px 5px 5px;}
.header-botton .extra-nav .wt-cart .woo-cart-count::before {border-color:#fff;}
@media only screen and (max-width:991px) {
.header-botton .navbar-toggle {float:left;	margin:9px 0;}	
.header-botton .navbar-toggle span {background-color:#fff;}
.header-botton .header-nav .nav > li > a {padding:12px 12px;	color:#777;}	
}
@media only screen and (max-width:767px) {
.header-middle .logo-header {float:none;	margin:9px auto;}	
}

/*=======================
	after before slider
========================*/
.rs-addon-beforeafter-btn i{
	color:#000;
}



/* cursor blink animation*/

.typewrite > .wrap:after {
  content: '|';
  -webkit-animation: blink 0.7s infinite;
  animation: blink 0.7s infinite;
  position: relative;
  right:10px;
}

@keyframes blink {
0% {
	opacity: 1;
}
50% {
	opacity: 0;
}
100% {
	opacity: 1;
}
}

@-webkit-keyframes blink {
0% {
	opacity: 1;
}

50% {
	opacity: 0;
}
100% {
	opacity: 1;
}
}

.list-inline > li {
	display: inline-block;
	padding-right: 5px;
	padding-left: 5px;
}

@media only screen and (max-width:991px){
	.section-full.p-t80{padding-top: 40px;}
	.section-full.p-b50{padding-bottom: 10px;}
}
/*-------------------------------------
	5. widget Getintuch
-------------------------------------*/

.footer-bottom ul {margin:0;}
.wt-footer-bot-left{
	padding-left:0px;
	padding-right:15px;
}
.wt-footer-bot-center {
	padding-left:15px;
	padding-right:15px;
}
.wt-footer-bot-right{
	padding-left:15px;
	padding-right:0px;
}
.wt-footer-bot-left {float:left;}
.wt-footer-bot-right {float:right;}
.wt-footer-bot-center {float:right;}

@media only screen and (max-width:1199px){
	.footer-bottom{
		padding: 20px 0px;
	}
	.footer-bottom-content{
		display: block !important;
		text-align: center;
	}
	.footer-bottom-content .wt-footer-bot-left{
		float: none;
		padding-right: 0px;
	}
	.footer-bottom-content .wt-footer-bot-right{
		float: none;
		padding-left: 0px;
	}
	.footer-bottom-content .wt-footer-bot-right .copyrights-nav.pull-right{float: none;}
}

@media only screen and (max-width:991px) {
footer .container {width:100%;}	
.col-md-3.col-sm-6.footer-col-4:nth-child(3) {clear:both;}

.wt-footer-bot-left , 
.wt-footer-bot-right{	float:none;	text-align:center;	padding-top:5px;	padding-bottom:5px;}
.wt-footer-bot-right .copyrights-nav{float:none !important;}
}

@media only screen and (max-width: 767px) {
.footer-clear {display:block !important;	clear:both;}
#footer .footer-4-col {width:100%;}	
.footer-bottom [class*="clo-"] {width:100%;}
}

/*======================================
4. 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;}

.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;
}

.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: 3px;
	display: block;
	font-size:15px;
	color:#000;
}

.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"; }

/*-------------------------------------
	1. listing before icon color css
-------------------------------------*/
ul.primary li:before {color:#ffbc13;}
ul.secondry li:before {color:#77C04B;}
ul.black li:before {color:#000;}
ul.white li:before {color:#fff;}
ul.orange li:before {color:#FF6600;}
ul.green li:before {color:#00CC00;}
ul.red li:before {color:#FF3737;}

dl.no-margin, 
ul.no-margin, 
ol.no-margin {	margin:0px !important;	list-style:none;}

/*======================================
17. MAIN BAR ( place logo & main-navigation )
======================================*/
.top-bar{
	color:#000;
	padding:0px;
	/*background-color:#212427;*/
}
.top-bar .fa {
	vertical-align: middle;
	border:1px solid rgba(0,0,0,0.01);
	padding:3px;
	width:22px;
	height:22px;
	text-align:center;
	border-radius:1px;
	-webkit-border-radius:1px;
	-moz-border-radius:1px;
}
	
	
.wt-topbar-left,
.wt-topbar-right,
.wt-topbar-center {
	padding-left:15px;
	padding-right:15px;
}
.wt-topbar-left {
	float:left;
}
.wt-topbar-right {
	float:right;
}
.wt-topbar-center {
	text-align:center;
}
	
@media only screen and (max-width: 991px) {
.wt-topbar-left,
.wt-topbar-right {
	float:none;
	padding-top:5px;
	padding-bottom:5px;
}

}

/*------------------------------------- 
	3. float-clearfix 
-------------------------------------*/
.clearfix::after,
.filter-wrap::after,
.filter-wrap::after,
.wt-icon-box-wraper::after,
ol.commentlist li::after {
	content: "";
	display: table;
	clear: both;
} 

/*======================================
18. NAVIGATIONS 
======================================*/

/*-------------------------------------
	1. mega-menu
-------------------------------------*/
.navbar-toggle { 	border:none; 	margin-top:24px;	margin-bottom:24px;	margin-left:15px;	margin-right:-10px;	padding: 12px 10px;}
.navbar-toggle .icon-bar { 	background:#000;	height:3px;	border-radius:0;	-webkit-border-radius:0;}
@media only screen and (max-width:480px) {
.navbar-toggle { 	margin-left:10px;}	
.extra-nav .extra-cell {margin-left:0;}
}
.is-fixed .navbar-toggle { 	margin-top:14px;	margin-bottom:14px;}
.header-nav {	position:relative;	padding:0;}
.header-nav .nav {float:right;}
.header-nav .nav i {font-size:9px; 	margin-left:3px;	margin-top:-3px;	vertical-align:middle;	opacity:0.7;}
.header-nav .nav > li { font-weight:400; position:relative; text-transform:uppercase; margin:-10px 0; padding:10px 0;}
.header-nav .nav > li > a { border-radius: 0; -webkit-border-radius:0; -moz-border-radius:0; color: #000; font-size: 12px; padding:35px 12px; cursor:pointer; letter-spacing:2px;}
.header-nav .nav > li > a:hover {background-color: transparent;	color: #212427;}

.header-nav .nav > li > a:active,
.header-nav .nav > li > a:focus {	background-color: transparent;}

.header-nav .nav > li.active > a,
.header-nav .nav > li.current-menu-item > a {background-color: transparent;	color: #ababab;}

.header-nav .nav > li:hover > a {color: #ababab;}

.header-nav .nav > li:hover > .sub-menu,
.header-nav .nav > li:hover > .mega-menu {
	opacity: 1;
	visibility: visible;
	margin-top:0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.header-nav .nav > li .sub-menu {background-color: #ffffff;	border: 1px solid #f4f4f4;	display: block;	left: 0;	top:100%;	list-style: none;	margin:20px 0 0;	opacity: 0;	padding: 0px;	position: absolute;	visibility: hidden;	width: 220px;	z-index: 10;}

.header-nav .nav > li .sub-menu li {	border-bottom: 1px solid #f4f4f4;	position: relative;	text-transform:none;}

.header-nav .nav > li .sub-menu li a {color: #000;	display: block;	font-size: 12px;	padding: 10px 20px;}
.header-nav .nav > li .sub-menu li a:hover {background-color:#F2F2F2;	color: #000;	text-decoration: none;}
.header-nav .nav > li .sub-menu li:hover > a {color: #000;}
.header-nav .nav > li .sub-menu li:last-child {border-bottom: 0px;}
.header-nav .nav > li .sub-menu li .fa {	color: #363636;	display: block;	float: right;	position: absolute;	right: 10px;	top: 12px;}

.header-nav .nav > li .sub-menu li > .sub-menu {
	left:220px;
	margin:0 0 0 20px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.header-nav .nav > li .sub-menu li:hover > .sub-menu {left:220px;	margin:0px;	opacity:1;	top: -1px;	visibility: visible;}

.header-nav .nav > li .sub-menu li:hover > .sub-menu:before {
	background-color: transparent;
	bottom: 0px;
	content: '';
	display: block;
	height: 100%;
	left: -6px;
	position: absolute;
	top: 0px;
	width: 6px;
}
.header-nav .nav > li.has-mega-menu {position: inherit;}
.header-nav .nav > li .mega-menu li a > i{	font-size:13px;	margin-right:5px;	min-width:20px;}
.header-nav .nav > li .mega-menu {
	background-color: #ffffff;
	border: 1px solid #e9e9e9;
	display: table;
	left: 0px;
	list-style: none;
	opacity: 0;
	position: absolute;
	right: 0px;
	visibility: hidden;
	width: 100%;
	margin-top:20px;
	z-index:10;
}
.header-nav .nav > li .mega-menu > li {display: table-cell;	padding:10px 0;	position: relative;	vertical-align: top;	width: 25%;	text-transform:none;}
.header-nav .nav > li .mega-menu > li:after {
	content:"";
	background-color:rgba(204,204,204,0.4) ;
	position: absolute;
	right: 0px;
	top: 0px;    
	display: block;
	width:1px;
	height: 100%;
}
.header-nav .nav > li .mega-menu > li:last-child:after {	display: none;}
.header-nav .nav > li .mega-menu > li > a {	color: #555555;	display: block;	font-size: 14px;	padding:0 20px;}
.header-nav .nav > li .mega-menu > li ul {list-style: none;	margin: 10px 0px 0px 0px;	padding: 0px;}

.header-nav .nav > li .mega-menu > li ul a {	color:#474747;	display: block;	font-size: 13px;	line-height: 34px;	padding:2px 20px;}
.header-nav .nav > li .mega-menu > li ul a:hover {	color: #1BBCE8;	background-color:#F2F2F2;}
.header-nav .nav > li.menu-item-has-children:before {
	content: "\f078";
	display: block;
	font-family: "FontAwesome";
	right: 4px;
	position: absolute;
	top: 50%;
	color:#999;
	margin-top:-8px;
	font-size:8px; 
}
/*-- Submenu direction---*/
.header-nav .nav > li.submenu-direction .sub-menu {left: auto;	right: 0;}
.header-nav .nav > li.submenu-direction .sub-menu li > .sub-menu {	left:auto;	right:220px; 	margin:0 20px 0 0;}
.header-nav .nav > li.submenu-direction .sub-menu li:hover > .sub-menu {	left:auto;	right:220px;	margin:0 0 0 0;}
.has-child .submenu-toogle {
    position:absolute;
    right:4px;
    top:4px;
    color:#000;
    background-color:transparent;
    z-index:900;
    cursor:pointer;
    padding:10px;
    font-size:14px;
    display:none;
}
.header-nav .has-child li .submenu-toogle  {opacity:0.9;}

.header-nav .has-child.nav-active > a+.submenu-toogle.glyphicon-chevron-right:before { content:"\e114";}
/*.header-nav .nav > li:last-child{display:none;}*/
@media only screen and (max-width: 991px) {
header .logo{	display:block;	padding:4px 0;}
.header-nav .nav i {	margin-top:6px;}
.header-nav .nav  li.has-child.nav-active > a{	color:#000;}
}

@media only screen and (max-width: 991px) {
/* responsive strat when media screen [991px] css START*/
.navbar-header { float: none;}
.navbar-toggle { display: block;}
/*.navbar-collapse.collapse {	display: none!important;} for fix menu togler */
.navbar-collapse.collapse.in { display: block!important; } 

/* Responsive strat when medai screen [991px] css END*/
.header-nav {	clear:both;	margin:0 -15px;	border-bottom:1px solid #E9E9E9 ;}
.header-nav .nav{	float:none;	margin:0;	background:#fff;}
.header-nav .nav li {	float:none;}

.header-nav .nav > li .sub-menu > li,
.header-nav .nav > li .mega-menu > li {float:none;	display:block;	width:auto;}
.header-nav .nav  li .sub-menu > li a {	padding-left:30px;}
.header-nav .nav > li > a {	padding: 12px 15px;	border-top:1px solid #E9E9E9 ;	color: #777;}

.header-nav .nav > li.active > a, 
.header-nav .nav > li.current-menu-item > a {    color: #000;}
.header-nav .nav i{	float:right;	}

.header-nav .nav > li > a:hover,
.header-nav .nav > li > a:active, 
.header-nav .nav > li > a:focus {
	background-color: #f0f0f0;
	text-decoration: none;
}
.header-nav .nav > li .mega-menu > li:after{	display:none;}
.header-nav .nav > li ul,
.header-nav .nav > li .sub-menu,
.header-nav .nav > li .mega-menu {
	display: none;
	position: static;
	visibility: visible;
	width:auto;
	background:#f9f9f9;
}
.header-nav .nav > li ul.mega-menu ul {display: block;}
.header-nav .nav > li .mega-menu > li {padding:0px;}
.header-nav .nav > li ul.mega-menu li:hover ul {	display: block;}
.header-nav .nav li.has-child {    position:relative;}
.header-nav .nav  li .sub-menu,
.header-nav .nav  li .mega-menu {
    opacity:1;
    margin:0 !important;
}
.has-child .submenu-toogle {    display:block;}

}


/* Vertical Nav */
.nav-sidebar{
	position:fixed;
	right:-400px;
	top:0;
	width:100%;
	max-width:400px;
	height:100%;
	z-index:999;
	background-color:#fff;
	transition: all 0.5s linear;
	box-shadow:2px 1px 5px rgba(0, 0, 0, 0.3); 
	-webkit-box-shadow:2px 1px 5px rgba(0, 0, 0, 0.3); 
	-moz-box-shadow:2px 1px 5px rgba(0, 0, 0, 0.3); 
	-o-box-shadow:2px 1px 5px rgba(0, 0, 0, 0.3);
}


.nav-sidebar.active{
	right:0px;
}


.nav-siderbar-scroll{
	padding:50px 40px;
	height:100%;
	position:absolute;
	width:100%;
	overflow:auto;
}
.nav-sidebar .vnav-btn{
    position: absolute;
    right: -40px;
    top:200px;
	 box-shadow:7px 0 5px rgba(0, 0, 0, 0.1); 
	-webkit-box-shadow:7px 0 5px rgba(0, 0, 0, 0.1); 
	-moz-box-shadow:7px 0 5px rgba(0, 0, 0, 0.1); 
	-o-box-shadow:7px 0 5px rgba(0, 0, 0, 0.1);
}
.vnav-btn {
    background: #fff none repeat scroll 0 0;
    color: #333;
    cursor: pointer;
    display: block;
    font-size: 21px;
    height: 40px;
    line-height: 40px;
    text-align: right;
    width: 40px;
	border:none;
}
.vnav-close{
	background:none;
	border:none;
	position:absolute;
    left: 10px;
    top: 20px;
	z-index:10;
	width:40px;
	height:40px;
}

.vnav-close:after,
.vnav-close:before{
	content:"";
	position:absolute;
    right: 10px;
    top: 10px;
	width:24px;
	height:1px;
	background-color:#000;	
}

.vnav-close:after{
	-moz-transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	transform: rotate(135deg);
}
.vnav-close:before{
	background-color:#000;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

/*--vertcal navigation start--*/
.vertical-nav .has-child .submenu-toogle {
	position: absolute;
	right: 0px;
	top: 22px;
	color: #000;
	z-index: 999;
	cursor: pointer;
	padding: 5px 10px;
	font-size: 24px;
	display: none;
	background: none;
	width: 100%;
	text-align: right;
	font-weight: bold;
}
.vertical-nav .has-child li .submenu-toogle  {  
      opacity:0.9;
}
.vertical-nav .has-child.nav-active > a+.submenu-toogle.fa-angle-right:before { content:"\f107";}

.vertical-content-wrap{display:table; width:100%; height:100%; overflow:auto;}
.vertical-content-area{display:table-cell; }

.vertical-content-area.vertical-centered{vertical-align:middle;}

.vertical-nav { font-family: var(--font-family-two )}
.vertical-nav ul {list-style:none; float:none;}
.vertical-nav ul li {	float:none;}
.vertical-nav ul li a > i {font-size:18px; margin-right:25px; }
.vertical-nav ul > li > a {
	padding: 20px 10px; 
	color: #999; 
	display:block; 
	font-size: 24px; 
	font-weight: 600; 
	text-transform: uppercase;
}
.vertical-nav ul li a > i {font-size:18px; margin-right:20px; }
.vertical-nav ul > li.active > a{ color: #000;}

.vertical-nav ul > li > a:visited,
.vertical-nav ul > li > a:hover,
.vertical-nav ul > li > a:active, 
.vertical-nav ul > li > a:focus { background:none; text-decoration: none;  color: #000;}
.vertical-nav ul > li .mega-menu > li:after{	display:none;}

.vertical-nav ul > li a{position: relative; z-index: 1;}

.vertical-nav ul  li .sub-menu > li a {font-size: 14px;padding: 5px 30px; text-transform: capitalize;}
.vertical-nav ul  li .sub-menu > li a > i {font-size:20px; }

.vertical-nav ul > li ul,
.vertical-nav ul > li .sub-menu {display: none; position: static;	visibility: visible;	width:auto;}

.vertical-nav ul li.has-child { position:relative;}
.vertical-nav ul li.has-child.nav-active a{color: #000;}
.vertical-nav ul li .sub-menu { opacity:1; margin:0 !important; }
.vertical-nav .has-child .submenu-toogle {display:block;}


.nav-transparent-area{
	position: absolute;
	width: 100%;
	height: 100vh;
	background-color: rgba(255,255,255,0.8);
	left: 0;
	top: 0;
	display:none;
	cursor:pointer;
	z-index:998;
}
/*-------------------------------------
	2. nav dark version
-------------------------------------*/  
.nav-dark.header-nav .nav > li .sub-menu,
.nav-dark.header-nav .nav > li .mega-menu {
	background-color: #000;
	border:1px solid rgba(0,0,0,0.2);
}
.nav-dark.header-nav .nav > li .sub-menu li {
	border-bottom: 1px solid #23282f;
}
.nav-dark.header-nav .nav > li .sub-menu li:last-child{
	border-bottom:0px;
}
.nav-dark.header-nav .nav > li .sub-menu li a,
.nav-dark.header-nav .nav > li .mega-menu > li ul a,
.nav-dark.header-nav .nav > li .mega-menu > li > a {
	color:#CCCCCC;
}
.nav-dark.header-nav .nav > li .sub-menu li a:hover {
	background-color: #222;
}
.nav-dark.header-nav .nav > li .mega-menu > li ul a:hover {
	background-color: #23282f;
	color: #FFBC13;
}
.nav-dark.header-nav .nav > li .mega-menu > li:after {
	background-color:rgba(0,0,0,0.2) ;
}

@media only screen and (max-width: 991px) {
.nav-dark.header-nav  {
	border-bottom:1px solid rgba(0,0,0,0.8);
}	
.nav-dark.header-nav .nav {
	background-color: #2D3239;
}
.nav-dark.header-nav .nav > li > a {
	border-top: 1px solid rgba(0,0,0,0.2);
}
.nav-dark.header-nav .nav > li > a {
	color: #999;
}

.nav-dark.header-nav .nav > li > a:hover, 
.nav-dark.header-nav .nav > li > a:active, 
.nav-dark.header-nav .nav > li > a:focus {
	background-color: #23282F;
	color: #FFBC13;
}
.nav-dark.header-nav .nav > li ul, 
.nav-dark.header-nav .nav > li .sub-menu, 
.nav-dark.header-nav .nav > li .mega-menu {
	background-color: #23282F;
}
}
/*-------------------------------------
	3. when header is sticky
-------------------------------------*/  
.sticky-no .main-bar {position:static !important;}

/*-------------------------------------
	4. when header is sticky
-------------------------------------*/  
.is-fixed .main-bar {position:fixed;	top:0;	left:0;}

/*-------------------------------------
 5. header id Fixed
-------------------------------------*/  
/*.is-fixed.color-fill .main-bar {    padding:0px 64px;}*/
.is-fixed.color-fill .header-nav .nav > li { margin:0; padding:0;}
.is-fixed.color-fill .header-nav .nav > li > a { margin:0; padding:25px 12px;}

@media only screen and (max-width:767px){
.main-bar,
.is-fixed .main-bar,
.is-fixed.color-fill .main-bar {  padding: 0px;}
}


@media only screen and (max-width: 991px) {
.is-fixed .header-nav .nav{
	overflow:auto;
	height:275px;
}	
.is-fixed .header-nav .nav > li > a {
	padding:12px 15px;
}
.is-fixed#header-part .navbar-toggle{
	margin:15px 0;
}
}
@media only screen and (max-width:768px) {
.is-fixed .extra-nav {
    padding: 13px 7px;
}
}
@media only screen and (max-width:767px) {
.is-fixed .extra-nav {
    padding: 13px 0px;
}
}
/*-------------------------------------
	6. header with bg primary color 1
-------------------------------------*/   
.site-bg-primary .header-nav .nav > li > a {	color:#fff;}

.site-bg-primary .header-nav .nav > li:hover > a,
.site-bg-primary .header-nav .nav > li.active > a, 
.site-bg-primary .header-nav .nav > li.current-menu-item > a {color:#1a1a1a;}

.site-bg-primary .site-search-btn,
.site-bg-primary .wt-cart .woo-cart-total,
.site-bg-primary .wt-cart .woo-cart-count {color:#fff;}

.site-bg-primary .wt-cart .woo-cart-count,
.site-bg-primary .wt-cart .woo-cart-count::before {border-color:#fff;}

.site-bg-primary .navbar-toggle .icon-bar {background-color:#fff;}
@media only screen and (max-width:991px) {
	
.site-bg-primary .header-nav .nav > li > a {	color:#777;}

.site-bg-primary .header-nav .nav > li:hover > a,
.site-bg-primary .header-nav .nav > li.active > a, 
.site-bg-primary .header-nav .nav > li.current-menu-item > a {color:#FFBC13;}

.header-nav .nav > li { margin:0; padding:0;}
.header-nav .nav > li > a { margin:0; padding:10px 12px; font-weight:600;}
.is-fixed.color-fill .header-nav .nav > li { margin:0; padding:0;}
.is-fixed.color-fill .header-nav .nav > li > a { margin:0; padding:10px 12px;}

}

/*------------------------------------- 
	2. transition 
-------------------------------------*/
a,
.btn, 
.form-control,
.overlay-bx,
.overlay-icon li a i,
.wt-icon-box-xld,
.wt-icon-box-xl,
.wt-icon-box-lg,
.wt-icon-box-md,
.wt-icon-box-sm,
.wt-icon-box-xs,
.share-social-bx li,
.indicator,
.profile-menu ul li,
.staff-member .member-done,
.how-wt-work .wt-box .shadow-bx img,
.how-wt-work .wt-box .step-no-bx,
.wt-info-has,
.wt-we-find .wt-box,
.navbar-toggle,
.logo-header,
.header-nav .nav > li > a,
.extra-nav,
.acod-head .indicator .fa {
	-webkit-transition:all 0.2s linear;
	-moz-transition:all 0.2s linear;
	-ms-transition:all 0.2s linear;
	-o-transition:all 0.2s linear;
	transition:all 0.2s linear;
}

.animate-slow {
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.animate-mid {
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	-ms-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}
.animate-fast {
	-webkit-transition: all 0.8s ease-out;
	-moz-transition: all 0.8s ease-out;
	-o-transition: all 0.8s ease-out;
	-ms-transition: all 0.8s ease-out;
	transition: all 0.8s ease-out;
}

/*------------------------------------- Header Style 1--------------------------------------*/
.header-style-1 .container{display: flex;}
.header-style-1 .container:after{display: table; clear: both; content: "";}
.header-style-1 .header-nav{display: flex !important; justify-content: end;	align-items: center;}
.header-style-1 .header-nav .nav {float: right; display: flex;justify-content: flex-end;	flex-direction: inherit;}
.header-style-1 .header-nav .nav > li{margin: 0px;}
.header-style-1 .header-nav .nav > li .sub-menu{margin-top: 24px;}
.header-style-1 .navbar-toggler{display: none;}
.header-style-1 .navbar-toggler .icon-bar{background: #000; height: 3px;border-radius: 0;display: block;width: 22px;}
.header-style-1 .navbar-toggler .icon-bar + .icon-bar {margin-top: 4px;}
.header-style-1 .header-nav .has-child.nav-active>a+.submenu-toogle.fa.fa-angle-right:before {content: "\f107";}
.header-style-1 .is-fixed.color-fill .header-nav .nav > li {margin:0;padding: 10px 0;}
.header-style-1 .is-fixed.color-fill .header-nav .nav > li > a {margin: 0;padding: 34px 12px;}


/*Header style 1 mobile navigation*/
@media only screen and (max-width: 991px) {
	.header-style-1 .container{display: flex; justify-content: space-between;}
	.header-style-1 .container:after{content:inherit;}
	.header-style-1 .navbar-toggler{display: block;}

	.header-style-1 .header-nav{margin: 0px;}
	.header-style-1 .header-nav .nav > li .sub-menu li .fa{z-index: 1;top: 4px;width: 100%;padding: 10px;text-align: right;}
	.header-style-1 .header-nav .nav > li .sub-menu li > a:hover + .fa {z-index: 0;}
	.header-style-1 .navbar-toggler{display: block;	position: absolute;	top: 50%;transform: translateY(-50%);right: 16px;}
	.header-style-1.twm-nav-transparent .navbar-toggler{right: -33px;}
	.header-style-1 .extra-nav {margin-right: 40px;}
	.has-child .submenu-toogle{background: none;}
	.header-style-1 .header-nav .nav {float: none;margin: 0px;background: #fff;background-color: rgb(255, 255, 255);width: 100%;display: block;height: 100%;}
	.header-style-1 .header-nav .nav > li > a{display: block;}
	.header-style-1 .header-nav .nav > .has-child .submenu-toogle{
		display: block;
		text-align: right;
		width: 100%;
		padding: 0px 20px 0px 0px;
		top: 0px;
		min-height: 44px;
	}
	.header-style-1 .header-nav .nav > .has-child .submenu-toogle:before{
		top: 15px;
    	position: relative;
	}
	.header-style-1 .header-nav .nav > li > a .fa{display: none;}
	.header-nav .nav > li .sub-menu li .fa{top: 1px;}
	.header-nav .nav > li .sub-menu li > .sub-menu{transition: none !important;}
	.header-style-1.mobile-sider-drawer-menu .header-nav {position: fixed; width: 250px !important; z-index: 999; height: 100vh !important;
	  overflow-y: inherit !important; left: -250px; top: 0px; transition: all 0.5s linear;
	  background-color: #fff;
	}
	.header-style-1.mobile-sider-drawer-menu .header-nav .nav > li:hover > .sub-menu { transition: none;}
	.header-style-1.mobile-sider-drawer-menu .header-nav .nav > li .sub-menu li:hover > .sub-menu { transition: none;}
	.header-style-1.mobile-sider-drawer-menu.active .header-nav {left: 0%;}
	.header-style-1.mobile-sider-drawer-menu .icon-bar {transition: all 0.5s linear;position: relative;}

	.header-style-1.mobile-sider-drawer-menu.active .icon-bar.icon-bar-first{transform:rotate(45deg) translateX(3px) translateY(2px);}
	.header-style-1.mobile-sider-drawer-menu.mobile-sider-drawer-menu.active .icon-bar.icon-bar-three{transform:rotate(-45deg) translateX(3px) translateY(-2px);}
	.header-style-1.mobile-sider-drawer-menu .icon-bar.icon-bar-two {position: relative;right: 0%;}
	.header-style-1.mobile-sider-drawer-menu.active .icon-bar.icon-bar-two { position: absolute; right: 100px; opacity: 0;}
	.header-style-1.mobile-sider-drawer-menu .is-fixed .header-nav .nav { overflow: auto; max-height: 100%;}
	.header-style-1.mobile-sider-drawer-menu .header-fixed .header-nav .nav { overflow: auto; max-height: 100%;}

	.header-style-1 .is-fixed.color-fill .header-nav .nav > li {margin:0;padding: 0px;}
	.header-style-1 .is-fixed.color-fill .header-nav .nav > li > a {margin: 0; padding: 12px 12px;}
	.header-style-1 .is-fixed .header-nav .nav > li > a {margin: 0; padding: 12px 12px;}
}

/* Default Input type */
select,
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea,
.form-control,
.nice-select,
.form-control[readonly] {
    display: block;
    width: 100%;
    height: 57px;
    padding: 15px 20px;
    font-family: var(--font-family-base);
    font-size: var(--fs-17);
    font-weight: var(--fw-light);
    line-height: normal;
    color: var(--color-two);
    background-color: rgba(var(--color-dark-six-rgb), 0.30);
    background-clip: padding-box;
    border: 1px solid var(--color-dark-seven);
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    transition: var(--transition-bezier);
    backface-visibility: hidden;
    box-sizing: border-box;
    outline: none;
    appearance: none;
    -webkit-appearance: none;
    outline-offset: 0;
}
textarea,
textarea.form-control {
    height: 200px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
.form-control:focus,
textarea:focus,
textarea.form-control:focus,
.nice-select:focus,
.nice-select:hover{
    color: inherit;
    background-color: rgba(var(--color-dark-six-rgb), 0.50);
    border-color: var(--color-dark-seven);
    outline: none;
    outline-offset: 0px;
    box-shadow: none;
    transition: var(--transition-bezier);
}
label {
    font-size: 14px;
    font-style: normal;
    font-weight: var(--fw-medium);
    line-height: 30px;
    letter-spacing: 0.6px;
    text-transform: uppercase;
    display: inline-block;
    margin-bottom: 10px;
}


::-webkit-input-placeholder {
    color: var(--color-two);
}
::-moz-placeholder {
    color: var(--color-two);
}
:-ms-input-placeholder {
    color: var(--color-two);
}
:-moz-placeholder {
    color: var(--color-two);
}
::placeholder {
    color: var(--color-two);
}


/* Button One */
input[type="submit"],
.btn{
    position: relative;
    width: auto;
    min-width: 190px;
    height: 50px;
    padding: 10px 35px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    font-family: var(--font-family-base);
    font-size: var(--fs-14); 
    font-weight: var(--fw-medium);
    line-height: var(--fs-21);
    text-transform: capitalize;
    color: var(--color-white-fixed);
    background: var(--color-one);
    border-width: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
    letter-spacing: 0.8px;
    cursor: pointer;
    overflow: hidden;
    -webkit-transition: var(--transition-base);
    transition: var(--transition-base);
}
.btn > * {
    z-index: 1;
}
.btn-check:focus+.btn, .btn:focus, .btn.active{
    background-color: var(--color-white-fixed);
    color: var(--color-one);
}
.btn:hover,
input[type="submit"]:hover {
    background-color: var(--color-white-fixed);
    color: var(--color-one);
}

.btn.creative::before,
.btn.creative::after,
.btn.creative .btn-wrap::before,
.btn.creative .btn-wrap::after {
    content: '';
    position: absolute;
    width: 12px;
    height: 12px;
    border-style: solid;
    border-color: var(--color-white);
    transition: var(--transition-base);
}

.btn.creative::before {
    left: 0;
    top: 0;
    border-width: 1px 0px 0px 1px;
}

.btn.creative::after {
    right: 0;
    bottom: 0;
    border-width: 0px 1px 1px 0px;
}

.btn.creative .btn-wrap::before {
    left: 0;
    bottom: 0;
    border-width: 0px 0px 1px 1px;
}

.btn.creative .btn-wrap::after {
    top: 0;
    right: 0;
    border-width: 1px 1px 0px 0px;
}

.btn:hover::before,
.btn:hover::after,
.btn:hover .btn-wrap::before,
.btn:hover .btn-wrap::after {
    width: calc(50% - 5px);
    height: calc(50% - 5px);
    border-color: var(--color-one);
}

/* Gray */
.btn.gray {
    background-color: var(--color-dark-five);
    color: var(--color-white);
}
.btn.gray:hover {
    background-color: var(--color-white);
    color: var(--color-dark-five);
}

/* White */
.btn.white {
    background-color: var(--color-white-fixed);
    color: var(--color-dark-one-fixed);
}
.btn.white:hover {
    background-color: var(--color-dark-one-fixed);
    color: var(--color-white-fixed);
}

/* Black */
.btn.black {
    background-color: var(--color-black-fixed);
    color: var(--color-white-fixed);
}
.btn.black:hover {
    background-color: var(--color-white-fixed);
    color: var(--color-one);
}

/* Low opacity White */
.btn.white-opacity {
    background-color: rgba(var(--color-white-rgb), 0.10);
    color: var(--color-white);
}
.btn.white-opacity:hover {
    background-color: var(--color-white);
    color: var(--color-black);
}

.btn.white-opacity-fixed {
    background-color: rgba(var(--color-white-fixed-rgb), 0.10);
    color: var(--color-white-fixed);
}
.btn.white-opacity-fixed:hover {
    background-color: var(--color-white-fixed);
    color: var(--color-black-fixed);
}

/* Button Two */
.btn-two:hover {
    background-color: var(--color-white-fixed);
    color: var(--color-one);
}

.btn-two .btn-wrap {
    display: flex;
    align-items: center;
}

.btn-two .text-first {
    padding-right: 10px;
}

.btn-two .text-second {
    position: relative;
    overflow: hidden;
    transition: var(--transition-base);
}

.btn-two .text-second i:nth-child(1),
.btn-two .text-second svg:nth-child(1) {
    display: inline-block;
    transition: transform 0.5s linear;
}

.btn-two .text-second i + i,
.btn-two .text-second svg + svg {
    position: absolute;
    left: 0;
    top: 0;
    transform: translate(-30px, 30px);
    transition: transform 0.5s linear;
}

.btn-two:hover .text-second i:nth-child(1),
.btn-two:hover .text-second svg:nth-child(1) {
    transform: translate(30px, -30px);
}

.btn-two:hover .text-second i + i,
.btn-two:hover .text-second svg + svg {
    transform: translate(0px, 0px);
}

/* Gray */
.btn-two.gray {
    background-color: var(--color-dark-eight);
}
.btn-two.gray:hover {
    background-color: var(--color-white);
    color: var(--color-dark-one);
}

/* Low opacity White */
.btn-two.white-opacity {
    background-color: rgba(var(--color-white-rgb), 0.10);
}
.btn-two.white-opacity:hover {
    background-color: var(--color-white);
    color: var(--color-dark-one);
}



/* Black */

/* Button Three */
.btn-three:hover {
    background-color: var(--color-white-fixed);
    color: var(--color-one);
}

.btn-three .btn-wrap{
	position: relative;
    z-index: 1;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-three .btn-wrap .text-first{
	position: relative;
	display: block;
	transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
}

.btn-three .btn-wrap .text-second{
	position: absolute;
    top: 100%;
    display: block;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.btn-three:hover .btn-wrap .text-first{
	-webkit-transform: translateY(-150%);
	-ms-transform: translateY(-150%);
	transform: translateY(-150%);
}
.btn-three:hover .btn-wrap .text-second{
	top: 50%;
    -webkit-transform: translateY(-50%); 
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.btn-three:before {
    position: absolute;
    width: 200%;
    height: 200%;
    content: "";
    top: -200%;
    left: 50%;
    background-color: var(--color-white-fixed);
    border-radius: 50%;
    z-index: 1;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
}
.btn-three:hover:before,
.btn-three.active::before {
    top: -40%;
}
.btn-three.active,
.btn-three.active:before {
    background-color: var(--color-white-fixed);
    color: var(--color-one);
}

/* Gray */
.btn-three.gray {
    background-color: var(--color-dark-five);
    color: var(--color-white-fixed);
}
.btn-three.gray:hover,
.btn-three.gray:before {
    background-color: var(--color-one);
    color: var(--color-white-fixed);
}

/* White */
.btn-three.white {
    background-color: var(--color-white-fixed);
    color: var(--color-black-fixed);
}
.btn-three.white:hover,
.btn-three.white:before {
    background-color: var(--color-one);
    color: var(--color-white-fixed);
}

/* Black */
.btn-three.black {
    background-color: var(--color-black-fixed);
    color: var(--color-white-fixed);
}
.btn-three.black:hover,
.btn-three.black:before {
    background-color: var(--color-one);
    color: var(--color-white);
}

/* Button Four */
.btn-four {
    position: relative;
    width: auto;
    min-width: 230px;
    height: 60px;
    padding: 12px 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    font-family: var(--font-family-base);
    font-size: var(--fs-16); 
    font-weight: var(--fw-medium);
    line-height: var(--fs-28);
    text-transform: uppercase;
    color: var(--color-white);
    background: var(--color-one);
    border: 1px solid transparent;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
    letter-spacing: 0.8px;
    cursor: pointer;
    overflow: hidden;
    -webkit-transition: var(--transition-base);
    transition: var(--transition-base);
}
.btn-check:focus+.btn-four, .btn-four:focus{
    color: var(--color-one);
}
.btn-four:hover,
.btn-four.active {
    background-color: var(--color-white);
    color: var(--color-one);
}
.btn-four::before,
.btn-four::after {
    box-sizing: inherit;
    position: absolute;
    content: '';
    border: 1px solid transparent;
    width: 0;
    height: 0;
}
.btn-four::before {
    top: 0;
    left: 0;
}
.btn-four::after {
    bottom: 0;
    right: 0;
}
.btn-four:hover::before,
.btn-four:hover::after,
.btn-four.active::before,
.btn-four.active::after {
    width: 100%;
    height: 100%;
}
.btn-four:hover::before,
.btn-four.active::before {
    border-top-color: var(--color-one);
    border-right-color: var(--color-one);
    transition: width 0.3s ease-out, height 0.3s ease-out 0.3s;
}
.btn-four:hover::after,
.btn-four.active::after {
    border-bottom-color: var(--color-one);
    border-left-color: var(--color-one);
    transition: border-color 0s ease-out 0.6s, width 0.3s ease-out 0.6s, height 0.3s ease-out 1s;
}

/* Scrollbar Customize */
body::-webkit-scrollbar {
    width: 8px;
}

body::-webkit-scrollbar-track {
    box-shadow: inset 0 0 8px rgba(var(--color-two-rgb), 0.3);
}

body::-webkit-scrollbar-thumb {
    background-color: rgba(var(--color-one-rgb), 1);
    border-radius: 30px;
}
