
@media (min-width: 768px) {
@font-face {
    font-display: swap;
    font-family: "Montserrat";
    src: local("Montserrat"),
        url('../fonts/Montserrat/Montserrat-variations.ttf') format("truetype-variations"),
        url('../fonts/Montserrat/Montserrat-variations.ttf') format('truetype');
}

@font-face {
    font-display: swap;
    font-family: "Montserrat";
    src: local("Montserrat"),
        url('../fonts/Montserrat/Montserrat-variations.ttf') format("truetype-variations"),
        url('../fonts/Montserrat/Montserrat-Regular.ttf') format('truetype');
    font-weight: 400;
}

@font-face {
    font-display: swap;
    font-family: "Montserrat";
    src: local("Montserrat"),
        url('../fonts/Montserrat/Montserrat-variations.ttf') format("truetype-variations"),
        url('../fonts/Montserrat/Montserrat-Medium.ttf') format('truetype');
    font-weight: 500;
}

@font-face {
    font-display: swap;
    font-family: "Montserrat";
    src: local("Montserrat"),
        url('../fonts/Montserrat/Montserrat-variations.ttf') format("truetype-variations"),
        url('../fonts/Montserrat/Montserrat-SemiBold.ttf') format('truetype');
    font-weight: 600;
}

@font-face {
    font-display: swap;
    font-family: "Montserrat";
    src: local("Montserrat"),
        url('../fonts/Montserrat/Montserrat-variations.ttf') format("truetype-variations"),
        url('../fonts/Montserrat/Montserrat-Bold.ttf') format('truetype');
    font-weight: 700;
}

@font-face {
    font-display: swap;
    font-family: "Montserrat";
    src: local("Montserrat"),
        url('../fonts/Montserrat/Montserrat-variations.ttf') format("truetype-variations"),
        url('../fonts/Montserrat/Montserrat-ExtraBold.ttf') format('truetype');
    font-weight: 800;
}

@font-face {
    font-display: swap;
    font-family: "Montserrat";
    src: local("Montserrat"),
        url('../fonts/Montserrat/Montserrat-variations.ttf') format("truetype-variations"),
        url('../fonts/Montserrat/Montserrat-Black.ttf') format('truetype');
    font-weight: 900;
}

/* for IE */
@media screen and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    @font-face {
        font-family: 'Montserrat';
        src: url('../fonts/Montserrat/Montserrat-SemiBold.eot');
        src: local('Montserrat SemiBold'), local('Montserrat-SemiBold'),
            url('../fonts/Montserrat/Montserrat-SemiBold.eot?#iefix') format('embedded-opentype'),
            url('../fonts/Montserrat/Montserrat-SemiBold.woff') format('woff'),
            url('../fonts/Montserrat/Montserrat-SemiBold.ttf') format('truetype');
        font-weight: 600;
        font-style: normal;
		font-display: swap;
    }

    @font-face {
        font-family: 'Montserrat';
        src: url('../fonts/Montserrat/Montserrat-Bold.eot');
        src: local('Montserrat Bold'), local('Montserrat-Bold'),
            url('../fonts/Montserrat/Montserrat-Bold.eot?#iefix') format('embedded-opentype'),
            url('../fonts/Montserrat/Montserrat-Bold.woff') format('woff'),
            url('../fonts/Montserrat/Montserrat-Bold.ttf') format('truetype');
        font-weight: bold;
        font-style: normal;
		font-display: swap;
    }

    @font-face {
        font-family: 'Montserrat';
        src: url('../fonts/Montserrat/Montserrat-Regular.eot');
        src: local('Montserrat Regular'), local('Montserrat-Regular'),
            url('../fonts/Montserrat/Montserrat-Regular.eot?#iefix') format('embedded-opentype'),
            url('../fonts/Montserrat/Montserrat-Regular.woff') format('woff'),
            url('../fonts/Montserrat/Montserrat-Regular.ttf') format('truetype');
        font-weight: normal;
        font-style: normal;
		font-display: swap;
    }

    @font-face {
        font-family: 'Montserrat';
        src: url('../fonts/Montserrat/Montserrat-Medium.eot');
        src: local('Montserrat Medium'), local('Montserrat-Medium'),
            url('../fonts/Montserrat/Montserrat-Medium.eot?#iefix') format('embedded-opentype'),
            url('../fonts/Montserrat/Montserrat-Medium.woff') format('woff'),
            url('../fonts/Montserrat/Montserrat-Medium.ttf') format('truetype');
        font-weight: 500;
        font-style: normal;
		font-display: swap;
    }

    @font-face {
        font-family: 'Montserrat';
        src: url('../fonts/Montserrat/Montserrat-Black.eot');
        src: local('Montserrat Black'), local('Montserrat-Black'),
            url('../fonts/Montserrat/Montserrat-Black.eot?#iefix') format('embedded-opentype'),
            url('../fonts/Montserrat/Montserrat-Black.woff') format('woff'),
            url('../fonts/Montserrat/Montserrat-Black.ttf') format('truetype');
        font-weight: 900;
        font-style: normal;
		font-display: swap;
    }
}
}
/* icomoon font icons */
@font-face {
    font-display: swap;
    font-family:ElmeticaNew;
    src: url("../fonts/Elmetica/ElmeticaNew.eot") format("embedded-opentype");
    src: url("../fonts/Elmetica/ElmeticaNew.ttf") format("truetype"),
    url("../fonts/Elmetica/ElmeticaNew.woff") format("woff"),
    url("../fonts/Elmetica/ElmeticaNew.svg#ElmeticaNew") format("svg"),
    url("../fonts/Elmetica/ElmeticaNew.eot?#iefix") format("embedded-opentype");
    font-weight: normal;
    font-style: normal;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    @font-face {
		font-display: swap;
        font-family: 'ElmeticaNew';
        src: url("../fonts/Elmetica/ElmeticaNew.svg#ElmeticaNew") format("svg"),
    }
}

@font-face {
  font-family: "icomoon";
  src: url("../fonts/icomoon/icomoon.eot");
  src: url("../fonts/icomoon/icomoon.eot?#iefix") format("embedded-opentype"),
      url("../fonts/icomoon/icomoon.woff") format("woff"),
      url("../fonts/icomoon/icomoon.ttf") format("truetype"),
      url("../fonts/icomoon/icomoon.svg") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
	font-display: swap;
}



@font-face {
    font-display: swap;
    font-family: "Iconly";
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/icons/iconly.eot");
    src: url("../fonts/icons/iconly.eot?#iefix") format("embedded-opentype"),
        url("../fonts/icons/iconly.woff2?1661332486967") format("woff2"),
        url("../fonts/icons/iconly.woff?1661332486967") format("woff"),
        url("../fonts/icons/iconly.ttf?1661332486967") format("truetype"),
        url("../fonts/icons/iconly.svg?1661332486967#Iconly") format("svg");
}

[class="icon"],
[class^="icon-"],
[class*=" icon-"] {
	
    display: inline-block;
    font-family: "Iconly" !important;
    font-weight: 400;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
}

.icon-youtube:before {
    content: "\e000";
    font-size: 26px;
    position: relative;
    top: 3px;
}

.icon-yes:before {
    content: "\e001";
    color: #13B528;
}

.icon-warning:before {
    content: "\e002";
}

.icon-twitter:before {
    content: "\e003";
}

.icon-tip-icon:before {
    content: "\e004";
}

.icon-search:before {
    content: "\e005";
}

.icon-pros:before {
    content: "\e006";
}

.icon-no:before {
    content: "\e007";
    color: #F33333;
    font-size: 26px;
    margin-left: -5px;
}

.icon-linkedin:before {
    content: "\e008";
}

.icon-facebook:before {
    content: "\e009";
}

.icon-cons:before {
    content: "\e00a";
}

.icon-cancel:before {
    content: "\e00b";
}

.icon-article:before {
    content: "\e00c";
}

.icon-arrow:before {
    content: "\e00d";
}

.icon-arrow-right:before {
    content: "\e00e";
}
.icon-star:before {
  content: "\e00f";
}
.icon-arrow-prev:before {
    content: "\e00d";
}
.icon-arrow-prev{
    transform: rotate(90deg);
}
.icon-arrow-next:before {
    content: "\e00d";
}
.icon-arrow-next{
    transform: rotate(-90deg);
}
.icon-mtp:before {
    content: "\e002";
    font-size: 25px;
}

.icon-apple:before {
    content: "\e003";
    font-size: 33px;
    position: relative;
    top: 2px;
}

.icon-android:before {
    content: "\e004";
    font-size: 32px;
    vertical-align: middle;
    position: relative;
    top: -3px;
}
