/*master style*/
@import url("../css/content.css");
@import url("../css/swiper.min.css");
@import url("../css/menu-mobile.css");
/*@import url("../css/menu.css");*/
/*include font icons*/
@font-face {
    font-family: 'LigatureSymbols';
    src: url('../font/LigatureSymbols-2.11.eot');
    src: url('../font/LigatureSymbols-2.11.eot?#iefix') format('embedded-opentype'),
         url('../font/LigatureSymbols-2.11.woff') format('woff'),
         url('../font/LigatureSymbols-2.11.ttf') format('truetype'),
         url('../font/LigatureSymbols-2.11.svg#LigatureSymbols') format('svg');
    src: url('../font/LigatureSymbols-2.11.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
.lsf-icon:before {
  font-family: 'LigatureSymbols';
  -webkit-text-rendering: optimizeLegibility;
  -moz-text-rendering: optimizeLegibility;
  -ms-text-rendering: optimizeLegibility;
  -o-text-rendering: optimizeLegibility;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -ms-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  font-smoothing: antialiased;
}
.lsf-icon:before {
  content:attr(title);
  font-size:80%;
}

.lsf-icon-img{
font-family: 'LigatureSymbols';
color:#fff;
font-size: 130%;
-webkit-text-rendering: optimizeLegibility;
-moz-text-rendering: optimizeLegibility;
-ms-text-rendering: optimizeLegibility;
-o-text-rendering: optimizeLegibility;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
-ms-font-smoothing: antialiased;
-o-font-smoothing: antialiased;
font-smoothing: antialiased;
}

/*for reset rules css browser standar*/
@font-face {
 font-family:'SQUART';
 src:url('../font/square.ttf');
 font-weight: normal;
 font-style: normal;
}

*{padding:0;margin:0;}
html,body{width:100%;height:100%;font-family:"SQUART"!important;overflow-y: :scroll; overflow-x:hidden;
}
h1,h2,h3,h4,h5,h6{ color: #000; font-size:100%;font-weight:normal;}
article, aside, details, figcaption, footer, hgroup, nav, section{display:block; text-align:center;}
fieldset,img{border:0;}
audio, canvas, video {display:inline-block; display:inline;*zoom:1;}
audio:not([controls]){ display:none;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
abbr,acronym {border:0;font-variant:normal;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
legend{color:#000;}
a:visited{color:rgba(198,39,42,1.00);}
a:active{color:rgba(198,39,42,1.00);}
a:focus{ outline: thin dashed rgba(225,38,41,1.00);}
ul,ol{list-style:none;}
div.clearfix{ clear:both;}
p{font-size:100%; text-align: left;}
input[type="text"]:focus{outline: 0;}
input,textarea,select,button{outline: 0; font-family:"SQUART"!important;}
article{
  width:100%;
  padding:0px;
  margin:auto;
}

.title-2{
  display: flex;
  align-items: center;
  justify-content: center;
  height:auto;
  background-color: rgb(221, 34, 34);
  color:#fff;
  font-weight: bold;
  box-sizing:border-box;
  padding:20px 10px 20px 10px;
  text-transform:uppercase;
  font-size: 180%;
}
.title-2 > .lsf-icon:before {
  text-transform: lowercase;
  font-size: 150%;
}
  footer{
  z-index: 0;
  width: 100%;
  padding:0px;
	color:#fff;
	}
aside{
  width:25%;
  height:100%;
}

@media (max-width:768px){
 .title-2{
    font-size: 120%;
    border-top: 5px solid #dfdfdf;
    border-bottom: 5px solid #dfdfdf;
  }
 .title-2 > .lsf-icon:before {
    text-transform: lowercase;
    font-size: 150%;
  }
}