/* Artfully masterminded by ZURB  */

/* --------------------------------------------------
   Table of Contents
-----------------------------------------------------
:: Shared Styles
:: Page Name 1
:: Page Name 2
*/

@import url(../../../fonts.googleapis.com/css@family=Questrial);
/* -----------------------------------------
  Default HTML elements
----------------------------------------- */
html {margin:0; padding:0; background-color:#f2f2f2;}
body {font-family:'Questrial',"Helvetica Neue", Helvetica, Arial, sans-serif; color:#555; background:none;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,th,td{margin:0;padding:0;font-size:13px}p{font-size:13px;line-height:1.6;margin-bottom:17px}
h1, h2, h3, h4, h5, h6 {color:#242424; margin-top:.1em; margin-bottom:.1em; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;}
h1{font-size:44px}h2{font-size:37px}h3{font-size:27px}h4{font-size:23px}h5{font-size:17px}h6{font-size:14px}
blockquote {padding:10px; margin:10px 0;}

/* -----------------------------------------
   Global layout Settings
----------------------------------------- */
.all_wrapping_container { width: 100%; max-width: 1140px; min-width: 320px; margin:30px auto;padding:20px 3%;} /*Sets the basic width and if it is fluid, fixed or semi fluid*/
.all_wrapping_container.with_background { background-color:#fff; padding:40px 3%; box-shadow: 0 0 5px rgba(0,0,0,.8)} /* Adds a background color to the all wrapping container */
.all_wrapping_container.simple{margin:0px auto; padding:0; } /*Sets the basic width and if it is fluid, fixed or semi fluid*/
.row {padding:0; margin:0; width:100%; } /* Resets the row size and paddings */
.header_content {margin-top:-22%; padding:0 20px 20px 20px;background-color: rgba(255,255,255,.4); float:left; width:auto;} /*Pulls the header content 10% "above" the slider */
.header_content.float_right {float:right;}
.credits_area {color:#e4e4e4; font-size:.8em; text-shadow:0 1px 1px #000;} /*Shrinks the text in the credits area*/
.row.collapse.search_box {margin-top:20px;}
.credits_area a {color:#fff;}
.credits_area a:hover {color:#000;}

/* Main Navigation */
.nav-bar {margin-bottom:0px; background-color:#333; box-shadow:inset 0px -30px 30px #000;}
.nav-bar>li{float:left;display:block;position:relative;padding:0;margin:0;border:1px solid #000;border-right:none;line-height:38px;-webkit-box-shadow:1px 0 0 rgba(255,255,255,0.1) inset;-moz-box-shadow:1px 0 0 rgba(255,255,255,0.1) inset;box-shadow:1px 0 0 rgba(255,255,255,0.1) inset; }
.nav-bar>li:first-child{-webkit-box-shadow:0 0 0;-moz-box-shadow:0 0 0;box-shadow:0 0 0}
.nav-bar>li:last-child{border-right:solid 1px #000;-webkit-box-shadow:1px 0 0 rgba(255,255,255,0.1) inset,1px 0 0 rgba(255,255,255,0.1);-moz-box-shadow:1px 0 0 rgba(255,255,255,0.1) inset,1px 0 0 rgba(255,255,255,0.1);box-shadow:1px 0 0 rgba(255,255,255,0.1) inset,1px 0 0 rgba(255,255,255,0.1); }
.nav-bar>li.active{background:#2ba6cb;border-color:#2284a1;}
.nav-bar>li.active a{color:#fff;}
.nav-bar>li.active li a{color:#555;}
.nav-bar>li.active:hover{background:#2ba6cb;}
.nav-bar>li:hover{background:#303030; -webkit-box-shadow:0px 0px 18px rgba(0,0,0,0.4) inset;-moz-box-shadow:0px 0px 18px rgba(0,0,0,0.4) inset;box-shadow:0px 0px 18px rgba(0,0,0,0.4) inset;}
.nav-bar>li a{color:#e6e6e6; }

dl.tabs.vertical dd.active  {border-top:1px solid #1d8fb1; border-left:3px solid #1d8fb1;}

/* color sets */
.rounded-list li:before, .label, .button, div.alert-box, dl.tabs.vertical dd.active a, .button.dropdown.split>span{
background: #2ba6cb; /* The default blue color */
}
.success li:before, .icon-circle.success, .label.success, .button.success, div.alert-box.success, .button.success.dropdown.split>span{
background: #8dc03c; /* The green color. Add class ".success" to the ol element like <ol class="rounded-list success">*/
}

.secondary li:before, .icon-circle.secondary, .label.secondary, .button.secodary, div.alert-box.secondary, .button.secondary.dropdown.split>span{
background: #e9e9e9; /* The light grey color. Add class ".secondary" to the ol element like <ol class="rounded-list secondary">*/
}

.alert li:before, .icon-circle.alert, .label.alert, .button.alert, div.alert-box.alert, .button.alert.dropdown.split>span{
background: #e55e48; /* The red color. Add class ".alert" to the ol element like <ol class="rounded-list alert">*/
}

/* Isotop script stylings */
#isotope_container.portfolio1 .element {width:31%;float:left; margin-right:2.13%;}
#isotope_container.portfolio1 .element img {width:100%;}

/* Additional Mobil Styles*/
@media only screen and (max-width: 767px) {
.nav-bar {float:left; width:100%;}
.nav-bar li {float:left; width:100%;background-color:#222;}
.all_wrapping_container {width:94%;margin:10px auto;}
}