/*
  Client: Ascona
  Version: 1.0.0
  Date: November 2014
*/

@font-face {
  font-family: 'Brandon_bld';
  src: url('brandon/Brandon_bld.eot');
  src: local('☺'), url('brandon/Brandon_bld.woff') format('woff'), url('brandon/Brandon_bld.ttf') format('truetype'), url('brandon/Brandon_bld.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Brandon_light';
  src: url('brandon/Brandon_light.eot');
  src: local('☺'), url('brandon/Brandon_light.woff') format('woff'), url('brandon/Brandon_light.ttf') format('truetype'), url('brandon/Brandon_light.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Brandon_med';
  src: url('brandon/Brandon_med.eot');
  src: local('☺'), url('brandon/Brandon_med.woff') format('woff'), url('brandon/Brandon_med.ttf') format('truetype'), url('brandon/Brandon_med.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}


html, button, input, select, textarea { color:#373d41; }

::-moz-selection { background:#ed7100;text-shadow:none;color:#fff; }
::selection { background:#ed7100;text-shadow:none;color:#fff; }
img { vertical-align:middle; }
fieldset { border:0;margin:0;padding:0; }
textarea { resize:vertical; }
.browsehappy { margin: 0.2em 0;background: #ccc;color: #000;padding: 0.2em 0; }
menu, ol, ul { padding:0;margin:0; }
ul, ol { list-style:none }
h1, h2, h3 { font-weight:normal;margin:0;padding:0;font-family: 'Brandon_bld', arial, sans-serif; text-transform:uppercase;}
p { margin:0; }
b, strong { font-weight:normal; font-family: 'Brandon_bld', arial, sans-serif;}
a { color:#0d9dfb;text-decoration:none;-webkit-transition: color 500ms ease-out 50ms;-moz-transition: color 500ms ease-out 50ms;-o-transition: color 500ms ease-out 50ms;transition: color 500ms ease-out 50ms; }
a:hover { color:#111 }
a:focus { outline:0 }

.clearfix:before, .clearfix:after { content: " ";display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
.relative { position:relative }

*, *:before, *:after { -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }

body { font: normal 17px/25px 'Brandon_light', arial, sans-serif; text-align:left; background:#edeff0; color:#373d41;}



/*-------------------------- 
  GRID and general 
--------------------------*/
.container { padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto; }
.container:before, .container:after { display: table;content: " "; }
.container:after { clear: both; }

.row { margin-right: -15px;margin-left: -15px; }
.row:before, .row:after { display: table;content: " "; }
.row:after { clear: both; }

.cols_20,.cols_25,.cols_30,.cols_33,.cols_35,.cols_40,.cols_45,.cols_50,.cols_60,.cols_66,.cols_70,.cols_75,.cols_80,.cols_85,.cols_100 {
  min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    /*position: relative;*/
}
.cols_75.align-center { float:none;margin-left:auto;margin-right:auto; }
.cols_100 { width:100%; }



/* --------------------------
    HEADER
-------------------------- */
.header_container { background-color:#fff; padding:20px 0;border-bottom:1px solid #edeff0;}
.logo1, .logo1_mobile {float:left;}
.logo2, .logo2_mobile {float:right;}
.logo1_mobile, .logo2_mobile { display:none }


/* --------------------------
    INTRO CONTAINER
-------------------------- */
.intro_container { background:#edeff0; background: url('../img/slider_left.png') 0 50% no-repeat, url('../img/slider_right.png') 100% 50% no-repeat;text-align:center;padding:40px 0;}
.intro_text img { margin:0 0 25px;}
.intro_text h1 {font-family: 'Brandon_med', arial, sans-serif; font-size:17px;line-height:25px;color:#373d41;font-weight:normal;margin:0 0 20px; text-transform:uppercase;}
.intro_text h1 sup {text-transform:lowercase;}


/*-------------------------- 
  SUBMENU
-------------------------- */
.subpage_title h1 {font-family:'Brandon_bld', arial, sans-serif;font-size:50px; line-height:65px; letter-spacing:2px; text-align:center;color:#000003;padding:0 0 55px 0;}


/* --------------------------
    MAIN CONTAINER
-------------------------- */
.home_2_cols {padding:0 0 30px 0;}

.main_container {background:#fff;padding:40px 0 50px; }
.main_container.subpage { padding:25px 0 50px; }

h2 { font-size:25px;line-height:40px;margin-bottom:15px; }

.main_text_left h2 {color:#fd2829;}
.main_text_left a {text-decoration:underline; text-transform:uppercase;}
.main_text_right {padding: 0 0 0 75px;} 
.main_text_right p {font-family:'Brandon_med', arial, sans-serif;}
.main_text_right p a {text-decoration:underline; text-transform:uppercase;font-family:'Brandon_light', arial, sans-serif;}
.main_text_right h2 {color:#63bc46}  

.content_text_middle {padding:30px 0;border-top:1px solid #edeff0; border-bottom:1px solid #edeff0;margin-bottom:30px; }
.content_text_middle h2{color:#a421dc}
.content_text_middle p{font-family:'Brandon_med', arial, sans-serif; font-size:17px; letter-spacing:1px;}

.content_text_lower ul{list-style-type: disc; margin-left:16px;}
.content_text_lower ul li{list-style-type: disc; padding-left:10px;}
.content_text_lower h2 {color:#f58220;}

.button {text-align:center;}
.btn { -webkit-border-radius: 5px;-moz-border-radius: 5px; border-radius: 5px;display:inline-block;outline:0;background:#0d9dfb;color:#fff;font-size:17px;font-family: 'Brandon_med', arial, sans-serif;line-height:24px;text-align:center;margin-top: 25px;padding:15px 30px;text-transform:uppercase; }
.btn:hover { background:#111; color:#fff; }


/* --------------------------
    FOOTER
-------------------------- */
.footer_container {margin:20px 0 50px 0;}
.footer_container p { padding:20px 0 0;float:left; font-family: 'Brandon_med', arial, sans-serif;font-size:16px; line-height:25px; }
.logo_footer {float:right;padding:20px 0 0;}
.footer_container .logo_footer p { padding:0 }
.logo_footer img:first-child {padding:0 30px 0 0;}
.logo_footer img:last-child {padding:0 0 0 30px;}


/* --------------------------
    MEDIA QUERIES
-------------------------- */

@media only screen and (max-width: 900px) {
  .intro_text img { width:100%;height:auto; }
  .main_text_right {padding: 0 0 0 40px;} 
}
@media only screen and (max-width: 768px) {
  .cols_20,.cols_25,.cols_30,.cols_33,.cols_35,.cols_40,.cols_45,.cols_50,.cols_60 { float:left;width:50%; }
  .intro_photos img { margin:0 1px 2px }
  .main_text_right { padding:20px 0 0; } 
  .footer_container p, .logo_footer { float:none; }
}
@media only screen and (max-width: 600px) {
  .cols_20,.cols_25,.cols_30,.cols_33,.cols_35,.cols_40,.cols_45,.cols_50,.cols_60,.cols_66,.cols_70,.cols_75,.cols_80,.cols_85 { float:none;width:100%; }
}
@media only screen and (max-width: 400px) {
  .logo1, .logo2 { display:none }
  .logo1_mobile, .logo2_mobile { display:block }
  .logo_footer img:last-child { padding:10px 0 0 0; }
}

@media only screen and (min-width: 769px) {
  .cols_20 { width:20%; }
  .cols_25 { width:25%; }
  .cols_30 { width:30%; }
  .cols_33 { width:33.33333333333333%; }
  .cols_35 { width:35%; }
  .cols_40 { width:40%; }
  .cols_45 { width:45%; }
  .cols_50 { width:50%; }
  .cols_60 { width:60%; }
  .cols_66 { width:66.66666666666666%; }
  .cols_70 { width:70%; }
  .cols_75 { width:75%; }
  .cols_80 { width:80%; }
  .cols_85 { width:85%; }
  .cols_20,.cols_25,.cols_30,.cols_33,.cols_35,.cols_40,.cols_45,.cols_50,.cols_60,.cols_66,.cols_70,.cols_75,.cols_80,.cols_85,.cols_100 { float:left; }
}

@media only screen and (min-width: 1024px) {
    .container { width: 990px;margin: 0 auto; }
}