/*
[Table of contents]

01. Setup
	* Variables
	* html, body
	* Scrollbar
	* Container Heading
	* Cover
	* Button

02. Preloader

03. Navbar

04. Homepage(index.html)
	01. Cover
	02. Vision Mission Value
	03. About
		* Introduction
		* Brands
		* Counters
	04. Team
	05. Services
	06. Works/Projects
	07. Pricing
	08. News/Blog
	09. Contact

05. Footer
	* Newsletter
	* Footer Objectives
	* Copyright

06. Service Single(service_single.html)
	* Cover(Styled in Setup section)
	* Service Detail
	* Sidebar
	* Projects(Styled in Homepage section)

07. Project detail(project_single.html)
	* Cover(Styled in Setup section)
	* Project Detail
	* Sidebar
	* Projects(Styled in Homepage section)

08. Blog Page(blog_full.html)
	* Cover(Styled in Setup section)
	* Blog Container

09. Blog Article(blog_article.html)
	* Cover(Styled in Setup section)
	* Article Container
	* Sidebar

==================================================================*/

/* ==================================================

01 - SETUP

=====================================================*/


@font-face{font-family:'Font Awesome 5 Brands';font-style:normal;font-weight:normal;font-display:auto;src:url("../font/fa-brands-400.eot");src:url("../font/fa-brands-400.eot?#iefix") format("embedded-opentype"),
url("../font/fa-brands-400.woff2") format("woff2"),
url("../font/fa-brands-400.woff") format("woff")}@font-face{font-family:'Font Awesome 5 Free';font-style:normal;font-weight:400;font-display:auto;src:url("../font/fa-regular-400.eot");src:url("../font/fa-regular-400.eot?#iefix") format("embedded-opentype"),
url("../font/fa-regular-400.woff2") format("woff2"),
url("../font/fa-regular-400.woff") format("woff")}@font-face{font-family:'Font Awesome 5 Free';font-style:normal;font-weight:900;font-display:auto;src:url("../font/fa-solid-900.eot");src:url("../font/fa-solid-900.eot?#iefix") format("embedded-opentype"),
url("../font/fa-solid-900.woff2") format("woff2"),
url("../font/fa-solid-900.woff") format("woff")}@font-face{font-family:'Gilroy';src:url('../font/Gilroy-Bold.woff2') format('woff2'),
url('../font/Gilroy-Bold.woff') format('woff');font-weight:bold;font-style:normal}@font-face{font-family:'Gilroy';src:url('../font/Gilroy-RegularItalic.woff2') format('woff2'),
url('../font/Gilroy-RegularItalic.woff') format('woff');font-weight:normal;font-style:italic}@font-face{font-family:'Gilroy';src:url('../font/Gilroy-Regular.woff2') format('woff2'),
url('../font/Gilroy-Regular.woff') format('woff');font-weight:normal;font-style:normal}@font-face{font-family:'Gilroy';src:url('../font/Gilroy-Black.woff2') format('woff2'),
url('../font/Gilroy-Black.woff') format('woff');font-weight:900;font-style:normal}@font-face{font-family:'lemon_tuesdayregular';src:url('../font/lemon_tuesday-webfont.woff2') format('woff2'),
url('../font/lemon_tuesday-webfont.woff') format('woff');font-weight:normal;font-style:normal}


/*--Variables--*/

:root{
	--color-white: #FEFEFE;
	--color-lite: #ACACAC;
	--bg-dark: #101010;
	--bg-dark-cnt: #181818;
	--bg-dark-hl: #202022;
	--color-sec: #a6193b;
	--color-border: rgba(255,255,255,0.1);
}

html[data-color-scheme="light"]{
	--color-white: #000;
	--color-lite: #616161;
	--bg-dark: #fefefe;
	--bg-dark-cnt: #f5f5f5;
	--bg-dark-hl: #e0e0e0;
	--color-sec: #a6193b;
	--color-border: rgba(0,0,0,0.1);
}

/*--Html, Body--*/
*{
	-webkit-font-smoothing: antialiased !important;
    font-smoothing: antialiased !important;
}

body
{
	position: relative;
	background: var(--bg-dark);
	color: var(--color-white);
    /*font-family: 'Roboto', sans-serif;*/
	font: normal 16px 'Gilroy', Arial, sans-serif;
}

/*--Scrollbar--*/
body::-webkit-scrollbar {
    width: 1em;
    background: var(--bg-dark-hl);
}

body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}

body::-webkit-scrollbar-thumb {
  background-color: rgba(66,66,66,1);
  outline: 1px solid slategrey;
}

body::scrollbar {
    width: 1em;
    background: var(--bg-dark-hl);
}

body::scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}

body::scrollbar-thumb {
  background-color: rgba(66,66,66,1);
  outline: 1px solid slategrey;
}

.dropdown_list {
  margin: 15px auto;
  width: auto;
  position: relative;
  box-sizing: border-box;
}
.dropdown_list li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.dropdown_list span.dropdown {
  display: block;
  margin: 0;
  padding: 0 10px;
  width: auto;
  height: 40px;
  line-height: 38px;
  background: #fff;
  border-radius: 3px;
  border: 1px solid #a1c4e5;
  cursor: pointer;
  overflow: hidden;
}
.dropdown_list span.dropdown.is-active {
  border-radius: 3px 3px 0 0;
}
.dropdown_list span.dropdown:hover, .dropdown_list span.dropdown:active {
  background: #f1f1f1;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}
.dropdown_list span.dropdown:after {
  float: right;
  margin-top: 0;
  margin-left: 10px;
  width: 15px;
  height: 100%;
  content: "\e817";
  color: ineherit;
  font-family: 'icons';
  text-align: center;
  font-size: inherit;
  vertical-align: top;
}
.dropdown_list span.dropdown.is-active:after {
  content: "\e816"
}
.dropdown_list a:hover {
  text-decoration: none;
  border-bottom: 0;
}
.dropdown_list .drop {
  display: block;
  float: left;
  margin: 0;
  width: 100%;
  max-height: 0;
  position: absolute;
  background: #fff;
  top: 40px;
  border-radius: 0 0 3px 3px;
  z-index: 10;
  overflow-y: auto;
  opacity: 0;
  transition: max-height 0.3s cubic-bezier(0, 0.6, 0, 1), opacity 0.3s cubic-bezier(0, 0.6, 0, 1);
}
.dropdown_list span.is-active + .drop {
  max-height: 350px;
  border: 1px solid #a1c4e5;
  border-top: 0;
  opacity: 1;
  transition: max-height 0.2s ease-in-out, opacity 0.2s ease-in-out;
}
.dropdown_list .drop li {
  float: none;
  display: block;
  margin: 0;
  padding: 0;
  border: 0;
  height: auto;
  border-top: 1px dotted #ccc;
}
.dropdown_list .drop li:first-child {
  border-top: 0
}
.dropdown_list .drop li a {
  float: none;
  display: block;
  margin: 0;
  padding: 6px 10px 6px 25px;
  height: auto;
  width: auto;
  text-transform: none;
  color: inherit;
  background: #fff;
  text-align: left;
  border-radius: 0;
  border: 0;
}
.dropdown_list .drop li a:hover, .dropdown_list .drop li a:active {
  background: #f1f1f1;
}
.dropdown_list .drop li a:before {
  display: inline-block;
  margin-left: -15px;
  margin-right: 5px;
  width: 10px;
  height: inherit;
  content: "\00BB";
  color: inherit;
  font-family: 'icons';
  text-align: center;
  font-size: inherit;
  vertical-align: top;
}

.dropdown-toggle-custom::after {
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	content: '\f107';
	font-size: 17px;
	position: absolute;
	left: 50%;
	bottom: -5px;
	transform: translateX(-50%);
}

.dropdown-item {
	text-align: center;
}

/*--Container Heading--*/

.cnt_head
{
	padding-top: 50px;
	padding-bottom: 50px;
	/*font-family: 'Roboto', sans-serif;*/
	font: normal 16px 'Gilroy', Arial, sans-serif;
}

.s_head
{
	font-size: 48px;
	font-weight: 600;
	margin-bottom: 10px;
}

.sub_head
{
	font-size: 16px;
	font-weight: 500;
	/*font-family: 'Roboto', sans-serif;*/
	font: normal 16px 'Gilroy', Arial, sans-serif;
	color: var(--color-sec);
}

.h_body
{
	font-size: 16px;
	/*font-family: 'Roboto', sans-serif;*/
	font: normal 16px 'Gilroy', Arial, sans-serif;
	font-weight: 400;
	color: var(--color-lite);
}



/*--Cover--*/
#cover
{
	color: #231f20;
	/*font-family: 'Roboto', sans-serif;*/
	font: normal 16px 'Gilroy', Arial, sans-serif;
	background: -webkit-linear-gradient(180deg,rgba(223 223 223) 0%, rgba(237 237 237) 5%,rgba(255 255 255 / 10%) 100%),url(../images/main1.jpg);
	background: linear-gradient(180deg,rgb(223 223 223) 0%, rgb(237 237 237) 5%,rgb(255 255 255 / 10%) 100%),url(../images/main1.jpg);
	background-position: center;
	background-size: cover;
}


#cover {
    color: #231f20;
    /*font-family: 'Roboto', sans-serif;*/
	font: normal 16px 'Gilroy', Arial, sans-serif;
     background: -webkit-linear-gradient(
180deg
,rgba(0,0,0,1) 0%, rgb(230 230 230) 5%,rgba(0,0,0,0.1) 100%),url(../images/main2.jpg); 
    background: linear-gradient(
180deg
,rgb(223 223 223) 0%, rgb(237 237 237) 5%,rgb(255 255 255 / 10%) 100%),url(../images/main2.jpg);
    background-position: center;
    background-size: cover;
}

#cover .cover_wrapper

{

	padding-top: 200px;

	padding-bottom: 100px;

}

#cover .cover_wrapper .wrapper_head

{

	font-weight: 600;

}

#cover .cover_wrapper .wrapper_nav
{
	/*font-family: 'Roboto', sans-serif;*/
	font: normal 16px 'Gilroy', Arial, sans-serif;
	font-size: 16px;
	font-weight: 300;
	text-transform: uppercase;
}

#cover .cover_wrapper .wrapper_nav_link

{

	color: var(--color-sec);

	text-decoration: none;

}
* {box-sizing:border-box}



/*--Button--*/

.button_main
{
	color: var(--color-white);
	background: var(--color-sec);
	border: 2px solid var(--color-sec);
	padding: 12px 36px;
	/*font-family: 'Roboto', sans-serif;*/
	font: normal 14px 'Gilroy', Arial, sans-serif;
	font-weight: 600;
	font-size: 14px;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
/*    margin-left: 35px;*/
}

.button_main:hover
{
	text-decoration: none;
	background: var(--color-sec);
	color: #fefefe;
	-webkit-box-shadow: 2px 2px 20px rgba(255, 23, 68,0.7);
	box-shadow: 2px 2px 20px rgba(255, 23, 68,0.7);
}

.button_main:focus
{
	outline: none;
	-webkit-box-shadow: 0 0 0;
	box-shadow: 0 0 0;
}

.button_main .arrow_go
{
	-webkit-transition: 0.3s;
	transition: 0.3s;
}

.button_main:hover> .arrow_go
{
	-webkit-transform: translateX(10px);
	transform: translateX(10px);
}

/* ==================================================



02 - Preloader



=====================================================*/

#pre_loader
{
	/*font-family: 'Roboto', sans-serif;*/
	font: normal 16px 'Gilroy', Arial, sans-serif;
	position: fixed;
	height: 100vh;
	background: var(--bg-dark);
	width: 100%;
	z-index: 999999;
}

#pre_loader .pre_cnt

{

	font-weight: 600;

	font-size: 30px;

	position: absolute;

	top: 50%;

	left: 50%;

	-webkit-transform: translate(-50%,-50%);

	transform: translate(-50%,-50%);

	-webkit-transition:  0.5s;

	transition: 0.5s;

}

#pre_loader .pre_spn

{

	line-height: 18px;

}

#pre_loader .spinner-grow

{

	color: var(--color-sec) !important;

	width: 70px;

	height: 70px;

}



/* ==================================================



03 - Navbar



=====================================================*/



.navbar
{
	/*font-family: 'Roboto', sans-serif;*/
	font: normal 16px 'Gilroy', Arial, sans-serif;
	-webkit-transition: 0.5s;
	transition: 0.5s;
	padding-bottom: 35px;
	padding-top: 35px;
	z-index: 9999;
}

.navbar a
{
	text-transform: none;
}

@media (max-width: 575.98px)
{

	.navbar

	{

		padding-top: 25px;

		padding-bottom: 25px;

	}

}

.navbar .navbar-brand

{

	font-weight: 600;

	font-size: 20px;

	color: #fefefe;

}

.navbar .navbar-brand:hover

{

	color: #fefefe;

}

.navbar .navbar-brand:focus

{

	color: #fefefe;

}

@media (max-width: 300px)

{

	.navbar .navbar-brand

	{

		font-size: 16px;

		font-weight: 600;

	}

	.navbar .navbar-brand img

	{

		height: 40px;

	}

}

.navbar-nav .nav-item

{	

	-webkit-transition: 0.5s;

	transition: 0.5s;

	/*font-size: 14px;*/

	font-weight: 600;

	position: relative;

	margin: 0px 10px 0px 10px;

}

.navbar-nav .nav-item .nav-link

{

	    color: #231f20;

	-webkit-transition:  0.5s;

	transition: 0.5s;

}

.navbar-nav .nav-item .nav-link:hover

{

	color: #a6193b;

}

.navbar-nav .nav-item .nav-link:focus

{

	color: #a6193b;

}

.navbar .navbar-nav .active

{

	-webkit-transition: 0.5s;

	transition: 0.5s;

	color: #a6193b !important;

}

.navbar .navbar-nav .active:before

{

	content: '';

	background: var(--color-sec);

	height: 2px;

	width: 60%;

	display: block;

	-webkit-transition: 0.5s;

	transition: 0.5s;

	-webkit-transform: translateY(41px);

	transform: translateY(41px);

	position: absolute;

	top: -20%;

	left: 10%;

	-webkit-animation: wdth 0.5s;

	animation: wdth 0.5s;

}

@keyframes wdth

{

	0%{

		width: 0px;

	}

	100%

	{

		width: 60%;

	}

}

@-webkit-keyframes wdth

{

	0%{

		width: 0px;

	}

	100%

	{

		width: 60%;

	}

}

.navbar .navbar-nav .active:hover 

{

	color: var(--color-sec) !important;

}

.navbar-toggler .fa-bars

{

	color: #2e2a2b;

	outline: none;

}

.navbar-toggler:focus

{

	outline: none;

}

.scroll

{

	background: rgb(255 255 255 / 90%);

	/*overflow: hidden;	*/

	padding-top: 10px;

	padding-bottom: 10px; 

}

@media (max-width: 991.98px) 

{ 

	.navbar{

		background: white;

		overflow: hidden;	

		padding-bottom: 10px; 

	}

	.navbar-nav li a

	{ 

		text-align: center;

		margin-top: 0px;

		margin-bottom: 0px;

 	}

 	

/*
 	.navbar .navbar-collapse .navbar-nav .nav-item

 	{

 		border-top: 1px solid rgba(66,66,66,0.3);

 	}
*/

 	.navbar .navbar-collapse .navbar-nav .active:before

 	{

 		display: none;

 	}

 	.navbar .navbar-nav .active

 	{

 		text-decoration: underline var(--color-sec);

 	}

}

@media (max-height: 500px) 

{

	.collapse

	{

		overflow-y: scroll !important;

		max-height: 250px !important;

	}

}



/* ==================================================



04 - Homepage(index.html)



=====================================================*/
#work-scheme{
	display: table;
	max-height: 300px;
	margin-top: 50px;
	margin-left: 140px;
	position: center;
}
.count-flex {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  box-sizing: border-box;
}
.count-flex-item {
  position: relative;
  -webkit-box-flex: none;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  box-sizing: border-box;
}
.count-inner {
  position: center;
  text-align: center;
  width: 100px;
  height: 100px;
  background: rgba(255,255,255,0);
  margin-bottom: 100px;
  border-radius: 50%;
}
.circle strong{
  color: #009fe3;
  position: absolute;
  top: 40px;
  left: 0;
  margin: auto;
  font-size: 40px;
	text-align: center;
  width: 175px;
  display: block;
  font-family: 'open_sans_condensedbold';
	width:100px; height:100px;
border-radius: 50%;
background-color: transparent;
	 border-style: solid;
	border-color: #009fe3;
}
/*--cover--*/

#cover .cvr_cnt

{

	padding-top: 100px;

}
#cover .cvr_row

{

	padding-top: 15vmin;	

}

@media (max-width: 767.98px) 

{

	#cover .cvr_row

	{

	 padding-top: 15vmin;

	}

}

.cvr-ttl h5

{

	font-weight: 300;

	margin-bottom: 20px;

}

.mtext{
	font-weight: 900;
    background: -webkit-linear-gradient(
145deg
,#f81f01,#ee076e);
    background: linear-gradient(
145deg
,#f81f01,#ee076e);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
	text-align: center;
	margin-top:20px;
}


.cvr-title
{
	/*font-family: 'Roboto', sans-serif;*/
	font: normal 43px 'Gilroy', Arial, sans-serif;
	font-weight: 400;
	font-size: 43px;
	color: #231f20;
	margin-bottom: 0;
}

.cvr-title .cvr-title-tp

{

	font-weight: 900;

	background: -webkit-linear-gradient(145deg,#f81f01,#ee076e);

	background: linear-gradient(145deg,#f81f01,#ee076e);

  	-webkit-background-clip: text;

  	background-clip: text;

  	-webkit-text-fill-color: transparent;

  	text-fill-color: transparent;

}



@media (max-width: 767.98px) 

{

	.cvr-title{font-size: 40px;}

	.cvr-subtitle{font-size: 20px;}

}

@media (max-width: 500.98px) 

{

	.cvr-title{font-size: 33px;}

	.cvr-subtitle{font-size: 20px;}

		#cover .cvr_row

	{

		padding-top: 100px;

	}



}

.cvr-body
{
	/*font-family: 'Roboto', sans-serif;*/
	font: normal 16px 'Gilroy', Arial, sans-serif;
	font-size: 16px;
	font-weight: 400;
	color: #231f20;
	margin-bottom: 15px;
	margin-top: 20px;
	padding-top: 0;
}

.cvr-btns

{

	margin-top: 35px;

	padding: 0 10px;

}

.cvr-btns a

{

	text-decoration: none;

	color: #231f20;

}

@media(max-width: 300px)

{

	.cvr-btns

	{

		justify-content: center !important;

		

	}

	.cvr-btns a

	{

		width: 100% !important;

		text-align: center;

	}

	.km-btn

	{

		width: 100%;

	}

}

@media (max-width: 576px)

{

	.gs-btn .gs-txt

	{

		display: none;

	}

}

.cvr-btns .col-xs-6

{

	margin: 0 !important;

	padding: 0 !important;

}

.cvr-btns .gs-btn
{
	-webkit-transition: 0.3s;
	transition: 0.3s;
	/*font-family: 'Roboto', sans-serif;*/
	font-weight: 500;
	font-size: 14px;
	font: normal 14px 'Gilroy', Arial, sans-serif;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	-ms-border-radius: 40px;
	-o-border-radius: 40px;
	border-radius: 40px;
}

@keyframes shadow

{

  0% {

    -webkit-box-shadow: 0 0 0 0px rgba(255, 23, 68,1);

    box-shadow: 0 0 0 0px rgba(255, 23, 68,1);

  }

  100% {

    -webkit-box-shadow: 0 0 0 15px rgba(255, 23, 68,0.0);

    box-shadow: 0 0 0 15px rgba(255, 23, 68,0.0);

  }

}

.cvr-btns .gs-btn i

{

	-webkit-border-radius: 50%;

	-moz-border-radius: 50%;

	-ms-border-radius: 50%;

	-o-border-radius: 50%;

	border-radius: 50%;

	color: #231f20;

	-webkit-transition: 0.5s;

	transition: 0.5s;

	padding: 11px 12px;

	background:  var(--color-sec);

	animation: shadow 1s infinite;

	border: 2px solid transparent;

}

.cvr-btns .gs-btn:hover

{

	color: #231f20;

	text-decoration: none;

}

.input{
	    -webkit-writing-mode: horizontal-tb !important;
    text-rendering: auto;
    color: -internal-light-dark(black, white);
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: start;
    appearance: textfield;
    background-color: -internal-light-dark(rgb(255, 255, 255), rgb(59, 59, 59));
    -webkit-rtl-ordering: logical;
    cursor: text;
    margin: 0em;
    font: 400 13.3333px Arial;
    padding: 1px 2px;
    border-width: 2px;
    border-style: inset;
    border-color: -internal-light-dark(rgb(118, 118, 118), rgb(133, 133, 133));
    border-image: initial;
}
}
.cvr-btns .gs-btn:hover > i

{

	background: transparent;

	border: 2px solid var(--color-sec);

	-webkit-transform: scale(1.1);

	transform: scale(1.1);

}

.cvr-btns .gs-btn:focus

{

	outline: none;

	-webkit-box-shadow: 0 0 0;

	box-shadow: 0 0 0;

}

#cover .cvr_cnt .cvr_row

{

	padding-bottom: 5%;

}

#cover .cvr-ftr

{

	margin-top: 12vmin;

}

@media (min-width: 576px) and (max-width: 767.98px) 

{

	#cover .cvr-ftr

	{

		margin-top: 100px !important;

	}

}

@media (max-width: 350px)

{



	#cover .cvr_row

	{

		padding-top: 15vmin;

	}

}

#cover .cvr-ftr a
{
	color: #231f20;
	text-decoration: none;
	/*font-family: 'Roboto', sans-serif;*/
	font: normal 14px 'Gilroy', Arial, sans-serif;
	font-weight: 400;
	font-size: 14px;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}

#cover .cvr-ftr a:hover

{

	color: var(--color-sec);

}

@media (max-width: 410px)

{

	#cover .cvr-ftr .ftr-pr,#cover .cvr-ftr .ftr-sc

	{

		width: 100% !important;

	}

}

#cover .cvr-ftr .ftr-sc a i

{

	font-size: 16px;

	width:	35px;

	height: 35px;

	line-height: 32px;

	text-align: center;

	border: 2px solid var(--color-sec);

	-webkit-border-radius: 50%;

	-moz-border-radius: 50%;

	-ms-border-radius: 50%;

	-o-border-radius: 50%;

	border-radius: 50%;

	color:white;

	-webkit-transition: 0.5s;

	transition: 0.5s;

}

#cover .cvr-ftr .ftr-sc a:hover i

{

	background:#f00c54;

	-webkit-box-shadow: 2px 2px 20px rgba(255, 23, 68,0.7);

	box-shadow: 2px 2px 20px rgba(255, 23, 68,0.7);

}



/*--Vision Mission Value--*/
#vmv
{
	background: var(--bg-dark);
	color: var(--color-lite);
	/*font-family: 'Roboto', sans-serif;*/
	font: normal 16px 'Gilroy', Arial, sans-serif;
}

#vmv .row_vmv .vmv_cnt .p-2 h6
{
	font-size: 18px;
	-webkit-transition: 0.5s ease;
	transition: 0.5s ease;
	font-weight: 700;
	color: var(--color-white);
}

#vmv .row_vmv .vmv_cnt:hover > .p-2 h6

{

	color: var(--color-sec);

	-webkit-transform: translateY(-10px);

	transform: translateY(-10px);

}

#vmv .row_vmv .vmv_cnt .p-2 i

{

	font-size: 20px;

}

#vmv .row_vmv .vmv_cnt .p-2:nth-child(2)
{
	/*font-family: 'Roboto', sans-serif;*/
	font: normal 15px 'Gilroy', Arial, sans-serif;
	font-size: 15px;
}

#vmv .row_vmv .vmv

{

 /*======Empty=====*/

}

#vmv .row_vmv .vmv_cnt

{

	background: var(--bg-dark);

	padding: 50px;

	-webkit-transition: 0.5s ease;

	transition: 0.5s ease;

	border-bottom: 2px solid var(--color-border);

	height: 100% !important;

}

#vmv .row_vmv .vmv_cnt:hover

{

	border-bottom: 2px solid var(--color-sec);

	background: var(--bg-dark-hl);

}

@media (max-width: 767.98px) 

{

		#vmv .row_vmv .vmv_cnt

		{

			padding: 20px;

		}

}



/*--About--*/



/*--About --> Introduction--*/
#introduction
{

	font-family: 'Roboto', sans-serif;;

	padding-top: 100px;

	padding-bottom: 100px;

	background: var(--bg-dark);

	color: var(--color-white);

	overflow: hidden;

}

#introduction .icont .in_img

{	

	width: 100%;

	z-index: 1;

}

@media (min-width: 992px)

{

	#introduction .icont .in_img

	{

		padding-right:  50px;

	}

}

@media (max-width: 991.98px)

{

	#introduction .icont .in_img

	{

		margin-bottom: 40px;

	}

}

#introduction .icont .in_img:before

{

	content: '';

	background:url(

	data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAJklEQVQoU2M0MDD4z4AFXLhwgRFZmHFYKcTmY2xiKEGATxP1FQIARG4YC57xwkQAAAAASUVORK5CYII=

   	) repeat;

	height: 150px;

	width: 150px;

	display: block;

	position: absolute;

	top: 0;

	left: 0;

	z-index: -1;

	-webkit-transform: translate(-15px,-30px);

	transform: translate(-15px,-30px);

}



#introduction .icont .in_img:after

{

	content: '';

	border: 5px solid;

 	-webkit-border-image-source: -webkit-linear-gradient(145deg,#f81f01,#ee076e);

 	border-image-source: linear-gradient(145deg,#a6193b,#a6193b);

  	border-image-slice: 1;

	height: 90%;

	width: 90%;

	display: block;

	position: absolute;

	bottom: 0;

	left: 0;

	-webkit-transform: translate(-5px,20px);

	transform: translate(-5px,20px);

	z-index: -1;

}

#introduction .icont .in_img img

{

	-webkit-border-radius: 0px;

	-moz-border-radius: 0px;

	-ms-border-radius: 0px;

	-o-border-radius: 0px;

	border-radius: 0px;

}

#introduction .icont .icard

{

	/*padding-left: 60px;

	padding-right: 60px;*/

	margin-top: 15px;

	margin-bottom: 15px;

}

#introduction .icont .icard .card

{

	overflow: hidden;

	border: 2px solid transparent;

	background:var(--bg-dark-cnt);

	-webkit-transition: 0.5s;

	transition: 0.5s;

	padding: 10px 10px;

	-webkit-border-radius: 0;

	-moz-border-radius: 0;

	-ms-border-radius: 0;

	-o-border-radius: 0;

	border-radius: 0;

	height: 100%;

}

#introduction .icont .icard .card:hover

{

	border-bottom: 2px solid var(--color-sec);

	background: var(--bg-dark-hl);

}

#introduction .icont .icard .card .crd_cnt

{

	transition: 0.5s;

	-webkit-transition:0.5s;

}

#introduction .icont .icard .card:hover .crd_cnt

{

	-webkit-transform: translateY(-5px);

	transform: translateY(-5px);

}

@media (min-width: 768px) and (max-width: 991.98px)

{

	#introduction .icont .icard .card

	{

		margin: 10px 10px;

	}

}

#introduction .icont .icard .card-title

{

	font-family: 'Roboto', sans-serif;;

	color: var(--color-white);

	margin-bottom: 0!important;

}

#introduction .icont .icard  .card-title i

{

	-webkit-border-radius: 10px;

	-moz-border-radius: 10px;

	-ms-border-radius: 10px;

	-o-border-radius: 10px;

	border-radius: 10px;

	font-size: 30px;	

	padding: 13px;

	

}

#introduction .icont .icard .card .crd_bdy

{

	max-width: 100%;

}

#introduction .icont .c1 .card-title i{color: #FF2525;}

#introduction .icont .c2 .card-title i{color:#43e97b;}

#introduction .icont .c3 .card-title i{color:#21D4FD;}

#introduction .icont .c4 .card-title i{color:#7F00FF;}



#introduction .icont .icard .card span:nth-child(2)

{

	font-weight: 700;

}

#introduction .icont .icard .card span:nth-child(3)

{

	font-weight: 400;

	font-size: 20px;

}

#introduction .icont .icard .card .card-text

{	

	

	color: rgba(255,255,255,0.9);

	font-size: 14px;

	font-weight: 600;

	color: var(--color-white);

	font-family: 'Roboto', sans-serif;; 

}



/*--About --> Brands--*/

#brand-area

{

	font-family: 'Roboto', sans-serif;;

	background: var(--bg-dark);
    
    padding-top: 50px;
/*    padding-bottom: 100px;*/

}

#brand-area .brcnt

{

/*	border-top: 1px solid rgba(66,66,66,0.3);*/

	padding-top: 40px;

	padding-bottom: 40px;
	

}

#brand-area .brcnt .brnd_img

{

	padding: 10px;

}

#brand-area .brcnt .brnd

{

	-webkit-transition:0.5s;

	transition: 0.5s;

	padding: 10px 25px;

	background: var(--bg-dark);

    opacity: 0.9;
	 transform-origin: 50% 65%;
  transition: transform 3s, filter 3s ease-in-out;
 

}

#brand-area .brcnt .brnd:hover

{

	opacity: 1;
	 filter: brightness(100%);
  transform: scale(1.5);

}

#brand-area .brcnt .brnd img

{

	-webkit-border-radius: 15px;

	-moz-border-radius: 15px;

	-ms-border-radius: 15px;

	-o-border-radius: 15px;

	border-radius: 15px;

}

@media (min-width: 768px) and (max-width: 991.98px)

{

	#brand-area .brcnt .brnd_img

	{

		padding: 30px;

	}

}

@media (min-width: 500px) and (max-width: 575.98px)

{

	#brand-area .brcnt .brnd_img

	{

		padding: 25px;

	}

}

@media (max-width: 300px)

{

	#brand-area .brcnt .brnd

	{

		padding: 5px 10px;

	}

}



/*--About --> Counters--*/

#counter_up

{

	padding-top: 100px;

	padding-bottom: 100px;

	background: -webkit-linear-gradient(90deg,rgba(14,14,14,0.8),rgba(14,14,14,0.8)),url(../images/main23.jpg);

	background: linear-gradient(90deg,rgba(14,14,14,0.8),rgba(14,14,14,0.8)),url(../images/main23.jpg);

	background-size: cover;

	background-position: center;

	color: #fefefe;

	font-family: 'Roboto', sans-serif;;

	background-attachment: fixed;

}

#counter_up .count

{

	font-size: 35px;

	font-weight: 600;

	font-family: 'Roboto', sans-serif;;

}

#counter_up .count_bdy

{

	color: #ACACAC;

	font-size: 14px;

}

#counter_up .count_txt

{

	font-size: 29px;
	margin-left: 2px;

	font-weight: 600;

	font-family: 'Roboto', sans-serif;;
	

}

@media (max-width: 768px)

{

	#counter_up .cocnt

	{

		margin-top: 20px;

		margin-bottom: 20px;

	}

}





/*--Team--*/



#team

{

	background: #ececec78;

	padding-top: 50px;

	padding-bottom: 50px;

}



#team .team_cnt .team_crd .card

{

	background: transparent;

	color: var(--color-white);

	padding: 15px;

	padding-top: 30px;

	-webkit-border-radius: 10px;

	-moz-border-radius: 10px;

	-ms-border-radius: 10px;

	-o-border-radius: 10px;

	border-radius: 10px;

	border: 0;

	font-family: 'Roboto', sans-serif;;

	-webkit-transition: 0.7s;

	transition: 0.7s;

	overflow: hidden;

}

#team .team_cnt .team_crd .card:hover

{

	-webkit-transform: translateY(-10px);

	transform: translateY(-10px);

	background: var(--bg-dark-cnt);

}

#team .team_cnt .team_crd .team_img_cnt

{

	position: relative;

	margin-bottom: 15px;

	-webkit-border-radius: 50%;

	-moz-border-radius: 50%;

	-ms-border-radius: 50%;

	-o-border-radius: 50%;

	border-radius: 50%;

	overflow: hidden;

}

#team .team_cnt .team_crd .card .team_img_cnt img

{

	margin-bottom: 0 !important;

}

@media (max-width: 992px)

{

	#team .team_cnt .team_crd .card

	{

		margin-top: 15px;

		margin-bottom: 15px;

	}

}

#team .team_cnt .team_crd .card .m_name

{

	font-size: 16px;

	font-weight: 500;

}

#team .team_cnt .team_crd .card .m_dsc

{

	font-size: 14px;

	color: #ACACAC;

	font-family: 'Roboto', sans-serif;;

}

#team .team_cnt .team_crd .card .team_img_cnt .m_sci

{

	width: 100%;

	opacity: 0;

	display: none;

	-webkit-transition: 0.5s;

	transition: 0.5s;

	position: absolute;

	top: 0;

	left: 0;

	height: 100%;

	width: 100%;

	background: -webkit-linear-gradient(145deg,rgba(248,31,1,0.7),rgba(238,7,110,0.7));

	background: linear-gradient(145deg,rgba(248,31,1,0.7),rgba(238,7,110,0.7));

	animation: fade-sci 1s;

}

#team .team_cnt .team_crd .card:hover .team_img_cnt .m_sci

{

	opacity: 1;

	display: block;

}

@keyframes fade-sci{

	0%

	{

		opacity: 0;

	}

	100%

	{

		opacity: 1;

	}

}

#team .team_cnt .team_crd .card .m_sci a 

{

	color: var(--color-white);

	text-decoration: none;	

}

#team .team_cnt .team_crd .card .m_sci a:hover > i

{

	background: var(--color-sec);

	-webkit-box-shadow: 2px 2px 20px rgba(255, 23, 68,0.7);

	box-shadow: 2px 2px 20px rgba(255, 23, 68,0.7);

}

#team .team_cnt .team_crd .card .m_sci a i

{

	font-size: 16px;

	width:	35px;

	height: 35px;

	background: var(--bg-dark);

	line-height: 32px;

	text-align: center;

	border: 2px solid transparent;

	-webkit-border-radius: 50%;

	-moz-border-radius: 50%;

	-ms-border-radius: 50%;

	-o-border-radius: 50%;

	border-radius: 50%;

	color: var(--color-white);

	-webkit-transition: 0.5s;

	transition: 0.5s;

}



/*--Services--*/

#services

{

	background: var(--bg-dark);

	color: var(--color-white);

	font-family: 'Roboto', sans-serif;;

	padding-top: 50px;

	padding-bottom: 50px;

}

#services .ser_cnt .serv

{

	margin-bottom: 30px;

}

#services .ser_cnt .serv .card

{

	background: var(--bg-dark-cnt);

	padding: 40px;

	border: 0;

	-webkit-border-radius: 5px;

	-moz-border-radius: 5px;

	-ms-border-radius: 5px;

	-o-border-radius: 5px;

	border-radius: 5px;

	/*height: 100%;*/

	-webkit-transition: 0.7s;

	transition: 0.7s;

}

#services .ser_cnt .serv .card:hover

{

	-webkit-transform: translateY(-10px);

	transform: translateY(-10px);

	background: var(--bg-dark-hl);

}

@media (max-width: 240px)

{

	#services .ser_cnt .serv .card

	{

		padding: 30px;

	}

}

#services .ser_cnt .serv .ser_ttl

{

	color: var(--color-white);

	font-weight: 700;

	font-size: 20px;

	margin-top: 10px;

}

#services .ser_cnt .serv .ser_dsc

{

	font-size: 16px;

	font-weight: 400;

	font-family: 'Roboto', sans-serif;;

	color: var(--color-lite);

	margin-top: 25px;

}

#services .ser_cnt .serv .ser_lnk

{

	color: var(--color-sec);

	text-decoration: none;

	font-size: 14px;	

	margin-top: 10px;

	margin-right: 15px;

	-webkit-transition: 0.3s;

	transition: 0.3s;

	font-weight: 600;

	backface-visibility: hidden;

	-webkit-backface-visibility:hidden;

}

#services .ser_cnt .serv .ser_lnk:hover i

{

	transform: translateX(5px);

}

#services .ser_cnt .serv .ser_lnk i

{

	transition: 0.5s;

}

#services .ser_cnt .serv .ser_ico

{

	padding-bottom: 20px;

}

#services .ser_cnt .serv .ser_ico i

{

	font-size: 40px;

	color: var(--color-sec);

}



/*--Works/Projects--*/

#projects

{

	background: var(--bg-dark);

	padding-top: 50px;

	padding-bottom: 50px;

}

#projects .pr_cnt{

	color: #fefefe;

}

#projects .pr_cnt .item

{

	height: 420.6px;

	-webkit-border-radius: 10px;

	-moz-border-radius: 10px;

	-ms-border-radius: 10px;

	-o-border-radius: 10px;

	border-radius: 10px;

	overflow: hidden;

	position: relative;

}

	/*Owl Carousel*/

	.owl-theme .owl-dots

	{

		padding-top: 50px !important;

	}

	.owl-theme .owl-dots span{



		background: transparent !important;

		border: 1px solid var(--color-sec) !important;

		height: 15px !important;

		width: 15px !important;

		-webkit-transition: 0.5s !important;

		transition: 0.5s !important;

	}

	.owl-theme .owl-dots button:focus

	{

		outline: none !important;

	}

	.owl-theme .owl-dots .active span,

	.owl-theme .owl-dots .owl-dot:hover span{

	  	background: var(--color-sec) !important;

	}

#projects .pr_cnt .pr_obj

{

	position: absolute;

	bottom: 0;

	left: 0;

	padding-left: 20px;

}

#projects .pr_cnt .pr_obj .pr_main

{

	padding:20px !important;

}

#projects .pr_cnt .pr_obj .pr_subhead

{

	font-family: 'Roboto', sans-serif;;

	font-size: 16px;

	font-weight: 500;

/*	margin-bottom: 25px;*/

	color:#c6c9c8;

}

#projects .pr_cnt .pr_obj .pr_head

{

	font-family: 'Roboto', sans-serif;;

	font-size: 24px;

	font-weight: 600;

	margin-bottom: 45px;

}

#projects .pr_cnt .pr_obj .pr_lnk

{

	margin-bottom: 40px;

}

#projects .pr_cnt .pr_obj .pr_lnk a{

	color: #fefefe;

}

@media (max-width: 320px)

{

	#projects .pr_cnt .pr_obj

	{

		padding-left: 0px;

	}

	#projects .pr_cnt .item

	{

		width: 280px !important;

	}

	#projects .pr_cnt .pr_obj .pr_lnk a

	{

		padding: 10px 18px !important;

	}

}

@media (max-width: 240px)

{

	#projects .pr_cnt .item

	{

		width: 200px !important;

		height: 390px !important;

	}



}

/*--Pricing--*/

#pricing

{

	background: var(--bg-dark);

	font-family: 'Roboto', sans-serif;;

	color: var(--color-white);

	padding-top: 50px;

	padding-bottom: 50px;

}

#pricing .pricing_container

{

	

}

#pricing .pricing_container .pricing_section .pricing_plan

{

	background: var(--bg-dark-cnt);

	padding: 30px;

	-webkit-transition: 0.7s;

	transition: 0.7s;

	border: 0;

	-webkit-border-radius: 10px;

	-moz-border-radius: 10px;

	-ms-border-radius: 10px;

	-o-border-radius: 10px;

	border-radius: 10px;

}

#pricing .pricing_container .pricing_section .pricing_plan:hover

{

	-webkit-transform: translateY(-10px);

	transform: translateY(-10px);

	background: var(--bg-dark-hl);

}

#pricing .pricing_container .pricing_section .pricing_plan .pl_head

{

	font-weight: 600;

	font-size: 30px;

}

#pricing .pricing_container .pricing_section .pricing_plan .price

{

	border-bottom: 1px solid var(--color-border);

	padding-top: 5px;

	padding-bottom: 20px;

	line-height: 1;

	min-height: 100px;

}

#pricing .pricing_container .pricing_section .pricing_plan .price .pr1

{

	font-size: 16px;

}

#pricing .pricing_container .pricing_section .pricing_plan .price .pr2

{

	font-size: 35px;

	font-weight: 600;

}

#pricing .pricing_container .pricing_section .pricing_plan .price .pr3

{

	font-family: 'Roboto', sans-serif;;

	font-size: 16px;



}

#pricing .pricing_container .pricing_section .pricing_plan .price .pr4

{

	font-family: 'Roboto', sans-serif;;

	font-size: 14px;

	margin-top: 20px;	

	color: var(--color-lite);

	line-height: normal;

}

#pricing .pricing_container .pricing_section .pricing_plan .pl_ftr

{

	padding-top: 10px;

}

#pricing .pricing_container .pricing_section .pricing_plan .pl_ftr .pl_ftr_hd

{

	font-family: 'Roboto', sans-serif;;

	font-size: 16px;

	font-weight: 500;

}

#pricing .pricing_container .pricing_section .pricing_plan .pl_ftr .feature

{

	font-family: 'Roboto', sans-serif;;

	font-size: 16px;

	color: var(--color-lite);

}

#pricing .pricing_container .pricing_section .pricing_plan .pl_ftr .feature i

{

	color: var(--color-sec);

}

#pricing .pricing_container .pricing_section .pricing_plan .button_main

{

	margin-top: 20px;

	text-align: center;

}

			/*=======special==========*/

			#pricing .pricing_container .pricing_section .special

			{

				overflow: hidden;

				position: relative;				

			}

			#pricing .pricing_container .pricing_section .special .pl_head:before

			{

				content: 'Popular';

				padding: 5px 0px;

				width: 150px;

				text-align: center;

				display: block;

				color: #fefefe;

				font-family: 'Roboto', sans-serif;;

				font-size: 14px;

				background: -webkit-linear-gradient(145deg,#f81f01,#ee076e);

				background: linear-gradient(145deg,#f81f01,#ee076e);

				position: absolute;

				right: -45px;

				top: 15px;	

				-webkit-transform: rotate(45deg);

				transform: rotate(45deg);

			}

@media (max-width: 992px)

{ 

	#pricing .pricing_container .pricing_section

	{

		margin-top: 15px;

		margin-bottom: 15px;

	}

}

@media (min-width: 992px) and (max-width: 1199.98px) 

{

	#pricing .pricing_container .pricing_section .pricing_plan .price .pr4 p

	{

		min-height: 60px;

	}

	#pricing .pricing_container .pricing_section .pricing_plan .pl_ftr

	{

		min-height: 100px !important;

	}

}



/*--News/Blog--*/

#news

{

	background: var(--bg-dark);

	padding-top: 50px;

	padding-bottom: 50px;

}

#news .bl_sec .card

{

	border: 0 !important;

	background: var(--bg-dark-cnt);

	font-family: 'Roboto', sans-serif;;

	color: var(--color-white);

	-webkit-border-radius: 10px;

	-moz-border-radius: 10px;

	-ms-border-radius: 10px;

	-o-border-radius: 10px;

	border-radius: 10px;

	overflow: hidden;

	-webkit-transition: 0.7s;

	transition: 0.7s;

}

#news .bl_sec .card:hover

{

	-webkit-transform: translateY(-10px);

	transform: translateY(-10px);

	background: var(--bg-dark-hl);

}

#news .bl_sec .bl_img

{

	width: 100%;

	height: 200px;

	overflow: hidden;

}

#news .bl_sec .bl_img img

{	

	min-height: 100%;

	object-fit: cover !important;

	object-position: center !important;

}

#news .bl_sec .bl_body

{

	padding: 15px;

}

#news .bl_sec .bl_body a

{

	color: var(--color-white);

	text-decoration: none;

}

#news .bl_sec .bl_body .bl_header .bl_date

{

	font-size: 12px;

	font-family: 'Roboto', sans-serif;;

	color: rgba(255,255,255,0.5);

}

#news .bl_sec .bl_body .bl_main

{

	/*=====Empty=====*/

}

#news .bl_sec .bl_body .bl_main .bl_title

{

	font-size: 15px;

	font-weight: 600;

}

#news .bl_sec .bl_body .bl_main .bl_title a

{

	color: var(--color-white);

	text-decoration: none;

	-webkit-transition: 0.5s;

	transition: 0.5s;

}

#news .bl_sec .bl_body .bl_main .bl_title a:hover

{

	color: var(--color-sec);

}

#news .bl_sec .bl_body .bl_main .bl_text

{

	font-size: 14px;

	font-family: 'Roboto', sans-serif;;

	color: var(--color-lite);

	margin-top: 10px;

	margin-bottom: 15px;

}

#news .bl_sec .bl_body .bl_main .bl_btn a:hover

{

	background: var(--color-sec);

}

#news .bl_ftr

{	

	padding-top:  15px;

	border-top: 1px solid var(--color-border);

}

#news .bl_ftr a

{

	text-decoration: none;

	-webkit-transition: 0.5s;

	transition: 0.5s;

}

#news .bl_ftr a span

{

	-webkit-transition: 0.5s;

	transition: 0.5s;

}

#news .bl_ftr .ln1:hover .lns2 .usr_name

{

	color: var(--color-sec);

}

#news .bl_ftr .ln1 .usr_name

{

	font-size: 14px;

	color: var(--color-white);

	font-weight: 500;

	font-family: 'Roboto', sans-serif;

}

#news .bl_ftr .ln1 .usr_name,#news .bl_ftr .ln1 .usr_date

{

	display: block;

}

#news .bl_ftr .ln1 .lns2 .usr_date

{

	font-size: 12px;

	font-family: 'Roboto', sans-serif;;

	text-decoration: none;

	color: var(--color-lite	);

	

}

#news .bl_ftr .ln2 .usr_cmt

{

	color: rgba(255,255,255,0.5);

	font-size: 14px;

	color: var(--color-white);

}

#news .bl_ftr .ln2 .usr_cmt:hover

{

	color: var(--color-sec);

}

#news .bl_full_ln

{

	color: var(--color-white);

	font-family: 'Roboto', sans-serif;;

	text-align: center;

	font-size: 14px;

	padding-top: 50px;

	padding-bottom: 50px;

}

#news .bl_full_ln a

{

	color: var(--color-sec);

	text-decoration: none;

	-webkit-transition: 0.5s;

	transition: 0.5s;

	font-weight: 500;

}

#news .bl_full_ln a:hover

{

	text-decoration: underline;

}



/*--Contact--*/



#contact

{

	background-color: var(--bg-dark);

	color: var(--color-white);

	font-family: 'Roboto', sans-serif;;
	padding-bottom: 50px;
	margin-top: 40px;
	

}

#contact .cnt_head

{

	padding-bottom: 60px !important;
	text-align:center;

}

#contact .cntc_info .cntc_info_e

{

	max-width: 50%;

	padding: 15px;
	margin-left: 130px;

}

#contact .cntc_info .cntc_info_e .cntc_info_head

{

	font-size: 18px;

	font-weight: 600;

	margin-bottom: 7px;

}

#contact .cntc_info .cntc_info_e .cntc_info_b

{

	font-size: 14px;

	color: var(--color-lite);

	font-family: 'Roboto', sans-serif;;

}

#contact .cntc_info .cntc_info_e .cntc_info_b i

{

	color: var(--color-white);

}

#contact .cntc_form

{

	padding: 50px 50px;

}

#contact .cntc_form form textarea,#contact .cntc_form form input

{

	background: #f5f5f5cc;

	border: 2px solid #a71c3dc2;

	-webkit-transition: 0.5s;

	transition: 0.5s;

	-webkit-border-radius: 5px;

	-moz-border-radius: 5px;

	-ms-border-radius: 5px;

	-o-border-radius: 5px;

	border-radius: 5px;

	color: var(--color-white);

}

#contact .cntc_form form textarea::placeholder,#contact .cntc_form form input::placeholder

{



	font-size: 14px;

	font-family: 'Roboto', sans-serif;;

	color: var(--color-lite);

}

#contact .cntc_form form textarea:focus,#contact .cntc_form form input:focus

{

	-webkit-box-shadow: 0 0 0;

	box-shadow: 0 0 0;

	border: 2px solid var(--color-sec);

	background: var(--bg-dark);

}

#contact .cntc_form form label

{

	font-size: 16px;

	font-weight: 500;

}

@media(max-width: 767.98px) 

{

	#contact .cnt_head

	{

		padding-bottom: 0;

	}

}

@media(max-width: 430px)

{

	#contact .cntc_info .cntc_info_e

	{

		max-width: 100%;

		padding: 15px;

	}

	#contact .cntc_form

	{

		padding: 30px 30px;

	}

} 

#contact .button_main

{

	margin-top: 10px;

}
#pytna-mreja .btn-block, #gradove .btn-block{
	margin-top: 30px;
    height: 40px;
	padding: 0;
}

/* ==================================================



05 - Footer
=====================================================*/
#footer
{
	background: #101010;
	color: #fefefe;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
}

#footer .ftr_main
{
	padding-top: 100px;
	padding-bottom: 100px;
	border-top: 1px solid var(--color-border);
}

@media (max-width: 575.98px)
{
	#footer .ftr_main
	{
		margin-bottom: 0 !important;
		padding-bottom: 0 !important;
	}
}



/*--Newsletter--*/

#footer .ftr_brand a
{
	font-size: 26px;
	color: #fefefe;
	font-weight: 600;
	text-decoration: none;
}

#footer .ftr_intro
{
	font-family: 'Roboto', sans-serif;;
	font-size: 16px;
	color: #acacac;
	padding-top: 20px;
}

#footer .ftr_nwsltr label
{
	font-size: 16px;
	font-weight: 600;
}

#footer .ftr_nwsltr form .form-group
{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}

#footer .ftr_nwsltr form input
{
	background: #181818;
	border: 2px solid transparent;
	-webkit-transition: 0.5s;
	transition: 0.5s;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	color: #fefefe;
}

#footer .ftr_nwsltr form input::placeholder
{
	font-size: 14px;
	font-family: 'Roboto', sans-serif;;
	color: rgba(255,255,255,0.5);
}

#footer .ftr_nwsltr form input:focus
{
	-webkit-box-shadow: 0 0 0;
	box-shadow: 0 0 0;
	background: #101010;
	border: 2px solid var(--color-sec);
	outline: none;
}

@media (max-width: 1200px)
{

	#footer .ftr_nwsltr form input

	{

		margin-bottom: 15px;

	}

	#footer .ftr_nwsltr form .btn_sub

	{

		margin-bottom: 15px;

	}

}

@media (max-width: 380px)

{

	#footer .ftr_nwsltr form input

	{

		margin-right: 0 !important;

	}

	#footer .ftr_nwsltr form input,#footer .ftr_nwsltr form .btn_sub

	{

		width: 100%;

	}

}

#footer .ftr_nwsltr form .btn_sub

{

	color: #fefefe;

	border: 2px solid var(--color-sec);

	-webkit-transition: 0.5s;

	transition: 0.5s;

	-webkit-border-radius: 5px;

	-moz-border-radius: 5px;

	-ms-border-radius: 5px;

	-o-border-radius: 5px;

	border-radius: 5px;

	font-size: 14px;

	font-weight: 500;

}

#footer .ftr_nwsltr form .btn_sub:hover

{

	background: var(--color-sec);

	-webkit-box-shadow: 2px 2px 20px rgba(255, 23, 68,0.7);

	box-shadow: 2px 2px 20px rgba(255, 23, 68,0.7);

}

@media (min-width: 768px) and (max-width: 991.98px)

{

	#footer .ftr_brand a

	{

		font-size: 23px;

	}

}

@media (max-width: 250px)

{

	#footer .ftr_brand a

	{

		font-size: 23px;

	}

}



/*--Footer objective--*/

#footer .ftr_bdy

{

	background: #181818;

	padding: 30px;

	-webkit-border-radius: 10px;

	-moz-border-radius: 10px;

	-ms-border-radius: 10px;

	-o-border-radius: 10px;

	border-radius: 10px;

}

@media (max-width: 575.98px){

	#footer .ftr_bdy

	{

	-webkit-border-radius: 0;

	-moz-border-radius: 0;

	-ms-border-radius: 0;

	-o-border-radius: 0;

	border-radius: 0;

	}

}

#footer .ftr_bdy .ftr_clb

{

	max-width: 40%;

}

#footer .ftr_bdy .ftr_clb .btn{

	color: #fefefe !important;

}

@media (max-width: 768px){

	#footer .ftr_bdy .ftr_clb

		{

			max-width: 50%;

		}

}

@media (max-width: 575.98px) 

{

	#footer .ftr_bdy .ftr_clb

		{

			max-width: 100%;

			margin-bottom: 30px;
		 margin-left: -15px;

		}	

}

#footer .ftr_bdy .ftr_clb .ftr_clb_t1

{

	font-size: 12px;	

}

#footer .ftr_bdy .ftr_clb .ftr_clb_t2

{

	font-size: 24px;

	font-weight: 600;	

}

#footer .ftr_bdy .ftr_clb .button_main

{

	margin-top: 20px;

}

#footer .ftr_bdy .ftr_clb .ftr_dsc

{

	font-family: 'Roboto', sans-serif;;

	font-size: 14px;

	color: #ACACAC;

}

#footer .ftr_bdy .ftr_clb .ftr_dsc a

{

	color: var(--color-sec);

	text-decoration: none;

}

#footer .ftr_bdy .ftr_clb .ftr_dsc i

{

	color: var(--color-sec);

}

#footer .ftr_bdy .ftr_cnt .ftr_lnk .ftr_lnk_cmp .ftr_lnk_head

{

	font-size: 16px;

	font-weight: 600;

}

#footer .ftr_bdy .ftr_cnt .ftr_lnk .ftr_lnk_cmp .ftr_lnk_bdy a

{

	text-decoration: none;

	font-family: 'Roboto', sans-serif;;

	font-size: 14px;

	color: #ACACAC;

	-webkit-transition: 0.5s;

	transition: 0.5s;

}

#footer .ftr_bdy .ftr_cnt .ftr_lnk .ftr_lnk_cmp .ftr_lnk_bdy a:hover

{

	color: #fefefe;

}

@media (max-width: 575.98px){

	#footer .ftr_bdy .ftr_cnt .ftr_lnk .ftr_lnk_cmp

	{

		margin-left: 0 !important;

	}

}

#footer .ftr_bdy .ftr_cnt .ftr_lnk_sc a

{

	color: #fefefe;

	text-decoration: none;

	font-size: 20px;

	margin: 10px;

	-webkit-transition: 0.5s;

	transition: 0.5s;

}

#footer .ftr_bdy .ftr_cnt .ftr_lnk_sc a:hover

{

	color: var(--color-sec);

}

#footer .ftr_bdy .ftr_cnt .ftr_lnk .ftr_lnk_lpt .ftr_lnk_lpt_l

{

	color: #ACACAC;

	font-family: 'Roboto', sans-serif;;

}

#footer .ftr_bdy .ftr_cnt .ftr_lnk .ftr_lnk_lpt .ftr_lnk_lpt_l a

{

	text-decoration: none;

	color: #ACACAC;

	font-size: 14px;

	-webkit-transition: 0.5s;

	transition: 0.5s;

}

#footer .ftr_bdy .ftr_cnt .ftr_lnk .ftr_lnk_lpt .ftr_lnk_lpt_l a:hover

{

	color: #fefefe;

}

#footer .ftr_bdy .ftr_cnt .ftr_lnk .ftr_lnk_lpt .ftr_lnk_lpt_dot

{

	font-size: 20px;

	font-family: 'Roboto', sans-serif;;

	color: rgba(255,255,255,0.5);

	font-weight: 600;

}

@media (max-width: 575.98px){

	#footer .ftr_bdy .ftr_cnt .ftr_lnk .ftr_lnk_lpt

	{

		margin-left: 0 !important;

		margin-top: 20px !important;

	}

}



/*--Copyright--*/

#footer .ftr_btm

{

	background: #000;

}

#footer .ftr_btm h6

{

	background: #000;

	margin-bottom: 0 !important;

	padding-top: 10px;

	padding-bottom: 25px;

	font-family: 'Roboto', sans-serif;;

	font-size: 16px;

	color: rgba(255,255,255,0.5);
	font-weight: 300;

}

#footer .ftr_btm a

{

	color: #fefefe;

	text-decoration: none;

}



/* ==================================================



06 - Service Single(service_single.html)



=====================================================*/



/*--Service Detail--*/

#service_detail

{

	padding: 100px 15px 0px 15px;

}

#service_detail h2,#service_detail h3

{

	font-family: 'Roboto', sans-serif;;

	font-weight: 600;

}

#service_detail p

{

	margin-top: 30px;

	margin-bottom: 30px;

	font-family: 'Roboto', sans-serif;;

	color: var(--color-lite);

	font-size: 16px;

}

#service_detail blockquote

{

	margin-top: 30px;

	margin-bottom: 60px;

}

#service_detail blockquote p

{

	color: var(--color-white);

	font-family: 'Roboto', sans-serif;;

	font-size: 18px;

	font-weight: 600;

}

#service_detail .quote_footer

{

	font-family: 'Roboto', sans-serif;;

	color: var(--color-white);

	font-size: 14px;

	margin-top: 30px;

}

#service_detail .fa-ul

{

	list-style-type: none;

	margin: 0;

	font-family: 'Roboto', sans-serif;;

	color: var(--color-lite);

	margin-top: 30px;

}

#service_detail .fa-ul li

{

	margin-top: 15px;

	margin-bottom: 15px;

}

#service_detail .sd_inner_cnt

{

	padding-top: 40px;

	padding-bottom: 40px;

}

#service_detail .sd_inner_cnt img

{

	min-height: 100%;

	object-fit: cover;

	object-position: center;

}

#service_detail .sd_inner_cnt .fa-ul

{

	padding-left: 25px;

}

#service_detail .sd_inner_cnt .fa-ul .fa-check-square

{

	color: var(--color-sec);

}

@media (max-width: 991.98px)

{

	.sd_inner_cnt .sd_inner_list

	{

		margin-top: 50px;

	}

}



/*--Sidebar--*/

#service_detail .sd_sidebar

{

	padding-left: 30px;

	padding-right: 30px;

}

@media (max-width: 991.98px)

{

	#service_detail .sd_sidebar

	{

		padding-left: 15px;

		padding-right: 15px;

		margin-top: 20px;

	}

}

@media (max-width: 767.98px)

{

	#service_detail .sd_sidebar

	{

		margin-top: 20px;

	}

}

#service_detail .sd_sidebar li

{

	padding-top: 10px;

	padding-bottom: 10px;

	margin: 0;

}

#service_detail .sd_sidebar a

{

	text-decoration: none;

	color: var(--color-lite);

	transition: 0.5s;

	-webkit-transition: 0.5s;

}

#service_detail .sd_sidebar a:hover

{

	color: var(--color-sec);

}



/* ==================================================



07 - Project detail(project_single.html)



=====================================================*/



/*--Project Detail--*/



#project_detail

{

	padding: 100px 15px 0px 15px;

}

#project_detail h2,#project_detail h3

{

	font-family: 'Roboto', sans-serif;;

	font-weight: 600;

}

#project_detail p

{

	margin-top: 30px;

	margin-bottom: 30px;

	font-family: 'Roboto', sans-serif;;

	color: var(--color-lite);

	font-size: 16px;

}

#project_detail .pd_inner_cnt .img-fluid

{

	height: 100%;

	object-fit: cover !important;

	object-position: center !important;

}



/*--Sidebar--*/



#project_detail .pd_sidebar

{

	padding-left: 30px;

	padding-right: 30px;

}

@media (max-width: 991.98px)

{

	#project_detail .pd_sidebar

	{

		padding-left: 15px;

		padding-right: 15px;

		margin-top: 25px;

	}

}

@media (max-width: 767.98px)

{

	#project_detail .pd_sidebar

	{

		margin-top: 25px;

	}

}

#project_detail .pd_sidebar .fa-ul

{

 	margin-left: 0 !important;

}

#project_detail .pd_sidebar li

{

	padding-top: 10px;

	padding-bottom: 10px;

	margin: 0;

}

#project_detail .pd_sidebar .pd_name

{

	font-family: 'Roboto', sans-serif;;

	font-size: 16px;

	font-weight: 600;

}

#project_detail .pd_sidebar .pd_value

{

	font-family: 'Roboto', sans-serif;;

	font-size: 16px;

	color: var(--color-lite);

}

#project_detail .pd_sidebar .fa-ul a

{

	color: var(--color-sec);

}





/* ==================================================



08 - Blog Page(blog_full.html)



=====================================================*/



/*Blog Container*/



#blog_container

{

	padding: 0px 15px 100px 15px;

}

.blog_main_head

{

	margin-top: 75px;

	margin-bottom: 75px;

}

#blog_container .blog_main_head h2

{

	font-family: 'Roboto', sans-serif;;

	font-weight: 600;

}

#blog_container .blog_post_container

{

	transition: 0.5s;

}

#blog_container .blog_post_container:hover

{

	background: var(--bg-dark-cnt)

}

#blog_container .blog_post_container a

{

	color: var(--color-white);

	transition: 0.5s;

	text-decoration: none;

}

#blog_container .blog_post_container a:hover

{

	color: var(--color-sec);

}

#blog_container .blog_post_container .blog_image_container

{

	max-height: 100%;

	overflow: hidden;

}

#blog_container .blog_post_container .blog_image_container img

{

	width: 100%;

	object-fit: cover;

	object-position: center;

	transition: 0.5s;

}

#blog_container .blog_featured_large .blog_image_container

{

	height: 100%;

}

#blog_container .blog_featured_large .blog_image_container img

{

	height: 100%;

}

#blog_container .blog_post_container:hover .blog_image_container .img_link img

{

	transform: scale(1.1);

}

#blog_container .blog_post_container .blog_body

{

	padding: 15px 15px 10px 15px;

}

#blog_container .blog_post_container .blog_body .blog_tag

{

	font-size: 14px;

	font-family: 'Roboto', sans-serif;;

	font-weight: 500 !important;

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

	color: var(--color-sec);

}

#blog_container .blog_post_container .blog_body .blog_head

{ 

	margin-top: 10px;

	font-size: 18px;

	font-weight: 600;

	font-family: 'Roboto', sans-serif;;

	

}

#blog_container .blog_post_container .blog_body .blog_text

{

	margin-top: 15px;

	margin-bottom: 10px;

	font-size: 16px;

	font-family: 'Roboto', sans-serif;;

	color: var(--color-lite);

}

#blog_container .blog_post_container .blog_body .blog_date

{

	margin-top: 10px;

}

#blog_container .blog_post_container .blog_date

{

	padding: 0px 15px 15px 15px;

	font-family: 'Roboto', sans-serif;;

	font-size: 14px;

	color: var(--color-lite);

}

#blog_container .blog_featured_large

{

	position: relative;

}

#blog_container .blog_featured_large .blog_body

{

	position: absolute;

	bottom: 0;

	left: 0;

	padding: 30px;

	background: -webkit-linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.5) 70%, rgba(0,0,0,0) 100%);

	background: -webkit-linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.5) 70%, rgba(0,0,0,0) 100%);

}



/* ==================================================



09 - Blog Article(blog_article.html)



=====================================================*/



#article_container

{

/*	padding: 100px 15px;*/
padding-top:100px;
}



/*--Article Container--*/



#article_container .article_head h2{

	font-family: 'Roboto', sans-serif;;

	font-weight: 600;

	margin-bottom: 15px;
/*	    margin-top: 35px;*/

}

#article_container .article_content

{

	font-size: 16px;

}

#article_container .article_content p

{

	padding: 15px 0;

	color: var(--color-lite);

	font-family: 'Roboto', sans-serif;;

}

#article_container .article_content .img-fluid

{

	margin: 25px 0;

}

#article_container .article_content blockquote

{

	font-family: 'Roboto', sans-serif;;

	margin: 25px 0;

}

#article_container .article_content blockquote h3

{

	font-weight: 600;

}

#article_container .article_content blockquote p

{

	font-family: 'Roboto', sans-serif;;

	font-size: 18px;

	color: var(--color-white);

	font-weight: 600;

	margin-bottom: 20px !important;

}

#article_container .article_content blockquote .quote_footer

{

	font-family: 'Roboto', sans-serif;;

	font-size: 16px;

}



/*--Sidebar--*/



#article_container .article_sidebar

{

	padding: 15px 0 ;

}

#article_container .article_sidebar ul

{

	list-style-type: none;

}

#article_container .article_sidebar ul li

{

	margin-bottom: 25px;

}

#article_container .article_sidebar ul li .article_datatype

{

	font-family: 'Roboto', sans-serif;;

	font-size: 16px;

	color: var(--color-sec);

	margin-bottom: 15px;

}

#article_container .article_sidebar ul li .article_datavalue

{

	font-family: 'Roboto', sans-serif;;

	font-size: 16px;

	color: var(--color-lite);

	margin-bottom: 15px;

}
/*New-old footer*/
/*
.footer {
    background: #000;
	
}
.footer .content-holder {
    background: #000;
    color: #fff;
    padding: 25px 0;
}
	.content-holder {
    width: 995px;
    margin: 0 auto;
    position: relative;
}
.footer .content-holder .column-holder {
    overflow: hidden;
}
.footer .content-holder {
    background: #000;
    color: #fff;
    padding: 25px 0;
}
.footer .main-menus {
    text-align: center;
    margin-top: 30px;
}
.footer p.copyright {
    text-align: center;
    margin: 20px 0 0 0;
}
*/
#steps {
  display: flex;
  align-items: center;
/*  height: 400px;*/
width: auto;
background-color: #F5F5F5;

		
}

.event1,
.event2, .event3 {
  position: relative;
	height: auto;
}

.event1Bubble {
  position: absolute;
  background-color: rgba(158, 158, 158, 0.1);
  width: 139px;
  height: 60px;
  top: -70px;
  left: -15px;
  border-radius: 5px;
  box-shadow: inset 0 0 5px rgba(158, 158, 158, 0.64)
}

.event2Bubble {
  position: absolute;
  background-color: rgba(158, 158, 158, 0.1);
  width: 139px;
  height: 60px;
  left: -105px;
  top: 33px;
  border-radius: 5px;
  box-shadow: inset 0 0 5px rgba(158, 158, 158, 0.64)
}

.event1Bubble:after,
.event1Bubble:before,
.event2Bubble:after,
.event2Bubble:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent;
  border-bottom: 0;
}

.event1Bubble:before {
  bottom: -10px;
  left: 13px;
  border-top-color: rgba(222, 222, 222, 0.66);
  border-width: 12px;
}

.event1Bubble:after {
  bottom: -8px;
  left: 13px;
  border-top-color: #F6F6F6;
  border-width: 12px;
}

.event2Bubble:before {
  bottom: 59px;
  left: 103px;
  border-top-color: rgba(222, 222, 222, 0.66);
  border-width: 12px;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.event2Bubble:after {
  bottom: 57px;
  left: 103px;
  border-top-color: #F6F6F6;
  border-width: 12px;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.eventTime {
  display: flex;
	
}

.DayDigit {
  font-size: 27px;
  font-family: "Arial Black", Gadget, sans-serif;
  margin-left: 10px;
  color: #4C4A4A;
}

.Day {
  font-size: 11px;
  margin-left: 5px;
  font-weight: bold;
  margin-top: 10px;
  font-family: Arial, Helvetica, sans-serif;
  color: #4C4A4A;
}

.MonthYear {
  font-weight: 600;
  line-height: 10px;
  color: #9E9E9E;
  font-size: 9px;
}

.eventTitle {
  font-family: "Arial Black", Gadget, sans-serif;
  color: #a71930;
  font-size: 11px;
  text-transform: uppercase;
  display: flex;
  flex: 1;
  align-items: center;
  margin-left: 12px;
  margin-top: -2px;
}

.time {
  position: absolute;
  font-family: Arial, Helvetica, sans-serif;
  width: 50px;
  font-size: 8px;
  margin-top: -3px;
  margin-left: -5px;
  color: #9E9E9E;
}

.eventAuthor {
  position: absolute;
  font-family: Arial, Helvetica, sans-serif;
  color: #9E9E9E;
  font-size: 8px;
  width: 100px;
  top: -8px;
  left: 63px;
}

.event2Author {
  position: absolute;
  font-family: Arial, Helvetica, sans-serif;
  color: #9E9E9E;
  font-size: 8px;
  width: 100px;
  top: 96px;
  left: -32px;
}

.time2{
  position: absolute;
  font-family: Arial, Helvetica, sans-serif;
  width: 50px;
  font-size: 8px;
  margin-top: -31px;
  margin-left: -5px;
  color: #9E9E9E;
}

.now{
     background-color: #004165;
    color: white;
    border-radius: 7px;
    margin: 5px;
    padding: 4px;
    font-size: 10px;
    font-family: Arial, Helvetica, sans-serif;
    border: 2px solid white;
    font-weight: bold;
    box-shadow: 0 0 0 2px #004165
}

.futureGray{
     filter: grayscale(1);
    -webkit-filter: grayscale(1);
  
}

.futureOpacity{
  -webkit-filter: opacity(.3);
  filter: opacity(.3);
  
}
ul li:hover > ul,
ul li ul:hover {
  visibility: visible;
  opacity: 1;
  display: block;
}
.dropdown-menu .dropdown-item:hover{
	color:#a6193b;
}
.services .container-fluid{
	display: grid;
	padding: 150px;
}
.services .container2 {
	display: inline-block;
}
.mb-4{
	padding-top: 130px;
}
.btn-success{
	background: var(--color-sec);
	color: #fefefe;
    border: 2px solid var(--color-sec);
    padding: 12px 36px;
    font-family: 'Roboto', sans-serif;;
    font-weight: 600;
    font-size: 14px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}

.btn-success:hover{
	text-decoration: none;
	background: var(--color-sec);
	color: #fefefe;
	-webkit-box-shadow: 2px 2px 20px rgba(255, 23, 68,0.7);
	box-shadow: 2px 2px 20px rgba(255, 23, 68,0.7);
	border: 2px solid var(--color-sec);
}

.btn-success:active{
	text-decoration: none;
	background: var(--color-sec);
	color: #fefefe;
	-webkit-box-shadow: 2px 2px 20px rgba(255, 23, 68,0.7);
	box-shadow: 2px 2px 20px rgba(255, 23, 68,0.7);
	border: 2px solid var(--color-sec);
}

.btn.btn-success.btn-service{
	background: var(--color-sec);
	color: #fefefe;
}

.btn.btn-success.btn-service:active{
	text-decoration: none;
	background: var(--color-sec);
	color: #fefefe;
	-webkit-box-shadow: 2px 2px 20px rgba(255, 23, 68,0.7);
	box-shadow: 2px 2px 20px rgba(255, 23, 68,0.7);
	border: 2px solid var(--color-sec);
}

.subpage-cnt{
     padding-top: 100px !important;
    margin-left: 100px !important;
    max-height: 850px !important;
    max-width: 850px !important;
}
.text-dark{
	color: #a81d3e !important;
}
.text-dark:hover{
	color:#a81d3e !important;
}
.text-muted{
	color: #231f20 !important;
}
/*
body {
    padding: 0;
    margin: 0;
    height: 100vh;
    width: 100%;
	color: pink;
    background: #3b3738;
}

form{
    position: relative;
    top: 50%;
    left: 30%;
    transform: translate(-50%,-50%);
    transition: all 1s;
    width: 50px;
    height: 50px;
    background: #a6193b;
    box-sizing: border-box;
    border-radius: 25px;
    border: 4px solid white;
    padding: 5px;
}

input{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;;
    height: 42.5px;
    line-height: 30px;
    outline: 0;
    border: 0;
    display: none;
    font-size: 1em;
    border-radius: 20px;
    padding: 0 20px;
}

.fa{
    box-sizing: border-box;
    padding: 10px;
    width: 42.5px;
    height: 42.5px;
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 50%;
    color: #3b3738;
    text-align: center;
    font-size: 1.2em;
    transition: all 1s;
}

form:hover{
    width: 200px;
    cursor: pointer;
}

form:hover input{
    display: block;
	background-color: #231f20;
}

form:hover .fa{
    background: #3b3738;
    color: #a6193b;
}*/

.c_head {
    text-align: center;
    font-size: 42px;
    font-weight: 600;
    margin-bottom: 10px;
    font-style: italic;
}
.v_head{
	text-align: center;
    font-size: 40px;
    font-weight: 600;
    margin-bottom: 10px;
    font-style: italic;
}
.subborder {
    max-width: 400px;
    margin: 0 auto;    
}
section.slider {
  width: 100%;
  height: 100vh;
}

.swiper-container {
  width: 100%;
  height: 100%;
}

.slide {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  text-align: center;
  font-size: 18px;
  background: #fff;
  overflow: hidden;
}
.slide-image {
  position: absolute;
  top: -200px;
  left: -200px;
  width: calc(100% + 400px);
  height: calc(100% + 400px);
  background-position: 50% 50%;
  background-size: cover;
}
.slide-title {
  font-size: 4rem;
  line-height: 1;
  max-width: 50%;
  white-space: normal;
  word-break: break-word;
  color: #FFF;
  z-index: 100;
  font-family: 'Roboto', sans-serif;;
  text-transform: uppercase;
  font-weight: normal;
}
@media (min-width: 45em) {
  .slide-title {
    font-size: 7vw;
    max-width: none;
  }
}
.slide-title span {
  white-space: pre;
  display: inline-block;
  opacity: 0;
}

.slideshow {
  position: relative;
}
.slideshow-pagination {
  position: absolute;
  bottom: 0.5rem;
/*
  left: 0;
  width: 100%;
*/
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  transition: .3s opacity;
  z-index: 10;
}
.slideshow-pagination-item {
  display: flex;
  align-items: center;
}
.slideshow-pagination-item .pagination-number {
  opacity: 0.5;
}
.slideshow-pagination-item:hover, .slideshow-pagination-item:focus {
  cursor: pointer;
}
.slideshow-pagination-item:last-of-type .pagination-separator {
  width: 0;
}
.slideshow-pagination-item.active .pagination-number {
  opacity: 1;
}
.slideshow-pagination-item.active .pagination-separator {
  width: 10vw;
}
.slideshow-navigation-button {
  position: absolute;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 5rem;
  z-index: 1000;
  transition: all .3s ease;
  color: #FFF;
}
.slideshow-navigation-button:hover, .slideshow-navigation-button:focus {
  cursor: pointer;
  background: rgba(0, 0, 0, 0.5);
}
.slideshow-navigation-button.prev {
  left: 0;
}
.slideshow-navigation-button.next {
  right: 0;
}

.pagination-number {
  font-size: 1.8rem;
  color: #FFF;
  font-family: 'Roboto', sans-serif;;
  padding: 0 0.5rem;
}

.pagination-separator {
  display: none;
  position: relative;
  width: 40px;
  height: 2px;
  background: rgba(255, 255, 255, 0.25);
  transition: all .3s ease;
}
@media (min-width: 45em) {
  .pagination-separator {
    display: block;
  }
}
.pagination-separator-loader {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #FFFFFF;
  transform-origin: 0 0;
}
.text-over {
    position: absolute;
    top: 20rem;
    left: 0;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    transition: .3s opacity;
    z-index: 10;
	
	
}
.text-over span {
    display:block;
    text-align:center;
	
	
}
.slider-subtitle {
    color: #ededed;
    font-size: 35px;
	font-weight: 300;
    margin-bottom:0;
		-webkit-animation: slide-in-left 1s cubic-bezier(0.250, 0.460, 0.450, 0.940)  ;
	        animation: slide-in-left 1s cubic-bezier(0.250, 0.460, 0.450, 0.940)  ;
	
}
@-webkit-keyframes slider-subtitle {
  0% {
    -webkit-transform: translateY(-1000px);
            transform: translateY(-1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slide-in-left {
  0% {
    -webkit-transform: translateX(-1000px);
            transform: translateX(-1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
.slider-title {

	color: #fff;

	-webkit-text-shadow: 2px 2px 20px rgb(255 255 255 / 66%);

	    text-shadow: 2px 2px 20px rgb(0 0 0);
    font-size:55px;
    text-transform:uppercase;
    line-height:60px;
		-webkit-animation: slide-in-left 3s cubic-bezier(0.250, 0.460, 0.450, 0.940)  ;
	        animation: slide-in-left 3s cubic-bezier(0.250, 0.460, 0.450, 0.940)  ;
	font-weight: 500;

}
.slider .slide:after {
     content:'';
  position:absolute;
  left:0; top:0;
  width:100%; height:100%;
  display:inline-block;
  background: -moz-linear-gradient(top, rgba(0,47,75,0.5) 0%, rgba(220, 66, 37, 0.5) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(220, 66, 37, 0.5)), color-stop(100%,rgba(0,47,75,0.5))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(0,47,75,0.5) 0%,rgba(220, 66, 37, 0.5) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(0,47,75,0.5) 0%,rgba(220, 66, 37, 0.5) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(0,47,75,0.5) 0%,rgba(220, 66, 37, 0.5) 100%); /* IE10+ */
  background: linear-gradient(0deg, rgba(166,25,59,0.1292892156862745) 0%, rgba(252,252,252,0) 53%, rgba(254,254,254,0.4318102240896359) 77%, rgba(255,255,255,1) 97%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002f4b', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}
.button-over {
    position: absolute;
    bottom: 5rem;
    left: 0;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    transition: .3s opacity;
    z-index: 10;
}
.form-slider {
    margin-top:30px;
}
.form-inline {
    background-color: #ffffff85;
    padding: 20px;
    max-Width: 545px;
	    height: 120px;
    border-radius: 7px;
    align-items: bottom;
    justify-content: space-between;
	
	

}
/*.form-control  {
    display: block;
    width: 50%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    margin-left: 15px;
	margin-bottom: 15px;


}*/

	
.fa-search:before{
	align-content: center;
	margin-bottom: 5px;
	
}
.socials{
	display: inline-block;
	    margin-left: 1000px;
    margin-top: 245px;
}
.ml-2{
  font-size: 16px;
    width: 35px;
    height: 35px;
    line-height: 29px;
    text-align: center;
    border: 2px solid var(--color-sec);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    color: #fefefe;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}
.ml-2:hover{
	background: var(--color-sec);
    -webkit-box-shadow: 2px 2px 20px rgb(255 23 68 / 70%);
    box-shadow: 2px 2px 20px rgb(255 23 68 / 70%);
	color: white;
}
.circle{
    align-items: center;
    border-radius: 50%;
    width: 170px;
    height: 170px;
    line-height: 17px;
    padding: 10px;
     border: 3px solid #a6193b; 
    text-align: center;
    -webkit-box-shadow: 0px 0px 39px -12px rgb(0 0 0 / 51%);
    -moz-box-shadow: 0px 0px 39px -12px rgba(0,0,0,0.51);
    box-shadow: 0px 0px 39px -5px rgb(0 0 0 / 60%);
}
.socials{
	display: inline-block;
    /* margin-left: 1000px; */
    margin-top: 200px;
    float: right;
}

.steps .step {
    display: block;
    width: 100%;
    margin-bottom: 35px;
    text-align: center
}

.steps .step .step-icon-wrap {
    display: block;
    position: relative;
    width: 100%;
    text-align: center
}

.steps .step .step-icon-wrap::before,
.steps .step .step-icon-wrap::after {
    display: block;
    position: absolute;
    top: 50%;
    width: 50%;
    height: 3px;
    margin-top: -1px;
    background-color: #b23855;
    content: '';
    z-index: 1
}
.steps .step .img-icon {
    display: inline-block;
    position: relative;
    z-index: 5;
}
.steps .step .step-icon-wrap::before {
    left: 0
}

.steps .step .step-icon-wrap::after {
    right: 0
}

.steps .step .step-icon {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
    border: 1px solid #b23855;
    border-radius: 50%;
    background-color: #b23855;
    color: #FFFFFF;
    font-size: 38px;
    line-height: 81px;
    z-index: 5
}

.steps .step .step-title {
    margin-top: 16px;
    margin-bottom: 0;
    color: #606975;
    font-size: 14px;
    font-weight: 500
}

.steps .step:first-child .step-icon-wrap::before {
    display: none
}

.steps .step:last-child .step-icon-wrap::after {
    display: none
}

.steps .step.completed .step-icon-wrap::before,
.steps .step.completed .step-icon-wrap::after {
    background-color: #b23855
}

.steps .step.completed .step-icon {
    border-color: #b23855;
    background-color: #b23855;
    color: #fff
}

@media (max-width: 576px) {
    .flex-sm-nowrap .step .step-icon-wrap::before,
    .flex-sm-nowrap .step .step-icon-wrap::after {
        display: none
    }
}

@media (max-width: 768px) {
    .flex-md-nowrap .step .step-icon-wrap::before,
    .flex-md-nowrap .step .step-icon-wrap::after {
        display: none
    }
}

@media (max-width: 991px) {
    .flex-lg-nowrap .step .step-icon-wrap::before,
    .flex-lg-nowrap .step .step-icon-wrap::after {
        display: none
    }
}

@media (max-width: 1200px) {
    .flex-xl-nowrap .step .step-icon-wrap::before,
    .flex-xl-nowrap .step .step-icon-wrap::after {
        display: none
    }
}

.bg-faded, .bg-secondary {
    background-color: #f5f5f5 !important;
}
.owl-carousel .owl-stage-outer {
	position: relative;
	overflow: hidden;
}
.button_search{
	background: var(--color-sec);
	color: #fefefe;
    border: 2px solid var(--color-sec);
    padding: 9px 20px;
    font-family: 'Roboto', sans-serif;;
    font-weight: 600;
    font-size: 14px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    height: 40px;
	margin-left:10px;
}

.button_search:hover{
	text-decoration: none;
	background: var(--color-sec);
	color: #fefefe;
	-webkit-box-shadow: 2px 2px 20px rgba(255, 23, 68,0.7);
	box-shadow: 2px 2px 20px rgba(255, 23, 68,0.7);
}
.circle h3 {
	margin-top: 35px;
}
#counter_up .container .row{
	padding-left: 40px;
}
.photo-gallery {
  color:#313437;
  background-color:#fff;
  margin-top: 105px;
}

.photo-gallery p {
  color:#7d8285;
}

.photo-gallery h2 {
  font-weight:bold;
  margin-bottom:40px;
  padding-top:40px;
  color:inherit;
}

@media (max-width:767px) {
  .photo-gallery h2 {
    margin-bottom:25px;
    padding-top:25px;
    font-size:24px;
  }
}

.photo-gallery .intro {
  font-size:16px;
  margin:0 auto 40px;
}

.photo-gallery .intro p {
  margin-bottom:0;
}

.photo-gallery .photos {
  padding-bottom:20px;
}

.photo-gallery .item {
  padding-bottom:30px;
}
.stepper{
    text-align: center;
    font-family:'Roboto', sans-serif;;
	font-size:48px;
	font-weight: 600px;
	padding-top: 100px;

}
.sub-stepper{
	text-align: center;
		font-size: 16px;
    font-family: 'Roboto', sans-serif;;
    font-weight: 400;
    color: var(--color-lite);
}

#zapitvane {
    background: var(--bg-dark);
    padding-top: 50px;
    padding-bottom: 50px;
}
/*#zapitvane .form-control {
    width: 80%;
}*/
.button_main_contact {
    float:right;
}
#map {
    margin-bottom: -5px;
}
.cookiealert.show {
    opacity: 1;
    visibility: visible;
    transform: translateY(0%);
    transition-delay: 1000ms;
}
.cookiealert {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    margin: 0 !important;
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    border-radius: 0;
    transform: translateY(100%);
    transition: all 500ms ease-out;
    color: #FFFFFF !important;
	background: #231f20;
}
.cookiealert a{
	    text-decoration: underline;
    color: white;
}

.cookiealert .btn-primary {
    color: #fff;
    background-color: #a71d3f;
    border-color: #a71d3f;
	margin-left: 320px;
}
.cookiealert .btn-primary:hover{
	background-color: #24262a;
	border-color: #24262a;
}
.text-over span {
    display: block;
    text-align: left;
}
.fas fa-map-marked-alt{
	margin-right: 5px;
}
.ftr_lnk_sc{
	margin-left: 200px;
}
.ftr_lnk_lpt a{
color: #ACACAC;
    text-decoration: none;
    background-color: transparent;
	-webkit-transition: 0.5s;
    transition: 0.5s;
}
.ftr_lnk_lpt a:hover{
	color: #fefefe
}
.dropdown-menu {
    border:0 !important;
    margin:0 !important;
    -webkit-box-shadow: 0px 15px 36px -16px rgba(0,0,0,0.47);
    -moz-box-shadow: 0px 15px 36px -16px rgba(0,0,0,0.47);
    box-shadow: 0px 15px 36px -16px rgba(0,0,0,0.47);
    border-radius: 0;
    padding: 1rem 0;
}
.navbar-light .navbar-toggler {
    color: rgba(0,0,0,.5);
    border-color: #272324;
}
.nav-link {
    padding: 1rem 1rem;
}
.dropdown-item:active {
    background-color: #fff !important;
}
.required {
    color:#a61a3c;
}
.form-cont {
    box-shadow: 0 10px 20px rgb(0 0 0 / 8%), 0 6px 6px rgb(0 0 0 / 18%);
    /*padding: 40px;*/
}
#contact .cntc_form select {
    background: #f5f5f5cc;
    border: 2px solid #a71c3dc2;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    color: var(--color-white);
}
#contact .cntc_form select::placeholder

{

	font-size: 14px;

	font-family: 'Roboto', sans-serif;;

	color: var(--color-lite);

}

#contact .cntc_form select:focus
{

	-webkit-box-shadow: 0 0 0;

	box-shadow: 0 0 0;

	border: 2px solid var(--color-sec);

	background: var(--bg-dark);

}
@media (max-width: 767.98px) {
	.navbar-light .navbar-toggler {
   color: rgb(0 0 0 / 0%);
    border-color: rgb(0 0 0 / 0%);
}
	#brand-area .brcnt .brnd_img {
    padding: 25px;
}

	.nav-item .nav-link{
    border-bottom: 0.1px solid #5a5a5a47;
		

	}
	
	#cover .cover_wrapper {
    padding-top: 100px;
    padding-bottom: 10px;
}
	.text-over {
    position: absolute;
    top: 8rem;
    left: 0;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    transition: .3s opacity;
    z-index: 10;
}
		.text-over span {
    display: block;
    text-align: center;
}
	.form-inline {
    background-color: #ffffff85;
    padding: 20px;
    max-Width: 300px;
     height: 220px; 
    border-radius: 7px;
    align-items: bottom;
    justify-content: space-between;
    margin-left: 450px;
}
.slider-title {
    color: #fff;
    -webkit-text-shadow: 2px 2px 20px rgb(255 255 255 / 66%);
    text-shadow: 2px 2px 20px rgb(0 0 0);
    font-size: 35px;
    text-transform: uppercase;
    line-height: 35px;
    -webkit-animation: slide-in-left 3s cubic-bezier(0.250, 0.460, 0.450, 0.940);
    animation: slide-in-left 3s cubic-bezier(0.250, 0.460, 0.450, 0.940);
}
	#counter_up .container .row {
    padding-left: 95px;
}
	.ftr_lnk_lpt, mt-2 ml-auto {
		    text-align: center;

	}
	.ftr_lnk_sc {
    margin-left: -25px;
}
	#brand-area .brcnt .brnd {
    -webkit-transition: 0.5s;
/*    transition: 0.5s;*/
    padding: 10px;
    background: var(--bg-dark);
    opacity: 0.9;
    transform-origin: 50% 65%;
    transition: transform 3s, filter 3s ease-in-out;
}
	.socials {
    display: inline-block;
    margin-left: 90px;
    margin-top: 15px;
    margin-right: 85px;
}
	.form-slider {
    margin-top: 30px;
    margin-left: -415px;
}
	.slideshow-pagination {
    display: none;
}
	.button_search {
    color: var(--color-white);
    background: transparent;
    border: 2px solid var(--color-sec);
    padding: 9px 20px;
    font-family: 'Roboto', sans-serif;;
    font-weight: 600;
    font-size: 14px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    height: 40px;
    margin-left: 0;
		width: 100%
}
	.slider-subtitle {
    color: #ededed;
    font-size: 25px;
    font-weight: 300;
    margin-bottom: 0;
    -webkit-animation: slide-in-left 1s cubic-bezier(0.250, 0.460, 0.450, 0.940);
    animation: slide-in-left 1s cubic-bezier(0.250, 0.460, 0.450, 0.940);
}
	.cookiealert .btn-primary {
    color: #fff;
    background-color: #a71d3f;
    border-color: #a71d3f;
    margin-left: 0px;
		margin-top: 10px;
}
    .dashboardcode-bsmultiselect .dropdown-menu {
        column-count: 1 !important;
    }
    .remove-on-mobile {
        display:none;
    }
    .table td, .table th {
        font-size:11px;
    }
}
.martmedia{
	color: #a6193b;
}
.col-logos {
    width:50%;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #fff;
    background-color: #a6193b;
    border-color: #a6193b #a6193b #a6193b;
}
html[data-color-scheme="light"] .nav-tabs .nav-link, html[data-color-scheme="light"] a {
    color: #231f20;
}
.nav-tabs .nav-link, a {
    color: #EBEBEB;
	border: 1px solid transparent;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
	text-decoration: none;
    background-color: transparent;
}
html[data-color-scheme="light"] .table th {
	color: black;
}
.table th{
	color: white;
}


#home-tab, #profile-tab{
	font-weight: 700;
	border: 1px solid #a6193b;
}
#home-tab, #profile-tab:hover{
border: 1px solid #a6193b;
	
}
#profile-tab:hover{
	background-color: #a6193b;
	color: white;
}
#home-tab:hover{
	background-color: #a6193b;
	color: white;
}
.nav-tabs , a:hover{
	color: #a6193b;
	text-decoration: none;
}
#pytna-mreja, #gradove{
    margin-top: 45px;
}
@media (max-width: 640px){
	.billboard-results .table-responsive{
		width: 100%;
	}
}
.billboard-results .table-responsive{
	    width: 100%;
    margin-bottom: 2rem;
    color: #212529;
    box-shadow: 0 10px 20px rgb(0 0 0 / 8%), 0 6px 6px rgb(0 0 0 / 18%);
}
.btn, button_main{
	color: #fefefe;;
    background: var(--color-sec);
    border: 2px solid var(--color-sec);
    font-family: 'Roboto', sans-serif;;
    font-weight: 600;
    font-size: 14px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
	border-radius: 5px;
}

.modal-footer .btn-positions-ask{
	    text-decoration: none;
    background: var(--color-sec);
    color: #fefefe;


}
.modal-footer .btn-positions-ask:hover{
-webkit-box-shadow: 2px 2px 20px rgb(255 23 68 / 70%);
box-shadow: 2px 2px 20px rgb(255 23 68 / 70%);
}

@media (min-width: 767.98px) {
	.content-img{
		width: 300px;
		height: 200px;
		float: left;
	}
.col-select {
    min-width: 100%;
    white-space: nowrap;
}
.col-select .custom-control {
    display:inline-block !important;
    width:100%;
}
.col-select .custom-control-label {
    font-size:14px !important;
}
}

.table td .fa-map-marked-alt{
	margin-left: 10px;
	color: #a6193b;
	transition: 0.5s;
}
.table td .fa-map-marked-alt:hover{
	color:#231f20;
}
.billboard-results td img{
	margin-left: 15px;
}

.dashboardcode-bsmultiselect .form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 2px solid #a71c3dc2;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.cntc_info fas fa-map-marker-alt {
	font-size: 20px;
}
.nav-tabs{
	border-bottom: 1px solid #a6193b;
}
.col-select {
        margin-left:10px;
        margin-right:10px;
}
@media (max-width: 767.98px){
.table td, .table th {
    font-size: 10px;
	}
	
}
/*
@media (max-width: 360px){
.col-lg-12 .article_head, img{
		width: 100%;
	}
}
*/
html[data-color-scheme="light"] .ml-2{
	color: white;
}
.list-group-item{
	color: #b7b7b7;
	padding: 5px;
    background-color: #fff0;
	    border: none;

}
html[data-color-scheme="light"] .ftr_lnk_lpt a {
    color: #ffffff;
}
.list-group-item-main{
	color: white;
    list-style-type: none;
	padding: 5px;
	padding-bottom: 20px;
	text-decoration: underline;
}
.list-group-item:hover{
	color: #e8e8e8;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}
html[data-color-scheme="light"] .list-group-item-main a {
    color: #ffffff;
}
html[data-color-scheme="light"] .list-group-item a {
    color: #c3c3c3;
}
html[data-color-scheme="light"] .list-group-item a:hover {
    color: #E7E7E7;
	-webkit-transition: 0.5s;

	transition: 0.5s;
}
html[data-color-scheme="light"] .nav-tabs .nav-link.active{
    color: #ffffff;
}
html[data-color-scheme="dark"] h1.stepper{
    color: #231f20;
}
html[data-color-scheme="dark"] #team{
 background: #101010;
}

.search_request {
	max-width: 190px;
}

.billboard-settings {
	display: block;
}

.billboard-settings .map-cnt {
	height: 450px;
	min-width: 1000px;
}

.map-popup {
	display: none;
	background: url(../img/map-popup-bg.png) repeat-x left bottom #992f3b;
	color: #fff;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border: 2px solid #fff;
	position: fixed;
	padding: 7px 10px;
	z-index: 10;
}

.map-popup .map-arrow {
	width: 19px;
	height: 16px;
	background: url(../img/map-popup-arrow.png) no-repeat;
	position: absolute;
	bottom: -16px;
	left: 20px;
}

#billboard_form .dashboardcode-bsmultiselect .dropdown-menu {
	border: 2px solid #a71c3dc2 !important;
	border-radius: .25rem;
}

.dashboardcode-bsmultiselect .dropdown-menu .dropdown-close {
	display: block;
	column-span: all;
	position: relative;
	top: 0;
	right: 0;
}

.dashboardcode-bsmultiselect .dropdown-menu .dropdown-close button{
	border: 0px;
	font-size: 16px;
	padding: 0 15px;
}