/* Artfully masterminded by ZURB  */

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

@import url(http://fonts.googleapis.com/css?family=Questrial);
@import url("webfontkit/stylesheet.css");
/* -----------------------------------------
  Default HTML elements
----------------------------------------- */
html {margin:0; padding:0;background:#db1f4a;}
body {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:25px}h4{display: inline-block; font-size: 17px;margin-top:20px;text-transform: uppercase; width:100%;}h5{font-size:17px}h6{font-size:14px}
blockquote {padding:10px; margin:10px 0;}

/* -----------------------------------------
   Global layout Settings
----------------------------------------- */

.all_wrapping_container { width: 100%; max-width: 1000px; min-width: 320px; margin:30px auto;padding:20px;} /*Sets the basic width and if it is fluid, fixed or semi fluid*/
.all_wrapping_container.with_background { background-color:#fff; background-color: rgba(255,255,255,1); padding:20px; } /* 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 {font-size:.8em; text-shadow:0 1px 1px #ccc;} /*Shrinks the text in the credits area*/
.row.collapse.search_box {margin-top:20px;}
.credits_area a {color:#db1f4a;}
.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:#DB1F4A;border-color:#ce002f;}
.nav-bar>li.active a{color:#fff;}
.nav-bar>li.active li a{color:#555;}
.nav-bar>li.active:hover{background:#DB1F4A;}
.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: #DB1F4A; /* 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%;}
#whitebg{
	background:#fff;
	box-shadow: 0 0 5px rgba(0,0,0,.8);
	margin:0 auto;
	width:97%;
}
.icon-font{
	font-family:modern_pictogramsnormal;
	font-size:20px;
	margin-right:5px;
	-webkit-font-smoothing: antialiased;
}
.nomarginp{
	margin:0 !important;
}
.footer_area{
	margin-top:-60px;
}
form p{
	margin:0;
}
label{
	display:table;
	margin:30px 0;
}
.input{
	border:#ccc 1px solid;
	display:list-item;
	margin:5px 0 0 !important;
	padding:5px;
	width:300px;
}
.photo_gallery{clear:both;display:block;margin:0 5px 0 0}.photo_gallery ul{list-style:none!important;margin:0!important;padding:0}.photo_gallery ul li{list-style-position:outside!important;float:left;margin:0 10px 6px 0}.photo_gallery_cycle .border{padding-bottom:40px!important}.photo_gallery .p_caption{font-style:italic;padding:0 5px;display:block}.flickr_thumbs{margin:10px 0 10px 0!important;padding:0;overflow:hidden;border:0!important;background:none!important}.flickr_thumbs li{list-style:none;float:left;margin:0 5px 5px 0!important;padding:0!important;border:0!important;background:none!important}.flickr_thumbs li img{display:block}.flickr_thumbs li a img{border:0;width:45px}.flickr_thumbs li .frame{margin:0!important;padding:5px!important}.flickr_thumbs li.hide{display:none}
.frame,.wp-caption{padding:6px;display:inline-block;position:relative;font-family:'Droid Serif',Georgia,"Times New Roman",serif;font-style:italic;text-align:center;overflow:hidden;border:1px solid #f0f0f0;-moz-box-box-shadow:2px 2px 1px RGBa(0,0,0,0.035);-webkit-box-shadow:2px 2px 1px RGBa(0,0,0,0.035);box-shadow:2px 2px 1px RGBa(0,0,0,0.035)}.frame.block{display:inline-block!important}
.imagemask{position:relative!important;display:inline-block!important;padding:0;margin:0;outline:0;overflow:hidden}a.imgeffect,a.imgeffect:hover{text-decoration:none;cursor:pointer;line-height:0!important;display:block!important}.imagemask.plus{background:url(../images/magnifier.png) center bottom no-repeat}
.frame img, .wp-caption img {
    border: 1px solid #FBFBFB;
    display: block;
    float: left;
    position: relative;
}
/* 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;}
}