/*
Theme Name: Vasic - Djokic
Author: Fullo
Version: 1.0
Text Domain: Vasic - Djokic
*/


/* Global css */



body {
  margin: 0;
  font-family: 'Figtree-Regular';
}

ul {
  margin: 0;
  padding: 0;
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
}


ul, ol {
  list-style: none;
}


input {
  outline: none;
}

img {
  max-width: 100%;
  vertical-align: middle;
}


a {
  text-decoration: none;
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
}


h1,h2,h3,h4,h5,h6 {
  margin: 0;
  color: #333333;
}

.container {
	width: 100%;
	max-width: 1420px;
	padding: 0 20px;
	margin: auto;
}


@font-face {
  font-family: 'Figtree-Light';
  src: url("./assets/fonts/Figtree-Light.ttf");
  font-display: swap;
}


@font-face {
  font-family: 'Figtree-Regular';
  src: url("./assets/fonts/Figtree-Regular.ttf");
  font-display: swap;
}

@font-face {
  font-family: 'Figtree-Medium';
  src: url("./assets/fonts/Figtree-Medium.ttf");
  font-display: swap;
}


@font-face {
  font-family: 'Figtree-SemiBold';
  src: url("./assets/fonts/Figtree-SemiBold.ttf");
  font-display: swap;
}

@font-face {
  font-family: 'Figtree-Bold';
  src: url("./assets/fonts/Figtree-Bold.ttf");
  font-display: swap;
}


/* Header */

header {
	padding: 25px 0;
	background: #fff;
	position: sticky;
	top: 0;
	-webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

header.headerScroll {
	background: #5EA1D8;
}


.logo img {
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
}

header.headerScroll .logo img {
	filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(159deg) brightness(105%) contrast(101%);
}

.header_wrap {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.header_wrap #menu-main-menu {
	display: flex;
}

.header_wrap #menu-main-menu li {
	margin-left: 50px;
}

.header_wrap #menu-main-menu li a {
	color: #333333;
}

header.headerScroll #menu-main-menu li a {
	color: #fff;
}