@charset "utf-8";
/* CSS Document */

@font-face {
  font-family: 'osco';
  src:  url('../fonts/osco.eot?2017j1');
  src:  url('../fonts/osco.eot?2017j1#iefix') format('embedded-opentype'),
    url('../fonts/osco.ttf?2017j1') format('truetype'),
    url('../fonts/osco.woff?2017j1') format('woff'),
    url('../fonts/osco.svg?2017j1#osco') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="ic-"], [class*=" ic-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'osco' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
body {
	font-family: 'osco' ; 
}
.ic-allure:before {
  content: "\e900";
}
.ic-cardin:before {
  content: "\e901";
  color: #ff0600;
}
.ic-fasion .path1:before {
  content: "\e902";
  color: rgb(255, 255, 255);
}
.ic-fasion .path2:before {
  content: "\e903";
  margin-left: -5.56640625em;
  color: rgb(229, 80, 72);
}
.ic-fasion .path3:before {
  content: "\e904";
  margin-left: -5.56640625em;
  color: rgb(255, 255, 255);
}
.ic-fasion .path4:before {
  content: "\e905";
  margin-left: -5.56640625em;
  color: rgb(229, 80, 72);
}
.ic-fasion .path5:before {
  content: "\e906";
  margin-left: -5.56640625em;
  color: rgb(255, 255, 255);
}
.ic-fasion .path6:before {
  content: "\e907";
  margin-left: -5.56640625em;
  color: rgb(229, 80, 72);
}
.ic-fasion .path7:before {
  content: "\e908";
  margin-left: -5.56640625em;
  color: rgb(255, 255, 255);
}
.ic-fasion .path8:before {
  content: "\e909";
  margin-left: -5.56640625em;
  color: rgb(229, 80, 72);
}
.ic-fasion .path9:before {
  content: "\e90a";
  margin-left: -5.56640625em;
  color: rgb(255, 255, 255);
}
.ic-fasion .path10:before {
  content: "\e90b";
  margin-left: -5.56640625em;
  color: rgb(229, 80, 72);
}
.ic-fasion .path11:before {
  content: "\e90c";
  margin-left: -5.56640625em;
  color: rgb(255, 255, 255);
}
.ic-fasion .path12:before {
  content: "\e90d";
  margin-left: -5.56640625em;
  color: rgb(229, 80, 72);
}
.ic-fasion .path13:before {
  content: "\e90e";
  margin-left: -5.56640625em;
  color: rgb(255, 255, 255);
}
.ic-fasion .path14:before {
  content: "\e90f";
  margin-left: -5.56640625em;
  color: rgb(229, 80, 72);
}
.ic-group .path1:before {
  content: "\e910";
  color: rgb(255, 255, 255);
}
.ic-group .path2:before {
  content: "\e911";
  margin-left: -4.4306640625em;
  color: rgb(229, 80, 72);
}
.ic-group .path3:before {
  content: "\e912";
  margin-left: -4.4306640625em;
  color: rgb(255, 255, 255);
}
.ic-group .path4:before {
  content: "\e913";
  margin-left: -4.4306640625em;
  color: rgb(229, 80, 72);
}
.ic-group .path5:before {
  content: "\e914";
  margin-left: -4.4306640625em;
  color: rgb(255, 255, 255);
}
.ic-group .path6:before {
  content: "\e915";
  margin-left: -4.4306640625em;
  color: rgb(229, 80, 72);
}
.ic-group .path7:before {
  content: "\e916";
  margin-left: -4.4306640625em;
  color: rgb(255, 255, 255);
}
.ic-group .path8:before {
  content: "\e917";
  margin-left: -4.4306640625em;
  color: rgb(229, 80, 72);
}
.ic-group .path9:before {
  content: "\e918";
  margin-left: -4.4306640625em;
  color: rgb(255, 255, 255);
}
.ic-group .path10:before {
  content: "\e919";
  margin-left: -4.4306640625em;
  color: rgb(229, 80, 72);
}
.ic-osko .path1:before {
  content: "\e91a";
  color: rgb(255, 255, 255);
}
.ic-osko .path2:before {
  content: "\e91b";
  margin-left: -3.888671875em;
  color: rgb(229, 80, 72);
}
.ic-osko .path3:before {
  content: "\e91c";
  margin-left: -3.888671875em;
  color: rgb(255, 255, 255);
}
.ic-osko .path4:before {
  content: "\e91d";
  margin-left: -3.888671875em;
  color: rgb(229, 80, 72);
}
.ic-osko .path5:before {
  content: "\e91e";
  margin-left: -3.888671875em;
  color: rgb(255, 255, 255);
}
.ic-osko .path6:before {
  content: "\e91f";
  margin-left: -3.888671875em;
  color: rgb(229, 80, 72);
}
.ic-osko .path7:before {
  content: "\e920";
  margin-left: -3.888671875em;
  color: rgb(255, 255, 255);
}
.ic-osko .path8:before {
  content: "\e921";
  margin-left: -3.888671875em;
  color: rgb(229, 80, 72);
}
.ic-shelk:before {
  content: "\e922";
  color: #752b09;
}
.ic-allure {
  *zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '');
}
.ic-cardin {
  *zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '');
}
.ic-fasion {
  *zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '');
}
.ic-group {
  *zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '');
}
.ic-osko {
  *zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '');
}
.ic-shelk {
  *zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '');
}

.logo_container {
    width: 100%;
    height: calc(100vh);
    display: grid;
    align-content: center;
	justify-content: center;
}
.logo {
    margin: 0 auto;
    max-width: 500px;
    width: 100%;
}
.logoOne {
	animation-duration: 4s;
	animation-delay: 0s;
}
.logoTwo {
	animation-duration: 3s;
	animation-delay: 0s;
}
.logoThree {
	animation-duration: 2s;
	animation-delay: 0s;
}
.logo_item {
    padding: 5px 0;
	font-size: 90px;
}
.allure img {
    width: 250px;
	padding: 20px 0;
}
.cardin img {
    width: 360px;
	padding: 20px 0;
}
.shelk img {
    width: 285px;
	padding: 20px 0;
}
.logo a:hover img {
  -webkit-transition: -webkit-transform .6s cubic-bezier(.19,1,.22,1);
    transition: transform .6s cubic-bezier(.19,1,.22,1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
}

.logo a img {
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
}

@media (max-width:991px){
	.logo_item {
		font-size: 60px;
	}
	.allure img {
		width: 150px;
	}
	.cardin img {
		width: 260px;
	}
	.shelk img {
		width: 185px;
	}
	
} 
@media (max-width:767px){
	.logo {
		
	}
	.logo_container {
		height: 100%;
		padding: 20px 0;
	}
	.content {
		height: calc(100vh);
		display: grid;
		align-items: center;
	}
	.logo_item {
		font-size: 50px;
		/*margin-left: 18px;*/
	    
	}
	.logo img {
		padding: 15px 0;
	}
} 
@media (max-width:474px){
	.logo_item {
		font-size: 50px;
	}
}