@charset "UTF-8";

@font-face {
    font-family: 'open_sansregular';
    src: url('fonts/opensans-regular-webfont.eot');
    src: url('fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-regular-webfont.woff') format('woff'),
         url('fonts/opensans-regular-webfont.ttf') format('truetype'),
         url('fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sansbold';
    src: url('fonts/opensans-bold-webfont.eot');
    src: url('fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-bold-webfont.woff') format('woff'),
         url('fonts/opensans-bold-webfont.ttf') format('truetype'),
         url('fonts/opensans-bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sansextrabold';
    src: url('fonts/opensans-extrabold-webfont.eot');
    src: url('fonts/opensans-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-extrabold-webfont.woff') format('woff'),
         url('fonts/opensans-extrabold-webfont.ttf') format('truetype'),
         url('fonts/opensans-extrabold-webfont.svg#open_sansextrabold') format('svg');
    font-weight: normal;
    font-style: normal;
}

body { font-family:'open_sansregular',Arial,Tahoma,Verdana,Helvetica,sans-serif; }
.text_index01, h1, h2 { font-family:'open_sansextrabold',Arial,Tahoma,Verdana,Helvetica,sans-serif; }
.text_index02, .text_index03, .text_index04, #nav ul li a, #nav2 ul li a, #footer_link1 li a, .cri_box p { font-family:'open_sansbold',Arial,Tahoma,Verdana,Helvetica,sans-serif; }
i { font-family:'FontAwesome'; }

body, html { 
height:100%; 
}
html { 
font-size:100%; 
}
body {
width:100%;
margin:0;
padding:0;
text-align:center;
background:#FFF url("back.jpg") top left;
color:#242021;
font-size:100%;
line-height:1.5em;
}
body#index_page {
overflow:hidden;
}
a:link, a:visited {
color:#242021;
text-decoration:none;
}
a:hover {
color:#EE1C25;
text-decoration:none;
}
body a img {
border:0 solid #FFF;
}
h1 {
line-height:110%;
font-size:350%;
font-weight:normal;
color:#242021;
margin-top:0;
margin-bottom:60px;
padding-bottom:10px;
border-bottom:8px solid #FFF;
}
h2 {
line-height:110%;
font-size:250%;
font-weight:normal;
color:#242021;
margin-top:20px;
margin-bottom:20px;
padding-bottom:10px;
}
h1 span, h2 span {
color:#FFF;
}
.cleaner {
_display:none;
clear:both;
line-height:1px;
}
ul.nav2 {
list-style-type: square;
padding-left: 20px;
}

/* Content.............................................................. */

#content {
position:relative;
width:100%;
min-width:960px; 
max-width:1920px; 
margin-left:auto;
margin-right:auto;
}

/* Content_left.............................................................. */

#content_left {
position:relative;
float:left;
width:60%;
text-align:left;
}
#content_left_in {
position:relative;
float:left;
width:60%;
text-align:left;
/*background-color: #EE1C25;  */
}
#content_left_inside {
padding-left:12.5%;
padding-right:12.5%;
}
#main_logo {
width:100%;
margin-top:20%;
margin-bottom:10%;
}
.text_index01 {
font-size:350%;
line-height:1em;
margin-bottom:30px;
}
.text_index02 {
font-size:200%;
color:#EE1C25;
line-height:1.1em;
background-color:#EBEBEC;
padding:10px;
padding-left:20px;
}
.text_index03 {
font-size:200%;
color:#EE1C25;
line-height:1.1em;
background:#242021 url("back_text_index03.png") top left repeat-y; 
margin-left:-16.5%;
margin-bottom:5px;
padding-left:16.5%;
}
.text_index03 span {
display:block;
background-color:#242021;
padding:10px;
padding-left:30px;
}
.text_index04 {
font-size:200%;
color:#FFF;
line-height:1.1em;
background:#524F50 url("back_text_index04.png") top left repeat-y;
margin-left:-16.5%;
margin-bottom:5px;
padding-left:16.5%;
}
.text_index04 span {
display:block;
background-color:#524F50;
padding:10px;
padding-left:30px;
}

/* Nav.............................................................. */

#nav {
width:100%;
margin-top:10%;
}
#nav ul {
list-style-type:none;
margin:0;
padding:0;
}
#nav li {
display:inline;
text-align:left;
}
#nav ul li a {
display:inline-block;
font-size:160%;
color:#949599;
text-decoration:none;
letter-spacing:-1px;
margin-right:5%;
padding-bottom:10px;
}
#nav ul li a#nav_last {
margin-right:0;
}
#nav ul li a:hover {
color:#242021;
text-decoration:none;
}

.cl-effect-1 a {
position:relative;
}
.cl-effect-1 a::after {
position:absolute;
top:100%;
left:0;
width:100%;
height:1px;
background:#EE1C25;
content:'';
opacity:0;
-webkit-transition:height 0.3s, opacity 0.3s, -webkit-transform 0.3s;
-moz-transition:height 0.3s, opacity 0.3s, -moz-transform 0.3s;
transition:height 0.3s, opacity 0.3s, transform 0.3s;
-webkit-transform:translateY(-10px);
-moz-transform:translateY(-10px);
transform:translateY(-10px);
}
.cl-effect-1 a:hover::after,
.cl-effect-1 a:focus::after {
height:8px;
opacity:1;
-webkit-transform:translateY(0px);
-moz-transform:translateY(0px);
transform:translateY(0px);
}

/* Content_right.............................................................. */

#content_right {
position:relative;
float:right;
width:40%;
text-align:left;
}
#content_right2 {
position:fixed;
width:40%;
text-align:left;
right:0;
top:0;
}
#img_index {
width:100%;
height:auto;
}

/* Content_bottom.............................................................. */

#content_bottom {
position:fixed;
bottom:0;
left:0;
width:100%;
}
#content_bottom_inside {
position:relative;
width:100%;
min-width:960px; 
max-width:1920px; 
margin-left:auto;
margin-right:auto;
}

#nav2 {
width:63%;
background-color:#EE1C25;
margin-left:28%;
margin-right:9%;
}
#nav2 ul {
list-style-type:none;
margin:0;
padding:0;
}
#nav2 li {
display:inline;
text-align:left;
}
#nav2 ul li a {
display:inline-block;
font-size:140%;
color:#FFF;
text-decoration:none;
letter-spacing:-1px;
margin-left:2.5%;
margin-right:2.5%;
margin-bottom:20px;
padding-top:20px;
text-transform: uppercase;
}
#nav2 ul li a#nav_last {
margin-right:0;
}
#nav2 ul li a:hover {
color:#242021;
text-decoration:none;
}
.hi {
color:#242021 !important;
text-decoration:none !important;
}

.cl-effect-2 a {
position:relative;
}
.cl-effect-2 a::after {
position:absolute;
top:100%;
left:0;
width:100%;
height:1px;
background:#FFF;
content:'';
opacity:0;
-webkit-transition:height 0.3s, opacity 0.3s, -webkit-transform 0.3s;
-moz-transition:height 0.3s, opacity 0.3s, -moz-transform 0.3s;
transition:height 0.3s, opacity 0.3s, transform 0.3s;
-webkit-transform:translateY(-10px);
-moz-transform:translateY(-10px);
transform:translateY(-10px);
}
.cl-effect-2 a:hover::after,
.cl-effect-2 a:focus::after {
height:5px;
opacity:1;
-webkit-transform:translateY(0px);
-moz-transform:translateY(0px);
transform:translateY(0px);
}

#img_contact {
position:absolute;
bottom:0;
left:0;
width:4.50%;
margin-bottom:-0.5%;
}

/* Footer........................ */

#footer {
position:absolute;
bottom:0;
right:0;
width:7%;
text-align:right;
background:url("back_footer.png") 50% top no-repeat;
}
#footer_link1 {
line-height:22px;
list-style-type:none;
margin:0;
padding:0;
}
#footer_link1 li {
display:block;
}
#footer_link1 li:first-child {
margin-right:37px;
}
#footer_link1 li a {
display:block;
font-size:80%;
color:#FFF;
text-decoration:none;
}
#footer_link1 li a:hover {
color:#FFF;
text-decoration:none;
}
img#logo01 {
display:initial;
}
img#logo02 {
display:none;
}

/* Innerpages.............................................................. */

body.innerpages {
background-color:#FFF;
background-image:url("back_content.png"), url("back.jpg");
background-position:50% top, left top;
background-repeat:repeat-y, repeat;
-pie-background:url("back_content.png") 50% top repeat-y, url("back_jpg") top left repeat; /* IE6+ */
behavior: url(PIE.htc);
position:relative;
}
body.innerpages {
color:#FFF;
}
body.innerpages a, body.innerpages a:visited {
color:#CECBCB;
}
body.innerpages a:hover {
color:#FFF;
}
body.innerpages #content_left_inside {
padding-bottom:70px;
}
body.innerpages #main_logo {
width:60%;
margin-top:5%;
}
body.innerpages #nav2 {
background-color:#949599;
}
body.innerpages #footer {
background:url("back_footer2.png") 50% top no-repeat;
}
body.innerpages #footer_link1 li a, #footer_link1 li a:hover { 
color:#000; 
}
body.innerpages img#logo01 {
display:none;
}
body.innerpages img#logo02 {
display:initial;
}

.text_box_left {
float:left;
width:48%;
margin-top:40px;
}
.text_box_right {
float:right;
width:48%;
margin-top:40px;
}
.text_box_left p, .text_box_right p {
text-align:justify;
}

#content_right_inside {
padding-top:10%;
padding:5%;
}
#content_right_inside2 {
padding-top:0%;
padding:0%;
}
.cri_box {
float:left;
width:45%;
margin:2.5%;
}
.cri_box img {
behavior:url(PIE.htc);
position:relative;
zoom:1;
-moz-box-shadow: 5px 5px 1px #E1E1E1;
-webkit-box-shadow: 5px 5px 1px #E1E1E1;
box-shadow: 5px 5px 1px #E1E1E1;
}
.cri_box a p {
font-size:130%;
color:#242021;
line-height:1.1em;
margin:0;
margin-top:5px;
}
.cri_box a p span {
color:#E11A23;
border-bottom:8px solid #E11A23;
}
.cri_box a:hover p {
color:#E11A23;
}
.cri_box a:hover p span {
color:#242021;
border-bottom:8px solid #242021;
}
#content_right_inside2 {
padding-top:0%;
padding:0%;
}

/* RESPONSIVE STRUCTURE
--------------------------------------- */

.imgleft, .imgright, #main_logo img, #img_index img, #img_contact img, .img-responsive { max-width:100%; height:auto; }

@media screen and (max-width: 1679px) {
  
  body { font-size:90%; }
  #nav ul li a { font-size:150%; }
}


@media screen and (max-width: 1366px) {
  
  body { font-size:95%; }
  #nav ul li a { font-size:125%; }
}

@media screen and (max-width: 1280px) {

  body { font-size:85%; }
  #nav2 ul li a { font-size:130%; }
  #footer, body.innerpages #footer { background:none; text-align:left; }
  #footer_link1 li:first-child { margin-right:0; }
  #content_right_inside { padding:10%; }
}

@media screen and (max-width: 1024px) {

  body { font-size:75%; }
  #nav2 ul li a { font-size:120%; }
}

@media screen and (max-width: 960px) {
  
  body#index_page { overflow:visible; }
  #content { width:960px; min-height:100%; } 
  #content_bottom { position:relative; width:960px; }
  #nav2 { margin-left:20%; }
  #footer_link1 li a, #footer_link1 li a:hover { color:#000; }
  img#logo01 { display:none; }
  img#logo02 { display:initial; }
  body.innerpages { background:url("back_content2.png") top left repeat-y; }
  .cri_box { width:60%; margin-left:20%; margin-right:20%; }
}

@media screen and (max-height: 768px) {

  #main_logo { margin-top:10%; }
}