@charset "utf-8";
/* CSS Document */
/* Custom CSS for FGX Foundation - Overwrite default Foundation 4 CSS */

html,
body { font-size: 14px; }

body { background-color:#eeeeee; color: #fff;  padding: 0; font-weight: normal; font-style: normal; line-height: 1; -webkit-font-smoothing: antialiased;}

/* Grid HTML Classes */
.row { max-width: 100em; }
.row .column, .row .columns { padding-left: 1.250em; padding-right: 1.250em; }
.row .row { margin: 0 -1.250em;}


@media only screen and (max-width: 48em) {
.row .column,
.row .columns { padding-left: 0.9375em; padding-right: 0.9375em; }
.row .row { margin: 0 -0.9375em;}
  }

/* Default Link Styles */
a { color: #b2923d;  text-decoration: none;  line-height: inherit;-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; }
a:hover, a:focus { color: #eee; }
a img { border: none; }

/* Default paragraph styles */
p { font-family: inherit; font-weight: 300; font-size: 1.2em; line-height: 1.6; margin-bottom: 1.25em; text-shadow:none}
p aside {font-size: 0.875em; line-height: 1.35;  font-style: italic; }



/* Default header styles */
h1, h2, h3, h4, h5, h6 { font-family: "Muli",Helvetica,Arial,sans-serif; font-weight:300; margin-bottom: 0.4em; margin-top: 0.4em; color: #fff; text-transform:none}

h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { font-size: 60%; color: #e3e2e2; line-height: 0; }

h1 {font-size: 3.5em; }

h2 {font-size: 3em; }

h3 {font-size: 2.6em; }

h4 {font-size: 2.2em; }

h5 {font-size: 1.8em; }

h6 {font-size: 1.6em; font-weight:400; }

hr { clear: both; margin:2.5em 0; height: 0; border:none}

/*==========================*/
/*Margins and Paddings*/
/*==========================*/

.top0{margin-top:0;}
.top10{margin-top:10px;}
.top20{margin-top:20px;}
.top30{margin-top:30px;}
.top40{margin-top:40px;}
.top50{margin-top:50px;}

.bottom0{margin-bottom:0;}
.bottom10{margin-bottom:10px;}
.bottom20{margin-bottom:20px;}
.bottom30{margin-bottom:30px;}
.bottom40{margin-bottom:40px;}
.bottom50{margin-bottom:50px;}

/*==========================*/
/*Breadcrumbs*/
/*==========================*/

.breadcrumbs { border: none; background:none; padding:0.375em 0; margin:1.4em 0; line-height:1.4em;}

/*====================================================*/
/*==========================*/
/*FGX Foundation 4 Main Navigation*/
/*==========================*/
/*====================================================*/


.top-bar {overflow: hidden; height: 55px; line-height: 55px; position: relative; background: none; margin-bottom:0; font-family: "Muli",Helvetica,Arial,sans-serif; z-index:20000}
.top-bar ul {margin-bottom: 0;  list-style: none; }
.top-bar .row { max-width: none; }
.top-bar form, .top-bar input {margin-bottom: 0; padding-top:5px; color:#e3e2e2}
.top-bar input { height: 2.4em; -webkit-border-radius: 2px 0 0 2px; border-radius: 2px 0 0 2px;}
.top-bar .button { padding: 0.29em 0 0.3em 0.25em; margin-bottom: 0;}
.top-bar .title-area { position: relative; }
.top-bar .name { height: 55px;margin: 0; font-size: 16px; }
.top-bar .name h1 {line-height: 55px; font-size: 1.0625em; margin: 0; }
.top-bar .name h1 a { font-weight: bold;  color: white;  width: 50%; display: block;  padding: 0 15px; }
.top-bar .toggle-topbar { position: absolute; right: 0; top: 0;  background:rgba(0,0,0,0.5)}
.top-bar .toggle-topbar a { color:#b2923d; font-size: 1em; position: relative; display: block;  padding: 0 10px; height: 55px; line-height: 55px;}
.top-bar .toggle-topbar.menu-icon {right: 0px; left:-10px; top: 50%; margin-top: -16px;  padding-left:0px; }
.top-bar .toggle-topbar.menu-icon a {text-indent: 25px; width: 34px; height: 34px; line-height: 33px; padding: 0; color:#b2923d; }
.top-bar .toggle-topbar.menu-icon a span { position: absolute; right: 0; top: 1px; display: block; width: 12px; height: 0; -webkit-box-shadow: 0 10px 0 1px #fff, 0 16px 0 1px #fff, 0 22px 0 1px #fff; box-shadow: 0 10px 0 1px #fff, 0 16px 0 1px #fff, 0 22px 0 1px #fff; }
.top-bar.expanded { height: auto; background: transparent; }
.top-bar.expanded .title-area {background: none; }
.top-bar.expanded .toggle-topbar a { color: #b2923d; }
.top-bar.expanded .toggle-topbar a span {-webkit-box-shadow: 0 10px 0 1px #fff, 0 16px 0 1px #fff, 0 22px 0 1px #fff; box-shadow: 0 10px 0 1px #fff, 0 16px 0 1px #fff, 0 22px 0 1px #fff; }

.top-bar-section {left: 0; position: relative; width: auto;  -webkit-transition: left 300ms ease-out;  -moz-transition: left 300ms ease-out; transition: left 300ms ease-out;}
.top-bar-section ul { width: 100%; height: auto; display: block; background: none; font-size: 16px;  margin: 0; }
.top-bar-section .divider { border-bottom: solid 0px #4d4d4d; border-top: solid 0px #1a1a1a; clear: both; height: 1px; width: 100%; }
.top-bar-section ul li > a { display: block; width: 100%; padding: 8px 0 8px 15px; color:#e3e2e2; font-size: 1.15em; font-weight: normal; background:rgba(0, 0, 0, 0.25); }
.top-bar-section ul li > a:hover { background: #333; background:rgba(0, 0, 0, 0.65); color:#fff}
.top-bar-section ul li > a.button { background: #b2923d; font-size: 0.8125em; }
.top-bar-section ul li > a.button:hover { background: #0099cc; }
.top-bar-section ul li > a.button.secondary { background: #e9e9e9; }
.top-bar-section ul li > a.button.secondary:hover { background: #d0d0d0; }
.top-bar-section ul li > a.button.success { background: #b2923d; }
.top-bar-section ul li > a.button.success:hover { background: #b2923d; }
.top-bar-section ul li > a.button.alert { background: #c60f13; }
.top-bar-section ul li > a.button.alert:hover { background: #970b0e; }
.top-bar-section ul li.active a {background: transparent; }
.top-bar-section ul li a.active {color: #b2923d}
.top-bar-section .has-form { padding: 2em 3em; }
.top-bar-section .has-dropdown {position: relative; }
.top-bar-section .has-dropdown > a:after { content: "\f105"; font-family: 'FontAwesome';  display: block;  width: 0;  height: 0; border: none; margin-right: 20px; margin-top: -12px; position: absolute; top: 50%; right: 0; }
.top-bar-section .has-dropdown.moved { position: static; }
.top-bar-section .has-dropdown.moved > .dropdown { visibility: visible; }
.top-bar-section .dropdown {position: absolute; left: 100%; top: 0; visibility: hidden;  z-index: 99; }
.top-bar-section .dropdown li { width: 100%; border-left:none;}
.top-bar-section .dropdown li a {font-weight: normal; padding: 8px 15px; font-size:1em; color:#e3e2e2}
.top-bar-section .dropdown label { padding: 8px 15px 8px; margin-bottom: 0; text-transform: uppercase; color: #b2923d; font-weight: normal; font-size: 0.8em;}

.top-bar-section .has-dropdown.moved > .dropdown h5{font-size:1em; font-family: "Muli",Helvetica,Arial,sans-serif; text-transform:none !important; background:#111111}

.top-bar-js-breakpoint {
  width: 58.75em !important;
  visibility: hidden; }

.js-generated {
  display: block; }
  
.bottom-header .logo a{color:#fff; font-family: "Mrs Saint Delafield", cursive}

.fancy-font{font-family: "Mrs Saint Delafield", cursive}

@media only screen and (min-width: 58.75em) {
.top-bar { background: none;  *zoom: 1;  overflow: visible; }
.top-bar:before, .top-bar:after { content: " ";  display: table; }
.top-bar:after { clear: both; }
.top-bar .toggle-topbar {display: none; }
.top-bar .title-area { float: left; }
.top-bar .name h1 a {width: auto; }
.top-bar input,
.top-bar .button {line-height: 2em; font-size: 0.875em; height: 2em; padding: 0 16px 0 10px; position: relative; top: 8px; }
.top-bar.expanded { }

.top-bar-section { -webkit-transition: none 0 0; -moz-transition: none 0 0; transition: none 0 0; left: 0 !important; }
.top-bar-section ul { width: auto; height: auto !important; display: inline; }
.top-bar-section ul li { float: left; }
.top-bar-section ul li .js-generated { display: none; }
.top-bar-section li a:not(.button) {  padding: 0 20px; line-height: 55px; background: none; }
.top-bar-section li a:not(.button):hover { background: #333; background: rgba(0, 0, 0, 0.65); color:#fff}
.top-bar-section .has-dropdown > a { padding-right: 35px !important; }
.top-bar-section .has-dropdown > a:after { content: "\f107"; font-family: 'FontAwesome'; display: block; width: 0; height: 0; border: none; margin-right: 20px; margin-top: -26px; }
.top-bar-section .has-dropdown.moved {  position: relative; }
.top-bar-section .has-dropdown.moved > .dropdown { visibility: hidden; }
.top-bar-section .has-dropdown:hover > .dropdown, .top-bar-section .has-dropdown:active > .dropdown { 	opacity: 1;	visibility: visible; margin: 0; }
.top-bar-section .has-dropdown .dropdown li.has-dropdown > a:after { border: none; content: "\f105"; font-family: 'FontAwesome'; margin-top: -9px;  right: 5px; }
.top-bar-section .dropdown { left: 0; top: auto; background: transparent; 	margin: 20px 0 0 0;	_margin: 0; /*IE6 only*/ opacity: 0; visibility: hidden; position: absolute; z-index: 1;

transition:all 0.4s ease-in-out;
-moz-transition:all 0.4s ease-in-out;
-webkit-transition:all 0.4s ease-in-out;
-o-transition:all 0.4s ease-in-out;   }
.top-bar-section .dropdown li a {line-height: 1.4; white-space: nowrap; padding: 10px 25px;  background: rgba(0,0,0, 0.8); color:#e3e2e2; border-left:rgba(0,0,0,0) solid 5px}
.top-bar-section .dropdown li a:hover {line-height: 1.4; white-space: nowrap; padding: 10px 25px; background:#444; color:#fff; border-left:#b2923d solid 5px}
.top-bar-section .dropdown li label { white-space: nowrap; background: #111; }
.top-bar-section .dropdown li .dropdown { left: 100%; top: 0;margin: 0 0 0 20px;_margin: 0; /*IE6 only*/}
.top-bar-section > ul > .divider {border-bottom: none; border-top: none; border-right: solid 0px #555; border-left: solid 0px #333; clear: none; height: 55px; width: 0px; }
.top-bar-section .has-form { background: none; padding: 0px;}
.top-bar-section ul.right li .dropdown { left: auto; right: 0; }
.top-bar-section ul.right li .dropdown li .dropdown { right: 100%; } 

}

/* Side Nav */
.side-nav { display: block; margin: 0; padding: 0.875em 0; list-style-type: none; list-style-position: inside; }
.side-nav li {margin: 0 0 0.4375em 0; font-size: 0.95em; }
.side-nav li a {display: block;color: #333; }
.side-nav li a.active { background:#b2923d; color:#fff; font-weight: normal; }
.side-nav li.divider { border-top: 1px solid;  height: 0; padding: 0; list-style: none; border-top-color: #555; }

/* Side Nav - sub-nav */
.sub-nav { display: block; width: auto; overflow: hidden; margin: -0.25em 0 1.125em; padding-top: 0.25em;  margin-right: 0; margin-left: -0.5625em; }
.sub-nav dt, .sub-nav dd {float: left; display: inline;  margin-left: 0.5625em;  margin-bottom: 0.625em; font-weight: normal; font-size: 0.95em; }
.sub-nav dt a, .sub-nav dd a {color: #fff; text-decoration: none; background:rgba(0, 0, 0, 0.5); -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; padding: 0.1875em 0.5625em}
.sub-nav dt a, .sub-nav dd a:hover{background:#b2923d; color:#fff;}
.sub-nav dt.active a, .sub-nav dd.active a { -webkit-border-radius: 2px; border-radius: 2px; font-weight: normal; background:#b2923d; padding: 0.1875em 0.5625em; cursor: default; color: white; }

[data-magellan-expedition] { background: none; z-index: 99999;min-width: 0%; padding: 0px; }

.standard-list { list-style:none;}
.standard-list li { margin-bottom:5px; font-size:0.9em}
.standard-list li a{ color:#fff}
.standard-list li a:hover{ color:#b2923d}

/*====================================================*/
/*==========================*/
/*FGX Foundation 4 Orbit Slider*/
/*==========================*/
/*====================================================*/

.orbit-bullets { display:none;}
.orbit-slide-number { display:none;}
.orbit-timer {top: 0 !important; width:100% !important; right:0 !important;}

.orbit-container .orbit-timer > span { top: 10px;   right: 10px;}
.orbit-container .orbit-timer.paused > span { right: 10px;   top: 10px; }
.orbit-container:hover .orbit-timer > span { display: block; }

/*==========================*/
/*Font Awesome - Retina Icons*/
/*==========================*/

[class^="icon-"],
[class*=" icon-"] { padding:0 10px 0 0;}

.btn-icon { padding:0.5em !important; margin:0 5px 5px 5px !important; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px}
.btn-icon [class^="icon-"],
.btn-icon [class*=" icon-"] { padding:0;}

/*List icons demo*/
.the-icons { list-style-type: none; margin: 0;}
.the-icons li {height: 32px; line-height: 32px; padding-left: 12px;}


/*====================================================*/
/*==========================*/
/*FGX CUSTOM CSS*/
/*==========================*/
/*====================================================*/

/* ====> Main Wraper and Main Content <==== */

.main-wrapper{ max-width: 100em; margin: 0 auto;}

/*==========================*/
/*Row Zones - backgrounds and text colors*/
/*==========================*/

/* ====> Header <==== */

.top-header{padding:10px 0 10px 0; background:#333; color:#e3e2e2;}
.top-header .inline-list { margin:0.45em 0 0 0;}
.top-header .inline-list li{margin-left: 0.5em; font-family: "Muli",Helvetica,Arial,sans-serif; font-size:1.2em}
.top-header .inline-list li a{color:#b2923d}
.top-header .inline-list li a:hover{color:#e3e2e2}

.bottom-header{ background: rgba(0, 0, 0, 0.5)}

/* ====> Navigation <==== */
.main-navigation{ background: rgba(0, 0, 0, 0.75)}

/* ====> Showcase <==== */
.showcase{}
.shadow{ background:url(../images/body_shadow.png) center bottom no-repeat; height:52px}
.footershadow{ background:url(../images/footer-shadow-bg.png) center bottom no-repeat; height:17px}

/* ====> Main Content <==== */
.main-content-top{ background: rgba(0, 0, 0, 0.85)}
.main-content-top h2{ color:#b2923d !important;}
.main-content{ padding:30px 0;}
.main-content-two{ padding:0 0 30px 0;}

.inline-list li a{color:#b2923d}
.inline-list li a:hover{color:#ccc}
.border{border:#fff 3px solid; box-shadow: 0 0 5px rgba(0, 0, 0, 0.25)}


/* ====> Footer <==== */
.footer {background:url(../images/footer-bg.gif) center repeat;}
.top-footer {padding:1em 0 0.3em 0; color:#ccc; background:#222 url(../images/body_shadow.png) top repeat-x;}
.top-footer p{color:#333}
.top-footer h1, .top-footer h2, .top-footer h3, .top-footer h4, .top-footer h5, .top-footer h6 { color:#333; font-weight: 300; margin:0;padding:0}
.top-footer h1 span, .top-footer h2 span, .top-footer h3 span, .top-footer h4 span, .top-footer h5 span, .top-footer h6 span{ color:#555;}
.top-footer .footer-list { list-style:none;}
.top-footer .footer-list a{ color:#333}
.top-footer .footer-list a:hover{ color:#b2923d}
.top-footer .footer-list li { margin-bottom:5px; font-size:0.9em}
.top-footer .inline-list li a{border-right:#333 0px dotted; color:#333}
.top-footer .inline-list li a:hover{color:#b2923d}
.top-footer .logo a{color:#555; font-family: "Mrs Saint Delafield", cursive;}

.social{margin-top:1em}

.middle-footer {padding:2em 0; color:#ccc; background:#111}
.middle-footer p{color:#888}
.middle-footer h1, .middle-footer h2, .middle-footer h3, .middle-footer h4, .middle-footer h5, .middle-footer h6 { border-bottom:none; color:#b2923d; font-weight: 300; padding-bottom:0.5em;}
.middle-footer .footer-list { list-style:none;}
.middle-footer .footer-list a{ color:#666}
.middle-footer .footer-list a:hover{ color:#b2923d}
.middle-footer .footer-list li { margin-bottom:5px; font-size:0.9em}
.middle-footer .inline-list li a{color:#ccc}
.middle-footer .inline-list li a:hover{color:#b2923d}

.bottom-footer { padding:2em 0; color:#666; background-color:#111}
.bottom-footer p{ margin:0; font-size:0.9em;}
.bottom-footer .inline-list { margin-bottom:0}
.bottom-footer .inline-list a{ color:#666; font-size:0.9em; padding:0 0.5em; border-right:dotted 1px #333}
.bottom-footer .inline-list a:hover{ color:#b2923d}

.footer-border{border-right:#333 1px dotted}

/*====================================================*/
/*==========================*/
/*Forms*/
/*==========================*/
/*====================================================*/

input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea { padding: 0.5em 0.8em 0.4em 0.8em;}

/*====================================================*/
/*==========================*/
/*Clearing*/
/*==========================*/

.clearing-thumbs { list-style:none;}
.clearing-thumbs li { float: left; margin-right: 10px; margin-bottom: 5px;}


/*====================================================*/

/*====================================================*/
/*==========================*/
/*Image Overlays*/
/*==========================*/
/*====================================================*/


.view {
    overflow: hidden;
    position: relative;
    text-align: center;
    cursor: default;
	max-width:370px;
}

.view .mask, .view .content {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.view .mask{
	max-width:370px;
}

.view img {
    display: block;
    position: relative
}

.view h3 {
    text-transform:none;
    color: #fff;
    text-align: center;
    position: relative;
    padding: 10px;
    background: rgba(0, 0, 0, 0.8);
}
.view p {
    font-family: "Muli",Helvetica,Arial,sans-serif;
    font-style: italic;
    position: relative;
    color: #fff;
    padding: 10px 20px 20px;
    text-align: center
}
.view a.info {
    display: inline-block;
    text-decoration: none;
    padding: 7px 14px;
    background: #000;
    color: #fff;
    text-transform: uppercase;
    box-shadow: 0 0 1px #000
}
.view a.info:hover {
    box-shadow: 0 0 5px #000
}


/*================ Complex Hover Effect 1 =========================*/

/* 1 */

.view-one img {
   -webkit-transition: all 0.2s ease-in;
   -moz-transition: all 0.2s ease-in;
   -o-transition: all 0.2s ease-in;
   -ms-transition: all 0.2s ease-in;
   transition: all 0.2s ease-in;
}
.view-one .mask {
   background-color: rgba(255, 255, 255,0.6);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: translate(0px, -100px) ;
   -moz-transform: translate(0px, -100px) ;
   -o-transform: translate(0px, -100px) );
   -ms-transform: translate(0px, -100px);
   transform: translate(0px, -100px);
   -webkit-transition: all 0.2s 0.4s ease-in-out;
   -moz-transition: all 0.2s 0.4s ease-in-out;
   -o-transition: all 0.2s 0.4s ease-in-out;
   -ms-transition: all 0.2s 0.4s ease-in-out;
   transition: all 0.2s 0.4s ease-in-out;
}
.view-one h3 {
	font-size:1.8em;
	background: #111;
   -webkit-transform: translateY(-100px);
   -moz-transform: translateY(-100px);
   -o-transform: translateY(-100px);
   -ms-transform: translateY(-100px);
   transform: translateY(-100px);
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.view-one p {
	text-shadow:none !important;
  	font-family: "Muli",Helvetica,Arial,sans-serif;
  	font-weight: normal;
  	font-style: normal;
	color:#111;
   -webkit-transform: translateX(300px) rotate(90deg);
   -moz-transform: translateX(300px) rotate(90deg);
   -o-transform: translateX(300px) rotate(90deg);
   -ms-transform: translateX(300px) rotate(90deg);
   transform: translateX(300px) rotate(90deg);
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.view-one a.info {
   -webkit-transform: translateY(-200px);
   -moz-transform: translateY(-200px);
   -o-transform: translateY(-200px);
   -ms-transform: translateY(-200px);
   transform: translateY(-200px);
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.view-one:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transition-delay: 0s;
   -moz-transition-delay: 0s;
   -o-transition-delay: 0s;
   -ms-transition-delay: 0s;
   transition-delay: 0s;
   -webkit-transform: translate(0px, 0px);
   -moz-transform: translate(0px, 0px);
   -o-transform: translate(0px, 0px);
   -ms-transform: translate(0px, 0px);
   transform: translate(0px, 0px);
}
.view-one:hover h3 {
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
   -webkit-transition-delay: 0.5s;
   -moz-transition-delay: 0.5s;
   -o-transition-delay: 0.5s;
   -ms-transition-delay: 0.5s;
   transition-delay: 0.5s;
}
.view-one:hover p {
   -webkit-transform: translateX(0px) rotate(0deg);
   -moz-transform: translateX(0px) rotate(0deg);
   -o-transform: translateX(0px) rotate(0deg);
   -ms-transform: translateX(0px) rotate(0deg);
   transform: translateX(0px) rotate(0deg);
   -webkit-transition-delay: 0.4s;
   -moz-transition-delay: 0.4s;
   -o-transition-delay: 0.4s;
   -ms-transition-delay: 0.4s;
   transition-delay: 0.4s;
}
.view-one:hover a.info {
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
   -webkit-transition-delay: 0.3s;
   -moz-transition-delay: 0.3s;
   -o-transition-delay: 0.3s;
   -ms-transition-delay: 0.3s;
   transition-delay: 0.3s;
}

/*  2  */		

.view-two img {
   -webkit-transition: all 0.4s ease-in-out 0.2s;
   -moz-transition: all 0.4s ease-in-out 0.2s;
   -o-transition: all 0.4s ease-in-out 0.2s;
   -ms-transition: all 0.4s ease-in-out 0.2s;
   transition: all 0.4s ease-in-out 0.2s;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
.view-two .mask {
   background-color: rgba(209, 169, 30,0.8);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: scale(0) rotate(-180deg);
   -moz-transform: scale(0) rotate(-180deg);
   -o-transform: scale(0) rotate(-180deg);
   -ms-transform: scale(0) rotate(-180deg);
   transform: scale(0) rotate(-180deg);
   -webkit-transition: all 0.4s ease-in;
   -moz-transition: all 0.4s ease-in;
   -o-transition: all 0.4s ease-in;
   -ms-transition: all 0.4s ease-in;
   transition: all 0.4s ease-in;
   -webkit-border-radius: 0px;
   -moz-border-radius: 0px;
   border-radius: 0px;
}
.view-two .mask p{
  text-shadow:none !important;
  font-family: "Muli",Helvetica,Arial,sans-serif;
  font-weight: normal;
  font-style: normal;
  line-height: 1.5;
  color:#fff !important;
  padding:10px;
  padding-top:0;
  font-size:0.9em;
  margin-bottom:20px;
}
.view-two h3 {
	padding-top:0.9em;
	padding-bottom:0;
   	font-size:1.75em;
   	color:#fff;
   	background:none;
   	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   	filter: alpha(opacity=0);
   	opacity: 0;
   	-webkit-transition: all 0.5s ease-in-out;
   	-moz-transition: all 0.5s ease-in-out;
   	-o-transition: all 0.5s ease-in-out;
   	-ms-transition: all 0.5s ease-in-out;
   	transition: all 0.5s ease-in-out;
}
.view-two h5 {
	padding-top:0.8em;
   	font-size:1.65em;
   	color:#fff;
   	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   	filter: alpha(opacity=0);
   	opacity: 0;
   	-webkit-transition: all 0.5s ease-in-out;
   	-moz-transition: all 0.5s ease-in-out;
   	-o-transition: all 0.5s ease-in-out;
   	-ms-transition: all 0.5s ease-in-out;
   	transition: all 0.5s ease-in-out;
}
.view-two p {
	padding-top:0;
	padding-bottom:2.5em;
   	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   	filter: alpha(opacity=0);
   	opacity: 0;
   	-webkit-transition: all 0.5s ease-in-out;
   	-moz-transition: all 0.5s ease-in-out;
   	-o-transition: all 0.5s ease-in-out;
   	-ms-transition: all 0.5s ease-in-out;
   	transition: all 0.5s ease-in-out;
}
.view-two a.info {
   	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   	filter: alpha(opacity=0);
   	opacity: 0;
   	-webkit-transition: all 0.5s ease-in-out;
   	-moz-transition: all 0.5s ease-in-out;
   	-o-transition: all 0.5s ease-in-out;
   	-ms-transition: all 0.5s ease-in-out;
   	transition: all 0.5s ease-in-out;
}
.view-two:hover .mask {
   	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   	filter: alpha(opacity=100);
   	opacity: 1;
   	-webkit-transform: scale(1);
   	-moz-transform: scale(1);
   	-o-transform: scale(1);
   	-ms-transform: scale(1);
   	transform: scale(1);
   	-webkit-transition-delay: 0.2s;
   	-moz-transition-delay: 0.2s;
   	-o-transition-delay: 0.2s;
   	-ms-transition-delay: 0.2s;
   	transition-delay: 0.2s;
}
.view-two:hover img {
   	-webkit-transform: scale(1.8);
   	-moz-transform: scale(1.8);
   	-o-transform: scale(1.8);
   	-ms-transform: scale(1.8);
   	transform: scale(1.8);
   	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   	filter: alpha(opacity=100);
   	opacity: 100;
   	-webkit-transition-delay: 0s;
   	-moz-transition-delay: 0s;
   	-o-transition-delay: 0s;
   	-ms-transition-delay: 0s;
   	transition-delay: 0s;
}
.view-two:hover h3,
.view-two:hover h5,
.view-two:hover p,
.view-two:hover a.info {
   	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   	filter: alpha(opacity=100);
   	opacity: 1;
   	-webkit-transition-delay: 0.5s;
   	-moz-transition-delay: 0.5s;
   	-o-transition-delay: 0.5s;
   	-ms-transition-delay: 0.5s;
   	transition-delay: 0.5s;
}

/* 3 */

.view-three img {
   -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   -ms-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}
.view-three .mask {
   background-color:#b2923d;
   -webkit-transform: translateX(-100%);
   -moz-transform: translateX(--100%);
   -o-transform: translateX(-100%);
   -ms-transform: translateX(-100%);
   transform: translateX(-100%);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   -ms-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}
.view-three h3 {
   background: rgba(255, 255, 255, 0.25);
   color: #fff;
   font-size:2em;
}
.view-three p {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   color: #fff !important;
   font-style: normal;
   font-family: "Muli",Helvetica,Arial,sans-serif;
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.view-three:hover .mask {
   -webkit-transform: translateX(0px);
   -moz-transform: translateX(0px);
   -o-transform: translateX(0px);
   -ms-transform: translateX(0px);
   transform: translateX(0px);
}
.view-three:hover img {
   -webkit-transform: translateX(100%);
   -moz-transform: translateX(100%);
   -o-transform: translateX(100%);
   -ms-transform: translateX(100%);
   transform: translateX(100%);
}
.view-three:hover p {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}

/*  4  */		

.view-four img {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
.view-four .mask {
   background-color: #b2923d;
}
.view-four .mask p{
  text-shadow:none !important;
  font-family: "Muli",Helvetica,Arial,sans-serif;
  font-weight: normal;
  font-style: normal;
  line-height: 1.5;
  color:#fff !important;
  padding:0px 10px  10px 10px;
  font-size:0.9em;
  margin-bottom:0px;
}
.view-four h3 {
	padding-top:0.4em;
	padding-bottom:0;
   	font-size:1.75em;
   	color:#fff;
   	background:none;
}
.view-four h5 {
	padding-top:0.8em;
   	font-size:1.65em;
   	color:#fff;
}

.view-four .icon-box{
	padding:0.5em;
	margin-top:2em;
	background:rgba(0,0,0,0.3);
	-webkit-border-radius: 50%; 
	border-radius: 50%; 
}

/*====================================================*/
/*==========================*/
/* Tooltips - Smallipop Themes Overwrite */
/*==========================*/
/*====================================================*/

.smallipop-instance {
  position: absolute;
  display: none;
  top: 0;
  left: 0;
  border: 1px solid #222;
  color: #fff;
  z-index: 9999;
  max-width: 400px;
}

/* default theme */
.smallipop-instance.default {
  text-shadow: none ;
  -webkit-box-shadow: none ;
  -moz-box-shadow: none ;
  box-shadow: none ;
  -webkit-border-radius: 0px ;
  -moz-border-radius: 0px ;
  -ms-border-radius: 0px ;
  -o-border-radius: 0px ;
  border-radius: 0px ;
  background: none ;
}
.smallipop-instance.default a {
  text-shadow: none ;
}
.smallipop-instance.default .sipContent {
  border-top: none ;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px ;
  -ms-border-radius: 0px ;
  -o-border-radius: 0px ;
  border-radius: 0px ;
  background-color: #444;
}
.smallipop-instance.default .sipArrow {
  border-color: #222 transparent transparent transparent;
}
.smallipop-instance.default .sipArrowBorder {
  border-color: #222 transparent transparent transparent;
}
.smallipop-instance.default.sipAlignBottom .sipArrow {
  border-color: transparent transparent #222 transparent;
}
.smallipop-instance.default.sipAlignBottom .sipArrowBorder {
  border-color: transparent transparent #222 transparent;
}
.smallipop-instance.default.sipPositionedLeft .sipArrow {
  border-color: transparent transparent transparent #222;
}
.smallipop-instance.default.sipPositionedLeft .sipArrowBorder {
  border-color: transparent transparent transparent #222;
}
.smallipop-instance.default.sipPositionedRight .sipArrow {
  border-color: transparent #222 transparent transparent;
}
.smallipop-instance.default.sipPositionedRight .sipArrowBorder {
  border-color: transparent #222 transparent transparent;
}

.cssgradients.rgba .smallipop-instance.default {
  background-color: transparent;
}


/* blue theme */
.smallipop-instance.blue {
  background: transparent;
  color: #fff ;
  border: none ;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3) ;
  -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3) ;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3) ;
  -webkit-border-radius: 0px ;
  -moz-border-radius: 0px ;
  -ms-border-radius: 0px ;
  -o-border-radius: 0px ;
  border-radius: 0px ;
}

.smallipop-instance.blue .sipContent { background: #b2923d ;}
.smallipop-instance.blue .sipArrow { bottom: -20px ; border-color: #b2923d transparent transparent transparent ;
}
.smallipop-instance.blue.sipAlignBottom .sipArrow { top: -20px ; border-color: transparent transparent #b2923d transparent ;}
.smallipop-instance.blue.sipPositionedLeft .sipArrow { border-color: transparent transparent transparent #b2923d ;}
.smallipop-instance.blue.sipPositionedRight .sipArrow { border-color: transparent #b2923d  transparent transparent ;}

/* white theme */
.smallipop-instance.white {
  background-color: #fff;
  border-color: #ccc;
  text-shadow: 0 1px 1px #eee;
  color: #444;
  width:  inherit;
  max-width: 200px;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
}
.smallipop-instance.white .sipContent {
  text-align: center;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
}
.smallipop-instance.white .sipArrow {
  border-color: #fcfcfc transparent transparent transparent;
}
.smallipop-instance.white .sipArrowBorder {
  border-color: #ccc transparent transparent transparent;
}
.smallipop-instance.white.sipAlignBottom .sipArrow {
  border-color: transparent transparent #fcfcfc transparent;
}
.smallipop-instance.white.sipAlignBottom .sipArrowBorder {
  border-color: transparent transparent #ccc transparent;
}
.smallipop-instance.white.sipPositionedLeft .sipArrow {
  border-color: transparent transparent transparent #fcfcfc;
}
.smallipop-instance.white.sipPositionedLeft .sipArrowBorder {
  border-color: transparent transparent transparent #ccc;
}
.smallipop-instance.white.sipPositionedRight .sipArrow {
  border-color: transparent #fcfcfc transparent transparent;
}
.smallipop-instance.white.sipPositionedRight .sipArrowBorder {
  border-color: transparent #ccc transparent transparent;
}
.smallipop-instance.white .smallipop-tour-progress {
  color: #777;
}
.smallipop-instance.white .smallipop-tour-close-icon {
  background: #fafafa;
  color: #555;
  text-shadow: 0 1px 1px #fff;
}
.smallipop-instance.white .smallipop-tour-close-icon:hover {
  background: #f5f5f5;
  color: #222;
}
.smallipop-instance.white .smallipop-tour-prev,
.smallipop-instance.white .smallipop-tour-next,
.smallipop-instance.white .smallipop-tour-close {
  color: #666;
  background: #f0f0f0;
}
.smallipop-instance.white .smallipop-tour-prev:hover,
.smallipop-instance.white .smallipop-tour-next:hover,
.smallipop-instance.white .smallipop-tour-close:hover {
  color: #333;
  background: #f4f4f4;
}

/*====================================================*/
/*==========================*/
/* Buttons */
/*==========================*/
/*====================================================*/
.simplebutton { 
	border:none; 
	cursor: pointer; 
	font-family: "Muli",Helvetica,Arial,sans-serif; 
	line-height: 1; 
	margin: 0; 
	position: relative;  
	text-decoration: none;  
	text-align: left;
	display: block;  
	padding: 0.6em 1.5em; 
	font-size: 1em; 
	font-weight:600;
	color: #e3e2e2;
	background:#333;
	min-width:160px;
	width:100%;
}
.simplebutton:hover { 
	color: #fff;
}

.flag{padding-left:0.85em; margin-top:0.35em}

.button { 
	border:none; 
	cursor: pointer; 
	font-family: "Muli",Helvetica,Arial,sans-serif;
	font-weight: 500; 
	text-transform:uppercase;
	line-height: 1; 
	margin: 0 0 1.25em; 
	position: relative;  
	text-decoration: none;  
	text-align: center; 
	display: block;  
	padding: 0.6em 1.5em; 
	font-size: 1.25em;
	color: #fff; 
	border:rgba(0, 0, 0, 0.15) 1px solid; 
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #111), color-stop(1, #555) );
	background:-moz-linear-gradient( center top, #111 5%, #555 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#111', endColorstr='#555');
	background-color:#111;
}
.button span{
	color:#b2923d;
}
.button:hover, .button:focus {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #444), color-stop(1, #222) );
	background:-moz-linear-gradient( center top, #444 5%, #222 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#444', endColorstr='#222');
	background-color:#333;
}
.button.secondary {
	border:rgba(0, 0, 0, 0.15) 1px solid;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9) );
	background:-moz-linear-gradient( center top, #e9e9e9 5%, #f9f9f9 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9');
	background-color:#f9f9f9;
	color: #333333;
	-webkit-box-shadow: inset 0 1px 0px rgba(255, 255, 255, 0.4);
  	box-shadow: inset 0 1px 0px rgba(255, 255, 255, 0.4);
}
.button.secondary:hover, .button.secondary:focus {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ccc), color-stop(1, #f9f9f9) );
	background:-moz-linear-gradient( center top, #ccc 5%, #f9f9f9 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ccc', endColorstr='#f9f9f9');
	background-color:#ccc;
}
.button.secondary span{
	color:#333;
}
.button.success {
	border:rgba(0, 0, 0, 0) 1px solid;
	color: #fff; 
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b2923d), color-stop(1, #b2923d) );
	background:-moz-linear-gradient( center top, #b2923d 5%, #b2923d 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b2923d', endColorstr='#b2923d');
	background-color:#b2923d;
	-webkit-box-shadow: inset 0 1px 0px rgba(255, 255, 255, 0);
  	box-shadow: inset 0 1px 0px rgba(255, 255, 255, 0);
}
.button.success:hover, .button.success:focus {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b7b1b5), color-stop(1, #b7b1b5) );
	background:-moz-linear-gradient( center top, #b7b1b5 5%, #b7b1b5 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b7b1b5', endColorstr='#b2923d');
	background-color:#b7b1b5;
}
.button.success span{
	color:#ffffff;
}
.button.black {
	border:rgba(0, 0, 0, 0.25) 1px solid;
	color: #fff; 
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #111), color-stop(1, #222) );
	background:-moz-linear-gradient( center top, #111 5%, #222 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#111', endColorstr='#222');
	background-color:#111;
	-webkit-box-shadow: inset 0 1px 0px rgba(255, 255, 255, 0.4);
  	box-shadow: inset 0 1px 0px rgba(255, 255, 255, 0.4);
}
.button.black:hover, .button.black:focus {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #222), color-stop(1, #111) );
	background:-moz-linear-gradient( center top, #222 5%, #111 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#222', endColorstr='#111');
	background-color:#222;
}
.button.black span{
	color:#ffffff;
}
.button.portfolio {
	border:none;
	color: #fff; 
	background:#735c0b;
	padding: 0.4em 1.3em;
	font-size: 1em;
	-webkit-border-radius: 3px; 
	border-radius: 3px; 
}
.button.portfolio:hover, .button.portfolio:focus {
	color: #fff;
	background:#b2923d;
}
.button.alert {
	color: #fff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #c60f13), color-stop(1, #950c0f) );
	background:-moz-linear-gradient( center top, #c60f13 5%, #950c0f 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c60f13', endColorstr='#950c0f');
	background-color:#c60f13;
	-webkit-box-shadow: inset 0 1px 0px rgba(255, 255, 255, 0.4);
  	box-shadow: inset 0 1px 0px rgba(255, 255, 255, 0.4);
}
.button.alert:hover, .button.alert:focus {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #760a0d), color-stop(1, #950c0f) );
	background:-moz-linear-gradient( center top, #760a0d 5%, #950c0f 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#760a0d', endColorstr='#950c0f');
	background-color:#760a0d;
}
.button.alert span{
	color:#ffffff;
}

.button.search {
	color: #fff;
	background: rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: inset 0 1px 0px rgba(255, 255, 255, 0.4);
  	box-shadow: inset 0 1px 0px rgba(255, 255, 255, 0.4);
}
.button.search:hover, .button.search:focus {
	background: rgba(0, 0, 0, 0.8);
	-webkit-box-shadow: inset 0 1px 0px rgba(255, 255, 255, 0.4);
  	box-shadow: inset 0 1px 0px rgba(255, 255, 255, 0.4);
}
.button.search span{
	color:#fff;
}

.button.large {padding-top: 0.6em;padding-right: 1.5em; padding-bottom: 0.6em; padding-left: 1.5em; font-size: 1.25em; }
.button.medium { padding-top: 0.5825em; padding-right: 0.35em; padding-bottom: 0.5625em; padding-left: 0.35em; font-size: 1.1em; }
.button.small { padding-top: 0.5625em; padding-right: 1.125em; padding-bottom: 0.625em; padding-left: 1.125em; font-size: 0.9em; }
.button.tiny {padding-top: 0.4375em; padding-right: 0.875em; padding-bottom: 0.5em; padding-left: 0.875em; font-size: 0.8em; }
.button.expand {width: 100%; }

.button.left-align {text-align: left; text-indent: 0.75em; }
.button.right-align {text-align: right; padding-right: 0.75em; }
.button.disabled, .button[disabled] { background-color: #b2923d; color: #fff; cursor: default; opacity: 0.6; -webkit-box-shadow: none; box-shadow: none; }
.button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {background-color: #0099cc; }
.button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus { color: white; }
.button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus { background-color: #b2923d; }
.button.disabled.secondary, .button[disabled].secondary {background-color: #e9e9e9; color: #333333; cursor: default;opacity: 0.6; -webkit-box-shadow: none; box-shadow: none; }
.button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {background-color: #d0d0d0; }
.button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {color: #333333; }
.button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {background-color: #e9e9e9; }
.button.disabled.success, .button[disabled].success {background-color: #b2923d; color: white; cursor: default;opacity: 0.6; -webkit-box-shadow: none; box-shadow: none; }
.button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {background-color: #b2923d; }
.button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {color: white; }
.button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {background-color: #b2923d; }
.button.disabled.alert, .button[disabled].alert {background-color: #c60f13; color: white; cursor: default; opacity: 0.6; -webkit-box-shadow: none; box-shadow: none; }
.button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {background-color: #970b0e; }
.button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {color: white; }
.button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {background-color: #c60f13; }

input.button,
button.button { padding-top: 0.8125em; padding-bottom: 0.75em; }
input.button.tiny,
button.button.tiny {padding-top: 0.5em; padding-bottom: 0.4375em; }
input.button.small,
button.button.small {padding-top: 0.625em; padding-bottom: 0.5625em; }
input.button.large,
button.button.large {padding-top: 1.03125em; padding-bottom: 1.03125em; }

@media only screen {
.button { -webkit-box-shadow: none;  box-shadow: none; }
.button:active { -webkit-box-shadow: none;  box-shadow: none; }
.button.radius { -webkit-border-radius: 3px; border-radius: 3px; }
.button.round {-webkit-border-radius: 1000px; border-radius: 1000px; }
 }
@media only screen and (min-width: 48em) {
  .button {display: inline-block; }
  }


/*====================================================*/
/*==========================*/
/* Twitter */
/*==========================*/
/*====================================================*/

.jta-tweet-list { list-style:none; margin-bottom:0;}

.jta-tweet-attributes {width:100%; text-align:right; float:left; font-style: italic;}

.jta-tweet-actions
{
	display: block;
    color: #e3e2e2;
    font-size: 11px;
    margin-top: 3px;
}

.jta-tweet-action-reply,
.jta-tweet-action-retweet,
.jta-tweet-action-favorite
{
	padding-right: 1em;
}

.jta-tweet-action-reply a,
.jta-tweet-action-retweet a,
.jta-tweet-action-favorite a
{
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-left: 19px;
	padding-top: 3px;
	color: #e3e2e2;
	text-decoration: none;
}

.jta-tweet-action-reply a    { background-image: url(http://si0.twimg.com/images/dev/cms/intents/icons/reply.png); }
.jta-tweet-action-retweet a  { background-image: url(http://si0.twimg.com/images/dev/cms/intents/icons/retweet.png); }
.jta-tweet-action-favorite a { background-image: url(http://si0.twimg.com/images/dev/cms/intents/icons/favorite.png); }

.jta-tweet-action-reply a:hover,
.jta-tweet-action-retweet a:hover,
.jta-tweet-action-favorite a:hover
{
    color: #666666;
	text-decoration: underline;
}

.jta-tweet-action-reply a:hover    { background-image: url(http://si0.twimg.com/images/dev/cms/intents/icons/reply_hover.png); }
.jta-tweet-action-retweet a:hover  { background-image: url(http://si0.twimg.com/images/dev/cms/intents/icons/retweet_hover.png); }
.jta-tweet-action-favorite a:hover { background-image: url(http://si0.twimg.com/images/dev/cms/intents/icons/favorite_hover.png); }


/* ======================== Back To Top ===================== */

.scrollup{width:32px; height:32px; opacity:1; position:fixed; bottom:12px; right:12px; display:none; background:#333; z-index:99999; -webkit-border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; color:#fff; font-size:1.25em; padding: 5px 0 0 7px}
.scrollup:hover{ opacity:0.9; background:#b2923d; color:#fff}

/*====================================================*/
/*==========================*/
/* Carousel */
/*==========================*/
/*====================================================*/
.list_carousel {margin-left:0;}
.list_carousel ul {	margin: 0;	padding: 0;	list-style: none;display: block;}
.list_carousel li {	color: #e3e2e2;text-align: center;	background-color: #eee;	width: 320px;padding: 0; display: block;	float: left;			}
.list_carousel.responsive {	width:auto; margin-left: 0;	}

.clearfix {float: none;clear: both;	}
				
.list_carousel .carousel_nav{ position:absolute; padding-right:15px; right:0; top:22px;}			
a.prev, a.next {background:#111;display: block;position: relative;float:left; text-align:center; padding:5px 10px; color: #ccc;}
a.prev [class^="icon-"], a.prev [class*=" icon-"], a.next [class^="icon-"], a.next [class*=" icon-"] { padding:0;}
a.prev {background-position: 0 0; margin-left:0px;}

a.prev:hover, a.next:hover { background:#b2923d; color: #fff;}

a.prev.disabled {-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=20); opacity: 0.2; background:none}
a.next.disabled {-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=20); opacity: 0.2; background:none}

a.prev.disabled, a.next.disabled {cursor: default;}

.pager {float: left; width: 300px; text-align: center;}
.pager a {margin: 0 5px;text-decoration: none;}
.pager a.selected {text-decoration: underline;}
.timer {background-color: #e3e2e2;height: 6px;width: 0px;}		

/*====================================================*/
/*==========================*/
/* FRAMEWORK DEMO CSS */
/*==========================*/
/*====================================================*/

.magellan-demo { background:rgba(255, 255, 255, 0.35); padding:8px 10px;}

/* ======================== Contact Page ===================== */

.contact-form1{}
.contact-form1 textarea{ height:250px;}
.contact-form1 form{ background:#F8F8F8; padding:20px; margin: 20px 0;}

.contact-details p{ margin-bottom:5px;}
.contact-details p span{ color:#b2923d;}

.map_location{ margin:20px 0; padding:10px; border:1px solid #efefef; background:#f8f8f8;}
#map_canvas { height: 320px;}

/*-----------Flickr Footer-----------*/
.thumbs { 
	margin: 0px; 
	padding: 0px; 
	overflow: hidden; 
}
.thumbs li { 
	list-style: none; 
	float: left;
}
.thumbs li a { }
.thumbs li img { 
	display: block; 
}
.thumbs li a img { 
	border: none;
	width:52px;
	height:40px;
	margin:8px;
	border:#333333 0px solid;
	outline:#fff 1px solid;	
}
.thumbs li a img:hover{
	outline:#b2923d 1px solid;
	-webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
/*-----------Flickr Sidebar-----------*/
.sidebarthumbs { 
	margin: 0px; 
	padding: 0px; 
	overflow: hidden; 
}
.sidebarthumbs li { 
	list-style: none; 
	float: left;
}
.sidebarthumbs li a { }
.sidebarthumbs li img { 
	display: block; 
}
.sidebarthumbs li a img { 
	border: none;
	width:52px;
	height:40px;
	margin:6px;
	border:#cccccc 0px solid;
	outline:#cccccc 2px solid;	
}
.sidebarthumbs li a img:hover{
	outline:#b2923d 2px solid;
	-webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}

/*-----------Centering-----------*/
.center{margin:auto; text-align:center}

/*-----------Portfolio-----------*/
.filter{padding: 0px 0;margin-bottom: 20px;}
.filter li {display:inline-block; margin-left:0;margin-bottom:7px;}
.filter li:first-child{margin-left:0}
.filter li.active a, .filter li:hover a{background:#b2923d; color:#fff; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; }
.filter li a {font-family:"Muli",Helvetica,Arial,sans-serif; color:#fff; font-size:0.9em; padding:4px 10px; background:rgba(0, 0, 0, 0.25);}
.portfolio-content, .filter{list-style:none}
.portfolio-content li {margin-bottom:20px}

/*-----------Texture Band-----------*/
.band{background:url(../images/footer-bg.gif) center repeat; padding:1em 0}
.band h4, .band h5, .band h4, .band h5, .band h6{ color:#111}
.band p{ color:#333} 
.band2{background:rgba(255, 255, 255, 0.25); padding:2em 0}
.band3{background:rgba(0, 0, 0, 0.5); padding:2em 0}
.bandblack{background:rgba(17, 17, 17, 0.8); padding:2em 0}
.band h4, .band2 h4, .band3 h4, .bandblue h4, .bandblue h4, .bandblack h4{padding-top:0.25em; padding-bottom:0.25em}
.col-hover{background:rgba(255,255,255,0.85)}
.col-hover h4, .col-hover h5, .col-highlight h4, .col-highlight h5, .col-highlight h6{ color:#fff; background:rgba(0,0,0,0.45); padding:0.3em 1em; margin-top:0}
.col-hover p, .col-highlight p{ color:#111; text-shadow:none; padding:0.5em 1em 0em 1em; }
.col-hover .button{ margin:0.5em 1em 1em 1em; }

/*-----------Blog-----------*/
.content_wrapper{ margin-top:25px;}
.post_img{position:relative; line-height:0}
.mod_con_img{position:relative}
.post_text{font-size: 0.9em; margin-top: 0px; padding:0 20px}
.post .button{margin-left:20px; margin-right:20px}
.post{margin-bottom: 15px; background: rgba(255, 255, 255, 0.85); max-width:960px; -webkit-border-radius: 3px; border-radius: 3px; padding-bottom:1px}
.post h3, .post h2{ font-size:28px; padding:10px 20px 0px 20px; margin-top:0}
.post h4{ font-size:22px; padding:10px 20px 0px 20px; margin-top:0}
.post h5{ font-size: 1.35em; padding:0px 20px 2px 0px; margin:0; color:#111 !important;}
.post h4 a, .post h5 a{ padding:0px 20px; margin-top:0; color:#333}
.meta {position:absolute; top:0px; right:0px; list-style:none}
.meta li {background:rgba(0, 0, 0, 0); padding:0.5em 1em; color:#333; font-family: "Muli",Helvetica,Arial,sans-serif; font-size:1.25em; text-align:center; border-bottom:#111 0px solid}
.meta .comments{background:#b2923d; color:#fff}
.meta .calendar{background:#111; color:#fff}
.contact_title{margin-bottom: 0.4em; margin-top: 1em; color:#fff;}
.post h3,.post h3 a, .post h4,.post h4 a, .post h5,.post h5 a{color:#111}
.post h3 a:hover, .post h2 a:hover{color:#ccc}
.post h4 a:hover, .post h5 a:hover{color:#e3e2e2}
.post p{color:#111}
.post code{color:#666}

/*-----------Single Post-----------*/
.comment_count{padding: 10px 0 10px 10px; font-weight:500; color:#333;}
.post.single-post{padding-bottom:10px}
.addthis_toolbox{padding:20px;}
/*-----------Comments-----------*/
.comments{background:rgba(255, 255, 255, 0.85); max-width:960px}
.comment_list{
    list-style: none;
    overflow: hidden;
    margin: 0; 
}
.com_item:first-child{   
    margin-top: 0;
    padding-top: 0;
}
.com_item{
    padding-top: 0px;
    float: left;
    width: 100%;
}
.com_main{
    padding: 10px;
    margin: 0;
    height: 100%;
}
.avatar{
    width: 65px;
	height:65px;
    position: relative;
    float: left;
    margin-right: 15px;
}
.avatar img{
    width: 65px;
    height: 65px;
}
.com_content{
    float: left;
}
.user_name>a{
    font-family: "Muli",Helvetica,Arial,sans-serif;
    font-size: 0.9em;  
    color:#b2923d;
}
.com_date{
    font-family: "Muli",Helvetica,Arial,sans-serif;
    font-size: 0.9em;  
    color: #666;
}
 p.com_text{
    font-family: "Muli",Helvetica,Arial,sans-serif;
    font-size: 0.9em; 
    color:#333;
}
.com_reply{
    width: 100%;
    float: right;
    margin-top: -5px;;
}
.com_item .com_child{
    list-style: none;
    float: left;
    position: relative;
    margin: 0;
    padding: 0px 0 0 75px;
    width: 100%;    
}
.com_item .com_child .com_item{
    position: relative;   
}

.inline-list h5
{
    color:#b2923d;
    
}