@charset "UTF-8";
@font-face {
  font-family: "minicons-webalys";
  src:url("../fonts/demoicons/minicons-webalys.eot");
  src:url("../fonts/demoicons/minicons-webalys.eot?#iefix") format("embedded-opentype"),
    url("../fonts/demoicons/minicons-webalys.ttf") format("truetype"),
    url("../fonts/demoicons/minicons-webalys.svg#minicons-webalys") format("svg"),
    url("../fonts/demoicons/minicons-webalys.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

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

.the_sprites_mobile{ height:0px; width:0px; overflow: hidden; display:none;}
.sprite img{height:33px; width:33px;}
.sprite.one{list-style-type:none; z-index: 9999; position:fixed; top:0px; right: 425px;}
.sprite.two{list-style-type:none; z-index: 9999; position:fixed; top:0px; right: 100px;}
.sprite.three{ list-style-type:none; z-index: 9999; position:fixed; top:0px; right: 160px;}
.sprite.four{list-style-type:none; z-index: 9999; position:fixed; top:0px; right: 220px;}
.sprite.five{list-style-type:none; z-index: 9999; position:fixed; top:0px; right: 280px;}
.sprite.six{list-style-type:none; z-index: 9999; position:fixed; top:0px; right: 340px;}
.sprite.logo{list-style-type:none; z-index: 9999; position:fixed; top:0px; left: -45px;}


.bt-icon:before,
.bt-icon-alt:before {
  font-family: "minicons-webalys";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none !important;
  speak: none;
  display: inline-block;
  text-decoration: none;
  width: .25em;
  line-height: inherit;
  -webkit-font-smoothing: antialiased;
}

.bt-icon-alt:before {
  font-family: "FontAwesome";
}

.icon-window-delete:before {
  content: "\e000";
}

.icon-logo{
	
	background:url('../img/draco_hot.png');
	background-size: 600px 40px;
	background-repeat: no-repeat;
	width:600px;
	height:40px;
	

}


.icon-logo img{


	width:600px;
	height:40px;
	

}

.icon-download:before {
  content: "\e002";
}

.icon-home:before {
  content: "\e003";
}

.icon-calendar:before {
  content: "\e004";
}

.icon-folder-add:before {
  content: "\e001";
}

.icon-windows:before {
  content: "\e008";
}

.icon-volume:before {
  content: "\e00e";
}

.icon-speaker:before {
  content: "\e011";
}

.icon-star:before {
  content: "\e012";
}

.icon-sun:before {
  content: "\e014";
}

.icon-trash:before {
  content: "\e018";
}

.icon-zoom:before {
  content: "\e005";
}

.icon-user-outline:before {
  content: "\e006";
}

.icon-picture:before {
  content: "\e007";
}

.icon-phone:before {
  content: "\e009";
}

.icon-newspaper:before {
  content: "\e00a";
}

.icon-printer:before {
  content: "\e00b";
}

.icon-microwave:before {
  content: "\e00c";
}

.icon-refresh:before {
  content: "\e00d";
}

.icon-lock:before {
  content: "\e00f";
}

.icon-email:before {
  content: "\e010";
}

.icon-browser:before {
  content: "\e013";
}

.icon-bubble:before {
  content: "\e015";
}

.icon-calculator:before {
  content: "\e016";
}

.icon-cd:before {
  content: "\e017";
}

.icon-enter:before {
  content: "\e019";
}

.icon-file-add:before {
  content: "\e01a";
}

.icon-flag:before {
  content: "\e01b";
}

.icon-twitter:before {
  content: "\e01c";
}

.icon-gplus:before {
  content: "\e020";
}

.icon-github:before {
  content: "\e021";
}

.icon-facebook:before {
  content: "\e01d";
}

/* Font Awesome */
.icon-step-backward:before {
  content: "\f048";
}
.icon-backward:before {
  content: "\f04a";
}
.icon-pause:before {
  content: "\f04c";
}
.icon-stop:before {
  content: "\f04d";
}
.icon-forward:before {
  content: "\f04e";
}
.icon-step-forward:before {
  content: "\f051";
}
.icon-play:before {
  content: "\f04b";
}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {

.the_sprites_mobile{display:block; width:100%; height:auto; overflow: visible;}
.sprite{}
.sprite.one.mobi{position:fixed; top:10px; left: 0px;}
.sprite.two.mobi{position:fixed; top:10px; left: 0px;}
.sprite.three.mobi{position:fixed; top:10px; left: 50px;}
.sprite.four.mobi{position:fixed; top:10px; left: 100px;}
.sprite.five.mobi{position:fixed; top:10px; left: 100px;}
.sprite.six.mobi{list-style-type:none; z-index: 9999; position:fixed; top:10px; left: 200px;}
.the_sprites{display:none;}

.bt-icon:before,
.bt-icon-alt:before {
  font-family: "minicons-webalys";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none !important;
  speak: none;
  display: block;
   list-style-type: none;
  text-decoration: none;
  width: .25em;
  line-height: inherit;
  -webkit-font-smoothing: antialiased;
}

.icon-logo{
	background:url('#');
	width:0px;
	height:0px;
	display:none;
	

}
.icon-user-outline{position: absolute; top:-400px; right: -260px;}
.icon-sun{ position: absolute; top:-350px; right: -215px;}
.icon-windows{ position: absolute; top:-300px; right: -148px;}
.icon-star{ position: absolute; top:-250px; right: 40px;}
.icon-bubble{ position: absolute; top:-200px; right: 85px;}
}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {

.icon-logo{
	background:url('../img/draco_hot.png');
	width:837px;
	height:60px;
	background-size: 837px 60px;
	background-repeat: no-repeat;
	

}

.icon-logo img{


	width:837px;
	height:60px;
	

}

.sprite{}
.sprite.one{position:fixed; top:10px; right: 25px;}
.sprite.two{position:fixed; top:10px; right: 100px;}
.sprite.three{position:fixed; top:10px; right: 175px;}
.sprite.four{position:fixed; top:10px; right: 250px;}
.sprite.five{position:fixed; top:10px; right: 325px;}
.sprite.logo{position:fixed; top:0px; left: -85px;}
.sprite.six{list-style-type:none; z-index: 9999; position:fixed; top:10px; right: 400px;}

}


@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait){
.icon-logo{
	background:url('#');
	width:0px;
	height:0px;
	display:none;
	

}
.the_sprites_mobile{display:block; width:100%; height:auto; overflow: visible;}
.sprite{}
.sprite.one.mobi{position:fixed; top:10px; left: 0px;}
.sprite.two.mobi{position:fixed; top:10px; left: 0px;}
.sprite.three.mobi{position:fixed; top:10px; left: 75px;}
.sprite.four.mobi{position:fixed; top:10px; left: 150px;}
.sprite.five.mobi{position:fixed; top:10px; left: 200px;}

.sprite.six.mobi{list-style-type:none; z-index: 9999; position:fixed; top:10px; left: 300px;}
.the_sprites{display:none;}

.icon-windows{ margin-left:20px;}


}