/*
--------------Table Of Content--------------
0.) Font Face
1.) Global Typography
2.) Global Form Elements
3.) Basic Structure of page
4.) Header Section
5.) Footer Section
*/
/*0.) Font Face*/
@font-face {
    font-family: 'frutiger-lightregular';
    src: url('../fonts/frutigel-webfont.eot');
    src: url('../fonts/frutigel-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/frutigel-webfont.woff2') format('woff2'),
         url('../fonts/frutigel-webfont.woff') format('woff'),
         url('../fonts/frutigel-webfont.ttf') format('truetype'),
         url('../fonts/frutigel-webfont.svg#frutiger-lightregular') format('svg');
    font-weight: normal;
    font-style: normal;

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

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

}
@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato-Regular.woff2') format('woff2'),
        url('../fonts/Lato-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato-Bold.woff2') format('woff2'),
        url('../fonts/Lato-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato-Light.woff2') format('woff2'),
        url('../fonts/Lato-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('../fonts/SourceSansPro-Regular.woff2') format('woff2'),
        url('../fonts/SourceSansPro-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
/*1.) Global Typography*/
.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
} 
.clearfix:after {
    clear: both;
}
.clearfix {
    zoom: 1;
}
h2{font-size:3.4em; color:#888886; font-weight:300; margin-bottom:29px;}
h2 span{color:#86d1f0; font-family: 'journalregular'; font-size:0.82em; letter-spacing:1px;}
p{font-size:1.4em; color:#5b5751; line-height:1.6; margin-bottom:21px; text-align:justify;  -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto;}
img{max-width:100%; height:auto;}

/*2.) Global Form Elements*/
input[type=text],select,textarea,.chosen-container > a{background:#fbedf3; font-family: 'frutiger-lightregular'; font-size:1.7em; color:#978e92; width:100%; height:62px; border:0px; border-radius:5px; padding:15px 25px; border:1px solid #fbedf3; display:block; text-align:left; line-height:1.7; transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; position:relative; box-shadow:none!important; -webkit-box-shadow:none!important; -webkit-appearance: none;}
.chosen-container > a{cursor:pointer;}
.chosen-container > a b{position:absolute; background:url(../images/arrow-bottom.png) no-repeat; width:17px; height:7px; content:""; right:25px; top:28px; opacity:.5; z-index:2;}
.chosen-container.chosen-with-drop > a b{transform:rotate(180deg);}
.chosen-container{position:relative; z-index:10; width:100%!important;}
.form .chosen-drop ul{position:absolute; background:#fbedf3; margin:0px; width:100%; border:1px solid #dcc3ce; padding:0px 0; visibility:hidden; transition:all .5s ease; -webkit-transition:all .5s ease; -ms-transition:all .5s ease; opacity:0;}
.form .chosen-with-drop .chosen-drop ul{visibility:visible; opacity:1;}
.form .chosen-drop ul li{font-family: 'frutiger-lightregular'; font-size:1.7em; color:#978e92; text-align:left; padding:15px 10px; cursor:pointer; margin-bottom:0px;}
.form .chosen-drop ul li:hover{background:#fff;}
::-webkit-input-placeholder { /* WebKit browsers */
    color:    #978e92;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #978e92;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #978e92;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
   color:    #978e92;
}
input[type=text]:hover,select:hover,textarea:hover{background:#fff; border:1px solid #c50451;}
.chosen-search{display:none;}
textarea{height:204px;}
.columns .column{width:49%; float:left;}
.columns .column:nth-child(2){float:right;}
.submit,.device .submit{clear:both; display:block; width:90px; height:52px; background:url(../images/sprite.png) 0 -119px no-repeat; text-indent:-9999px; cursor:pointer; border:none;margin:0 auto;}
.submit:hover{background-position:-106px -119px;}
label.error, div.error {color: #f16b50;display: block;font-size: 13px;font-weight: 400;line-height: 16px;margin-bottom: 3px;margin-left: 2px;margin-top: 3px;text-align: left;}
input.error, input.error:focus, select.error, select.error:focus, textarea.error, textarea.error:focus {background-color: #fff !important;border-color: #c50451 !important;}
.alert {border: 1px solid transparent;border-radius: 4px;color: #5b5751;font-size: 1.7em;font-weight: 300;line-height: 1.5;margin-bottom: 20px;padding: 17px;text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);} 
.alert-success {background-color: #dff0d8;border-color: #d6e9c6;color: #3c763d;}
.alert-warning {background-color: #fcf8e3;border-color: #faebcc;color: #8a6d3b;}
/*3.) Basic Structure of page*/
.main{max-width:1056px; margin:0 auto;}
body{font-size:62.5%; line-height:1; font-family: 'Lato', sans-serif; color:#5b5751;}
#container{padding-top:4px; background:url(../images/top-border.gif) center top repeat-x;}
.center-align{text-align:center;}
.space-vertical{padding-top:108px; padding-bottom:108px;}
/*4.) Header Section*/
#header{padding:36px 44px;}
#logo{float:left; background:url(../images/sprite.png) -9px -333px no-repeat; width:397px; height:92px; text-indent:-9999px;}
.website,.device .website{float:right; text-indent:-9999px; background:url(../images/sprite.png) -849px 0 no-repeat; width:226px; height:44px; margin-top:15px;}
.website:hover{background-position:-1086px 0;}
.menu{width:86px; height:86px; border-radius:100%; background:rgba(0,0,0,.15); display:block; margin-left:-43px; text-align:center; font-size:1.4em; padding-top:26px; position:relative; margin-bottom:40px; margin-top:-6px;}
.menu:before{background:#fff; width:74px; height:74px; content:""; position:absolute; left:6px; top:6px; border-radius:100%;}
.menu span{position:relative; z-index:2;}
.menu:after{position:absolute; background:url(../images/arrow-bottom.png) no-repeat; width:17px; height:7px; content:""; left:34px; top:50px; z-index:2;}
#navigation{float:right; border-left:1px solid #fff; width:26%; margin-top:242px; padding-bottom:24px; position:absolute; right:0px; bottom:26px;}
#navigation:after{position:absolute; left:-1px; top:100%; height:150px; border-left:1px solid #c4c0c4; content:""; z-index:10;}
#navigation ul{display:inline-block;}
#navigation li{position:relative; display:inline-block; background:#fff; border-radius:3px; font-size:1.5em; padding:0 0 0 21px; float:left; clear:both; font-size:1.5em; line-height:1.86; margin-bottom:43px;}
#navigation li:before{position:absolute; left:-21px; top:-7px; background:url(../images/sprite.png) -1183px -67px no-repeat; width:42px; height:42px; content:"";}
#navigation li a{display:block; padding:0 17px 0 10px; transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}
#navigation li:nth-child(2):before{background-position:-1229px -67px;}
#navigation li:nth-child(3):before{background-position:-1276px -67px;}
#navigation li:nth-child(4):before{background-position:-1323px -67px;}
#navigation li:hover{color:#85d0f0;}
#navigation li:nth-child(2):hover{color:#f3c23b;}
#navigation li:nth-child(3):hover{color:#ef8233;}
#navigation li:nth-child(4):hover{color:#c50451;}
/*5.) Footer Section*/
.contact{padding-top:139px;}
.contact h2{margin-bottom:26px!important;}
.contact h2 span{color:#c50451!important; margin-top:0px!important;}
.contact address{display:inline-block; color:#616161; font-size:1.6em; line-height:1.5;}
.form{padding:73px 37px; margin-bottom:62px;}
.form ul{float:left; width:48.3%; margin-bottom:31px;}
.form ul:nth-child(2){float:right;}
.form ul li{display:inline-block; width:100%; margin-bottom:9px;}
.go-top,.device .go-top{background:url(../images/sprite.png) -221px -126px no-repeat; width:79px; height:45px; margin:0 auto; display:block; margin-bottom:37px;}
.go-top:hover{background-position: -327px -126px;}
.legal-notice{display:inline-block; text-transform:uppercase; font-size:1.1em; color:#4b4b42; font-family: 'Source Sans Pro', sans-serif;}
.legal-notice a:hover{color:#85d0f0;}